@import url('reset.css');

/* CSS LAYOUT
---------------------------------------------- */

body { background: url(../images/body.gif) repeat; }
div.container { position: relative; margin: 0 auto; width: 960px; text-align: left; }

#content { float: right; width: 440px; padding: 335px 0 0 0; margin-bottom: 24px; position: relative; right: -10px; }
#subContent { float: left; width: 460px; padding: 717px 0 0 0; margin-bottom: 24px; position: relative; left: 10px; }

a:link, a:visited, a:active { color: #0D3A62; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; color: #114F87; text-decoration: underline; }

/* HEADER
---------------------------------------------- */

#header { position: absolute; top: 0; right: -10px; width: 440px; height: 325px; background: url(../images/header.jpg) no-repeat top right; }

#header h1 { position: absolute; z-index: 10; top: 18px; left: 10px; width: 420px; height: 271px; display: block; background: url(../images/header/rotator.php) no-repeat 0 0; }
#header h1 a { position: absolute; top: 0; left: 10px; width: 400px; height: 271px; display: block; text-indent: -9999px; }


/* CONTENT
---------------------------------------------- */

.cTop { background: url(../images/ctop.jpg) no-repeat 0 0; }
.cBottom { background: url(../images/cbottom.jpg) no-repeat bottom left; }

#about, #shows, #writings { position: relative; z-index: 10; margin-bottom: 32px; background: url(../images/content.jpg) repeat-y bottom left; }

#about .cBottom,
#shows .cBottom,
#writings .cBottom { padding: 12px 0 200px; min-height: 255px; }

#about div.cBottom { background: url(../images/cbottom-about.jpg) no-repeat bottom left; }
#shows div.cBottom { background: url(../images/cbottom-shows.jpg) no-repeat bottom left; }
#writings div.cBottom { background: url(../images/cbottom-writings.jpg) no-repeat bottom left; }
#writings div.cBottom { height: 1%; }
#about p, #shows p, #writings p { margin-bottom: 17px; padding: 0 50px 0 50px; }
#about ul, #about ol { padding: 0 50px 0 70px; margin-bottom: 17px; }
#about ul { list-style: disc; }
#about ol { list-style: decimal; }
#about li { margin-bottom: 8px; }

#about h2.hsec,
#shows h2.hsec,
#writings h2.hsec { position: relative; top: -38px; display: block; text-indent: -9999px; width: 440px; height: 28px; margin-bottom: 10px; padding: 0 !important; }

#about h2.hsec { background: url(../images/about-h2.png) no-repeat 0 0; }
#shows h2.hsec { background: url(../images/shows-h2.png) no-repeat 0 0; }
#writings h2.hsec { background: url(../images/writings-h2.png) no-repeat 0 0; }

#content h1 { font-size: 1.8em; margin-bottom: 12px; }
#content h2 { font-size: 1.6em; }
#content h3 { font-size: 1.5em; }
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.2em; }
#content h6 { font-size: 1.1em; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 0 50px; }


#showChart { margin: 0 50px; }
#showChart colgroup { width: 30%; }
#showChart th { font-weight: bold; font-size: 14px; }

#showChart th, #showChart td { padding: 12px 6px 0; width: 25%; }
#showChart td.desc { text-align: center; border-bottom: #746A53 solid 1px; padding: 24px 13% 12px; }

div.post { position: relative; }
#content div.post h3.postTitle { border-bottom: 1px solid #746A53; margin: 0 50px 7px !important; padding: 0 148px 7px 0 !important; font-size: 1em !important; }
div.post span.date { position: absolute; top: 3px; right: 60px; font-size: 11px; font-weight: bold; }
div.post ul, div.post ol { padding: 0 50px 0 80px; margin-bottom: 17px; list-style-position: inside; }
div.post ul { list-style: square; }
div.post ol { list-style: decimal; }
div.post li { line-height: 1.2; }
div.post .alignleft { float: left; }
div.post .alignright { float: right; }
div.post img.alignleft { margin: 0 10px 0 0; }
div.post img.alignright { margin: 0 0 0 10px; }
div.post div.wp-caption.alignleft { padding: 0 0 0 50px; margin: 10px 10px 10px 0; }
div.post div.wp-caption.alignright { padding: 0 50px 0 0; margin: 10px 0 10px 10px; }
#writings div.wp-caption p { padding: 0; margin: 0; font-size: 11px; }
#writings div.viewAll ul { list-style: none; }

