/* FIX FOR SAFARI TEXT RENDERING ENGINE */

* {text-shadow: #000000 0 0 0px; }

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 120px;}  /* must be same height as the footer */

body {
	margin: 0;
	padding: 0;
	background: #1d1d1d url(../img/bg-body.gif) repeat-x top left;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	color: #BECA66;
}
.soko-holder {
	width:900px;
	position:relative;
	min-height:600px;
	margin:0 auto;
	padding:0 0 60px;
	background-color: transparent;
	background-image: url(../img/bg-bamboo.jpg);
	background-repeat: no-repeat;
	background-position: 250px 160px;
}

/* FOOTER STYLES */
#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
	border-top: 1px solid #282828;
	background:transparent;} 
#footer .footer-content {
	width:900px;
	position:relative;
	margin: 0 auto;
	padding: 0;		
}
#footer .footer-content p {
	color:#6f6f6f;
}
#footer .footer-content .site-by-rule13 {
	float: right;
	width:59px;
	height:21px;
	margin-top:8px;
}
#footer .footer-content .site-by-rule13 a {
	display:block;
	width:59px;
	height:21px;
}
#footer .footer-content .site-by-rule13 a img {
	border:none;
}

/* GENERAL SITE STYLES */
a {outline:none;}
a:link, a:active, a:visited {color:#B3BF5F;text-decoration: underline;}
a:hover {color:#fff;text-decoration:none;}

a.download {background:url(../img/zip-logo.gif) no-repeat center right; padding-right:102px;}

h2 {color: #DAE1A8;}
h2 span {display: none;}
h4 { margin:0; }
h4.subhead {margin-bottom:14px; color:#DAE1A8;}
h4.separate {border-bottom:1px solid #1d1d1d;}
h4.track-listing {border-bottom:1px solid #BECA66;}

p	{color:#9F9F9F; margin-top:.5em; font-size:.75em;	padding-left:15px; line-height:1.3em;}

.add-padding-bottom {margin-bottom:60px;}

.white {color:#fff;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IMAGE STYLES */
.alignleft {
	margin: 0 15px 5px 0;
	float: left;
	display: inline; }
.alignright {
	margin: 0 0 5px 15px;
	float: right;
	display: inline; }
.alignfull {
	margin: 0 auto;
	display: block; }
.textright {
	text-align:right;
}

.logo {
	width:242px;
	height:74px;
	position:absolute;
	top:95px;
	left: 20px;
}
.logo a img {
	border:none;
	outline:none;
}

#navigation-block {
	position:relative;
	float:left;
	top:200px;
	left:40px;
	width:220px;
}

#hide {position:absolute; top:-50px; left:-190px;}

ul#sliding-navigation {list-style:none; font-size:.75em; margin:-10px 0 10px; padding:0;}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a {display:block; width:150px; padding:5px 18px; margin:0; margin-bottom:5px;}

ul#sliding-navigation li.sliding-element h3 {color:#fff; background:#333 url(../heading_bg.jpg) repeat-y; font-weight:normal;}

ul#sliding-navigation li.sliding-element a {color:#999; background:#222 url(../tab_bg.jpg) repeat-y; border:1px solid #1a1a1a; text-decoration:none;}
ul#sliding-navigation li.spacer {width:150px; padding:5px 18px; margin:0; margin-bottom:5px; background:transparent;}
ul#sliding-navigation li.sliding-element a:hover {color:#ffff66;}

ul#sliding-navigation li.inactive a,
ul#sliding-navigation li.inactive a:hover {color:#585858;}

/* INFO */
body.info-news ul#sliding-navigation li.info-news a,
body.info-bio ul#sliding-navigation li.info-bio a,
body.info-pictures ul#sliding-navigation li.info-pictures a,
body.info-comments ul#sliding-navigation li.info-comments a,
/* LISTEN */
body.listen-half-sleep ul#sliding-navigation li.listen-half-sleep a,
body.listen-antidote ul#sliding-navigation li.listen-antidote a,
body.listen-your-steps-alone ul#sliding-navigation li.listen-your-steps-alone a,
body.listen-plant-the-sky ul#sliding-navigation li.listen-plant-the-sky a,
body.listen-energy-change ul#sliding-navigation li.listen-energy-change a,
body.listen-joy-of-love ul#sliding-navigation li.listen-joy-of-love a,
body.listen-joy-of-love2 ul#sliding-navigation li.listen-joy-of-love2 a,
body.listen-in-november-sunlight ul#sliding-navigation li.listen-in-november-sunlight a,
/* VIEW */
body.view-art ul#sliding-navigation li.view-art a,
body.view-video ul#sliding-navigation li.view-video a,
/* RELEASES */
body.releases-sokoband ul#sliding-navigation li.releases-sokoband a,
body.releases-soko-two ul#sliding-navigation li.releases-soko-two a,
body.releases-nov-sunlight ul#sliding-navigation li.releases-nov-sunlight a,
body.releases-downloads ul#sliding-navigation li.releases-downloads a,
/* APPEARANCES */
body.appearances-sokoband ul#sliding-navigation li.appearances-sokoband a,
body.appearances-sokolowski ul#sliding-navigation li.appearances-sokolowski a,
body.appearances-ross ul#sliding-navigation li.appearances-ross a,
/* CONTACT */
body.contact-info ul#sliding-navigation li.contact-info a,
body.contact-email ul#sliding-navigation li.contact-email a,
body.contact-community ul#sliding-navigation li.contact-community a,
/* BUY */
body.buy-music ul#sliding-navigation li.buy-music a,
body.buy-merch ul#sliding-navigation li.buy-merch a {color:#ffff66; font-weight:bold;} {color:#ffff66; font-weight:bold;}

#load {
	background:transparent url(../img/ajax-loader.gif) repeat scroll 0%;
	display:none;
	height:11px;
	position:absolute;
	right:50px;
	text-indent:-9999em;
	top:210px;
	width:43px;
}

/* MAIN CONTENT CONTAINER */
#content-block {
	width:620px;
	float:right;
	overflow: hidden;
	position:relative;
	top:132px;
	right:20px;
}
#content-block p {
	padding:5px 10px 0 5px;
}
#content {
	width:620px;
	float:right;
	overflow: hidden;
	margin:0 0 80px;
}

/* DARK BACKGROUND CONTAINER */
.inline-container {
	border:1px solid #000;
	padding: 20px;
	position:relative;
	background:transparent url(../img/bg-30.png) repeat top left;
	/*background-color: rgba(0,0,0,.5); - progressive enhancement */
	margin-bottom:14px;
}

.float-50 {
	float:left;
	width:289px;
	text-align:center;
}
.float-50 a img {
	border: none;
}
.float-50 p { margin-top: 0; }

/* TESTIMONIALS */
#content-block blockquote {
	margin-left:5px;
	text-indent: 15px;
	background: transparent url(../img/quotes1.gif) no-repeat 0 2px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #3B3F1F;
}

#content-block blockquote p.quote {
	display: inline;
	margin: 0;
	padding-right: 20px;
	background: transparent url(../img/quotes2.gif) no-repeat bottom right;
}
#content-block blockquote p.cite {
	text-align:right;
	padding-right:40px;
	font-size:10px;
	color:#6f6f6f;
}
#content-block blockquote p.cite:before {
	content: '- '; 
}



