/*
Theme Name: Adrenaline Bikes
Theme URI: http://soulbat.com
Description: Custom Wordpress Theme.
Version: 1
Author: Soulbat.Com
Author URI: http://www.soulbat.com/

*/

html, body, ul, ol, li, p,td, h1,h2,h3,h4,h5,h6,form,fieldset,a,div,img { 
margin:0; padding:0; border:0;  }
a { outline:none; color:#E21924 }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #EEE;
	color: #111;
	text-align: center;
	}

#wrapper {
width:1000px;
height:auto;
margin:0 auto 1em auto;
text-align: left;
background: #FFF;
}

#header {
width:100%;
height:165px;
background:url(images/header.jpg) top left no-repeat;
}

#footnav,#footer,#footnav a,#footer a {
color:#000;
}

#footnav {
clear:both;
overflow:hidden;
width:800px;
height:auto;
text-align:left;
padding:10px 26px;
}


#footer {
clear:both;
overflow:auto;
width:100%;
height:auto;
background:url(images/footer.jpg) top left no-repeat;
text-align:center;
padding:32px 0 2em 0;
}

#main {
width:100%;
height:auto;
margin-top:7px;
/* background: url(images/coldiv.gif) top left repeat-y; */
}

#col-left {
	float:left;
	width:270px;
	background: url(images/urban.gif) no-repeat 24px 0;
	min-height:600px;
}
/* IE Hack */
/*\*/
* html #col-left {
height: 600px;
}
/**/


#col-right {
float:right;
width:700px;
margin:17px 20px 0 0;
font-size:1.2em;
}


#col-right ul
{
margin:1em 0 1em 30px;
}


div.in-wide {
clear:both;
overflow:auto;
width:100%;
height:auto;
margin:0 0 1em 0;
}

div.in-left {
float:left;
width:472px;
height:auto;
background-color:#CCFFFF;
background:url(images/t472.jpg) 0px 0px no-repeat;
}

	
	.price {
	color:BD162A !important;
	}


div.nobg {
background:none;
}
div.in-right {
float:right;
width:202px;
height:auto;
}

.urban700 {
background:url(images/t700.jpg) 0px 0px no-repeat;
}

.clearfloat { 
	clear:both;
	overflow:auto;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* navigation */

ul.navigation {
list-style:none;
margin:52px 30px 10px 28px;
background:url(images/bevel.gif) top repeat-x;
}
ul.navigation li {
background:url(images/bevel.gif) bottom repeat-x;
padding:1px 0;
}
ul.navigation li a {
	display:block;
	font-size:1.2em;
	padding:5px 2px 5px 12px;
	text-decoration:none;
	color:#000000;
	background:url(images/arrsml.gif) no-repeat 0px 10px;
}
ul.navigation li.current_page_item a {
background-position:0px -111px;
}
ul.navigation li a:hover {
background-color:#FFCC01;
background-position:0px -111px;
}

ul.navigation li ul {
list-style:none;
margin:0 30px 6px 5px;
}
ul.navigation li ul li {
list-style:none;
margin:1px 0 1px 10px;
background:none;
}
ul.navigation li ul li a {
font-size:1.3em;
padding:1px 1px 1px 12px;
text-decoration:none;
background:url(images/arrsub.gif) no-repeat 0px 6px;
}
ul.navigation li ul li.current_page_item a ,ul.navigation li ul li a:hover {
background-position:0px -117px;
}

/* 3rd level custom hover code */
ul.navigation ul ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:151px;
	font-weight:normal;
	margin:-21px 0 0 120px;
	line-height:1;
	border:0;
	background:#F9F3AC;
	list-style:none;
}
ul.navigation ul ul li {
	margin:0;
}
ul.navigation ul li:hover ul {
	left: auto;	
}
ul.navigation li li:hover {
background-color:#FFCC01;
}

/* end navigation */



ul.foot {
margin:0;padding:0;
list-style:none;
}
ul.foot li {
display:inline;
}
ul.foot li a {
font-size:1em;
padding:0 8px 0 0;
text-decoration:none;
}
ul.foot li a:hover {
text-decoration:underline;
color:#C83430 !important;
}

/* search */

#searchsite {
position:relative;
top:120px; left:704px;
width:290px;
height:19px;
overflow:hidden;
text-align:left;
background:#E0E4E7 url(images/searchbg.gif) top right no-repeat;
border-top:2px solid #E0E4E7;
border-bottom:2px solid #E0E4E7;
}
#searchsite form {
text-align:left;
margin:0; padding:0; border:0;
}
#searchsite input[type="text"] {
margin:0 4px 0 0; padding:0; border:0;
width:164px;
background-color:#FFF !important;
height:19px;
line-height:19px;
border-left:2px solid #FFF;
border-right:2px solid #FFF;
float:right;
}
#searchsite label.hidden {
display:none;
}
#searchsubmit {
width:19px;
height:19px;
float:right
}



/* search results */

#searchresults {
font-size:1.3em;
}
#searchresults h1 {
font-size:1.5em;
}
#searchresults h2 {
font-size:1.2em;
}


