/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
.noborder {
	border: 0px;
}

/* Default Navigation styling */
#mainnav {margin-top: -12px;}
#mainnav ul, #ftnav ul, #flavor ul {padding-left: 0;margin-left: 10px;width: 520px;text-transform:uppercase; position:relative;}
#mainnav ul li, #ftnav ul li, #flavor ul li {display: inline;}
#mainnav ul li a, #ftnav ul li a {padding: 15px 8px;text-decoration: none;float: left;}
#ftnav ul{margin-left: 90px;font-size: 70%;}
#ftnav ul li a{padding: 3px 8px;}

html {background: #000 url("../images/djs_sitebg.jpg") repeat-x fixed left top;}
#doc2 {min-width: 950px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -48px;}

#banner {min-width: 950px; min-height: 246px; height: 246px;}
#contentbox {min-height: 430px; height: 430px;*min-height: 450px; *height: 450px;margin-top: -15px;}
#ftcopyright {text-transform: uppercase; font-size: 70%; float: right; margin-right: 120px; position: relative; bottom: 0px;}

#tracks {padding-top: 20px; height: auto; min-height: 180px; margin-left: 1px;padding-left: 10px;display: none;}
#djsteve {padding-top: 35px; height: auto; min-height: 180px; margin-left: 1px;padding-left: 20px;}
#flavor {padding-top: 35px; height: auto; min-height: 180px; margin-left: 1px;padding-left: 10px;}

#colorchooser li a {margin: 0px; padding: 0px; margin-left: -3px;}

#sidebox {position: relative;margin: auto 0px; *margin-left: -77px;}
#sidebox {background: url("../images/sidebox_bg.jpg") no-repeat left top;}
#sidebox p {width:360px;}
.rightfix {position: absolute;*position: relative;margin-left: 540px;*margin-left: 0px;margin-top: 0px;}

#contentbox {margin-left: 10px;width: 499px;padding: 20px 10px;overflow:auto; overflow-x: hidden;}
.fixcontent {min-height: 100%;height: auto !important;height: 100%;}

#contentbox.index, #contentbox.services, #contentbox.contact, #contentbox.gallery, #contentbox.music, #contentbox.references{min-height: 430px; height: 430px;*min-height: 450px; *height: 450px; line-height: 16px;}
#contentbox p {line-height: 18px;}
#contentbox table {padding: 3px; margin: 0px; text-align:left; text-transform:capitalize; width: 500px; border: 0px;}
#contentbox table th {text-align: left; font-weight: bold; text-decoration:underline;}
#contentbox h3 {text-transform: uppercase;}
#contentbox span {text-decoration: underline; font-weight:bold;text-transform: uppercase;}

.form {width: 400px;}
.form_td {padding:4px;font-size:12px;}
.form p {padding:4px;}
.form label {padding:4px;}
label {padding-right:10px}
.required {font-weight:bold;}
.required_star { font-weight:bold; color:#F00;}
.not-required { font-weight:normal}

html, body, #doc2 {height: 100%;}
body > #doc2 {height: auto; min-height: 100%;}
#bd {padding-bottom: 15px;}  /* must be same height as the footer */
#ft {position: relative;width: 950px;margin: 0 auto;margin-top: -15px; /* negative value of footer height */height: 15px;clear:both;} 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */