/*



Theme Name: Ride Trials Custom Theme by Aby Design



Theme URI: http://abydesign.com



Description: Custom WordPress Theme for <strong>Ride Trials</strong> made by <a href="http://abydesign.com">Aby Design</a>.



Tags: minimal, framework, 960



Version: 1.0



Author: Aaron Boynton



Author URI: http://aaronboynton.com



*/











/* Reset Stylesheet */







@import url('css/reset.css');
/* Ride Trials CSS Document */







body {
	background:#000 url(imgs/top_ribbon.gif) repeat-x top left;
	font-size:12px;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	height:100%;
}
h1 {
	font-size:1.6em;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	text-align:left;
}
h2 {
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
a {
	color:#FFFFFF;
}
p {
	margin:5px 0px;
	line-height:1.5em;
	letter-spacing:0px;
}
hr {
color:#393939;background-color:#393939;height:1px;border:none;margin:15px 0px 25px;
}
strong {
font-weight:bold;
color:#EEE;
}
p.price {
	font-weight:bold;
	font-size:1.2em;
}
#page {
	width:980px;
	margin:0 auto;
	background: transparent url(imgs/ridetrials_logo2.gif) top left no-repeat;/* min-height:700px; height:700px; */
}
#header {
	width:100%;
	height:180px;
}
#topnav {
	width:350px;
	float:right;
	color:#FFFFFF;
	margin-top:8px;
	margin-right:10px;
	text-align:right;
}
#topnav li {
	text-align:right;
	list-style:none;
	display:inline;
	white-space:nowrap;
	margin-left:16px;
}
#mainnav {
	float:left;
	width:775px;
	font-size:1.9em;
	margin-top:75px;
	margin-left:15px;
	color:#000;
}
#mainnav li {
	list-style:none;
	display:inline;
	white-space:nowrap;
	margin-right:5px;
}
/*







#mainnav li a {







	text-decoration:none;







	color:#000000;







}







#mainnav li a:hover {







	text-decoration:none;







	color:#FFF;







}







#mainnav .selected {







	text-decoration:none;







	color:#FFF;







}







*/







#mainnav .end {
	margin-right:0px;
}
/* 















* Main Body 















*















*/































.mainbody_bg {
	border:1px solid #595959;
	background:transparent url(imgs/body_bg.jpg) 0% 50% repeat-y;
	margin:0px 0px 20px 0px;
	height:100%;
}
.mainbody {
	color:#FFFFFF;
	background:transparent url(imgs/opacity_bg.png) top left repeat;
	min-height:500px;
	margin:20px;
	padding:5px;
}
#mainleft {
	float:left;
	width: 575px;
	min-height:500px;
	padding:0 25px 0 0;
	margin:15px;
	border-right:1px solid #595959;
}
#mainright {
	float:right;
	width:300px;
	min-height:500px;
	text-align: center;
	margin:15px;
}
#mainfull {
	background:none;
	width:100%;
}
#mainimage {
	width:475px;
	height:316px;
	margin:25px auto 40px;
	border:3px solid #333;
        position:relative;
}
.caption {
	text-align:center;
}
.wp-caption {
	border: 1px solid #292929;
	text-align: center;
	background-color: #000;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	color:#DDD;
	font-size: 1.2em;
	font-weight:bold;
	padding: 3px 4px 5px 0px;
	margin: 0;
}
.aligncenter {
	margin:15px auto 25px;
}
img.alignright {
	float:right;
	margin:0 0 1em 1em
}
img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	margin-bottom: 25px;
}
a img.alignright {
	float:right;
	margin:0 0 1em 1em
}
a img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	margin-bottom: 25px;
}
.classifieds {
	margin:20px 0px;
	min-height:190px;
	border-bottom:3px dashed #333;
	clear:both;
}
#foot_ad {
	clear:both;
	width:100%;
	margin:0px;
	text-align:center;
	color:#666666;
	padding: 25px 0px;
}
#footer {
	clear:both;
	width:100%;
	margin:5px 0px 30px;
	text-align:center;
	color:#999999;
}
/* MAIN WEBSITE CODES HERE















------------------------------------------------------------------*/































