/*	--------------------------------------*/
/*	CSS by Will Dayblr
/*  Exclamation marks EVERYWHERE
/*	--------------------------------------*/


body{font-family: Helvetica, Arial, Geneva, sans-serif; min-width: 980px; background:#ff4900 url(../images/layout/colourful-background-rep.jpg) repeat-x top; }

a{text-decoration: none; color: #0d6bb3;}

/* z-index, togetha, foreva */
.wrap{z-index: 100;}
.bikerUpTheTop{z-index: 150;}
.sponsorsSidebar{z-index: 150;}
.rep{z-index: 175;}
.header, .footer{z-index: 200;}
.content{z-index: 300;}
.editPostLink{z-index: 350;}
.m1{z-index: 400;}
/* ------------ */


/* wrap attack ---------------------------------------- */
.wrap{min-height: 550px; background: url(../images/layout/colourful-background.jpg) no-repeat top; padding: 260px 0 0;}
* html .wrap{height: 550px;}
.rep{width: 669px;margin: 0 auto; background: url(../images/layout/rep.png) repeat-y left; min-height: 370px;}
.repInner{width: 669px; position: relative; min-height: 370px;}
* html .rep, * html .repInner{height: 370px;}


/* header ---------------------------------------- */
.header{width: 787px; height: 301px; position: absolute; top:-211px; left:-89px; }
.headerInner{width: 787px; height: 301px; background:url(../images/layout/header.png) no-repeat; }
.logo{position: absolute; top:50px; left:50px; width: 290px; height: 150px;}
.date{position: absolute; top:40px; right:43px; width: 140px; height: 73px;}
.logo a, .date a{display: block; position: absolute; top:0; left: 0; height: 100%; width: 100%; text-indent: -9999em;}
.date a{background: url(../images/layout/the-date.jpg) no-repeat 0 0;cursor: pointer;}
.date a:hover{background: url(../images/layout/the-date.jpg) no-repeat 0 -73px}

.bikerUpTheTop{width:251px; height: 224px; position: absolute; top:-280px; left: 50%; margin: 0 0 0 -70px;}
.bikerUpTheTopInner{background:url(../images/layout/biker-up-the-top.png); width:251px; height: 224px; position: relative;}

.number{width: 148px; height: 85px; background:url(../images/layout/phone-number.png) no-repeat; position: absolute; top:170px; left: -33px; display: block; }
.number:hover{background-position: 0 -83px;}

/* sponsors sidebar */
.sponsorsSidebar{width: 133px; height: 289px; position: absolute; top:40px; left: -108px;}
.sponsorsSidebarInner{width: 133px; height: 289px; background: url(../images/sidebar/sponsors-backer.png) no-repeat top left;}
.sponsorsSidebarContent{padding: 20px 0 0 12px;}
.sponsorsSidebarInner .earthHour, .sponsorsSidebarInner .ideas, .sponsorsSidebarInner .engAward, .sponsorsSidebarInner .wwf{display: block; text-indent: -999px; background: no-repeat top; margin: 15px 0;}
.sponsorsSidebarInner .earthHour{background-image:url(../images/sidebar/earth-hour.jpg); height: 85px;}
.sponsorsSidebarInner .wwf{background-image:url(../images/sidebar/wwf.jpg); height: 42px;}
.sponsorsSidebarInner .engAward{background-image:url(../images/sidebar/engAuVic.png); height: 79px;}
.sponsorsSidebarInner .ideas{background-image:url(../images/sidebar/ideas.jpg); height: 35px;}


.tagCloud{display: block; position: absolute; top:350px; width: 160px; left: -160px; text-align: right; font-size: 9px;}
.tagCloud h3{font-size: 17px; font-weight: bold; margin: 0 0 10px; color: #e66700;}
.tagCloud a{color: #000; padding: 2px;}
.tagCloud a:hover{background-color: #fff;}

/* main menu ---------------------------------------- */
.m1{position: absolute; top:-75px; right:40px; width: 390px;}
.m1 a{float: right;display: block; font-size: 14px; color: #0d6bb3; padding: 7px; margin: 0 0 7px 7px; background:url(../images/m1/red-linez.jpg); border: 1px solid #fff;}
.m1 a:hover{border:1px solid #ffcfcf; color: #000;}
.m1 a.active{font-weight: bold; background: #eb2424; border: 1px solid #f00; color: #fff;}
.m1 span{float: right;display: block; font-size: 14px; color: #0d6bb3; padding: 7px; margin: 0 0 7px 7px; border: 1px solid #fff;}


/* footer ---------------------------------------- */
.footer{width: 671px; height: 286px; position: absolute; bottom:-159px; left:0px;}
.footerInner{background:url(../images/layout/footer.png) no-repeat; widows: 671px; height: 286px;}
.subFooter{background: #ec3600 url(../images/layout/red-sub-footer-triangles.jpg) repeat-x top; min-height: 200px; margin: 210px 0 0; font-size:12px;}
* html .subFooter{height: 200px;}
.footerBlockies{width: 750px; margin: 0 auto;height: 100px; padding: 50px 0 0 130px;}

.footerBlock{float: left; width: 80px; border-right: 1px solid #d23000; padding: 0 30px; min-height: 100px;}
* html .footerBlock{height: 100px;}
.footerBlockies .right{border: none; width: 250px;}
.footerBlock h2{color:#ac2700; font-size: 18px;}
.footerBlock li{padding: 5px 0;color: #701a00; font-size: 11px;}
.footerBlock a{color: #571400; border-bottom: 1px solid #d23000; display: inline; padding: 2px;}
.footerBlock a:hover{color: #fff; border:none; background: #bb2b00;}

/* content ---------------------------------------- */

.content{padding: 10px 20px; position: relative;}
.content h1, .content h2{color: #267dc1; font-size: 30px; padding: 0 30px 20px; background: url(../images/posts/h2-backer-blue.gif) no-repeat top right; margin: 0 20px 0 0;}
.content h1 a, .content h2 a{color: #267dc1;}
.content h1 a:hover, .content h2 a:hover{color: #000;}
.content h3{font-size: 22px; color: #76afdc; padding: 0 30px 20px;}
.content h3 a{color: #76afdc;}
.content h3 a:hover{color: #000;}
.content h4, .content h5, .content h6{font-size: 18px; color: #76afdc; padding: 0 30px 20px;}
.content h5{font-size: 16px;}
.content h6{font-size: 14px;}
.content p, .content li{color: #666; font-size: 14px; padding: 0 30px 10px; line-height: 18px;}

.content h1, .content h2, .content h3, .content h4, .content p {clear: both;}

.content ul, .content ol{padding: 10px 0 10px 40px;}
.content li {list-style: circle outside; padding: 0 10px 18px;}

.content blockquote{background: #000 url(../images/posts/black-top-thing.jpg) no-repeat top right; margin: 10px 0 20px; padding: 20px 0;}
.content blockquote p{color: #fff;}

.content .headPhones {padding-top: 20px;}
.content .headPhones a{font-size:18px; font-weight: bold; background: url(../images/icons/headphones-dude.jpg) no-repeat left; padding: 15px 150px 10px 60px;}

.content .postmeta { padding: 10px 30px 50px; font-size: 11px; color: #999;}

/* images within posts ---------------------------------------- */
.habariImage{display: block; text-align: center;}
.habariImage img{padding: 5px; background: #f9f9f9; border: 1px solid #ddd;}
.habariImage a {display: block;}
.habariImage a img{padding: 5px 5px 5px 25px; background: #fff url(../images/icons/new-window-icon.jpg) no-repeat 5px 5px; border: 1px solid #aaa;}
.habariImage a img:hover{background-image: url(../images/icons/new-window-icon-over.jpg); border: 1px solid #aaa;}

/* pageNav ---------------------------------------- */
.pageNav{padding: 0 0 0 70px ; font-size: 12px; color: #666; position: relative; height: 20px;}
.pageNav a{display: block; float: left; padding: 4px; border: 1px solid #fff; margin: 0 3px; width: 10px; text-align: center;}
.pageNav a.current-page{background: #76b1de; color: #fff;}
.pageNav a:hover{background: #888; color: #fff;}
.pageNav a.current-page:hover{background: #488cc0; color: #fff;}
.pageNav span{position: absolute; top:18px; left:35px;}
.pageNav .next-page, .pageNav .prev-page{display: none;}

/* pageNav ---------------------------------------- */
.commentblock{background: #000; padding: 20px 0; margin: 0 0 -140px 0;}
.commentlist li{display: block; padding:20px 0 20px 155px; position: relative; margin: 0;}
.commentlist li.alt{background: #111;}
.commentlist cite{ position: absolute; top:20px; left:20px; width: 110px; text-align: right; color: #444; font-size: 11px; line-height: 140%;}
.commentlist cite a{color: #666;}
.commentlist cite a:hover{color: #ccc;}
.commentlist .commenttext{border-left: 1px solid #333; color: #ccc;}
.commentlist .commenttext p{color: #ccc;}

.commentblock form{ padding: 0 10px 0 0;}
.commentblock input, .commentblock textarea{border: 1px solid #666; background: #333; color: #ccc; padding: 3px; width: 300px;}
.commentblock textarea{width: 100%; font-family: Helvetica, Arial, sans-serif;}
.commentblock label{font-size: 12px; font-style: italic;}

/* for excerpts ---------------------------------------- */
.readMore{display: block; padding: 0 30px; font-style: italic; font-size: 13px;}

/* check yoself! edit yoself! ---------------------------------------- */
.editPostLink{position: absolute; width: 146px; height: 100px;text-indent: -999em; background:url(../images/icons/edit-icon.png); left: -140px; top:
-10px;}

/* login form hah luke does css!! */
.loginform, .contactForm{width: 500px; margin: 20px auto; }
.loginform p, .contactForm p,  .contactForm div{	padding: 10px 20px 10px 30px}
.loginform p label, .contactForm p label, .contactForm div label{	font-size: 12px; width:120px; clear:both; float:left; text-align:right;margin:10px; padding:3px;}
.loginform p input, .contactForm p input, .contactForm div input{	font-size: 14px; float:left; margin:8px 10px; border: 1px solid #ccc; padding: 3px; color: #333;}

.contactForm br{display: none;}

/*	--------------------------------------*/
/*	Pew pew pew pewpewpweppewwpeppwep!!
/*	--------------------------------------*/