/* --------------------------------------------------- */
/* (C) 2006-11 James Velvet All rights reserved.        */
/* Created by Smartpill Design                         */
/* Last revision: December 26 2011                         */
/* --------------------------------------------------- */



/* basic elements */

html, body { text-align: center; width: 100%; height: 100%; border: 0;}

html {
   margin: 0; border: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

img {border: 0;}

img.bc {border: none; float: left; margin: 0 20px 20px 0;}

body {
   /* 2x LC width + RC width */
  margin:0 auto; padding: 0; 
text-align: center; background: #f8fbf3 url(/parts/JVsliverv2.jpg) repeat-x scroll 50% top;
}

sup {
bottom: .66ex;
	height: 0;
	padding-right: 1px;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: .9em;
}
#content:after,
#container:after,
#nav:after,
#next:after,
#left:after,
#quote:after,
#mediaplayer_wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#photos #center {margin-top: 34px; width: 600px;}

form, input, br { margin: 0; padding: 0;}
br {line-height: 1px;}
a { text-decoration: none; color: #006B90;}
a:hover {text-decoration: underline;}
a img { border: 0;}
p, blockquote {line-height: 1.35em; display: block; word-wrap: break-word;}
#content blockquote {max-width: 500px;}
h3, h4 {padding:0; margin: 0 0 .5em 0;}

#more h4.clr {padding-top: 1.66em; display: block;}
#more #left .jv_tunelist li span {padding-right: 16px; margin-left: .33em; background: #F8FBF3 url(/parts/mp3.gif) no-repeat right center;text-indent: -9999px;}
/* standard helper classes */

.clr {clear: both; display: block; margin-top: 1.66em; }

.no {display: none;}

.clrL {clear: left; /*float: left; display: block;*/}
  
  .clrR {clear: right; float: right; display: block;}
  
  .left {float: left;}
  .right {float: right;}

ul, p, li {margin: 0; padding: 0;}

ul li br {display: none; margin: 0; padding: 0; line-height: 0;}
p, blockquote {margin-bottom: .5em;}



/* structure */

#container {
margin: 0 auto;
text-align: center;
width: 1024px; height:100%;
}

#header {
background: url(/assets/site_images/jv_header_2012.jpg) no-repeat left top;
display: block;
height: 215px;
width: 1024px;
position: relative;
}

#sotm #header {background-image: url(/parts/09/jvSOTMbanner09.jpg);}
#sotm.songs #header {background-image: url(/parts/09/jvBanner1_09.jpg);}
#sotm.sotm_archive #header {background-image: url(/parts/09/jv_sotmArch.jpg);}

/*div.nav {display: block; width: 1024px; text-align: center; z-index: 1;}*/
#content div.nav {display: block; width: 1024px; text-align: left; z-index: 1; height: 30px;}

ul#nav {position: relative; display: block; text-align: center; margin-left: 110px; padding: 0; clear: left;}
#nav li {list-style-type: none;text-align: left;/* height: 30px;  display: inline;*/float: left;}
#nav li a {display: block; height: 30px; float: left; background: url(/assets/site_images/jv_nav_main.png) no-repeat left top; height: 30px;}
#nav .home a {width: 68px;}
#nav .bio a {width: 61px; background-position: -68px top;}
#nav .albums a {width: 103px; background-position: -129px top;}
#nav .press a {width: 102px; background-position: -232px top;}
#nav .audio a {width: 87px; background: url(/parts/audio.jpg) no-repeat scroll left bottom; height: 30px;}
#nav .lyrics a {width: 163px; background-position: -334px top;}
#nav .bands a {width: 206px;  background-position: -497px top;}
#nav .contact a {width: 101px;  background-position: -703px top;}

#header dl dd a {
height: 50px;
float: left;
position: relative;
display: block;}

#header dl {display: block;
padding-top: 4px;
margin-left: 98px;
 width: 914px;
 height: 54px;}
 
 #sotm #header dl {height: 22px;}
 #sotm #header dl dd a  {height: 18px;}
 
 #header dl dd {height: 50px; float: left; display: inline;}
 #sotm #header dl dd {height: 18px;}
 #sotm #header dl #goSOTM a {background: url(/parts/09/sotm_btn09.jpg) no-repeat left top;
width: 163px; margin: 0px;
}

#header dl #goSOTM a {background: none; width: 80px; margin: 0 0 0 55px;}
#header dl #goSOTM a:hover {background-position: left bottom;}

 #sotm #header dl #latestAlbum a {background: url(/parts/09/TIB_latest.jpg) no-repeat left top; width: 237px;}