div.viewAll { position: relative; border-top: 1px solid #746A53; margin: 0 50px; padding: 7px 0; }
#writings div.viewAll ul, #writings div.viewAll li { margin: 0; padding: 0; }
* html #writings div.viewAll ul { position: relative; }
div.viewAll li.rss a { position: absolute; top: 7px; right: 0; background: url(../images/rss.png) no-repeat 0 0; width: 12px; height: 12px; display: block; text-indent: -9999px; }

div#notFound { position: relative; background: url(../images/404.jpg) no-repeat 0 0; width: 440px; height: 193px; margin-bottom: 64px; }
div#notFound h2 { position: absolute; top: -9999px; }

/* SUBCONTENT
---------------------------------------------- */

#music { margin-bottom: 22px; }
#music h2.hsec, #pictures h2.hsec { width: 460px; height: 28px; display: block; text-indent: -9999px; margin-bottom: 32px; }
#music h2.hsec { background: url(../images/music-h2.png) no-repeat 0 0; }
#pictures h2.hsec { background: url(../images/pictures-h2.png) no-repeat 0 0; }

#player { margin-bottom: 10px; }

#connect { position: relative; width: 100%; text-align: center; margin-bottom: 40px; font-size: 16px; font-weight: bold; line-height: 1.4; }
#connect li { position: absolute; top: 0; right: 0; }
#connect p { margin-bottom: 12px; }

#importantConnect p { font-size: 1.4em; font-weight: 700; }


#socialNet { position: relative; height: 32px; width: 100%; margin-bottom: 40px; }
#socialNet a { display: block; position: absolute; top: 0; text-indent: -9999px; height: 32px; }
li#facebook a { right: 101px; width: 90px; background: url(../images/li-facebook.gif) no-repeat 0 0; }
li#reverb a { right: 310px; width: 39px; background: url(../images/li-reverb.gif) no-repeat 0 0; }
li#myspace a { right: 209px; width: 75px; background: url(../images/li-myspace.gif) no-repeat 0 0; }
li#youtube a { right: 0; width: 86px; background: url(../images/li-youtube.gif) no-repeat 0 0; }

#video div.vid embed, #video div.vid object { position: relative; width: 340px !important; height: 275px !important; }
#video { position: relative; width: 100%; text-align: center; margin-bottom: 48px; }
#video div.vid { margin: 0 auto 7px; width: 380px; padding-top: 20px; height: 295px; background: url(../images/vid.gif) no-repeat 0 0; }

/* GALLERY
---------------------------------------------- */

ul#galleries li { overflow: hidden; margin-bottom: 32px; }
ul#galleries li a { float: left; display: block; margin-right: 17px; }
ul#galleries img { display: block; padding: 1px; background: #453E28; }
ul#galleries h3 { font-size: 16px; padding: 3px 0 8px; }
ul#galleries p { font-size: .9em; }
ul#galleries p span { margin-top: 12px; display: block; font-weight: bold; }

/* MAIL CHIMP NEWSLETTER SIGNUP
---------------------------------------------- */

#mc_signup_container { position: relative; background: url(../images/newsletter.jpg) no-repeat 23px 27px; padding-left: 176px; text-align: left; border-top: #453E28 solid 1px; padding-top: 22px; font-size: 14px; }
*:first-child+html #mc_signup_container { padding-top: 22px; }

#mc_signup_container #mc_message strong.mc_success_msg,
#mc_signup_container #mc_message span.mc_error_msg { display: block; padding-bottom: 8px; }
#mc_signup_container #mc_message strong.mc_success_msg { color: #0D463B; }
#mc_signup_container #mc_message span.mc_error_msg { color: #6F2420; }

#mc_signup_container fieldset.mc_custom_border, #mc_signup_container legend { padding: 0 0 8px !important; }
input#mc_signup_submit { border: #84C7E6 outset 1px; background: #12426C; font-family: "john-doe-1", "john-doe-2", "Courier New", Courier, monospace; color: #FFF; font-size: 14px; font-weight: bold; cursor: pointer;

-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;

 }

#mc_signup_form div.mc_merge_var { padding-bottom: 8px !important; }
#mc_signup_form input.mc_input { background: #F9F0DB; font-weight: bold; font-size: 14px; border: #453E28 solid 1px; padding: 3px 0 1px; font-family: "Courier New", Courier, monospace; color: #000; width: 230px; outline: none;

-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;

 }
#mc_signup_container div.mc_signup_submit { position: relative; text-align: right; padding: 0 !important; }

#mc_signup_submit { width: 8em !important; }

/* FOOTER
---------------------------------------------- */

#footer { position: relative; clear: both; font-size: 11px; padding: 32px 0 24px; background: url(../images/footer.gif) no-repeat 0 0; }
*:first-child+html #footer ul { margin-top: -32px; }
* html #footer ul { margin-top: -32px; }

#footer ul { padding: 0 0 0 10px; line-height: 1.2; }

#extraStyle1 { position: absolute; top: 0; left: -30px; width: 560px; height: 698px; background: url(../images/art/rotator.php) no-repeat 0 0; }
#extraStyle2 { position: absolute; top: 0; left: 447px; width: 59px; height: 610px; background: url(../images/extrastyle2.gif) no-repeat 0 0; z-index: 99; }

body#oso #TB_secondLine, body#oso #TB_caption { font-family: "john-doe-1", "john-doe-2", "Courier New", Courier, monospace !important; color: #000; font-size: 1em; }

body#oso #TB_window a:link, body#oso #TB_window a:visited, body#oso #TB_window a:active { color: #0D3A62 !important; font-weight: bold; text-decoration: none; }
body#oso #TB_window a:hover { text-decoration: underline; color: #114F87 !important; text-decoration: underline; }
body#oso #TB_window { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none !important; }