/* ////////////////////////////////////

Dr Scientist
main style sheet
2008-10-04 Kobot Industries

Site Color Values:


///////////////////////////////////  */

/* -------------------------------------------------------------
/  General site definitions
/* ------------------------------------------------------------- */

body{
	font-family: "helvetica neue", Helvetica,Arial,sans-serif;
	color:#f1f1f1;
	background: #000000 url(../_toolbox/bgnd.jpg) no-repeat top center;
	min-width:960px;
	font-size:12px;
}

#container{
	background:  url(../_toolbox/castle_top.gif) no-repeat bottom right;
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
}



.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* -------------------------------------------------------------
/  Header
/* ------------------------------------------------------------- */


#header{
	height:238px;
	width:540px;
	float:left;
}
#header h1  { 
	height:238px;
	width:565px;
	text-indent:-9999px;
	background-image: url(/_toolbox/logo.gif);
	float:left;
}
#header h1 a,#header h1 a:hover{
	height:238px;
	width:565px;
	display:block;
	background:url(/_toolbox/logo.gif);
}	

/* -------------------------------------------------------------
/  Navigation
/* ------------------------------------------------------------- */
#navigation{
	width:400px;
	float:right;
	font-size:14px;
	
}

#navigation li{
	display:inline;
	float:left;
	padding:3px 3px 3px 3px;
	margin: 3px 3px 3px 3px;
	background-color:#4494d1;
}

#navigation li a{
	color:#ffffff;
	text-decoration:none;
}
#navigation li a:hover{
	color:#009e28;
}

#navigation li.pedals{
	background-color:#00cc33;}

/* nav variables */
#navigation li.one{
	padding:2px 2px 5px 5px;
	margin: 4px 4px 1px 1px;
}
#navigation li.two{
	padding:4px 4px 2px 2px;
	margin: 2px 2px 4px 4px;
}
#navigation li.three{
	padding:1px 5px 1px 5px;
	margin: 5px 1px 5px 1px;
}

/* -------------------------------------------------------------
/  Content area
/* ------------------------------------------------------------- */


#content{
	background: url(../_toolbox/50grey.png) repeat;
	width:650px;
	padding:25px 25px 21px 25px;
	float:left;
}
#content img{
	float:right;
}

#content h2{
	color:#00cc33;
	font-size:24px;
	margin-bottom:14px;
	letter-spacing: 3px;
	border-bottom:1px solid #666;
	padding-bottom:5px;
}
#content h2.pedalheader  {
	height:100px;
	width:640px;
	text-indent:-9999px;
	border-bottom:none;
}
#content h2#frazz{
		background: url(../_toolbox/frazz.gif) no-repeat;
}
#content h2#sdd{
		background: url(../_toolbox/sdd.gif) no-repeat;
}
#content h2#clean{
		background: url(../_toolbox/clean.gif) no-repeat;
}
#content h2#wail{
		background: url(../_toolbox/wail.gif) no-repeat;
}
#content h2#rev{
		background: url(../_toolbox/rev.gif) no-repeat;
}
#content h2#cosmo{
		background: url(../_toolbox/cosmo.gif) no-repeat;
}
#content h2#trem{
		background: url(../_toolbox/trem.gif) no-repeat;
}
#content h3{
	color:#4494d1;
	font-size:18px;
	margin:25px 0 10px 0;
	letter-spacing: 2px;
}

#content p{
	margin:0 0 21px 0;
	letter-spacing: 1px;
	line-height:18px;
}
#content a:link, #content a:visited{
	color:#f1f1f1;
	border-bottom: 1px dotted #a1a1a1;
	text-decoration:none;
}
#content a:hover{
	color:#009e28;
	border-bottom: 1px dotted #009e28;
}

/* -------------------------------------------------------------
/  home stuff
/* ------------------------------------------------------------- */
#content #intro{
	
	border-bottom:#666 1px solid;
}

#content #intro p{
	margin:0 0 25px 0;
	padding:0;
	font-size:18px;
	text-align:justify;
	color:#97abb4;
	line-height:26px;
	
}

#content #homepedal{
	width:225px;
	float:right;
	padding:5px 0  0 0px;

}
#content #homepedal img{
	float:none;
	margin-bottom:15px;
}
#content #homepedal h2{
	color:#777;
	margin:0;
	padding:0;
	border:none;
	font-weight:bold;
}
#content #homepedal h3{

	margin:0;
	padding:0 0 10px 0;
}
#content #homepedal p{

	margin:0;
	padding:0;
}
#content #news{
	width:403px;
	float:left;
	border-right:#666 1px solid;
}
#content #news h3{
	margin-top:0;
	
}
#content #news p{
	
	padding:0px 20px 0 0px;
}
/* -------------------------------------------------------------
/  pedal pages
/* ------------------------------------------------------------- */

#pedaldescription{
	float:right;
	width:425px;
	
}
#pedaldetail{
	width:225px;
	float:right;
	padding:5px 0 0 0;
}
#pedaldetail h3{
	color:#4494d1;
	font-size:18px;
	margin:25px 0 10px 0;
	letter-spacing: 2px;
}


#pedaldetail p{
	margin:0 0 0px 0;
}

#content .storedetail p{
	margin-bottom:0;
}
.date{
	font-style: italic;
	font-size:10px;
	margin:-15px 0 45px 0;
}
#pedaldetail #pedalimages{
	margin-bottom:20px;
		}
 #pedaldetail a:link,  #pedaldetail a:visited{
	color:#f1f1f1;
	border-bottom: 1px dotted #a1a1a1;
	text-decoration:none;
	font-size:14px;
}
 #pedaldetail a:hover{
	color:#b28990;
	border-bottom: 1px dotted #b28990;
}		
 #pedaldetail #pedalimages a{
	border:none;
	margin:0 10px 10px 0;
	float:left;
		}
#pedaldetail #pedalimages p{
	clear:both;
}
#pedaldetail #pedalimages p a{
	border-bottom: 1px dotted #a1a1a1;
	margin:0;
	float:none;
}
/* -------------------------------------------------------------
/  Footer
/* ------------------------------------------------------------- */

#footer{
	background: #000000 url(../_toolbox/footer.gif) no-repeat top center;
	height:395px;
	

        min-width:961px;
}


/* -------------------------------------------------------------
/  
/* ------------------------------------------------------------- */

#container p.storefinder  {
	height:219px;
	width:190px;
	text-indent:-9999px;
	background-image: url(/_toolbox/store.gif) no-repeat;

}
#container p.storefinder a,p.storefinder a:hover{
	height:219px;
	width:190px;
	display:block;
	background:url(/_toolbox/store.gif) no-repeat;
	border:none;
}
#container label{
	display:block;
}