html, body { height:100% }
html { padding:0 /*20px*/ }
body { background:white; font-family:"Times New Roman",serif; max-width:1155px; margin:0 auto; min-width:1000px ; padding:0; position:relative }
.access { position:absolute; margin-left:-10000px }
.errorlist { color:red !important }
/* headings */
h1#header { width:262px; position:absolute; left:10px; color:white; font-size:1.4em; padding:7px 0 0 0; z-index:10; text-transform:uppercase; }
h1#header a { text-indent:-100em; background: url(/site-media/furniture/misterchristrout-comb.gif) bottom left no-repeat; display:block; height:28px }
h1#header a:hover { background-position:top left }
h1 a:hover { text-decoration:none }
h2 { font-size:4em }
/* key image */
#key-image { position:absolute; left:0; top:42px; border:1px solid black; width:555px; min-height:555px }
#key-image.landscape { background:white }
#key-image img { display:block; margin:0 auto }
/* nav */
ul#nav { background:black; display:inline-block; list-style:none; min-height:30px; position:absolute; right:30px; top: 10px; z-index:99999 }
* html ul#nav { height:1.9em }
ul#nav li { float:left; font-size:1.2em; padding:0; font-weight:bold; letter-spacing:1px; margin-bottom:3px; margin-right:12px; text-transform: uppercase; position:relative }
* html ul#nav li { font-size:12px }
ul#nav li a, ul#nav li.bands { background:bottom left no-repeat; float:left; height:14px; text-indent: -100em; width:53px }
ul#nav li a:hover { background-position:top left }
ul#nav li.news a { background-image:url(/site-media/furniture/news-comb.gif) }
ul#nav li.read a { background-image:url(/site-media/furniture/read-comb.gif) }
ul#nav li.links a { background-image:url(/site-media/furniture/learn-comb.gif); width:75px }
ul#nav li.mp3s a { background-image:url(/site-media/furniture/listen-comb.gif); width:77px }
ul#nav li.write a { background-image:url(/site-media/furniture/write-comb.gif); width:62px }
ul#nav li.look a { background-image:url(/site-media/furniture/look-comb.gif); width:62px }
ul#nav li.watch a { background-image:url(/site-media/furniture/watch-comb.gif); width:70px }
ul#nav li.olds a { background-image:url(/site-media/furniture/olds-comb.gif) }
ul#nav li.bands { background-image:url(/site-media/furniture/bands.gif) }
ul#nav li.bands:hover, ul#nav li.ie6fix { /*background-color:#333; background-image:url(/site-media/furniture/white-triangle-hover.gif); color:white*/ background-position:top left }
ul#nav li a:hover { text-decoration:none }
ul#band-nav { background:black; position:absolute; min-width:8em; top:14px; left:0; padding-top:.3em; z-index: 100000 }
li.bands ul#band-nav { display:none }
* html li.bands ul#band-nav { display:block } /* necessary, as IE6 will depend on javascript to show subnav on hover */
ul#band-nav li { display:block; padding:.2em .3em; float:none; font-size:.7em; font-weight:normal; margin-left:0; letter-spacing:0; text-transform: capitalize }
* html ul#band-nav li { width:9em }
ul#band-nav li, ul#band-nav li a { text-indent:0; float:none; height:auto; width:auto }
li.bands:hover ul#band-nav { display:block }
li.bands:hover li a:hover { color: yellow }
/* subnav */
#content ul#subnav { padding:0 5px .2em; margin:1em 0 0 ; list-style:none; text-transform:uppercase }
#content ul#subnav li { display:inline; padding: 0 ; margin:0 5px 0 0}
#content ul#subnav li a { color:white; font-weight:bold }
/*ul#subnav li:after { content:'|' }
ul#subnav li:last-child:after { content:'' }*/
ul#subnav li a:hover { text-decoration:none; color:teal }
/* main boxes */
#main { padding:42px 1px 0 557px; min-height:100%; background:black }
#content { margin:0 0; background:white; padding:28px 38px 48px 43px; min-height:559px; border-top:2px solid black }
* html #content { height:559px }
#footer { background:black; color:white; text-align:right; font-size:80%; padding:.1em 0 .15em; margin:0 0 .3em 0 }
#pullout-block { position:static; left:1px; top:555px; margin:0 0 1.5em; padding:30px 0 0; height:auto; overflow:hidden; background:#999 url(/site-media/furniture/owls-dark.jpg) right center; color:white }
#pullout-block.trout-shout { background-image:url(/site-media/furniture/brain.jpg) }
#quote { border: 5px groove black; padding:5px; display:block; margin:1em 15px 0 0; }
/* homepage */
#content #news-items { list-style:none; padding-left:0 }
#content #news-items li { min-height:120px; border-bottom:dashed 1px; padding:.75em 0 }
#news-items li#more_writing_link { border-bottom:none; min-height:0; padding:0 }
#news-items li img { float:left }
#news-items li h3, #news-items li p, #news-items li h4 { margin-left:115px }
#content #votw-link a { background: url(/site-media/furniture/old-tv.png) no-repeat; bottom:0; color:white; display:block; height:154px; left:-560px; position:relative; text-align:center; text-indent:-1000em; top:85px; width:110px; z-index:10004 }
/* lyric page */
#content img.lyric-image { width:100% }
/* media player */
.play-button a { background:url(/site-media/furniture/icon_play.png) no-repeat top left; padding:0 5px 0 10px }
.play-button a span { position:absolute; left:-1000em }
#random-play-button { position:absolute; border:none; padding:0; margin:0; background:transparent; top:610px; left:170px; width: 206px; height:73px; background:url(/site-media/furniture/fucking-music-plain.gif) no-repeat bottom left white; text-indent:-100em }
#random-play-button:hover { background-position:top left; cursor:pointer; cursor:hand }
/* mp3 overview page */
#content #carpet { clear:both; list-style:none; padding:1em 0 0 }
#content #carpet li { margin:0 15px 15px 0; float:left }
#content #carpet li img { display:block }
/* archive */
p.archive-item { margin-left:5.5em; position:relative }
p.archive-item span { position:absolute; left:-5.5em }
/* video page */
#content ul.videos { list-style:none; /*margin:0 -38px 0 -41px;*/ padding-left: 0 }
/*#content ul.videos li { margin:0 auto; display:block }*/
hr { width:33%; margin:2em 10em }
/* contact form */
#main.contact-page #content { background:url(/site-media/furniture/write_02.gif) no-repeat top left white; height:550px; min-width:450px }
#main.contact-page #content label { display:block; left:-1000em; position:absolute }
#main.contact-page #content #id_message { position:absolute; top:210px; left:710px; height:174px; overflow:auto; width:360px; border:0 }
#main.contact-page #content #id_signup { background:none; font-family: "Comic Sans", sans-serif; position:absolute; top:450px; left:880px; width:15px; height:18px; border:0 solid white; border-top-style:solid !important }
#main.contact-page #content #id_sender { position:absolute; top:528px; left:672px; width:320px; height:1.2em; border:0 white }
#write-message { background:url(/site-media/furniture/write-send.gif); border:0; height:28px; left:920px; position:absolute; text-indent:-1000em; top:595px; width:97px; cursor:finger; cursor:pointer; /* ie6,7 fixes */ font-size:0; line-height:0; display:block }
ul.errorlist { position: absolute; left: 840px; top: 490px; width:140px; list-style:none }
#main.contact-page #content .permalink { position:absolute; top:630px; right:0 }
/* gallery */
#gallery-blurb { min-height:12em }