/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left:0;
}
 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
 
body {
line-height: 1;
color: black;
background: black;
font-family: Verdana,Arial, Helvetica, sans-serif;
}
 
ol, ul {list-style: none;}
 
table {
border-collapse: separate;
border-spacing: 0;
}
 
caption, th, td {
text-align: left;
font-weight: normal;
}
 
/* end reset styles */
/* clearing technique *
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/
 
p,h1,h2,h3,h4,h5,h6,ul,ol {
	margin-bottom:.5em;
	text-align: left;
}
 
a img,img{
	border:none;
	display:block;
	text-align: center;
}
 
a{
text-decoration:none;
color:#ffffff;
}
 
h1,h2,h3,h4,h5,h6{
font-weight:bold;
}
 
h1{
	font-size:197%;
	text-align: left;
}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */
body{
font-size: 13px;
text-align:center; /* for ie5.+*/
}

body{
background:#2a2828 url(none) repeat-x 0 0;
}

#outer{
width:1024px;
margin:auto;/* center the page*/
text-align:left;/* reset text back to left due to ie5.x fix */

}

#header{
	width:1024px;
}

ul#nav{
font-size:92%;
padding:18px 115px 5px 0;
text-align:right;
visibility:hidden;
}
 
ul#nav li{
display:inline;
padding:0 13px 0 0;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
ul#nav li a{
color:#fff;
}
 
ul#nav li a:hover,
ul#nav li.current a{color:#8bbd25}

/* tagline code */
#tagline{
width:1024px;
height:553px;
margin:-40px 0 0 0;
background:url(img/haze_01.jpg) no-repeat 0 0;
position:relative;
z-index:1
}

#tagline_none{
width:1024px;
height:553px;
margin:-40px 0 0 0;
background:url(none) no-repeat 0 0;
position:relative;
z-index:1
}

#tagline_bio{
width:1024px;
height:553px;
margin:-40px 0 0 0;
background:url(img/haze_bio_01.jpg) no-repeat 0 0;
position:relative;
z-index:1
}

#tagline_news{
width:1024px;
height:553px;
margin:-40px 0 0 0;
background:url(img/haze_news_01.jpg) no-repeat 0 0;
position:relative;
z-index:1
}

#tagline_pics{
width:1024px;
height:553px;
margin:-40px 0 0 0;
background:url(img/haze_pics_01.jpg) no-repeat 0 0;
position:relative;
z-index:1
}

#tagline h1{
margin:0;
}

#search{
width:1024px;
height:293px;
background:url(img/haze_02.jpg) no-repeat 0 0;
position:relative;
}

#search_bio{
width:1024px;
height:293px;
background:url(img/haze_bio_02.jpg) no-repeat 0 0;
position:relative;
}

#search_news{
width:1024px;
height:293px;
background:url(img/haze_news_02.jpg) no-repeat 0 0;
position:relative;
}

#search_pics{
width:1024px;
height:293px;
background:url(img/haze_pics_02.jpg) no-repeat 0 0;
position:relative;
}

#main,#content{width:1024px}
#main{background:url(images/3col-top.png) repeat-y 0 0}
#content{
background:url(images/3col-top.png) no-repeat 0 0;
min-height:270px;
}
* html #content {height:270px}/* for ie6 and under*/

#col1{
width:207px;
margin:0 28px 0 18px;
display:inline;/* cure IE6 double margin bug*/
float:left;
}
#maincol{
width:444px;
margin:0 48px 0 0;
float:left;

}
#col2{
width:180px;
float:left;
margin:0 50px 0 0;
display:inline;/* cure IE6 double margin bug*/
}

#footer{
width:1024px;
padding:0 0 0 0;
background:url(img/haze_03.jpg) no-repeat 0 0;
clear:both;
}

#footer p{
position:relative;
top:-110px;
left:85px;
padding:0 0 0 0;
color:white;
font-size:10px;
}

.flash_header{
	position:absolute;
	top:249px;
	left:50%;
	margin-left:-442px;
	left:50%;
	z-index:8;

}

.flash_music{
	position:absolute;
	top:755px;
	margin-left:205px;
	left:50%;
	z-index:9;
}

.bio{
	color:white;
	height:479px;
	margin-left: -420px !important;
	left: 50% !important;
	overflow:auto;
	position:absolute;
	top:265px;
	width:550px;
	z-index:9;
	font-size: 11px;
}

.music{
	color:white;
	height:479px;
	margin-left: -420px !important;
	left: 50% !important;
	overflow:auto;
	position:absolute;
	top:264px;
	width:550px;
	z-index:9;
	font-size: 11px;
}


.pictures{
	color:white;
	height:479px;
	margin-left: -420px !important;
	left: 50% !important;
	overflow:auto;
	position:absolute;
	top:265px;
	width:380px;
	z-index:9;
}

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}