@charset "utf-8";

/* -------------------- Web design by www.divinemonkey.co.uk ---------------------------------*/

/* This first part is to reset all margins etc so all browsers start from same blank page */
/* ------------------------------------ START undo_html.css ----------------------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* ------------------------------------ END undo_html.css ----------------------------------*/



/* ----------------------------------- Start Standard CSS ---------------------------------- */

html {
overflow: auto;
}
body {
	font: 80% Arial, Verdana, sans-serif;
	background: #221100;
	margin-top: 0;
	padding: 0;
	text-align: center;
	color: #FF6600;
}
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
/* ----- Text Stylings ----- */
h1{
	font-size:150%;
	font-weight:bold;
	color: #333333;
}
h2{
	font-size:120%;
	color: #FFFFFF;
}
h3{
	font-size:120%;
	font-weight:bold;
	color: #0885AE;
}

a:link {
	color: #BB4A00;
	text-decoration: none;
}
a:visited {
	color: #BB4A00;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
#footer a:link, #footer a:visited {
	color: #BB4A00;
	text-decoration: none;
}
#footer a:hover {
	color: #FF6600;
	text-decoration: none;
}
/* ------------------------------------- Start Divs ---------------------------------------- */
div.scroll{overflow:hidden;clear:left;position:relative;width:100%;height:600px;}
#sections{
	overflow:hidden;
	background-color:#221100;
	width:660px;
	height:520px;
	clear:left;
	margin-left:19%;
}
	
	#sections ul{
		width:6000px;	
		margin-top: 20px;
	}
	
		#sections li{
			float:left;
			padding:31px 30px 31px 30px;
		}

			
			#sections p {
				margin:10px 0;
				font-size:95%;
				line-height:1.4em;
				color:#FF6600;
				padding-right: 16px; /*--this! --*/
			}
			
			#sections h2{
				color:#371C00;
				background: url(../images/h2_bg.jpg) no-repeat;
				padding: 4px 5px 3px 8px;
				margin:20px 0px 0px 0px;
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size:85%;
			}
			#sections h3{
				color:#AA5500;
				margin:10px 0px 10px 0px;
				font-size:85%;
			}
			#sections a:link, #sections a:visited {
				color: #FFA76C;
				text-decoration: none;
			}
			#sections a:hover {
				color: #FFCBA8;
				text-decoration: none;
			}
			#sections img{
				border: 4px solid #FF8B00;	
				margin-right: 15px;
				margin-bottom: 15px;
			}
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}
#container {
	width: 1000px; 
	margin: 0 auto;
	margin-top: 0px;
	border: 0px solid #000000;
	text-align: left;
	min-height: 100%;
}
#browserwarning {
	position:absolute;
	left:50%;
	margin-left:-360px; 
	top:-60px;
        width: 700px;
	height:30px;
	z-index:1;
	background: #000000;
	color: #FF6600;
	padding: 12px 12px 12px 12px;
	border: 1px solid #FF6600;
}
* html #browserwarning {
	top:0px;
}
#news {
	background: url(../images/news_bg.jpg) no-repeat left top;
}
#news ul li {
	list-style-type: none;
	width: 660px;
	margin-top: -20px;
	margin-left: -2px;
}
#twitters {
overflow: hidden;
}

#twitters UL {
  list-style: none;
  padding: 0;
}

#twitters LI {
  padding: 3px;
  background: none;
}

#twitters SPAN.prefix {
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
}

#twitters SPAN.time a {
}

#twitters SPAN.status {
  font-family:Arial, Helvetica, sans-serif;
}
#news_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#bio {
	background: url(../images/bio_bg.jpg) no-repeat left top;
}
#bio_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#discog {
	background: url(../images/discog_bg.jpg) no-repeat left top;
}
#discog_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#media {
	background: url(../images/media_bg.jpg) no-repeat left top;
}
#media_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#gear {
	background: url(../images/gear_bg.jpg) no-repeat left top;
}
#gear_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#downloads {
	background: url(../images/downloads_bg.jpg) no-repeat left top;
}
#downloads_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#links {
	background: url(../images/links_bg.jpg) no-repeat left top;
}
#links_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#contact { 
	background: url(../images/contact_bg.jpg) no-repeat left top;
}
#contact_content {
	height: 458px;
	width: 600px;
	overflow:scroll;
	overflow-x:hidden; 
}
#footer {
  	background: url(../images/footer_bg.png) repeat-x center top;
	width: 100%;
	clear: both;
	height: 200px;
	margin: -248px auto 0 auto;
	position: relative;
	padding-top: 28px;
	color: #953C00;
	font-size:85%;
        z-index: 3;
}
#social_links {
	float: left;
	height: 100px;
	width: 200px;
	position:absolute;
	left:50%;
	margin-left:-150px; 
	margin: 115px 0px 0px -479px;
}
#mp3player {
	float: left;
	height: 120px;
	width: 200px;
	position:absolute;
	left:50%;
	margin-left:-150px; 
	margin: 25px 0px 0px 273px;
}
.right_spacer_div {
	float: right;
	width: 60px;
	height: 460px;;
}
#clearfooter {
	display: block;
	height: 165px;
}
#validation {
    float: left;
	margin: 5px 0px 0px 15px; 
    width:200px;
    height: 25px;
}
/* ------------- Fisheye Menu Styles------------------- */
#menu_container {
	width:500px;
	position:absolute;
	left:50%;
	margin-left:-300px; 
	padding: 66px 0px 0px 55px;
}
#fisheye_menu {
	list-style: none;
	padding: 0;
	margin: 0px;
	height: 81px;
}
#fisheye_menu li {
	position: relative;
	display: block;
	float: left;
	margin-bottom: 20px;
}
#fisheye_menu span {
	position: absolute;
	top: 100%;
	left: 0;
	text-align: center;
	width: 70px;
	padding: 1px;
	border: solid 0px #FF6600;	
	color: #FF6600;
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 0;
	vertical-align: top;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 36px;background: #623100 url(../images/scroll/scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(../images/scroll/scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(../images/scroll/scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: #9F5000 url(../images/scroll/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(../images/scroll/scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(../images/scroll/scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #FF6600;}

/* Form styling */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial;
  margin: 0 0 0 50px;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 450px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #FF6600;
  border-width: 1px;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}



form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */

}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
form input { 
 background-color: #FF6600; 
  color: #221100; 
  border: none;
  padding-bottom: 2px;
}
textarea { 
 background-color: #FF6600; 
 color: #221100; 
 	font: 100% Arial, Verdana, sans-serif;
	  border: none;
}
html>/**/body textarea { 
 background-color: #FF6600; 
 color: #221100; 
 	font: 90% Arial, Verdana, sans-serif;
	  border: none;
}
#submit {
 background-color: #FF8B02; 
border: 0px solid #FF6600;
 margin-top: 5px;
cursor: pointer;
color: #221100;
}
#reset {
 background-color: #FF8B02; 
border: 0px solid #FF6600;
 margin-top: 5px;
cursor: pointer;
color: #221100;
}
/* Hacks for older versions of IE */
* html #footer {
  	background: url(../images/footer_bg_IE.jpg) no-repeat center bottom;
}
* html #social_links {
	margin: 140px 0px 0px -465px;
}
* html #mp3player {
	margin: 68px 0px 0px 288px;
}