#header dl #latestAlbum a,
#header dl .latestAlbum a  {background: none; width: 140px;}
#header dl #latestAlbum a:hover {background-position: left bottom;}

#content {position: relative; width: 1024px; overflow: visible; margin-top: 0;}
#content #left, #content #right {position: relative; display: inline; float: left; text-align: left;/* background: pink;*/ margin-bottom: 40px; overflow: hidden;}
#content #left {margin: 0 64px 0 112px; min-height: 400px; padding: 20px 0 0 0;}
#content #right {padding: 20px 0 0 0;}

#home #content #left {width: 276px;}
#home #content #right {width: 458px;}

#more #content #left {width: 798px; overflow: visible;}
#the_cd #content #left {width: 458px;}
#more #content #right {width: 94px;}
#the_cd #content #right {width: 276px;}

#content .next {margin-top: 2.5em;}
#content .jv_contain {width: 670px;}
#container .timer {float: left; display: block; position: relative; z-index: 1000; text-align: left; margin: 0px 0px 0 112px; padding-top: 12px;}
#sotm #container .timer {padding-top: 20px;}
#container .timer p {
display: block;
float: left;
font-size:1.2em;
}

#left #dates, #right #hey {padding-top: 29px;}
#left #quote {height:120px: width: 250px; overflow: hidden;}

#right #hey .hey div {
display: block;
position: relative;
margin-bottom: 1.35em;
padding-left: 26px;
}

#right #hey .hey {
margin-bottom: 1.35em;
}

#press .jv_dload {display: inline; float: left; width: 300px; padding: 0 3em 4em 0;}
#press .jv_dload .open {padding-top: 4px;}

/*
Quotes
-------------------*/
#left #quote #cf1 {height: 120px; width:250px;background: url(/parts/blurbs/jvBlurb4.jpg) no-repeat scroll left top;}
#left #quote #cf2 {height: 120px; width:250px;background: url(/parts/blurbs/jvBlurb3.jpg) no-repeat scroll left top;}
#left #quote #cf3 {height: 120px; width:250px;background: url(/parts/blurbs/jvBlurb1.jpg) no-repeat scroll left top;}
#left #quote #cf4 {height: 120px; width:250px;background: url(/parts/blurbs/jvBlurb2.jpg) no-repeat scroll left top;}
#left #quote #cf5 {height: 120px; width:250px;background: url(/parts/blurbs/jvBlurb0.jpg) no-repeat scroll left top;}


#left #dates {background: url(/parts/dates.jpg) no-repeat scroll left top; margin-top: 120px;}
#right #hey {background: url(/parts/welcome.jpg) no-repeat scroll left top;}
#right #news {background: url(/parts/news.jpg) no-repeat scroll left top; margin-top: 40px; padding-top: 30px;}
#news p.more_link a {font-weight: bold;}
#home #news img {padding-top: 1.15em;}
#news p.more_link a em {font-style:italic;}
#news .left {display: block; float: left;}
#news .left img {margin: 0 8px 16px 0;}
#left #dates .perGig {margin-bottom: 2em;}
#left #dates h3, #right #hey h3, #left #dates h4, #left #dates span p,
#left #dates .venue span {margin-bottom: .25em; line-height: 1.2em;}
#right #news h3 {clear: left;}
#more h3 span {
font-size:0.85em;
line-height:1.5em;
text-transform:uppercase;}

#albums {background-color: #fff;}
#albums h4 span {
font-size:0.8em;
line-height:1em;
text-transform:uppercase;}
#more h3.jv-album {margin-bottom: 1em; font-size: 1.8em; line-height: 1.2em;}

#content blockquote {/*clear: both;*/ font-size: 1.4em;  font-weight: bold; padding: 1em; line-height: 1.66em; max-width: 500px;}
.about #content blockquote {/*max-width: 420px;*/ margin-left: 1em; }
.about #content blockquote p {font-size: 1.2em;}
#content blockquote, #content blockquote p {color: #4A2317;}
#content blockquote p {font-family: 'KingthingsTrypewriter2Regular'; font-weight: normal; font-size: inherit; display: block; }
#content blockquote p span {display: block; text-align: right; font-style: italic; /*font-weight: normal;*/ font-size: .85em; color: #4a4a4a; font-family:"Century Schoolbook",Georgia,"Times New Roman",Times,serif; font-weight: bold;}

