/* Chow Nasty Stylesheet */

/***************************************************************************//* WHITESPACE RESET */

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:1.5em;}
fieldset { padding: .5em; }

p {margin-bottom:1.4em;}

span.date {font-size:15px;}

body {
background:#0d340d url(images/bg.png) repeat 0 0;
padding:0;
margin:0;
font: 62.5% Arial, Tahoma, "Lucida Grande", Verdana, Helvetica, sans-serif;
}

/***************************************************************************//* WRAPPERS */

#wrap {
background:url(images/bgwrap_noshows.png) no-repeat 0 0;
width:1185px;
height:900px;
margin:0 auto;
position:relative;
}

#journal {
width:385px;
height:575px;
position:absolute;
top:185px;
left:170px;
}

#logo {
background:url(images/chownasty_logo.png);
width:705px;
height:182px;
position:absolute;
top:12px;
left:64px;
display:block;
}

/***************************************************************************//* MAIN NAVIGATION */

#nav {
background:transparent url(images/nav.png) no-repeat 0 0;
height:76px;
border:0px solid #000;
width:231px;
}

#nav li {
margin-left:0;
}

#nav li a span {display:none;}

#buttons {
height:76px;
position:relative;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:76px; display:block; top:0;}

#button1 {left:0; width:82px;}
#button2 {left:82px; width:74px;}
#button3 {left:156px; width:75px;}

#button1 a:hover {background: transparent url(images/nav.png) 0 -76px no-repeat;}
#button2 a:hover {background: transparent url(images/nav.png) -82px -76px no-repeat;}
#button3 a:hover {background: transparent url(images/nav.png) -156px -76px no-repeat;}

#button1 a#on {background: transparent url(images/nav.png) 0 -152px no-repeat;}
#button2 a#on {background: transparent url(images/nav.png) -82px -152px no-repeat;}
#button3 a#on {background: transparent url(images/nav.png) -156px -152px no-repeat;}

/***************************************************************************//* NEWS, BIO, LINKS*/

#news,#bio,#links {
width:390px;
height:490px;
color:#6f56ce;
font:bold 12px/130% "Courier New", Helvetica, Arial, sans-serif;
margin:1em 0 0 1em;
overflow:auto;
}

#journal a:link,#journal a:visited,#journal a:active {
color:#6f56ce;
}

#journal a:hover {
color:#6f56ce;
text-decoration:none;
}

/***************************************************************************//* RELEASES */

#releases {
width:200px;
height:300px;
position:absolute;
left:600px;
top:212px;
}

#releases a img {
border:0;
}

#releases a span {display:none;}

.release {float:left;}

a.itunes:link,a.itunes:visited,a.itunes:active {
background:url(images/itunes.png) no-repeat -29px 0;
width:29px;
height:145px;
display:block;
float:left;
}
a.itunes:hover {
background:url(images/itunes.png) no-repeat 0 0;
}

a.buynow:link,a.buynow:visited,a.buynow:active {
background:url(images/buynow.png) no-repeat -24px 0;
width:24px;
height:145px;
display:block;
float:left;
}
a.buynow:hover {
background:url(images/buynow.png) no-repeat 0 0;
}

/***************************************************************************//* SHOWS */

#shows {
width:221px;
height:246px;
position:absolute;
right:125px;
top:210px;
font:bold 12px/130% "Courier New", Helvetica, Arial, sans-serif;
color:#000;
overflow:auto;
}

#shows a.tix:link,#shows a.tix:visited,#shows a.tix:active {
text-decoration:none;
text-transform:uppercase;
background:#f4b900;
padding:2px;
color:#000;
}

#shows a.tix:hover {
background:#fb749e;
color:#daf908;
}

/***************************************************************************//* MEDIA VIEWER */

#media {
width:429px;
height:375px;
position:absolute;
left:614px;
top:525px;
}

/***************************************************************************//* AUDIO PLAYER */

#audio {
width:274px;
height:195px;
position:absolute;
left:776px;
}

/***************************************************************************//* FOOTER */

#footer {
background:#fe8704;
width:100%;
/*width:1185px;*/
height:40px;
margin:4em auto;
text-align:center;
color:#000;
font:bold 12px/320% "Courier New", Helvetica, Arial, sans-serif;
}

#footer a:link,#footer a:visited,#footer a:active {
color:#daf908;
padding-right:10px;
}

#footer a:hover {
color:#804505;
}

#footer form {
display:inline;	
}

/*Float Patch*/	
.floatcontainer:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}

/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}

/* Hides from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */