/*
Theme Name: FFWD BMX
Description: Simple wordpress theme by Sam King.
Version: 1
Author: Sam King
*/


/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
body {}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/* css reset ends */

*{margin: 0; padding: 0;}

body{font-family: Arial, Helvetica, sans-serif; background: url(images/noise.png) repeat #ededed; font-size: 10px; line-height: 9px; color: #333;}
hr {background: url(images/hr.gif) repeat-x; margin: 30px 0 10px 0; height: 3px; border: none;}
#preload {display: none;}

.post p object embed {width:600px;}

.tag_cloud {text-align: justify; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; text-shadow: 0px 1px 0px #000;}
.tag_cloud a:link { color:#999;}
.tag_cloud a:active {color:#999;}
.tag_cloud a:hover {color:#FFF;}
.tag_cloud a:visited {color:#999;}

.sponsors {text-align: justify; clear: both; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; padding: 0 0 0 0;}
		
.foot_spacer {height: 1px; width: 1000px; clear:both;}
a{text-decoration: none; outline-style: none; border: none;}
a img{border: none;}
.clear{clear: both;}
#page_wrap{width: 960px; margin: 0 auto; background: url(images/bg.png) repeat; padding: 0 9px 0 9px;}
#head_wrap{width: 980px; margin: 0 auto; padding: 0;}

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

#header{font-size: 12px; width: 980px; height: 50px; text-align: right; background: url(images/logo.png) no-repeat; padding: 0 10px 10px 10px;}
#header_bg {width: 980px; background: url(images/headerbg.png) repeat-x; position: absolute;}
#header_text {width: 960px; margin-top: 35px; position: absolute;}
#header li {display: inline; list-style-type: none;}
#header a {padding: 5px;}
#header a:link, #header a:visited{font-family: 'Arial Black'; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #FFF; text-transform:uppercase; text-decoration: none; text-shadow: 0px 1px 0px #000;}
#header a:hover{font-family: 'Arial Black'; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #39b4d7; text-transform:uppercase; text-decoration: none;}
#main_navi #search{border: none; position: relative;}
#main_navi #search form#searchform{position: absolute; top: 0px; left: 10px; width: 200px; height: 25px; border: none; background: url(images/searchbg.png) no-repeat top;}
#main_navi #search form#searchform .searchinput{ color: #FFF; font-size: 10px; font-family:'Arial'; text-shadow: #333 0px 1px 0px; width: 165px; border: 0; background: none; padding: 7px;}
#main_navi #search form#searchform .button{position: absolute; top: 0px; left: 175px; background: url(images/mag.gif) no-repeat; height: 25px; width: 25px; border: 0; cursor: pointer;}
#main_navi{float: left; width::980px; height:25px; padding: 10px 0 10px 0; background: url(images/navibg.png) repeat-x;}
#main_navi ul.left{float: left; list-style-type: none; width: 680px; height: 25px; overflow: hidden;}
#main_navi ul li{ display: inline; text-transform: uppercase; font-family:' Arial Black';}
#main_navi ul.left li a{float: left; overflow: hidden; color: #000; font-size: 12px; line-height: 18px;}
#main_navi ul.left li a:hover{color: #666;}
#main_navi #rightlinks {width: 290px; height: 25px; margin-left: 680px; padding: 0px 10px 0px 0px;}
#main_navi ul.right{float: right; width: 300px list-style-type: none;}
#main_navi ul.right li a{ float: right; overflow: hidden; color: #fff; font-size: 10px; line-height: 20px; text-transform: uppercase;}
#secondnavi {float: left; width::980px; height:75px; padding: 10px 10px 10px 10px; background: url(images/tagsbg.png) repeat-x;}
#secondnavi ul.left{float: left; list-style-type: none; width: 660px; height: 75px; overflow: hidden;}
#secondnavi ul.left img { width: 100px; margin: 0 5px 0 5px; }
#secondnavi ul li{ display: inline; text-transform: uppercase; font-family:' Arial Black';}
#secondnavi ul.left li a{float: left; overflow: hidden; color: #000; font-size: 12px; line-height: 18px;}
#secondnavi ul.left li a:hover{color: #666;}
#secondnavi #tags {width: 260px; height: 55px; margin-left: 680px; padding: 10px 10px 10px 10px;}
#secondnavi ul.tags{float: right; width: 300px list-style-type: none;}
#secondnavi ul.tags li a:link{ float: right; overflow: hidden; color: #FFF; font-size: 10px; line-height: 20px; text-transform: uppercase;}
#secondnavi ul.tags li a:active{ float: right; overflow: hidden; color: #FFF; font-size: 10px; line-height: 20px; text-transform: uppercase;}
#secondnavi ul.tags li a:hover{ float: right; overflow: hidden; color: #CCC; font-size: 10px; line-height: 20px; text-transform: uppercase;}
#secondnavi ul.tags li a:visited{ float: right; overflow: hidden; color: #FFF; font-size: 10px; line-height: 20px; text-transform: uppercase;}
/* END div#header */

#blog_top {background:url(images/posttop.png) no-repeat; width:660px; height:17px;}
#blog_bottom {background:url(images/postbottom.png) no-repeat; width:660px; height:23px; margin-bottom: 30px;}
#page_top {background:url(images/posttop.png) no-repeat; width:920px; height:17px;}
#page_bottom {background:url(images/postbottom.png) no-repeat; width:920px; height:23px;}

#main{width: 660px; float: left; display: inline;/* fix double margin */ margin: 30px 35px 30px 0px;}
#main div.post{background-color: #ffffff; background:url(images/postfill.png) repeat-y; color: #333333; line-height: 10px; margin-bottom: 0px;}
		
/* sticky post */
#main div.sticky{background-color: #0d0d0d;/* if a post is set as sticky post, it'll have a darker bg color */}
#main div.post div.date{background: url(images/date.gif) no-repeat; float: left; font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Georgia, sans-serif; text-align: center; vertical-align: middle; color: #fff; height: 43px; width: 50px; margin-left: -10px; margin-top: 16px; padding-top: 4px; position: relative;/* ie6 fix */ text-shadow: 0px 1px 0px #333;}
#main div.post div.title{margin-left: 15px; margin-bottom: 10px; margin-top: 5px; float: left; text-shadow: 0px 1px 0px #FFF;}
#main div.post div.title h2{font-family: 'Arial Black'; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 16px; color: #000000; width: 600px; text-transform:uppercase; line-height: 30px; text-shadow: 0px 1px 0px #FFF;}
#main div.post div.title h2 a{color: #333333;}
#main div.post div.title h2 a:hover{color: #40bae0;}
#main div.post div.title div.postmeta{font-size: 9px; color: #666; width: 580px; overflow: hidden; text-shadow: 0px 1px 0px #FFF;}
#main div.post div.title div.postmeta a{color: #333333; border-bottom: 1px solid #333333; text-decoration: none;}
#main div.post div.title div.postmeta a:hover{color: #40bae0; border-bottom: 1px solid #40bae0; text-decoration: none;}
#main div.post div.entry{padding: 10px 30px 0 30px; overflow: hidden;/* in case large img or video */_width: 618px; font-size: 11px; line-height: 13px; text-shadow: 0px 1px 0px #FFF;}
#main div.post div.no_result{padding: 20px;}
#main div.post div.no_result p.no_result{margin-bottom: 0;}
#main div.post div.entry a{color: #40bae0; border: none; text-decoration: none;}
#main div.post div.entry a:hover{text-decoration: underline;}
#main div.post div.entry p{margin-bottom: 20px;}
#main div.post div.entry ul,
#main div.post div.entry ol{padding-bottom: 24px; margin-left: 40px; margin-right: 40px;}
#main div.post div.entry ul{list-style-type: disc;}
#main div.post div.entry ol{list-style-type: decimal;}
#main div.post div.entry ul li,
#main div.post div.entry ol li{padding: 1px 0; list-style: inside;}
#main div.post div.entry blockquote{background: url(images/blockquote.gif) no-repeat; padding: 35px 20px 10px 50px; margin: 0 15px 24px 15px; background-color: #181818; border-top: 1px solid #2a2e2f; border-bottom: 1px solid #2a2e2f; color: #999; text-shadow: 0px 1px 0px #FFF;}
#main div.post div.entry blockquote p{margin-bottom: 8px;}
#main div.post div.entry code{font-family: "Courier New", mono; background-color: #ffffff; border-left: 1px solid #2a2e2f; color: #197b30; padding: 5px 10px; display: block;}

#main div.navigation{font-size: 9px; width: 660px; text-align: center;}
#main div.navigation a{color: #FFF; line-height: 10px;}
/* END div#main */

#footer{color: #EEE; font-size: 10px; padding-left:20px; padding-bottom:5px; padding-top:5px; text-align:center; text-shadow: 0px 1px 0px #000;}
#footer div.footer_wrapper{width: 960px; margin: 0 auto; padding: 18px 0; position: relative;}
#footer a{color: #EEE; text-decoration: none;}
#footer a:hover{color: #fff;}
#footer a{color:#EEE;}
/* END div#footer */

#sidebar{width: 260px; float: left; display: inline;/* fix double margin */ margin-top: 15px; margin-bottom: 30px; padding: 0; overflow: hidden; color: #333; font-size: 11px; line-height: 13px; font-family: 'Arial'; text-shadow: 0px 1px 0px #FFF;}
#sidebar ul{}
#sidebar ul li h2{font-size: 11px; line-height: 13px; color: #333333; padding: 5px 0 0 0; font-family: 'Arial Black'; text-transform:uppercase;}
#sidebar ul li ul{list-style-type: none; color: #333333; line-height: 20px;}
#sidebar ul li ul li{padding-top: 2px; padding-bottom: 2px; padding-left: 26px; padding-right: 0; background: url(images/sidebar_list_bg2.gif) no-repeat; background-position: left bottom;}
#sidebar ul li ul li:hover{}
#sidebar ul li ul li a{background: none; display: inline; color: #333; line-height: 17px; text-decoration: none;}
#sidebar ul li ul li a:hover{color: #40bae0;}
/* END div#sidebar */


div#main div#comments{margin-bottom: 10px;}
div#main div#comments h3{float:left; font-family: 'Arial Black'; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 16px; color: #FFF; text-transform:uppercase;}
div#main div#comments .add_your_comment a{float: right; font-family: 'Arial Black'; font-size: 14px; font-weight: boldletter-spacing: -1px; line-height: 16px; color: #FFF; text-transform:uppercase;}
div#main div#comments .add_your_comment a:hover{color: #40bae0;}
div#main ol.commentlist{font-size: 9px; color: #ccc; overflow: hidden;}
div#main ol.commentlist li{margin-bottom: 15px; background-color: #101010; border: 1px solid #1f2223; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 20px 20px 15px 20px;}
div#main ol.commentlist li ul{list-style-type: none; margin-left: 60px; margin-top: 6px;}
div#main ol.commentlist li ul.children li{background-color: #101010; border-left: 1px solid #181a1b; border-top: 0; border-bottom: 0; border-right: 0;}
div#main ol.commentlist li div.vcard{float: left;}
div#main ol.commentlist li div.vcard div.left{width: 56px; margin-right: 5px;}
div#main ol li div.left img{border: 1px solid #000; display: block; height: 48px; width: 48px;}
div#main ol li div.left div.reply a{background: url(images/reply.gif) no-repeat 0 0; display: block; height: 0; padding-top: 17px; width: 41px; overflow: hidden; margin-left: 5px; margin-top: 5px;}
div#main ol li div.left div.reply a:hover{background-position: 0 -17px;}
div#main ol.commentlist li div.right{float: left; line-height: 20px; width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */}
div#main ol.commentlist li div.right p a{color: #ccc; text-decoration: none; border-bottom: 1px solid #ccc;}
div#main ol.commentlist li div.right p a:hover{color: #40bae0; border-bottom: 1px solid #40bae0;}
div#main ol li div.right div.commentmetadata{font-size: 9px; color: #999; border-bottom: 1px solid #181a1b; padding-bottom: 3px; margin-bottom: 8px;}
div#main ol li div.right div.commentmetadata a{color: #ccc; text-decoration: none; font-weight: bold;}
div#main ol li div.right div.commentmetadata a:hover{color: #40bae0;}
div#main ol li div.right p{margin-bottom: 20px;}
div#main .comments_navi{font-size: 9px;}
div#main .comments_navi .alignleft{float: left;}
div#main .comments_navi .alignright{float: right;}
div#main .comments_navi .alignleft a, 
div#main .comments_navi .alignright a{display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px;}
div#main .comments_navi .alignleft a:hover, 
div#main .comments_navi .alignright a:hover{color: #40bae0; background-color: #000;}
div#main div#respond{background-color: #101010; border: 1px solid #181a1b; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #ccc; padding: 15px 20px; margin-top: 15px;}
div#main div#respond div.h3_cancel_reply{margin-bottom: 5px;}
div#main div#respond h3{font-family: 'Arial Black'; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 16px; color: #ffffff; text-transform:uppercase; float: left; display: inline;/* fix double margin */}
div#main div#respond span.cancel-comment-reply{float: right; display: inline;/* fix double margin */ padding-top: 6px;}
div#main div#respond span.cancel-comment-reply a{font-size: 9px; color: #999; text-decoration: none;}
div#main div#respond span.cancel-comment-reply a:hover{color: #40bae0;}
div#main div#respond form#commentform{}
div#main div#respond form#commentform p{font-size: 11px; color: #999; padding: 3px 0;}
div#main div#respond form#commentform p a{color: #666; border: 0;}
div#main div#respond form#commentform p a:hover{border-bottom: 1px solid #333;}
div#main div#respond div.input_area{padding: 15px 30px;}
div#main div#respond div .message_input{font-family: Arial, sans-serif; background-color: #eee; border: 2px solid #000; color: #333; font-size: 11px; padding: 5px; height: 120px; width: 98%;}
div#main div#respond div.user_info{font-size: 9px; line-height: 16px; display: block; padding: 0 30px; }
div#main div#respond div.user_info div.single_field{display: inline; float: left; width: 33%;}
label.desc{display: block; color: #999; padding-bottom: 4px;}
label.desc abbr{color: #40bae0; border: 0;}
div#main div#respond div.user_info input.comment_input{background-color: #eee; color: #666; border: 2px solid #000; padding: 2px 3px; width: 90%;}
div#main div#respond div.submit_button{margin: 15px 30px 0;}
div#main div#respond form#commentform div.submit_button input.button{display: block; background: url(images/reply.gif) no-repeat 0 0; width: 41px; height: 17px; padding: 0; border: 0; text-indent: -9999px; cursor: pointer; float: left; overflow: hidden;}
div#main div#respond form#commentform div.submit_button input.button:active{background-position: 0 -17px;}
div.submit_button span.key{float: left; margin-left: 10px; padding-top: 6px; font-size: 12px; line-height: 16px; color: #333;}
.nocomments{font-family: 'Arial Black'; font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 16px; color: #FFF; text-transform:uppercase;}
/* END single page */

/*---------------- WordPress Generated Classes -------------------*/
.aligncenter, div.aligncenter{display: block; margin-left: auto; margin-right: auto;}
.alignleft{float: left;}
.alignright{float: right;}
img.alignleft{display: inline; margin-bottom: 2px; margin-right: 6px; padding: 3px;}
img.alignright{display: inline; margin-bottom: 2px; margin-left: 6px; padding: 3px;}
.wp-caption {border: 1px solid #1f2223; text-align: center; background-color: #0d0d0d; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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 {font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #ccc;}
div#main div.post div.entry div.wp-caption p{margin-bottom: 3px; padding: 5px;} 


/*------------------------ Archives Page ------------------------*/
ul.archiveslist{color: #ccc; font-size: 13px;}
div#main div.post div.entry  ul.archiveslist li a{color: #ccc;}
div#main div.post div.entry  ul.archiveslist li a:hover{color: #40bae0;}

/*------------------------ Links Page ------------------------*/
.linkpage{background-color: #131313; padding: 10px 15px;}
.linkpage ul{list-style-type: none;}
.linkpage ul li{float: left; margin-bottom: 10px;}
.linkpage ul li ul li{float: left; width: 130px; text-align: center; margin: 5px 12px; line-height: 180%; background-color: #202020;}
.linkpage ul li ul li a{color: #ccc; display: block; text-decoration:none; border: 1px solid #1f2223; font-size: 12px;}
.linkpage ul li ul li a:hover{background-color: #0d0d0d; border: 1px solid #1f2223; color: #40bae0;}
.linkpage ul li h3{margin-bottom: 5px; margin-left: 12px;}

/*------------------------ Strong ------------------------*/

div.strong{font-family: 'Arial Black'; font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #000000; text-transform:uppercase; padding: 10px 0; margin-bottom: 25px;}
div.strong .keyword{color: #40bae0;}