/*

Theme Name: DIVISION BMX

Theme URI: http://www.dezine3.com

Description: 

Version: 1.0b

Author: dezine3

Author URI: http://www.dezine3.com/

*/



/*  

Wordpress Theme By Chris Farina - Screen stylesheet.

*/



/* HTML styling */



a { color: #F00; text-decoration: none; }

a.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; float: right; padding-left: 18px; }

span.next-entries { background: url(images/mini-nav-right.gif) no-repeat right center; display: block; float: right; padding-right: 18px; text-align: right; width: 225px; }

a.post-calendar { background: url(images/mini-calendar.gif) no-repeat; color: #999999; float: right; font-size: 95%; padding-left: 20px; }

span.post-dates { background: url(images/date.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; padding-right: 10px; }

span.post-cat { background: url(images/mini-category.gif) no-repeat; float: left; font-size: 95%; padding-left: 20px; }

span.post-comments { background: url(images/mini-comments.gif) no-repeat; float: right; font-size: 95%; padding-left: 20px; color:#F60;}

span.previous-entries { background: url(images/mini-nav-left.gif) no-repeat left center; display: block; float: left; padding-left: 18px; width: 228px; }

a:hover { color: #CCC; text-decoration: none; }

a:visited { color: #900; text-decoration: none; }

body { background: #000 url('images/divisionbg.jpg') top no-repeat; font: 75%/150% Arial, Helvetica, sans-serif; padding: 0px; margin-top:0; color:#999; }

form { margin: 0px; padding: 0px; }

h1 { background: url(images/header-icon.gif) no-repeat; color: #C00; font: lighter 36px/150% Arial, Helvetica, sans-serif; height: 60px; margin: 0px; }

h1 a, h1 a:visited { color: #FFF; text-decoration: none; }

h1 a:hover { color: #999; text-decoration: none; }

h2 { background:url(images/chain.png) bottom left repeat-x ; color: #F60; font: lighter 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

h2 a, h2 a:visited { color: #F60; text-decoration: none; }

h2 a:hover { color: #F60; text-decoration: none; }

h3 { color: #F60; font: normal 140%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }

h4 { color: #F60; font: normal 130%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; padding-bottom:4px; }

h5 {  color: #F60; font: lighter 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

h6 { border:none; color: #FFF; font: 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 0px 2px; padding-bottom: 3px; }

hr.clear { clear: both; margin: 0px; padding: 0px; visibility: hidden; }

img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; }

img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }

img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

p { margin: 0px; padding: 0px 0px 15px; }

ul
{
list-style-type: none;
}

/* Div's and layout */

#title_home{padding-top:15px; margin:0;}

#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }

#commentform #submit { background: #F60; border: none; color: #000; cursor: pointer; float: right; font-weight:bold;font: 12px Arial, Helvetica, sans-serif; height: 30px; width: 100px; }

#commentform input { background-color: #000; border: 1px solid #333; margin-top: 3px; padding: 3px; width: 200px; }

#commentform label { color: #FFF; font-size: 87%; }

#commentform p { margin: 0px; padding: 6px 0px; }

#commentform textarea { background-color: #000; border: 1px solid #333; height: 115px; margin-top: 3px; padding: 2px; width: 570px; color:#FFF; }

#commentform textarea:focus, #commentform input[type="text"]:focus { background: #000; }

#comments, #respond { background:url(images/chain.png) bottom left repeat-x ; clear: both; padding: 10px 0 5px 0; }

#content { float: left; padding: 0px 0px 0px 0px; width: 575px; margin-left:40px; margin-top:5px; background:none; z-index:1;}

#credits { color: #CCC; font-size: 10px; height: 15px; line-height: 120%; margin:0px; padding-bottom: 3px; width: 820px; padding: 10px 0px ; }

#credits a, #credit a:visited { color: #F60; }

#footer { clear: both; color: #CCC; font-size: 11px; line-height: 130%; margin-left: auto; margin-right: auto; padding-bottom: 10px; text-align: left; width: 900px;}
#footer .footin {width:820px; padding:0; margin:0 0 0 40px; background:url(images/ftinbg.png) top repeat;}
#footer a strong { color: #FFFFFF; }

#footer a, #footer a:visited { color: #666; }

#footer a:hover { color: #FFFFFF; }

#footer h4 { font: 12px Arial, Helvetica, sans-serif; margin: 10px 0px 5px; text-align:center; background:url(images/chain.png) bottom left repeat-x ;}

#footer li a { display: block; }

#footer_bg { background:url(images/divisionfooter.png) top no-repeat; height: 100px; width: 900px; }

#header { background:url("images/divisionheader.jpg") top no-repeat; height: 250px; margin-left: auto; margin-right: auto; padding:0; margin-top: 0px; width: 900px; z-index:2; }
#header .flash{background:none; width: 860px; height:193px; margin-left:20px; padding:0;}
#logo { background:#000; width: 900px; }

#logo p { color: #FFFFFF; font-size: 150%; line-height: 200%; padding: 0px; }

#riders_display { width:570px; margin:0; padding:0; height:auto;}
#riders_display .rideleft { width:280px; margin:0; padding:0; height:200px; float:left;}
#riders_display .rideright { width:280px; margin:0; padding:0; height:200px; float:right;}
.entry p a:visited {
	color: #F60;
	}
/*#navmenu {float:left; margin:0; padding:0 0 0 90px; background:none; height:auto; width: 900px;}
#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; display:inline; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 0px; padding: 5px 20px 5px 20px; color: #fff; background: #000;}
#navmenu ul li a:hover {color: #C00;
	background: #333; } */
#menu { background:none; height:20px; padding:0; margin:27px 0 0 0;}
#menusearch{text-align:right; padding:5px 30px 0 0; width:285px; float:right;}
#dropmenu {padding:0 0 0 20px; margin:0; background:none;}
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; width:100%; background: url(images/menubg.png);} 
#dropmenu a {display:block; padding:0.25em 2em; color:#fff; text-decoration:none; background:none;} 
#dropmenu a:hover {display:block; background:#F60; color:#000; } 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:145px; top:1.9em; } 
#dropmenu li ul a {width:110px; height:auto; float:left; font-size:10px; padding-left:15px;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  

#page { background:url("images/divisionpagebg.png") repeat-y top; margin: 0px auto; width: 900px; }

#searchform { margin:0; }

#searchform #s { background: #000; border: 1px solid #333; color: #fff; cursor: pointer; font-weight: normal; height: 20px; line-height: 19px; margin:0; padding:0; vertical-align: middle; width: 170px; }

#searchform br { display: none; }

#searchform input { background: #F60; border:none; color: #000; font: 12px Arial, Helvetica, sans-serif; height: 20px; line-height: 19px; width: 64px; padding:0; margin:0; vertical-align: middle; }
#searchform input:hover { background: #F30; border:none; color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; height: 20px; line-height: 19px; width: 64px; padding:0; margin:0; vertical-align: middle; }

#sidebar { color: #666666; float: right; padding: 0px 0px 20px 0px; width: 220px; margin:0 40px 0 0; background:none; }

#sidebar a, #sidebar a:visited { color: #999; display: block; text-decoration: none; vertical-align:middle; }

#sidebar a:hover { color: #000; display: block; text-decoration: none; background: #F60; height:24px; }

#sidebar h2, #sidebar .sidebartitle { color: #F60; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 0px; }

#sidebar ul { margin: 0; padding:0; }

#sidebar ul a{ margin: 0; padding:6px 0 0 10px; }

#sidebar ul li { border: none; list-style: none; margin: 0; padding:0; height:30px; background: url(images/divisionvatbg.png);}

#sidebar ul li ul { margin: 0; padding:0; }

#sidebar ul li ul li { border-bottom: 1px solid #333; padding:0; height:30px; }

#sidebar ul li ul li ul li { border: none; padding: 0 0 0 10px; }
#sidebar .li2{ font-size:10px;}
#social { width:220px; height: 55px; padding:10px 0 10px 0; margin:0px; }
#social .img {pading:0px; margin-left:8px; width:34px; height:34px; float:left;}
#social a:hover {background:none;}

#ads {width:220px; height:auto; padding:0; margin:0; }
#ads .img {padding:5px 0 5px 0; margin:0; float:left; width:220px; height:auto; }
#ads a:hover {background:none; width:220px; height:auto; }
/* Classes and other stuff */



.alignleft { float: left; }

.alignright { float: right; }

.center { text-align: center; }

.clear { clear: both; }

.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }

.commentlist .alt { }

.commentlist cite { color: #CC6600; font-size: 120%; font-style: normal; font-weight: bold; }

.commentlist cite a, .commentlist cite a:visited { color: #CC6600; }

.commentlist li { padding: 5px 10px; }

.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }

.entry { clear: both; padding-top: 10px; }

.footer-about { float: left; width: 225px; margin-left:10px; padding:10px; background:none; height: 170px; border:none;}
.footer-about ul { margin:0; padding:0; list-style-type:none;}
.footer-about ul li { margin:0; padding:0; list-style-type:none;}
.footer-recent-comments { float: left; margin-left: 10px; padding:10px; width: 285px; background:none; height: 170px; border:none;}

.footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; }

.footer-recent-comments ul li { background: url(images/mini-footer-post.png) no-repeat; padding: 0px 0px 10px 20px;  }

.footer-recent-posts { float: left; margin-left:0; width: 225px; padding:10px; background:none; height: 170px; border:none;}

.footer-recent-posts strong { font-size: 107%; font-weight: bold; line-height: 135%; }

.footer-recent-posts ul { font-size: 11px; line-height: 110%; list-style: none; margin: 0px; padding: 0px; }

.footer-recent-posts ul li { background: url(images/mini-footer-post.png) no-repeat; padding: 0px 0px 10px 20px; }

.loginout { background: url(images/mini-post.png) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.navigation { clear: both; height: 15px; padding: 10px 0px; }

.post { clear: both; padding-top: 15px; }

.post-date { background: none; float: right; height: 20px; width: 100px; font-size:10px; text-align:right; color:#FFF; padding-top:5px; }

.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }

.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }

.post-title { float: left; margin-left: 0px; text-transform: capitalize; width: 575px; color:#FF6600; font-size:14px; padding-bottom:5px;}

.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.post-img { float:left; margin:10px 10px 10px 0px;  width: 180px; height:140px; padding:0; border:none;}

#postcontent {float:left; margin:10px auto; padding:0;}

#videos {width:575px; height:200px; overflow:hidden; margin:20px auto;}
a.videos {
display: block;
width: 1150px;
height: 200px;
background: transparent url(images/videos.png) no-repeat;
} 
a.videos:hover {
background-position: -575px 0;
} 

#pictures {width:575px; height:200px; overflow:hidden; margin:20px auto;}
a.pictures {
display: block;
width: 1150px;
height: 200px;
background: transparent url(images/pictures.png) no-repeat;
} 
a.pictures:hover {
background-position: -575px 0;
}

#wallpapers {width:575px; height:200px; overflow:hidden; margin:20px auto;}
a.wallpapers {
display: block;
width: 1150px;
height: 200px;
background: transparent url(images/wallpapers.png) no-repeat;
} 
a.wallpapers:hover {
background-position: -575px 0;
}

#shows10 {width:575px; height:200px; overflow:hidden; margin:20px auto;}
a.shows10 {
display: block;
width: 1150px;
height: 200px;
background: transparent url(images/shows2010.png) no-repeat;
} 
a.shows10:hover {
background-position: -575px 0;
}

#shows11 {width:575px; height:200px; overflow:hidden; margin:20px auto;}
a.shows11 {
display: block;
width: 1150px;
height: 200px;
background: transparent url(images/shows2011.png) no-repeat;
} 
a.shows11:hover {
background-position: -575px 0;
}