#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	float:left;
	border:1px solid #595959;
	color:#999;
	background:#1a1a1a;
	position:relative;
}
/* BREADCRUMB CODES HERE */







.breadcrumbwrap {
	padding:0px;
	border-bottom:1px solid #333333
}
#crumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height:2.3em;
}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
}
#crumbs li a {
	background:url(imgs/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 20px 0 0;
}
#crumbs li a:link,  #crumbs li a:visited {
	color:#777;
	text-decoration:none;
}
/* List Styling */















.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	26px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width: 300px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
        z-index: 100;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			46px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			300px;  /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			0;
}
/*** RT SKIN ***/







.sf-sub-indicator {
	font-size:1.0em;
}
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	padding: 		10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
 .sf-menu a:hover, .sf-menu a:selected, .sf-menu a:active { /* visited pseudo selector so IE6 applies text colour*/
 color:			#FFF;
}
.sf-menu li {
	background:transparent;
}
.sf-menu li li, .sf-menu li li li {
	background:		#222;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:none;
	outline:		0;
	color: #FFF;
}
.sf-menu li li, .sf-menu li li.sfHover, .sf-menu li li a, .sf-menu li li a:visited {
	background:		#222;
	outline:		0;
	color:			#777;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#333;
	outline:		0;
	color:			#FFF;
}
/* CONTENT CODES HERE



------------------------------------------------------------------*/







.contentwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 620px;
	border-right:1px solid #494949;
}
.postwrap {
	float: left;
	margin: 10px;
	padding: 20px;
	width: 560px;
}
.postwrap h1 {
	color: #EEE;
	padding: 0;
	margin: 0 0 10px 0;
	font: 26px normal;
	line-height: 26px;
	font-family: Tahoma, Arial;
}
.postwrap h1 a, .postwrap h1 a:visited {
	color: #EEE;
	text-decoration: none;
	line-height:1.2em;
}
.postwrap h1 a:hover {
	color: #FFF;
	text-decoration: underline;
}
.postwrap h2 {
	color: #999;
	padding: 0;
	margin: 0 0 10px 0;
	font: 22px normal;
	line-height: 22px;
	font-family: Tahoma, Arial;
}
.postwrap h2 a, .postwrap h2 a:visited {
	color: #EEE;
	font-size:1.2em;
	line-height:1.2em;
}
.postwrap h2 a:hover {
	color: #DDD;
	text-decoration:none;
}
.postwrap p {
	padding: 0 0 10px 0;
	margin: 0;
}
.postimage {
	border: 1px solid #c1c1c1;
	float: left;
	margin: 0 10px 10px 0;
}
.postwrap ul, .postwrap ol {
	margin: 10px 10px 10px 30px;
	line-height:1.8em;
}
.postwrap ul {
	list-style-type:disc;
}
.postwrap ol {
	list-style-type:decimal;
}
.postwrap img {
	border:none;
}
.postinfo {
	float: left;
	margin: 0px 0 20px 0;
	padding: 0;
	width: 100%;
	color: #c1c1c1;
	font-size: 11px;
}
.postinfo a, .postinfo a:visited {
	color: #c1c1c1;
	text-decoration: none;
	font-weight: bold;
}
.postinfo a:hover {
	color: #c1c1c1;
	text-decoration: underline;
}
.blog {
	border-bottom:1px dashed #393939;
}
.ad468 {
	text-align: center;
}
.sharethis {
	padding: 10px;
	width: 558px;
}
ul.socialwrap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;
}
ul.socialwrap li {
	float: left;
	height: 48px;
	margin: 8px;
}
ul.socialwrap img {
	border: 0;
	padding: 0;
	margin: 0;
}
.archivetitle {
	padding: 10px 20px;
	background: #f1f1f1;
}
.archivetitle h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
}
.fullwidth {
	width:980px;
}
.pagefullwidth {
	width: 920px;
	border-right:none;
}
.relatedposts {
	border:1px solid #494949;
	float:left;
	margin:0 10px 0 0;
	padding:10px;
	width:95%;
}
.relatedposts h4 {
	margin: 0 0 5px 0;
}
.relatedposts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.relatedposts ul li {
	padding: 0;
	list-style: inline;
	margin: 0;
}
.relatedposts ul li a, .relatedposts ul li a:visited {
	color:#FFFFFF;
	display:block;
	padding:5px 0;
	width:100%;
}
.relatedposts ul li a:hover {
	color: #DDD;
	text-decoration: none;
}
.relatedad {
	float: left;
	width: 300px;
}
a.more-link, a.more-link:visited {
	float: right;
	margin: 30px 0 0 0;
	text-align: right;
	color: #FFF;
	background: #464646;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px;
}
a.more-link:hover {
	color: #FFF;
	text-decoration: underline;
}
/* SIDEBAR CODES HERE















------------------------------------------------------------------*/































.sidebarwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
.sidebox {
	float: left;
	margin: 10px;
	padding: 22px 20px;
	width: 300px;/* border: 1px solid #494949; */
}
.sidebox h2 {
	font-size: 18px;
	text-align:center;
	font-weight: normal;
	color: #EEE;
	margin: 0 0 5px 0;
	padding: 0;
}
.sidebox h3 {
	font-size: 18px;
	font-weight: normal;
	color: #EEE;
	margin: 0 0 5px 0;
	padding: 0;
}
.sidebox h3 a, .sidebox h3 a:visited {
	text-decoration: none;
}
.sidebox h3 a:hover {
	text-decoration: none;
}
.sidebox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebox ul li {
	padding: 0;
	list-style: inline;
	margin: 0;
}
.sidebox ul li a, .sidebox ul li a:visited {
	padding: 5px 0;
	color: #252525;
	text-decoration: none;
	border-bottom: 1px solid #c1c1c1;
	display: block;
	width: 300px;
}
.sidebox ul li a:hover {
	color: #464646;
	text-decoration: none;
}
.sidebox ul li ul li a {
	padding: 5px 0 5px 10px;
	width: 290px;
	border-bottom: 0;
	color: #c1c1c1;
}
.ad300 {
}
.ad125 {
	text-align: center;
}
.ad125 img {
	border: 1px solid #c1c1c1;
	margin: 5px;
	padding: 2px;
	background: #FFF;
}
.searchwrap {
	width: 320px;
	padding: 10px 9px;
}
form {
	margin: 0;
	padding: 0;
}
.text_input {
	width: 208px;
	height: 16px;
	padding: 10px;
	margin: 0 10px 0 0;
	background: #F8F8F8;
	border: 1px solid #c1c1c1;
	color: #464646;
	float: left;
}
.text_submit {
	width: 80px;
	padding: 10px;
	margin: 0;
	background: #464646;
	border: 0;
	color: #FFF;
	font-weight: bold;
	float: right;
}
.showrss {
	width: 320px;
	padding: 10px 9px;
}
.rssimg {
	float: left;
	margin: 0 10px 0 0;
}
.rss_input {
	width: 150px;
	height: 16px;
	padding: 10px;
	margin: 3px 10px 0 0;
	background: #F8F8F8;
	border: 1px solid #c1c1c1;
	color: #464646;
	float: left;
}
.rss_submit {
	width: 80px;
	padding: 10px;
	margin: 3px 0 0 0;
	background: #464646;
	border: 0;
	color: #FFF;
	font-weight: bold;
	float: right;
}
.twitterbox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.twitterbox ul li {
	padding: 5px 0;
	list-style: inline;
	margin: 0;
	border-bottom: 1px solid #c1c1c1;
}
.twitterbox ul li a, .twitterbox ul li a:visited {
	padding: 0;
	color: #252525;
	text-decoration: none;
	display:inline;
	border: 0;
}
.twitterbox ul li a:hover {
	color: #464646;
	text-decoration: none;
}
.sharethis {
	display:none;
}
.viewmore {
	text-align:center;
	margin:25px 0px 0px 0px !important;
	font-size: 1.0em;
	font-weight: bold;
}
.viewmore a {
	margin:0 20px 0 0;
}
/* ----------- My Form ----------- */



.myform {
	width:460px;
	padding:14px;
}


