/* 
	Jaded Vision
	Matthew J. Stellato // matthewstellato.com
	Copyright 2009
*/


@import url("reset.css");


/* Main Structural Elements 
---------------------------------------------------*/
body {background:#000000 url(../images/bg-body.jpg) top center repeat-x; text-align:center;}
body#home {background:#000000 url(../images/bg-body-home.jpg) top center repeat-x; text-align:center;}
#wrap {width:925px; margin:0 auto; text-align:left;}
#header {height:100px; text-indent:-9999em; position:relative;}
:focus{outline:0;}
.clear{line-height:0px; font-size:0; height:0px; clear:both;}
.hidden {display:none;}
a {color:#82A65A}
a:hover {color:#235717;}

/* Header Content
---------------------------------------------------*/
#header h1 {padding:55px 0 0 0}
#header h1 a {display:block; width:228px; height:28px; background:url(../images/logo.png) no-repeat;}

#nav {position:absolute; top:0; right:0; width:600px; height:44px}

#nav li {float:left; display:block;}
#nav li a {display:block; background:url(../images/globalnav.jpg) no-repeat top left; height:100px;}

#nav li a#news {width:84px;}
#nav li a#about {width:94px; background-position:-84px 0}
#nav li a#discrography {width:155px; background-position:-178px 0}
#nav li a#tourdates {width:141px; background-position:-333px 0}
#nav li a#contact {width:106px; background-position:-474px 0}

#nav li a#news:hover {background-position:0 -110px;}
#nav li a#about:hover {background-position:-84px -110px}
#nav li a#discrography:hover {background-position:-178px -110px}
#nav li a#tourdates:hover {background-position:-333px -110px}
#nav li a#contact:hover {background-position:-474px -110px}

#nav li#current a#news {background-position:0 -220px;}
#nav li#current a#about {background-position:-84px -220px}
#nav li#current a#discrography {background-position:-178px -220px}
#nav li#current a#tourdates {background-position:-333px -220px}
#nav li#current a#contact {background-position:-474px -220px}

/* Content
---------------------------------------------------*/
#content {color:#B4CA9C; font:normal 13px/18px Arial, sans-serif; text-align:left; padding:40px 15px; position:relative;}

h2 {color:#82A95A; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; padding: 30px 0 20px 0px;border-bottom:1px solid #092706; margin-bottom:20px;}
h2.min {margin-bottom:0; border:0;}
p {padding-bottom:20px;}

/* Home
---------------------------------------------------*/
#home-left {width:430px; padding:0 0 0 25px; margin-top:100px; float:left;}
#home-left img {float:left; margin-left:5px}


/* Styles for Home Left and Purchase in Contact Page */
#purchase {padding-left:50px;}

#home-left h4, #purchase h4 {background:url(../images/home-available.png) top left no-repeat; display:block; width:193px; height:30px; text-indent:-9999em;}
#home-left h4 {margin:10px 0 5px 225px; }
#purchase h4 {margin-bottom:5px;}

#home-left a, #purchase a {background:url(../images/buy-btns.png); display:block; width:193px; height:47px; text-indent:-9999em;}
#home-left a {margin:0 0 6px 225px;}
#purchase a {margin-bottom:8px}

#home-left a#iTunes, #purchase a#iTunes {background-position: 0 -47px}
#home-left a#Amazon, #purchase a#Amazon {background-position: 0 -94px}

#home-left a#cdBaby:hover, #purchase a#cdBaby:hover {background-position: -193px 0}
#home-left a#iTunes:hover, #purchase a#iTunes:hover {background-position: -193px -47px}
#home-left a#Amazon:hover, #purchase a#Amazon:hover {background-position: -193px -94px}


#home-right {margin:105px 0 60px 523px;color:#B4CA9C; font:normal 14px/25px Arial, sans-serif; text-align:left;}
#home-right h1 {background:url(../images/home-cdtitle.png) top left no-repeat; width:361px; height:50px; text-indent:-9999em; border-bottom:1px solid #144d0f; margin-bottom:8px;}
#home-right h4 {background:url(../images/home-purchase.png) top left no-repeat; width:361px; height:27px; text-indent:-9999em;}
#home-right p {margin:10px 0 0 5px; width:361px;}



/* Player
---------------------------------------------------*/
#player {position:absolute; right:15px; top:60px;}

/* Discnav
---------------------------------------------------*/
#discnav {float:left; margin:0 10px 50px 0; width:195px; border-top:1px solid #212121;}
#discnav a {padding:10px 10px; display:block; text-decoration:none; color:#82A65C; font-size:13px; border-bottom:1px solid #212121; background:#000;}
#discnav a:hover {background:#1e3c0e; border-bottom:1px solid #111;}
#discnav li#current a, #discnav li#current a:hover {color:#FFF; background:none; border-bottom:1px solid #212121;}


/* Main
---------------------------------------------------*/
#main {margin-left:230px; width:370px;}
#main ol {padding:0 0 0 30px; list-style:decimal; min-height:180px;}
#main ol li {margin-bottom:1px; color:#22381B;}
#main ol li.first a { border-top:1px dashed #0F250A;}
#main ol li a {display:block;  background: transparent; border-bottom:1px dashed #0F250A; color:#375A2C; text-decoration:none; padding:5px 10px;}
#main ol li a:hover {color:#FFF;}
#main ol li a em {margin-left:10px; color:#336518;}
#main h3 {color:#6E8C4D; font-size:18px; margin-bottom:20px;}
#main ol li p {font-size:10px; color:#444; margin-top:2px; padding:0; text-indent:-10px; line-height:normal}

#info ul, #info p {padding-bottom:15px;}
#info {margin-top:10px; border-top:1px solid #212121; padding-top:15px}
#info img {float:right; margin-left:30px;}
#info strong {color:#6E8C4D}

/* Right Rail
---------------------------------------------------*/
#rightRail {float:right; width:270px; text-align:right;}
#rightRail img { border:1px solid #0F250A; margin:40px 0 20px 0; display:none;}

#sidebar {margin-left:610px; width:270px;}
#subscribe {width:220px; margin-left:50px; text-align:left;  padding:10px 0; color:#719262;}
#subscribe label {font-size:15px; color:#FFF;}
#subscribe img {margin-bottom:5px;}

/* News
---------------------------------------------------*/
#left {width:600px; float:left;}
#left div {padding:20px 0; border-top:1px solid #092706;}
#left div.first {border:0; padding-top:0;}
#left h4 {color:#336518; padding-bottom:3px;}


/* About
---------------------------------------------------*/

#aboutIntro { padding:20px 0 0 0}
/*#aboutIntro blockquote {margin-top:30px; width:300px; color:#82A65C; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; float:left; text-align:center; line-height:normal}*/
#aboutIntro blockquote {background:url(../images/quote.gif) no-repeat; width:320px; height:88px; float:right; text-indent:-9999em; margin-top:50px}
#aboutIntro p {margin-left:0; width:510px;}


#aboutContent img {float:left; margin:0 20px 20px 0;}
#aboutContent h4 {color:#82A95A; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; padding: 40px 0 10px 0px;border-bottom:1px solid #092706; margin-bottom:20px;}
#aboutContent h3 {margin-left:220px;font-size:18px; color:#336518; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:normal}
#aboutContent p {margin-left:220px;}
#aboutContent strong {color:#82A95A;}
#aboutContent div {border-bottom:1px dashed #333; padding:20px;}
#aboutContent a {font-size:14px; display:block; width:200px; border:1px solid #212121;  padding:10px 15px; text-decoration:none; background:#121212;}
#aboutContent a:hover {border:1px solid #212121; background:#111;}
#aboutContent a.hidden {display:none; }

/* Info
---------------------------------------------------*/
#info {margin-left:230px; padding-top:10px;}
#main ul {margin-bottom:10px; float:left; width:300px;}
h5 {color:#336518; font:normal 30px Georgia, "Times New Roman", Times, serif; padding-bottom:20px;}


/* Tour
---------------------------------------------------*/
#tour {width:260px; line-height:20px; color:#719262; float:left;}
#tour p.tourdate {border-bottom:1px dashed #333; border-top:1px dashed #333; padding:10px 0; margin-bottom:10px}

#optin {float:left; margin-right:8px;}
#pastTours {margin-left:350px;}
table td {padding:5px;}
table th { color:#336518; border-top:1px solid #092706; border-bottom:1px solid #092706; padding:8px 5px;}

#HiddenContent h2 {display:none;}


/* Form Content
------------------------------------------------------------------*/
fieldset {padding:0 0 20px 0; font-size:15px; width:600px;}
label {display:block; padding-bottom:5px; font-size:13px;}
fieldset p {float:left; padding-right:20px;}
input.textfield, input.textfield-contact {width:210px; padding:5px 3px; border:1px dashed #333; background:#000; color:#719262; }
input.textfield-contact {width:282px;}
textarea {width:590px; height:200px;  border:1px dashed #333; background:#000; color:#719262; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px; overflow:hidden}



/* Footer
---------------------------------------------------*/
#footer {border-top:1px solid #1D3D14; padding:10px 10px 20px 10px; color:#336518; font:normal 12px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;}
#footer p {text-align:left;}

#footer ul {float:right;}
#footer li {float:left; display:block;}
#footer li a {color:#2F6321; display:block; border-right:1px solid #1D3D14; padding:0 8px; text-decoration:none;}
#footer li a:hover {color:#83A85B;}
#footer li.last a {border:none;}