@import url("960.css");

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

header, section, footer, aside, nav, article, figure {
	display:block;
}
section{position: relative;}
body{background: #141414 url(../images/bg.jpg) repeat;font:16px/18px 'Helvetica Neue',Arial,sans-serif;-webkit-text-stroke:1px transparent;line-height:18px; color: #fff;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

hr {border: 0 #504a41 solid;border-top-width: 1px;clear: both;height: 0;}

#header{height:45px;background:#2B2B2B;border-bottom:1px solid #4c4741;}
#header img{float:left;margin:9px 27px 0 0;}

p{color:rgba(235, 235, 235, 0.92);margin-bottom:18px;line-height:27px;}
a{color:#72A454;text-decoration:none;}
a:hover{text-decoration:underline;}

a.keep-reading{float:right;color:#ffffff !important;text-decoration:none;display:block;text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;background:#404040;padding:4px 18px;height:19px;font-size:13px;font-weight:bold;}

nav ul{margin-top:13.5px;}
nav ul li{margin-right:20px;float:left;}
nav ul li a{font-size:16px;color: #EBEBEB;text-decoration:none;}
nav ul li a:hover{color:#C4C4C4;border-bottom:2px solid #C4C4C4;}

#account ul{margin-top:9px;float:right;}
#account ul li{float:left;margin-left:18px;}
#account ul li a,#member li a,input#submit{color:#ffffff;text-decoration:none;display:block;text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;}
#account ul li a,#member li a{background:#404040;padding:4px 18px;height:19px;font-size:13px;font-weight:bold;}
#member{background:#72A454;}
#account ul li a:hover,#member,input#submit:hover,a.keep-reading:hover{
	background:#72A454;
	background:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.15, rgb(91,135,64)),
			color-stop(0.85, rgb(114,164,84))
		);
	background:
		-moz-linear-gradient(
			center bottom,
			rgb(91,135,64) 15%,
			rgb(114,164,84) 85%
		);
	}

#register, #branding{margin-top:54px;margin-bottom:63px;}
#register h1, #branding h1{font-size:27px;font-weight:bold;color:#72A454;color:#72A454;margin-bottom:27px;}
#register p, #branding p{font-size:24px;color:#dddddd;color: rgba(235, 235, 235, 0.92);line-height:27px;}

h2,h3,h4{color:#dddddd;color: rgba(235, 235, 235, 0.92);margin-bottom:18px;clear:both;}
h2{font-size:24px;}
h3{font-size:21px;}
h4{font-size:18px;}

/* Player Styles */
#player{background: #333; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; padding:16px 8px;}
#player .song{border-bottom: 1px solid #545454; overflow: auto; padding: 8px;}
.song-info{ float: left; width: 215px; }
.song-info h3, .song-info h4{ color: #fff; margin: 0; padding: 0; }
.song-info h4{font-weight: normal;}
.controls{ float: left; width: 210px;}
div#bar{border: 1px solid #545454;-webkit-border-radius: 2px; -moz-border-radius: 2px;position:relative; display: block;width: 140px; height: 19px; margin: 10px 0px 0 10px; background-color: #4D4D4D; float: left;}
div#bar.jqjp_buffer{}
a#played, a#loaded{position: absolute;z-index: 10; left: 0; top: 0; width: 0; background-color: #262626; display: block; height: 19px;}
a#loaded{background-color: #72a456; z-index:5;}
#play, #pause{float: left;display:block; height: 39px; width: 39px; background: url(http://branchrecords.threadsafelabs.com/static/images/player-controls.png) bottom center no-repeat;}
#play:hover{background-position:left -95px;}
#pause{background-position:left -48px;}
#pause:hover{background-position:left top;}
a.artist-link{display: block;}
label{color: #fff; padding-top: 9px;}
input{font: normal 18px/1.2 'Lucida Grande', sans-serif; margin-bottom: 9px; }
input#submit{background: #404040; text-align: center; -webkit-border-radius:18px;-moz-border-radius:18px; border-radius:18px cursor: pointer;}

label{display:block;}
form label{color: #68B1D9; color: rgba(104, 177, 217, .8);}
form input, textarea {background: rgba(255,255,255,.5); border: 0; width: 100%; -webkit-border-radius: 4px;-moz-border-radius:4px;border-radius:4px;font: normal 18px/1.2 'Lucida Grande', sans-serif; margin-bottom: 9px; }

h5.name{color:#68B1D9;}
span.meta{font-size: 12px; color: #68B1D9; font-weight: normal;}
a.previous, a.next{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute; top: 9px; display:block; font-size: 27px; font-weight: bold; text-align: center; text-decoration:none;}

a.previous{left: -47px;}
a.next{left: 976px;}
a.next:hover, a.previous:hover{text-shadow: 0px 0px 30px rgba(255,255,255,.8);}

#member,#callout,#share{height:27px;margin-bottom:63px;padding:9px 0;}
#member p,#callout p{font-size:18px;padding-top:3px;margin-bottom:0;line-height:18px;}
#callout p{color:#ebebeb;}
#callout a{color:#72A454;text-decoration:none;}
/*#callout a:hover{text-decoration:underline;}*/
#member p{color:#191104;text-shadow:0px 1px 0px #91A584;}
#member ul{float:right;}
#member a:hover{background:#262626;}

#flatpage #callout{height:auto;padding:18px 0;}
#flatpage #callout p {margin:0 10px;padding-top:0;}

#callout,#share{
	background:#1A1A1A;
	border-top:2px solid #080808;
	border-bottom:1px solid #3d3c38;
	border-left:1px solid #262626;
	border-right:1px solid #262626;
	margin-bottom:63px;
}

#detail #callout{margin:27px auto 27px;}
#detail #share{margin-top:63px;}

#member{
	border-top:2px solid #486635;
	border-bottom:1px solid #91A584;
	border-left:1px solid #5a7a35;
	border-right:1px solid #5a7a35;
}

#featured-content{margin-bottom:63px;}

#featured span{font-size:18px;color:#dddddd;font-weight:bold;display:block;}
#featured span a,#featured a{color:#72A454;text-decoration:none;}
#featured p{font-size: 14px;color:#dddddd;margin-top:18px;}

#featured img{margin-bottom:18px;}
#featured h3.artist{float:left;display:inline;clear:none;margin-top:3px;}

#ustream{margin:63px auto;}

#music{margin-bottom:63px;}
#music img{margin-bottom:18px;}
#music p{line-height:18px;}

#downloads p, #new-releases p{font-size:18px;color:#dddddd;font-weight:bold;}
#downloads a, #new-releases a{color:#72A454;text-decoration:none;}

#blog{margin-bottom:63px;}

#blog-content{margin-top:45px;}
#blog-content h1, h1#blog-list{font-size:27px;font-weight:bold;color:#68B1D9;margin-bottom:9px;line-height:36px;}
h1#blog-list{margin-top: 63px; font-size: 36px;}
article h1{font-size: 24px;margin-bottom: 9px;}
article h2{font-size: 18px;}
article{ padding-bottom: 63px; margin-bottom: 63px; border-bottom: 1px solid #dddddd;}

p.date{font-size:18px;color:##EBEBEB;margin-bottom:18px;}

#post a.title{font-size:18px;font-weight:bold;color:#68B1D9;display:block;text-decoration:none;}
#post span.date{font-size:18px;font-weight:bold;color:#ebebeb;margin-bottom:27px;display:block;}
#post p{color:#f5f5f5;line-height:27px}
#post a{color:#72A454;}

#recent span.date{font-size:14px;color:#666666;}
#recent a.title{font-size:14px;font-weight:bold;color:#68B1D9;text-decoration:none;}

#share{color:#ebebeb;font-weight:bold;/*background-color:#1a1a1a;*/height:36px;}
#share li a{color:#ebebeb;display:block;height:27px;padding:9px 0 0 45px;background-image:url(../images/icon_share.png);background-repeat:no-repeat;text-decoration:none;}
#share li a.twitter{background-position:left top;}
#share li a.rss{background-position:left center;}
#share li a.newsletter{background-position:left bottom;}
#share li a:hover{background-image:url(../images/icon_share-on.png);}
#share a strong{color:#72A454;}
#share a:hover strong{color:#925858;}

#artists,#iniatives{margin-top:43px;overflow:auto;}
#artists h3{clear:both;padding-top:20px;}
#artists a img{opacity:1.0;}
#artists a:hover img{opacity:0.75;}

#artist h1{font-size:36px;margin:36px 0 27px;line-height:45px;}
#artist h1 a{text-decoration:none;}

#iniatives,#release{margin-top:63px;}

.releases{margin-top:43px;}
.releases h3{margin-top:20px;}
.releases .coverart{margin-bottom:20px;}

/*.release-info{padding:20px;opacity:0.25;color: rgba(255,255,255,1.0);}
.release-info ol{}*/

/* ROUNDED CORNERS */
#account ul li a,#member a,a.keep-reading{
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

#callout,#share,#member{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#downloads img,#new-releases img,img.album-cover,.releases img,#artists img,.release-info{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*.release-info{
	background:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.05, rgb(0,0,0)),
			color-stop(0.85, rgb(150,150,150))
		);
	background:
		-moz-linear-gradient(
			center bottom,
			rgb(0,0,0) 5%,
			rgb(150,150,150) 85%
		);
	}	
}*/

#callout,#share{
	background: #1A1A1A;
	background:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.15, rgb(26,26,26)),
			color-stop(0.85, rgb(31,31,31))
		);
	background:
		-moz-linear-gradient(
			center bottom,
			rgb(26,26,26) 15%,
			rgb(31,31,31) 85%
		);
	}
}