/* ----------- stylized form ----------- */



#stylized {
	float:left;
	margin-right:20px;
	border-right:1px solid #333333;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p {
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#stylized .error {
	font-size:12px;
	padding:4px 2px;
	color:#FF0000;
	font-weight:bold;
	margin:2px 0 20px 150px;
}
#stylized input[type=text], #stylized textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:300px;
	margin:2px 0 20px 10px;
}
#sendCopy {
	width:50px;
}
#stylized button {
	clear:both;
	margin-left:150px;
	width:60px;
	background:#DDD;
	text-align:center;
	font-size:1.2em;
}


/* ----------- stylized ads form ----------- */
#stylizedads {
	float:left;
	margin-right:20px;
	/* border-right:1px solid #333333; */
}
#stylizedads h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylizedads p {
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylizedads label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:70px;
	float:left;
}

#stylizedads .error {
	font-size:12px;
	padding:4px 2px;
	color:#FF0000;
	font-weight:bold;
	margin:2px 0 20px 150px;
}
#stylizedads input[type=text], #stylizedads textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:400px;
	margin:2px 0 20px 10px;
}

#stylizedads button {
background:none repeat scroll 0 0 #555555;
border:1px solid #999999;
clear:both;
color:#EEEEEE;
cursor:pointer;
font-size:1.2em;
margin-left:80px;
padding:4px 18px;
text-align:center;
}





/* PageNavi CSS */

.wp-pagenavi {
	padding:20px;
	margin:10px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	border:1px solid #595959;
	color:#595959;
	margin:2px;
	padding:2px 4px;
	text-decoration:none;
}
.wp-pagenavi a:visited {
	border:1px solid #595959;
	color:#595959;
	margin:2px;
	padding:2px 4px;
	text-decoration:none;
}
.wp-pagenavi a:hover {
	border:1px solid #595959;
	color:#595959;
}
.wp-pagenavi a:active {
	border:1px solid #595959;
	color:#595959;
	margin:2px;
	padding:2px 4px;
	text-decoration:none;
}
.wp-pagenavi span.pages {
	border:1px solid #595959;
	color:#595959;
	margin:2px;
	padding:2px 4px;
}
.wp-pagenavi span.current {
	border:1px solid #DDD;
	color:#DDD;
	font-weight:bold;
	margin:2px;
	padding:2px 4px;
}
.wp-pagenavi span.extend {
	border:1px solid #595959;
	color:#595959;
	margin:2px;
	padding:2px 4px;
}
.searchwrap, .authorbio {
	display:none;
}



/* home page slider */
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:316px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 316px;
    background-color: #1a1a1a;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 316px;
    display: block;
    border: 0;
    margin-bottom: 10px;
    width:475px;
}
.clear {
	clear: both;
}



.postwrap table {
width:100%;
margin:10px 5px;
font-size:1.3em;
line-height:1.8em;
}
.postwrap td {

}


/*
*
*   Nivo Slider
*
*/
.nivoSlider {
-moz-box-shadow:0 0 10px #333333;
background:url("imgs/loading.gif") no-repeat scroll 50% 50% #202834;
margin:0px;
min-height:315px;
position:relative;
}
.nivoSlider img {
display:none;
left:0;
position:absolute;
top:0;
}
.nivoSlider a {
border:0 none;
display:block;
}
.nivo-directionNav {
z-index:80;
}
.nivo-directionNav a {
background:url("imgs/arrows.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:34px;
text-indent:-9999px;
width:32px;
z-index:90;
position:absolute;
}
a.nivo-nextNav {
background-position:-32px 0;
right:10px;
top:135px;
cursor:pointer;
}
a.nivo-prevNav {
left:10px;
top:135px;
cursor:pointer;
}
#slider1 .nivo-controlNav {
bottom:-30px;
left:47%;
position:absolute;
}
#slider1 .nivo-controlNav a {
background:url("imgs/bullets.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
float:left;
height:10px;
margin-right:3px;
text-indent:-9999px;
width:10px;
}
#slider1 .nivo-controlNav a.active {
background-position:-10px 0;
}