/*
Theme Name: RunRio2
Theme URI: http://runrio.com/
Description: Custom web design by <a href="http://sheeromedia.com/">Sheero Media</a>.
Version: 1.0
Author: Sheero Media
Author URI: http://sheeromedia.com/
Tags: custom design, exclusive license

	This layout is for the website of
	RunRio (runrio.com)
	only and may not be used for any other purpose.

*/


/* Begin Typography & Colors */
body {
	background:#000000;
	margin:0px;
	padding:0px 0px 0px 0px;
	background-image:url(images/page_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
}
body, td, th {
	color:#bebebe;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.container {
	width:960px;
	margin:auto;
}
.container2 {
	width:960px;
	padding:56px 0px 30px 0px;
}

.topleaderad {
	width:770px;
	position:absolute;
	z-index:20;
	padding:0px 10px 0px 180px;
}

.topleaderad img {border:none;}

img {border:none;}

p {margin:0px; padding:0px 0px 10px 0px; line-height:20px;}

a {color:#005aa9;}
a:hover {color:#7d1014;}

img, div, a { behavior: url(iepngfix.htc); }


/* Footer */
.footerlogos {
	width:960px;
	background-image:url(images/bg35.png);
	background-repeat:repeat;
	padding:10px 0px 10px 0px;
	text-align:center;
}

#footer {
	width:960px;
	color:#6f6f6f;
	text-align:center;
	font-size:11px;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#footer a {color:#6f6f6f; text-decoration:underline;}
#footer a:hover {color:#ffffff;}

/* Main */
.body {
	width:960px;
	background-image:url(images/main_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 0px 1px 0px;
}


.col1 {width:180px; float:left;}
.col2 {
	width:770px;
	float:right;
	padding:34px 10px 0px 0px;
	background-image:url(images/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/* Sidebar */
.logo {width:180px; height:161px;}

.leftsidebar {margin:0px; padding:5px 0px 0px 0px; color:#898989;}

.leftsidebar ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none;}
.leftsidebar ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 18px;
	background-image:url(images/sidebarlefticon.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.leftsidebar p {
	font-size:11px;
	line-height:16px;
	padding:0px 0px 8px 0px;
}

.sidebar_timer {
	margin:0px;
	padding:0px 0px 0px 0px;
}
.sidebar_timer .racename {
	margin:0px 6px 0px 10px;
	padding:10px 0px 0px 0px;
	background-color:#0a0a0a;
	text-align:center;
	color:#f1aa01;
	line-height:normal;
	font-size:16px;
}
.sidebar_timer .timer {
	margin:0px;
	padding:10px 0px 15px 44px;
	background-image:url(images/timer.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

.sidebar_racekits {
	margin:0px 6px 0px 10px;
	padding:0px 10px 10px 10px;
	background-color:#0a0a0a;
}
.sidebar_racekits .boxhead {
	font-size:11px;
	color:#818181;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
	margin:0px;
	padding:0px 0px 8px 0px;
}

.sidebar_others {
	margin:15px 0px 0px 0px;
	padding:10px 10px 10px 15px;
	border-top:1px solid #2a2a2a;
	border-bottom:1px solid #2a2a2a;
}
.sidebar_others .boxhead {
	color:#8f6501;
	font-size:14px;
	line-height:normal;
	margin:0px;
	padding:0px 0px 8px 0px;
	text-align:center;
}
.sidebar_others p {
	font-size:11px;
	color:#898989;
	line-height:16px;
	text-align:justify;
}

.sidebar_mailinglist {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	color:#7d7d7d;
	font-size:12px;
	line-height:16px;
}
.sidebar_mailinglist form {margin:0px; padding:0px; text-align:center;}
.sidebar_mailinglist form input.button {
	margin-top:5px;
	padding:3px 5px 3px 5px;
	background-color:#252525;
	color:#7d7d7d;
	font-size:11px;
	border-top:1px solid #636363;
	border-right:1px solid #121212;
	border-bottom:1px solid #080808;
	border-left:1px solid #454545;
}
.sidebar_mailinglist form input.listfield {border:1px solid #121212; padding:3px 5px 3px 5px; width:140px;}
.sidebar_mailinglist p {text-align:center;}

.sidebar_rssfeed {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 15px;
	color:#7d7d7d;
	line-height:16px;
	line-height:normal;
}
.sidebar_rssfeed a {text-decoration:none; font-size:10px;}

ul.sidebarnav {
	width:178px;
	color:#959595;
	font-size:10px;
	text-transform:uppercase;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 2px;
}
ul.sidebarnav li {
	margin:0px;
	padding:0px;
	width:178px;
	height:32px;
}
ul.sidebarnav li a {
	display:block;
	width:148px;
	height:32px;
	text-decoration:none;
	background-image:url(images/sidebarbutton.png);
	background-repeat:no-repeat;
	color:#959595;
	padding:0px 0px 0px 30px;
	line-height:27px;
}

ul.sidebarnav li a:hover {background-position:-178px 0; color:#ffffff;}

/* Main Body */
.main {
	width:770px;
	padding:10px 0px 10px 0px;
}
.topnav {
	width:768px;
	height:41px;
	background-image:url(images/topnav.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 2px;
}


.content {
	width:560px;
	float:left;
	padding:20px 0px 0px 21px;
}
.content p {text-align:justify;}

.content ul {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:10px; text-align:justify;}
.content ul li {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:8px; line-height:20px;}

.content h2 {
	margin:0px;
	color:#f1aa01;
	font-size:20px;
	padding:0px 0px 15px 0px;
	font-weight:bold;
}
.content h2 span.date {
	display:block;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 0px 0px;
}
.content h3 {
	margin:0px;
	color:#7d1014;
	font-size:18px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
.content h4 {
	margin:0px;
	color:#7d1014;
	font-size:16px;
	padding:10px 0px 5px 0px;
	font-weight:bold;
}

.postbox {
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #2e2e2e;
}
.postbox h3 {
	margin:0px;
	color:#7d1014;
	font-size:18px;
	padding:0px 0px 15px 0px;
	font-weight:bold;
}
.postbox h3 a {color:#981217; text-decoration:none;}
.postbox h3 a:hover {color:#f1aa01;}
.postbox h3 span.date {
	display:block;
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 0px 0px;
}
.postbox h3 span.datearchive {
	display:block;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
	padding:3px 0px 0px 0px;
	color:#6a080b;
}
.content .postmetadata {
	font-style:italic;
	border-top:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
	margin:5px 0px 15px 0px;
	padding:10px 0px 10px 0px;
}

.content .authordesc {
	display:block;
	background-image:url(images/bluebg30.png);
	margin:10px 0px 10px 0px;
	padding:15px 15px 5px 15px;
	color:#707070;
	font-size:11px;
}
.content .authordesc p {line-height:16px;}

.theauthor {
	display:block;
	color:#976b01;
	font-size:16px;
	font-weight:bold;
	padding-bottom:4px;
}

.rightsidebar {
	width:160px;
	float:right;
	padding:0px 10px 0px 0px;
	font-size:11px;
	color:#959595;
}
.rightsidebar p {line-height:16px;}

.searchbox {width:160px; padding:10px 0px 10px 0px;}
.searchbox form {margin:0px; padding:0px;}
input.searchfield {
	width:148px;
	color:#8f5050;
	font-size:11px;
	margin:0px 0px 5px 0px;
	padding:3px 5px 3px 5px;
	background-color:#280000;
	border:1px solid #480000;
}
input.searchbutton {
	color:#8f5d03;
	font-size:11px;
	background-color:#420000;
	border-top:1px solid #6d0e0e;
	border-right:1px solid #220000;
	border-bottom:1px solid #0f0000;
	border-left:1px solid #580707;
}
.rightsidebar a {color:#990101;}
.rightsidebar a:hover {color:#f1aa01;}
.rightsidebar ul {margin:0px; padding:0px 0px 5px 0px; list-style-type:none;}
.rightsidebar ul li{
	margin:0px;
	padding:0px 0px 0px 0px;
}
.rightsidebar ul li h2 {
	color:#f1aa01;
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	margin:0px;
	padding:15px 0px 7px 0px;
	font-weight:bold;
}
.rightsidebar ul li ul {margin:0px; padding:0px;}
.rightsidebar ul li ul li {
	background-color:#121212;
	margin:0px 0px 1px 0px;
	padding:10px 10px 10px 10px;
}
.rightsidebar ul li ul li a {color:#024783;}
.rightsidebar ul li ul li a:hover {color:#990101;}

.bookmarkslabel {
	color:#f1aa01;
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	margin:0px;
	padding:15px 0px 7px 0px;
	font-weight:bold;
	display:block;
}

.rightsidebar ul.bookmarks {margin:0px; padding:0px 0px 10px 0px; list-style-type:none;}
.rightsidebar ul.bookmarks li {
	background-color:#121212;
	margin:0px 0px 1px 0px;
	padding:10px 10px 5px 10px;
}
.rightsidebar ul.bookmarks li h2 {
	color:#8f6501;
	font-size:12px;
	text-transform:none;
	font-style:normal;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
}
.rightsidebar ul.bookmarks li ul {margin:0px; padding:0px;}
.rightsidebar ul.bookmarks li ul li {
	background-color:transparent;
	margin:0px 0px 4px 0px;
	padding:0px 10px 4px 10px;
	background-image:url(images/linkicon.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


.rightsideads {
	display:block;
	padding:0px 0px 3px 0px;
}
.rightsideads img {border:none;}

.bottombar {
	width:750px;
	margin:10px 10px 0px 10px;;
	padding:0px 0px 0px 0px;
	background-image:url(images/bg35.png);
	background-repeat:repeat;
	color:#7d7d7d;
	font-size:11px;
}
.bottomrssfeed {
	width:220px;
	float:left;
	background-image:url(images/bg50.png);
	background-repeat:repeat;
	padding:5px 5px 5px 5px;
}
.bottomrssfeed a {
	width:190px;
	height:25px;
	display:block;
	line-height:25px;
	background-image:url(images/rssicon.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	color:#024783;
}
.bottomrssfeed a:hover {color:#7d1014;}
.bottomlist {
	width:510px;
	float:right;
	padding:5px 5px 5px 5px;
	height:25px;
	line-height:25px;
	display:block;
	text-align:right;
}
.bottomlist form {margin:0px; display:inline;}
.bottomlist fieldset {border:none; margin:0px;}
input.listfield {
	color:#7d7d7d;
	background-color:#252525;
	border:1px solid #252525;
}

/* Comments */
ol.commentlist {
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
}
ol.commentlist li {
	background-color:#1c1c1c;
	margin:0px 0px 3px 0px;
	padding:10px;
	color:#7d7d7d;
}
ol.commentlist li .avatar { 
	float: right;
	border: 1px solid #4e090c;
	padding: 2px;
	background: #7b1113;
}
ol.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
}
ol.commentlist .commentmetadata {font-size:10px; display:block; padding:5px 0px 10px 0px;}
ol.commentlist .commentmetadata a {color:#7d7d7d; text-decoration:none;}
ol.commentlist .commentmetadata a:hover {color:#7d1014; text-decoration:none;}
ol.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

ol.commentlist li ul {margin:10px 0px 0px 0px; list-style-type:none;}
ol.commentlist li ul li {background-color:#000000;}

.navigation {
	display: block;
	text-align: center;
	margin:20px 0px 20px 0px;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Menu */

.topnavmenu {width:768px; height:41x;}
.topnavmenu ul {margin:0px; padding:0px; list-style-type:none;}
.topnavmenu ul li {float:left; width:128px; height:41px; text-align:center;}
.topnavmenu ul li a {
	display:block;
	width:128px;
	height:41px;
	background-image:url(images/menu1a.gif);
	background-repeat:no-repeat;
	line-height:41px;
	text-decoration:none;
	color:#a1a1a1;
	background-position:0px 0px;
	font-size:10px;
	text-transform:uppercase;
}
.topnavmenu ul li a:hover {color:#ffffff; background-position:-128px 0;}


/* Overrides */
.yellow {color:#f1aa01;}
.picleft {float:left; margin:0px; padding:0px 15px 15px 0px;}
.picright {float:right; margin:0px; padding:0px 0px 15px 15px;}
.center {text-align:center;}