/* LISTEN TO MP3 */
.album-cover-120 {
	position:absolute;
	top: -10px;
	right: 6px;
	border: 1px solid #000;
	background:#333333;
	padding:3px;
	width:120px;
	height: 119px;
}
p.music-file {
	font-size:20px;
	line-height:1em;
	margin:0;
}
p.music-file span.title {
	float:left;
	margin-top:0;
}
p.music-file span.title-block {
	margin-top:0;
	display: block;
}
p.music-file span.music-file-info {
	display:block;
	margin-top:8px;
	font-size:10px;
	line-height:1.2em;margin-right:120px;
}



/* BIO TABS */
#all-tabs {
font-size: .75em;
position:absolute;
top:4px;
left:5px;
}
#all-tabs li { list-style:none; float:left; margin-right:5px; }
#all-tabs li a {
	display:block;
	padding:5px 18px;
	text-decoration:none!important;
	margin:1px;
	margin-left:0;
	color:#999;
	background:#222;
	border: 1px solid #1a1a1a;
}
#all-tabs li a:hover {
	color: #ffff66;
	background:#111;
	}
#all-tabs li a.active {
	margin-bottom:0;
	color:#ffff66;
	background:#111;
	cursor:default;
	}

/* RELEASES PAGE */
.inline-container-nowplaying {
	border:1px solid #000;
	padding: 10px 20px;
	position:relative;
	background:transparent url(../img/bg-30.png) repeat top left;
	/*background-color: rgba(0,0,0,.5); - progressive enhancement */
	margin:14px 0;
}
ul#track-listing {margin:.5em .5em 1.5em; font-size:.75em; padding-left:20px; line-height:1.3em; color:#9F9F9F; list-style-type:none;}
p.nowPlaying {font-size:16px; color:#009BE3; font-weight:bold;}
p.nowPlaying span#trackname {color:#FFF;}
p.nowPlaying span.pcent {color:#9F9F9F;}
a.active {color:#fff;}
.track-info-container {position:relative;}
ul.controls {list-style-type:none; font-size:0.75em; position:absolute; top:15px; right:0;}
ul.controls li {float:left; margin-right:15px;}
ul.volume {display:none;}

#jplayer_info {margin-left:20px; display:none;}

form.payPalForm {padding-top:8px; padding-bottom:12px;}

/* EMAIL FORM */
#content form{padding:15px 0 0 0}
#content form input.textBox{background:url(../img/form/input_bg.png) no-repeat 0 0; height:28px; width:304px; margin:0 0 11px 0; padding:15px 0 0 15px; border:none; font:normal 14px "Lucida Grande",Arial,Helvetica,sans-serif}
#content form input.blueTextBox{background:url(../img/form/blue_input_bg.png) no-repeat 0 0; width:304px; height:28px; margin:0 0 11px 0; padding:15px 0 0 15px; border:none; font:normal 14px "Lucida Grande",Arial,Helvetica,sans-serif}
.fromrelative{position:relative}
.required{background:url(../img/form/required.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px}
.invalid{background:url(../img/form/invalid.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px}
#content form input.submit{background:url(../img/form/submit.png) no-repeat 0 0; height:32px; width:83px; border:none; margin:5px 0 0 222px; cursor:pointer}
#content #submitted {margin-top:40px;}

/* TESTIMONIALS - LANDING PAGES */
.testimonial {
width:600px;
float:left;
margin:60px 0 30px 0;
}
.testimonial .left-quote {
float:left;
background:url(../img/left-quote.png) no-repeat top;
width:68px;
height:72px;
}
.testimonial .testi-text {
float:left;
width:450px;
padding:5px 10px 10px 5px;
font-size:26px;
}
.testimonial .comment {
float:left;
margin-left:73px;
color:#ccc;
}

/* HOMEPAGE CONTENT */
.homepage-content {
width:600px;
float:left;
margin:60px 0 30px 0;
}
.homepage-content .main-header {
float:left;
width:450px;
padding:5px 10px 10px 0;
margin-left:73px;
font-size:26px;
}
.homepage-content .activity {
float:left;
width:450px;
margin-left:73px;
margin-bottom:10px;
color:#ccc;
}