#left #dates .venue span {font-size: 1.2em;}
#footer {margin: 30px auto 15px auto; position: relative; display: block; height: 1em; float: left; width: 1024px; text-align: center; color: #365069;}
#footer p, #footer  p a {clear: both;}


#content #wrap {display: block; float: left;}
#content #tact {float: left; text-align: center; position: relative; background: #546B8A; margin: 0 0 0 112px; visibility: hidden; width: 800px; overflow-x: hidden;}
#tact p {line-height: 1em; width: 784px; color: #fff; padding: 8px; white-space: nowrap; margin: 0;float: left;}
#tact p a {color: #fff; border-bottom: #fff dotted 1px; margin: 0; padding: 0;}

#left ul,
#right ul {
font-size: 1.2em;
}



#left strong,
#right strong {
font-weight: bold;
color:#365069;
}

#left ul li,
#right ul li {
font-weight: normal;
line-height:1.5em;
}

#right img {
margin-bottom: 10px;
}

#albums .jv_disc {display: inline; float: left; height: 300px; margin: 1.66em 0 0 0; margin-right: 20px;}
#albums .jv_disc img {float: left; margin: 0; padding: 0;}
#albums .jv_disc h4 {height: 3em; max-width: 222px;}
/* Song of the Month
---------------------------------- */
#sotm #right {display: none;}
#sotm #left {width: 800px;} 
#sotm #left dl {margin: 10px 0; display: block; float: left;}
#sotm #left dl dt,
.sotm_archive #left dl dd {padding-bottom: .3em;
border-bottom: #224865 dotted 1px;
margin-bottom: .7em; color:#224865;
display: block; padding: 0 0 .2em 0px;
line-height: 1.35em; font-style: italic; position: relative;}
.sotm_archive #left dl dd {border: 0 none;
font-size:1.6em;
font-weight:bold;
}
.sotm_archive #left dl dd a {
color:#224865;
line-height: 1.35em; 
font-style: italic;
font-size: 1em;
}

#sotm #left dl dt .song_archive {position: absolute; right: 0; top: 2px; display: block; width: 151px; height: 20px; background: url(/parts/09/archive.jpg) no-repeat right top; text-align: center;}


#sotm #left dl dt span,
.sotm_archive #left dl dd span {color: #c56520; text-align: right; padding-right: 10px; font-weight: normal; font-size: 12px; width: 150px; float: left; font-weight: normal; font-style: normal;}
#sotm.songs #left div.sotm_entries dl dt {padding-left: 160px;}
#sotm #left dl dd {width: 800px; display: block; margin-bottom: 1em; float: left;}
#sotm #left dl dd div{display: block; width: 640px; float: right;}
#sotm #left dl dd div a {font-size: 1.2em; line-height: 1.35em;}
#sotm #left dl dd div p a {font-size: 1em;}
#sotm #left dl dd div p {margin-left:0;}
#sotm #left dl dd div u, #sotm #left dl dd .chorus {padding-left: 20px; display: block; text-decoration: none;}

#sotm #left dl dd h4 {display: block; float: left; width: 150px; text-align: right; margin-right: 10px; clear: left;}

/* PLAYER
--------------- */
#mediaplayer_wrapper {display: inline; position: relative; float: left; overflow: hidden;}
#mediaplayer {height: 144px;}

/* TICKERS
--------------- */
#tickerz {display: block; width: 390px; position: absolute;
left:116px; top:137px;}
#costOfWarTotal {width: 390px; text-align: center; margin-bottom: 6px;}
#tickerz #costOfWarTotal_Title {font-size: 17px;}
#costOfWarIraq, #costOfWarAf {display: inline; float: left; height: 30px;}
#costOfWarIraq {width: 160px;}
#costOfWarAf {width: 190px;}
#tickerz div div {display: block; /*float:left;*/}
#costOfWarTotal_Title, #costOfWarIraq_Title, #costOfWarAf_Title {font-weight: bold; color: #834736; font-size: 13px; margin-bottom: 2px;}
#costOfWarTotal_Total {font-size: 13px; color: #666;}
#costOfWarIraq_Total, #costOfWarAf_Total {font-size: 11px; color: #666;}
/* Tooltips
--------------- */
body#sotm .tool-tip {
color: #fff; 
width: 139px;
z-index: 13000;
/*	background: #546B8A;*/
padding: 4px;
}

body#sotm .tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(/css/bubble.png) no-repeat left top !important;
}

body#sotm .tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(/css/bubble.png) no-repeat right bottom !important;
}