@charset "utf-8";
/* CSS Document */

/* ==| START: Base |=================================================================================== */

html { font-family: Georgia, "Times New Roman", Times, serif; font-size:62.5%; /*margin:0px; padding:0px;*/  }
html * { /*position:relative;*/ margin:0em; padding:0em; line-height: 1.6em; font-size:1em; color: #dadada; }

ul, li, ol, li, p, dl, dt, dd { margin:0; padding:0; }

/* ==| END: Base |===================================================================================== */

/* ==| START: Zero-out Google toolbar defaults |======================================================= */

input.text, textarea, select 
{
	font-family:arial,helvetica,sans-serif!important;
	font-size:1em!important;
	color:#666666!important;
	background-color:#fff!important;
	border:1px solid #b2b2b2!important;
	padding: 2px;
}

input.focus, textarea.focus, select.focus
{
	color: #000000!important;
	border: 1px solid #000000!important;
}

a { color: #161b63; text-decoration: underline; }
a:hover { color: #666666; }
a:visited { color: #999999; }

h2 { font-size: 1.4em; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #4d4d4d; clear: left; }

.error { color: #CC0000; float:right; clear:both; }
.right { float: right; }

/* --| END: Zero-out Google toolbar defaults |--------------------------------------------------------- */

/* --| START: Clearfix CSS Hack | --------------------------------------------------------------------- */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* --| END: Clearfix CSS Hack | ----------------------------------------------------------------------- */

/* ==| START: Tag Overrides |========================================================================== */

body { background: #000000 url(../img/bg-home.jpg) no-repeat top center /*fixed*/; }

p { margin-bottom: 1em; }

dl dt { font-weight: bold; }

div.clear { clear: both; }

/* --| END: Tag Overrides |---------------------------------------------------------------------------- */


/* ==| START: Page Overrides |========================================================================= */

div#page { width: 738px; margin: 0 auto; position: relative; font-size: 1.2em; } /* see ie.css for override */

div#page h1 span { display: none; }

/* --| END: Page Overrides |---------------------------------------------------------------------------- */


/* ==| START: Header |================================================================================== */

div#header a img { behavior: url(/css/resource/iepngfix.htc);  }

/* --| END: Header |------------------------------------------------------------------------------------ */


/* ==| START: Content Overrides |======================================================================= */

div#content { width: 375px; margin: 25px 0 25px 195px; min-height: 340px; }  /* see ie.css for override */
div#content.vision { width: 543px; margin-right: 0; }
div#content a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
div#content a:hover { color: #D10500; }
/* div#content a:visited { color: #CCCCCC; } */


div#content dl { }
div#content dl dd.date { font-size: 1.2em; }
div#content dl dt { font-size: 1.4em; margin-bottom: 0.5em; }

div#content dl.extra { }
div#content dl.extra dt { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #4d4d4d; clear: left; }
div#content dl.extra dd { float: left; margin-bottom: 1.5em; }
div#content dl.extra.shows ul { list-style: none; }
div#content dl.extra.shows ul li { float: left; }
div#content dl.extra.shows ul li.date { width: 130px; color: #818181; font-weight: bold; }
div#content dl.extra.shows ul li.date span { display: block; font-size: 1.3em; color: #818181; }
div#content dl.extra.shows ul li.details { width: 165px; margin-right: 10px; }
div#content dl.extra.shows ul li.time { width: 70px; font-weight: bold; }

div#content dl.extra.contact p { clear: left; }
div#content dl.extra.contact ul { list-style: none; margin-bottom: 1em; }
div#content dl.extra.contact ul li { float: left; }
div#content dl.extra.contact ul li dd { line-height: normal; text-align: center; }
div#content dl.extra.contact ul li.mailing-list { width: 125px; }
div#content dl.extra.contact ul li.mailing-list dd.button { padding: 0 18px; }
div#content dl.extra.contact ul li.social-networking { width: 232px; }
div#content dl.extra.contact ul li.social-networking dd.details { padding: 0 1em; }
div#content dl.extra.contact ul li.social-networking dd.button { padding: 0 31px; }
div#content dl.extra.contact ul li.social-networking dd.button img { float: left; }
div#content dl.extra.contact ul li dl dt { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
div#content dl.extra.contact ul li dl dt span { display: none; }
div#content dl.extra.contact ul li dl dt dd { }

// IE6 div:
div#content.vision div#ieyoutube { display: none; }
div#content.vision div#video { /* display: none; */ }

div#content.vision div.media { position: relative; margin-bottom: 4em; }  /* see ie.css for override */
div#content.vision div.media dl.extra { position: absolute; min-height: 320px; top: 0; left: 0; }
div#content.vision div.media dl.extra dt { width: 155px; }
div#content.vision div.media dl.extra dd { width: 155px; }
div#content.vision div.media dl.extra dd.media { width: 389px; position: absolute; top: 0; right: 0; }

div#content.vision div.media ul { margin-left: 2em; list-style: square; }
div#content.vision div.media ul.media { list-style: none; margin-left: 153px; position: relative; }
div#content.vision div.media ul.media li.image {height: 258px; width: 389px; }
div#content.vision div.media ul.media li.image span { display: block; position: absolute; bottom: 33px; left: 0; background-color: #000000; color: #FFFFFF; width: 379px; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; padding: 5px 10px; }  /* see ie.css for override */
div#content.vision div.media ul.media li.navigation { background-color: #333333; margin: 1em 0; left: 0; position: relative; text-align:center; height: 23px; font-size: 0.9em; color: #999999!important; line-height: 2em; }
div#content.vision div.media ul.media li.navigation span.previous { position: absolute; top: 0; left: 0; }
div#content.vision div.media ul.media li.navigation strong { color: #FFFFFF; font-weight: normal; }
div#content.vision div.media ul.media li.navigation span.next { position: absolute; top: 0; right: 0; }
div#content.vision div.media ul.media li.thumbnails ul { list-style: none; width: auto; margin: 0; padding: 0; }
div#content.vision div.media ul.media li.thumbnails ul li { float: left; margin-right: 9px; }
div#content.vision div.media ul.media li.thumbnails ul li.last { margin-right: 0; }

div#content.sounds { width: 525px; }
div#content.sounds ol { color: #FFFFFF; width: 525px; }
div#content.sounds ol li { margin-bottom: 2em; color: #FFFFFF; list-style-position: outside; width: 485px; margin-left: 40px; display: list-item; vertical-align: top; font-size: 1.5em; color: #818181; }
div#content.sounds ol li dl { font-size: 0.75em; }
div#content.sounds ol li dl dt { color: #818181; font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #4d4d4d; padding-bottom: 0.5em; margin-bottom: 0.5em; }
div#content.sounds ol li dl dd ul { list-style: none; float: left; margin-top: 2em; }
div#content.sounds ol li dl dd ul li { width: 140px; float: left; margin: 0; padding: 0; }
div#content.sounds ol li dl dd ul li.middle { margin: 0 32px; }
div#content.sounds ol li dl dd ul li dt { color: #FFFFFF; font-size: 0.9em; text-align: center; border: 0; margin: 0; padding: 0.5em 0 0 0; }
div#content.sounds ol li dl dd ul li dd * { color: #818181; text-align: center; }
div#content.sounds ol li dl dd ul li dd { text-align: center; font-size: 0.8em; }
div#content.sounds ol li dl dd ul li dd.button { margin-top: 0.5em; }
div#content.sounds li.select { color: #FFFFFF; font-size: 1em; } /* see ie.css for override */

div#content.purchase { width: 525px; }
div#content.purchase ol { color: #FFFFFF; width: 525px; }
div#content.purchase ol li { clear:both; padding-top: 15px; margin-bottom: 2em; color: #FFFFFF; list-style-position: outside; width: 400px; margin-left: 40px; display: list-item; vertical-align: top; font-size: 1.5em; color: #818181; }
div#content.purchase ol li dl { font-size: 0.75em; }
div#content.purchase ol li dl dt { color: #818181; font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #4d4d4d; padding-bottom: 0.5em; margin-bottom: 0.5em; }
div#content.purchase ol li dl dd ul { list-style: none; float: left; margin-top: 2em; }
div#content.purchase ol li dl dd ul li { width: 140px; float: left; margin: 0; padding: 0; }
div#content.purchase ol li dl dd ul li.middle { margin: 0 32px; }
div#content.purchase ol li dl dd ul li dt { color: #FFFFFF; font-size: 0.9em; text-align: center; border: 0; margin: 0; padding: 0.5em 0 0 0; }
div#content.purchase ol li dl dd ul li dd * { color: #818181; text-align: center; }
div#content.purchase ol li dl dd ul li dd { text-align: center; font-size: 0.8em; }
div#content.purchase ol li dl dd ul li dd.button { margin-top: 0.5em; }
div#content.purchase li.select { color: #FFFFFF; font-size: 1em; }
div#content.purchase ul { list-style: none; }

div#content.purchase .PurchaseForm .field { width: 400px; clear: both; height: 30px;}
div#content.purchase .PurchaseForm .field label.formLabel { float: left; width: 150px; }
div#content.purchase .PurchaseForm .field label.error { clear:both; float: right; } /* width: 150px; */

div#content.purchase .PurchaseForm .field input.text { width: 240px; float: right; }
div#content.purchase .PurchaseForm .field span.checkbox input { width: 40px; float: left; margin-top: 6px; }
div#content.purchase .PurchaseForm .field span.checkboxlabel { width: 90%; float: left; }
div#content.purchase .PurchaseForm .field select { width: 245px; float: right; }
div#content.purchase .PurchaseForm .field textarea { float: left; }
/* div#content.purchase .PurchaseForm .field .image { float: left; margin-top: 20px; text-align:right; width: 80%;} */

div#content.purchase.CD { width: auto; }
div#content.purchase.CD ol { color: #FFFFFF; width: auto; }
div#content.purchase.CD ol li { width: auto; }
div#content.purchase.CD ol li dl dt { margin-bottom: 0; padding-bottom: 0;}
div#content.purchase.CD ol li dl dd.StoreItem { clear: both; float: left;}
div#content.purchase.CD ol li dl dd.StoreItem h3 { font-size: 120%; margin-top: 20px;}
div#content.purchase.CD ol li dl dd.StoreItem .header { clear:both; float:left; margin-left: 15px; width: 100px; font-weight:bold; font-size: 100%;}
div#content.purchase.CD ol li dl dd.StoreItem .content { float: left; margin-left: 25px; }

div#content.credits { width: 525px;  }
div#content.credits dl { width: 525px; }
div#content.credits dl dt { margin-bottom: 0; color: #999999; }
div#content.credits dl dd { margin-bottom: 2em; }

div#content.blog { width: auto; }
div#content.blog div.post { width: 350px; clear:both; float: left; }
div#content.blog p.entry { width: auto; }
div#content.blog p.date { font-size: 0.8em; color: #999999; padding-bottom: 15px; }
div#content.blog p.postmetadata { padding-top: 15px;font-size : 0.9em; color: #999999; }
div#content.blog div#sidebar { float: right; width: 150px; }
div#content.blog div#sidebar h2 { border-bottom: none; padding-top: 50px; font-size: 1.3em; color: #999999; margin-bottom: 0; padding-bottom: 10px; }
div#content.blog div#sidebar #blogList a { clear: both; float: left; font-size : 0.9em; text-decoration: none; margin: 3px 0; }

div#content.news { }
div#content.news a.readMore { float:right; margin: 0 10px 30px 0;}
div#content.news dl dd.date { font-size: 0.8em; clear:both; margin: 15px 0; padding-bottom: 15px; }
div#content.news dl dd { padding-bottom: 20px; }
div#content.news dl dt { font-size: 1.4em; padding: 15px 0; border-bottom: 1px solid #4D4D4D}
div#content.news ul.paging { clear:both;list-style-image : none; list-style-type: none; list-style-position: outside; }
div#content.news ul.paging li { background-color: #333333; margin: 1em 0; left: 0; position: relative; text-align:center; height: 23px; font-size: 0.9em; color: #999999!important; line-height: 2em; }
div#content.news ul.paging li span.previous { /* background-image: url('/img/bg-navbar-left.gif'); background-repeat: no-repeat; background-position: left;*/ position: absolute; top: 0; left: 0; }
div#content.news ul.paging li strong { margin-left: 0px; }
div#content.news ul.paging li strong a { color: #FFFFFF; font-weight: normal; padding: 0 5px; }
div#content.news ul.paging li strong a:hover { color: red; }
div#content.news ul.paging li span.next { /* background-image: url('/img/bg-navbar-right.gif'); background-repeat: no-repeat; background-position: right; */ position: absolute; top: 0; right: 0; }


/* --| END: Content Overrides |------------------------------------------------------------------------ */


/* ==| START: Navigation Overrides |=================================================================== */

div#navigation { position: absolute; left: 25px; width: 131px; top: 293px; }
div#navigation ul { list-style: none; }
div#navigation ul li { height: 32px; }

/* --| END: Navigation Overrides |--------------------------------------------------------------------- */


/* ==| START: New Album Hotbox Overrides |============================================================= */

div#new-album { position: absolute; right: 0px; width: 156px; top: 366px; } /* see ie.css for override */
div#new-album dl { }
div#new-album dl dt span { display: none; }
div#new-album dl dd { text-align: center; margin: 0.5em 0; line-height: normal; }
div#new-album dl dd.image { margin: 0 17px; }
div#new-album dl dd.button { margin: 0; }

/* --| END: New Album Hotbox Overrides |---------------------------------------------------------------- */


/* ==| START: Footer Overrides |======================================================================== */

div#footer 
{ 
	width: 738px;
	border-top: 1px solid #4d4d4d; 
	margin-top: 1em; 
	padding: 1em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 0.9em;
	float: left; 
	color: #FFFFFF;
	text-align: center;
}
div#footer a { color: #FFFFFF; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer a:visited { color: #dadada; }

/* --| END: Footer Overrides |-------------------------------------------------------------------------- */