/* headings */

.utxt {
margin:24px 0 0 32px;
background:url(images/tyre.gif) 0px 6px no-repeat;
}

h1 {
font-size:1.7em;
margin:0 0 1.2em 0;
padding:2px 4px;
color:#BD162A;
font-style:italic;
background-color:#FFFFFF;
float:left;
}
.clearH1 {
clear:left;
width:100%;
height:10px;
overflow:hidden;
}
h2 {
font-size:1.3em;
margin:1em 0;
}
h2.arrup {
padding-left:22px;
background: url(images/arrup.gif) top left no-repeat;
margin-bottom:0;
}
h3 {
font-size:1.2em;
margin:1em 0;
}
h4, h5 {
font-size:1.1em;
margin:1em 0;
}

ol {
font-size:.9em;
margin:0 0 1em 34px;
}
ol li {
margin-bottom:.7em;
}


p {
margin-bottom:1em;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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) */

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
	}
/* End Images */



#homescreen {
width:692px;
height:170px;
overflow:hidden;
border:1px solid #000;
}

div.post {
margin-bottom:1em;
}
div.post div.entry  {
margin:0;
}

#subcopy {
font-size:.9em;
margin:1em 0;
color:#222;
}

#deets {
background-color:#4D4D4D;
padding:7px;
line-height:1.4em;
color:#EEE !important;
}
#deets p {
color:#EEE !important;
}
#deets a {
color:#FFCB04 !important;
}


ul.archivelinks li {
margin-bottom:1em;
}

.time {
margin-bottom:1em;
}


#manulinks ul {
margin:1em 0 1em 0;
padding:0;
font-size:1.2em;
}
#manulinks ul li {
list-style:none;
padding:0 0 0 26px;
margin-bottom:.6em;
background:url(images/bike.gif) 0px 4px no-repeat;
}

ul.postlinks {
margin:2em 0 1em 0;
list-style:none;
padding:0;
font-size:1em;
}
ul.postlinks li {
list-style:none;
padding:0;margin:0;
margin-bottom:.6em;
}

ul.linklist {
padding:0;
margin:0 0 0 -20px;
list-style:none;
}
ul.linklist li {
padding:0;margin:0;
}
ul.linklist li ul li {
list-style:none;
}


#homescreen {background:url(/wp-content/themes/adrenaline-bikes/images/_flash/1.jpg) top left no-repeat; }

#brands {
padding:2em 0;

}



a.bikeLink {
font-weight:bold;
}

	div.bikepage {
	margin-right:16px;
	}
	div.bikepage h1 {
	margin:0 0 15px 0;
	}
	div.bikepage h2 {
	display:block;
	width:100%;
	background-color:#222;
	color:#FFFFFF;
	padding:4px 2px; font-size:1.3em;
	clear:left; margin:1.5em 0 1em 0; overflow:hidden;
	}
	div.bikepage h3 {
	border-top: 1px solid #CCC;
	padding:4px 0; font-size:1.1em;
	clear:left; margin:1em 0; overflow:hidden;
	}
div.bikepage img {
	clear:left;
	padding:5px 0 10px 2px;
	}
	

#shoppic {
text-align:center;
width:250px;
margin:20px 0 0 0;
}
#shoppic p {
text-align:center;
}


#ctwpform { margin:48px 0 12px 20px; font-size:1.1em;  }
#ctwpform .note { font-size:.85em; }
#ctwpform label{width:82px;float:left;text-align: right;margin:3px 9px 0 0;display: block; color:#000}
#ctwpform input,#ctwpform textarea {width:240px; height:auto; }
#ctwpform input[type=text],#ctwpform textarea { background-color:#FFF }
#ctwpform textarea {height:90px;}
#ctwpform input, #ctwpform textarea { 
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:.9em;
}
#ctwpform fieldset{border:0; width: 350px;}
#ctwpform fieldset div {margin:6px 0 0 0; width:350px;padding:2px; background-color:#EEE;}
#ctwpform legend{background-color:#FCF9EA;padding:4px;}
#ctwp_response { width:75%; margin:1em; border:1px solid #F7723A; padding:1em; line-height:1.6em; color:#000000; font-size:1em; font-weight:bold}

div.cy {
margin:0 auto 9px auto;
text-align:left;
width:100%;
height:auto;
overflow:hidden;
font-style:italic;
color:#333333;
}

div.cy h2 {
color:#FFF;
font-style:normal;
margin:0 0 5px 0;
}

div.cy .bkimg{
	padding: 4px;
	margin: 0 16px 4px 0;
	display: inline;
	float:left;
}

div.cy table {
color:#000;
font-style:normal;
width:100%;
}

div.viewpad {
color:#000;
font-style:normal;
clear:both;
width:100%;
height:auto;
margin:0;
background:#eee;
padding:1px;
overflow:hidden;
}
div.viewpad h4 {
font-style:normal;
color:#666666;
font-size:.9em;
margin:10px 0 0 18px;
}







