/*
Theme Name: RunRio
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 12px 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;
}

/* 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:0px 10px 0px 15px;
}
.sidebar_others .boxhead {
	color:#f1aa01;
	font-size:14px;
	margin:0px;
	padding:0px 0px 10px 0px;
}

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;
	background-image:url(images/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	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;}

.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:#7d1014; 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;
}
.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;
}


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

.searchbox {width:160px; padding:0px 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 10px 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:10px 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;}

.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;
}

/* Home */
.content-home {
	width:770px;
	background-image:url(images/main_bg2.gif);
	background-repeat:repeat-y;
}
.home-topcontent {
	width:770px;
	background-color:#000000;
	height:372px;
}
.home-topcontent-row1 {width:770px; height:266px;}
.home-topcontent-fpss {width:540px; height:266px; float:left;}
.home-topcontent-welcome {
	width:200px;
	height:234px;
	float:right;
	background-image:url(images/home_welcome.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:32px 10px 0px 20px;
}
.home-topcontent-welcome p {line-height:18px; padding:0px 0px 5px 0px;}
.home-topcontent-welcome h3 {
	color:#f1aa01;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 5px 0px;
}

.home-topcontent-row2 {width:770px; height:106px;}
.home-topcontent-runrio {width:350px; height:106px; float:right;}
.home-topcontent-runriodesc {width:380px; height:86px; float:left; padding:20px 0px 0px 20px;}
.home-topcontent-runriodesc {
	line-height:20px;
	color:#7d7d7d;
	font-size:12px;
	text-align:justify;
}

.home-lower {
	width:770px;
	background-image:url(images/mainlower1.gif);
	background-repeat:repeat-y;
	background-position:top left;
}
.home-lower2 {
	width:750px;
	background-image:url(images/mainlower2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 10px 0px 10px;
}
.home-lower2-news {width:230px; float:left; font-size:11px; padding:10px 0px 0px 0px;}
.home-lower2-othercontent {width:510px; float:right;}

.home-lower2-news a {color:#747474;}
.home-lower2-news a:hover {color:#f1aa01;}

.home-lower2-news p {padding:0px 10px 10px 10px;}

.home-lower2 h3 {
	color:#f1aa01;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	margin:0px;
	padding:0px 0px 10px 0px;
}
.home-lower2-news h3 {padding:0px 0px 10px 10px;}
.home-lower2-othercontent h3 {padding:10px 0px 10px 0px;}
.home-lower2-othercontent h3 span.text {
	text-transform:none;
	font-size:11px;
	color:#7d7d7d;
	font-weight:normal;
	font-style:normal;
	padding-left:5px;
}
.home-lower2-othercontent .thumbox {
	width:160px;
	text-align:center;
	float:left;
	margin:10px 5px 0px 5px;
	font-size:11px;
}
.home-lower2-othercontent .thumbox span.link {
	display:block;
	padding:6px 0px 0px 0px;
}
.home-lower2 ul {margin:0px; padding:5px 0px 7px 0px; list-style-type:none;}
.home-lower2 ul li {
	line-height:16px;
	color:#343434;
	border-bottom:1px solid #151515;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 15px;
}
.home-lower2 ul li a {color:#7d1014;}
.home-lower2 ul li a:hover {color:#005aa9;}

.theblogs {width:510px; padding:20px 0px 0px 0px;}
.blogrio {
	width:248px;
	background-color:#00101b;
	border:1px solid #00070b;
	background-image:url(images/bloghome1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	padding:65px 0px 10px 0px;
	color:#343434;
	line-height:16px;
	font-size:11px;
}
.blogrio a {color:#004675;}
.blogrio a:hover {color:#f1aa01;}
.blogk {
	width:248px;
	background-color:#240102;
	border:1px solid #00070b;
	background-image:url(images/bloghome2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	padding:65px 0px 10px 0px;
	color:#484848;
	line-height:16px;
	font-size:11px;
}
.blogk a {color:#7e0101;}
.blogk a:hover {color:#f1aa01;}
.blogpostshomebox {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px 10px 10px 22px;
}
.blogrio .blogpostshomebox {background-image:url(images/homeicon1.gif);}
.blogk .blogpostshomebox {background-image:url(images/homeicon2.gif);}

/* 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
	}

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