/* Theme Name: Bike Trials Australia Theme Theme URI: http://sixdegreesdigital.com.au Description: Custom design for Bike Trials Australia by Six Degrees Digital. Version: 1.0 Author: Chris Hawking / Kirk Beard Author URI: http://sixdegreesdigital.com.au Tags: custom, black, grunge */ /* =Reset + Typography (taken from 960.gs) ------------------------------------------------------------------- */ 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;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font:12px/1.4 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} .clear { clear: both;} /* =Layout ------------------------------------------------------------------- */ body { margin:0; padding:0; background:#000; text-align: center; } #wrapper { background: #000 url(images/body-bg.gif) scroll repeat-y center top; color: #333; } #wrapper-inner { background:transparent url('images/hd-bg.jpg') scroll no-repeat center top; } #page { text-align: left; margin:auto; padding: 0; width: 995px; } /* =Header ------------------------------------------------------------------- */ #header { height:241px; } #header h1 { display:none; } /* #header { background:transparent url('images/hd-bg.jpg') scroll no-repeat center top; } */ #pri-nav { list-style:none; margin:0; padding:192px 0 0; } #pri-nav li { list-style:none; margin:0; padding:0; display:inline; font-weight:bold; float:left; } #pri-nav li a { text-decoration:none; background:transparent url(images/pri-nav.gif) scroll no-repeat; height:18px; display:block; } #pri-nav li a span { display:none; } #pri-nav li#pri-nav-home a { width:56px; background-position:0 0; } #pri-nav li#pri-nav-home a:hover { background-position:0 -18px; } #pri-nav li#pri-nav-demo a { width:113px; background-position:-56px 0; } #pri-nav li#pri-nav-demo a:hover { background-position:-56px -18px; } #pri-nav li#pri-nav-upcoming a { width:204px; background-position:-169px 0; } #pri-nav li#pri-nav-upcoming a:hover { background-position:-169px -18px; } #pri-nav li#pri-nav-results a { width:81px; background-position:-373px 0; } #pri-nav li#pri-nav-results a:hover { background-position:-373px -18px; } #pri-nav li#pri-nav-gallery a { width:77px; background-position:-454px 0; } #pri-nav li#pri-nav-gallery a:hover { background-position:-454px -18px; } #pri-nav li#pri-nav-contact a { width:77px; background-position:-531px 0; } #pri-nav li#pri-nav-contact a:hover { background-position:-531px -18px; } /* =Content ------------------------------------------------------------------- */ a { color:#2986d4; } #content { background:transparent url(images/content-bg.gif) scroll repeat-y; } /* v repeat bg grunge */ #content .content-wrapper { background:transparent url(images/content-bg-top.gif) scroll no-repeat center top; padding-top:10px; } /* top bg */ #content .content-wrapper .content-wrapper2 { background:transparent url(images/content-bg-bottom.gif) scroll no-repeat center bottom; padding-bottom:20px; padding-right:9px; } /* bottom bg */ #content .content-wrapper .content-wrapper2 .page-content { padding:0 0 0 10px; min-height:645px; } #content .content-wrapper .content-wrapper2 .page-content h2.title { background:transparent url(images/title-bg.png); height:60px; margin:0; font-size:18px; line-height:55px; color:#fff; padding:0 20px; } * html body #content .content-wrapper .content-wrapper2 .page-content h2.title { background:#000; } #content .content-wrapper .content-wrapper2 .page-content-text { padding-left:10px; padding-top:10px; } #content .content-wrapper .content-wrapper2 #post-5 { background:transparent url(images/content-photo-bg-demo.jpg) scroll no-repeat right top; } /* photo feature bg */ #content .content-wrapper .content-wrapper2 #post-7 { background:transparent url(images/photo-gallery-bg.gif) scroll repeat-y; padding-right:19px; } /* photo gallery sidebar bg */ #content .content-wrapper .content-wrapper2 #post-5 .page-content-text { padding-right:570px; padding-left:10px; } #content h3 { font-size:17px; margin-bottom:5px; } #standout-info { background:transparent url(images/standout-bg.gif) scroll no-repeat; width:378px; height:230px; } #standout-info p { padding:105px 45px 0; margin:0; color:#fff; line-height:2em; } #standout-info p a { color:#f6ff00; } /* =Home page ------------------------------------------------------------------- */ #photo-frame { float:right; margin-top:-85px; background-position:50% 50%; background-repeat: no-repeat; margin-right:20px; } #photo-frame-overlay { width:258px; height:336px; background:transparent url(images/photo-frame.png) scroll no-repeat; } * html body #photo-frame-overlay { background-image:url(images/photo-frame.png); } #home-intro { background:transparent url(images/home-intro-bg.jpg) scroll no-repeat; width:686px; height:255px; } #home-intro h2 { display:none; } #home-intro .home-content { padding:80px 270px 0 30px; } #home-intro .home-content-inner { padding:0 0 10px; } #home-panels { list-style:none; margin:0; padding:0; height:425px; } #home-panels li.panel { margin:0; padding:0; width:331px; height:395px; float:left; } #home-panels li#intro { } #home-panels li#upcoming div.panel-wrapper { margin-left:10px; } #home-panels li#news div.panel-wrapper { margin-left:20px; } #home-panels li div.panel-wrapper { background:transparent url(images/home-panel-bg.gif) scroll no-repeat; height:395px; width:310px; } #home-panels li#news div.panel-wrapper { } #home-panels li div h3, #home-panels li div .panel-content { padding-left:25px; padding-right:25px; } #home-panels li div h3 { padding-top:45px; margin-bottom:5px; background-repeat:no-repeat; background-position:25px bottom; font-size:1px; color:#fff; } #home-panels li#intro div h3 { background-image:url(images/home-title-intro.gif); } #home-panels li#upcoming div h3 { background-image:url(images/home-title-upcoming.gif); } #home-panels li#news div h3 { background-image:url(images/home-title-news.gif); } p.btn-more-info a, p.btn-more-info-large a { display:block; background-repeat:no-repeat; padding-left:40px; color:#fff; height:39px; line-height:39px; text-decoration:none; } p.btn-more-info a:hover, p.btn-more-info-large a:hover { text-decoration:underline; } p.btn-more-info a { width:266px; background-image:url(images/btn-more-info.gif);} p.btn-more-info-large a { width:350px; background-image:url(images/btn-more-info-large.gif); } /* =Photo Gallery ------------------------------------------------------------------- */ #photo-gallery-nav { list-style:none; margin:0; padding:0; width:231px; float:left; } #photo-gallery-nav li { list-style:none; margin:0 0 2px; padding:0; } #photo-gallery-nav li a { color:#f6ff00; display:block; padding:4px 10px; text-decoration:none; font-weight:bold; } #photo-gallery-nav li a:hover, #photo-gallery-nav li.selected a { background:transparent url(images/photo-gallery-nav-element.gif) scroll repeat-y; color:#000; } #gallery-photos { margin-left:250px; } /* =Footer ------------------------------------------------------------------- */ #footer { background:#000 url(images/ft-bg.gif) scroll no-repeat center top; height:50px; } #footer { padding:0; margin:0 auto; clear:both; text-align:center; } #footer .ft-links { width:995px; margin:auto; padding-top:20px; font-size: 11px; } #footer .ft-links p { text-align:right; } #footer .ft-links p a { color:#8d8d8d; } /* End Structure */ /* =Begin Images * Using 'class="alignright"' on an image will (who would've * thought?!) align the image to the right. And using 'class="centered', * will of course center the image. This is much better than using * align="center", being much more futureproof (and valid) ------------------------------------------------------------------- */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* =Various Tags & Classes ------------------------------------------------------------------- */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* =Captions ------------------------------------------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; 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 { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }