style sheet scarecrowbeats

<code>


/* tag cloud */
	.tagCloud {padding:10px;}
	.tagCloud .cloudItem {float:left; padding:2px; white-space:nowrap; margin:0 6px 0 0;}
	.tagCloud .cloudItem:hover {background:#005782; color:white; cursor:pointer;}
	.tagCloud .cloudS10 {font-size:10px; color:#aaaaaa;}
	.tagCloud .cloudS20 {font-size:11px; color:#aaaaaa;}
	.tagCloud .cloudS30 {font-size:11px; color:#999999;}
	.tagCloud .cloudS40 {font-size:12px; color:#999999;}
	.tagCloud .cloudS50 {font-size:14px; color:#666666;}
	.tagCloud .cloudS60 {font-size:16px; color:#666666;}
	.tagCloud .cloudS70 {font-size:18px; color:#333333;}
	.tagCloud .cloudS80 {font-size:22px; color:#333333;}
	.tagCloud .cloudS90 {font-size:28px; color:#111111; }
	.tagCloud .cloudS100 {font-size:36px; color:#111111;}
	.tagCloudMore {padding:6px 0 0 0; margin:0 10px; text-align:center; border-top:#ccc solid 1px; font-size:11px;}
	.tagCloudMore a, .tagCloudMore a:link, .tagCloudMore a:visited {color:#999; text-decoration:none;}
	.tagCloudMore a:hover {color:red; text-decoration:underline; cursor:pointer;}

/* remember to define focus styl&#101;s! */
:focus {
outline: 0 !important;
}
button.btn-pop-out,
.purechat-widget .purechat-download-container,
.purechat-window .purechat-download-container,
.purechat-enterinfo-container p,
.purechat-message-wrapper:not(.purechat-clearfix) p{
	display: none !important;
}
.purechat-enterinfo-container{
	margin-top: -10px !important;
}
.purechat ::-webkit-scrollbar {
    width: 1em;
}


img[srchttp://www.soundclick.com/images/navigation/star_blank.png]{
display:none;
}


#twittHolder{

position: absolute;
/* width: auto; */
/* float: left; */
height: 50px;
/* width: 800px; */
right: 175px;
left: 385px;

}

#bottomSection a:hover,
#bottomSection a:link:hover{
color: #649E1B !important;
}

.purechat-question-input{
max-width: 100% !important;
max-height: calc(100vh - 268px) !important;
}

.gradientBG{
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);

/* Opera */
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.075)), color-stop(1, rgba(0, 0, 0, 0.075)));

/* Webkit (Chrome 11) */
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);
}
.purechat-widget .purechat-ended-form .btn,
.purechat-window .purechat-ended-form .btn,
.purechat-widget .purechat-init-form .btn,
.purechat-window .purechat-init-form .btn,
.purechat-widget .purechat-email-form .btn,
.purechat-window .purechat-email-form .btn{
	font-size: 11px !important;
	font-weight: bold;
	background-color: #424C51 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	border-color: #424C51 !important;
	-webkit-border-color: #424C51 !important;
	-moz-border-color: #424C51 !important;
}



.purechat-widget .purechat-ended-form,
.purechat-window .purechat-ended-form,
.purechat-widget .purechat-init-form,
.purechat-window .purechat-init-form,
.purechat-widget .purechat-email-form,
.purechat-window .purechat-email-form{
	margin: 0 !important;
}

.purechat-widget .purechat-send-form-container textarea,
.purechat-window .purechat-send-form-container textarea{
font-family: lato !important;
}

.purechat-question-input{
	margin: 5px 0 15px 0 !important;
}

.purechat ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.purechat ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: 0;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05) !important;
}


.purechat-widget .purechat-message-container.purechat-message-left,
.purechat-window .purechat-message-container.purechat-message-left,
{
background-color: #D3FFA9 !important;
}

.purechat-email-input,
.purechat-name-input
{
	height: 30px !important;
}

.purechat-widget .purechat-message-note.important, .
purechat-window .purechat-message-note.important{
	background: rgb(174, 231, 113);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.purechat-message-note.important{
	color: #bbb !important;

}



div.purechat-message-display-container *,
span.purechat-widget-title-link{
font-family: Lato !important;
}
div.purechat.purechat-bottom-right{
bottom: 50px !important;
right: 0 !important;
font-family: Lato !important;
}

.purechat-widget .purechat-expanded, .purechat-widget div.purechat-collapsed-outer{
margin-right: 0 !important;
}

.purechat-widget div.purechat-widget-inner, .purechat-window .purechat-widget-inner{
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3) !important;
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3) !important;
box-shadow: 0px 3px 4px rgba(0, 0, 0, .3) !important;
}



/**//**//**//* DRUMKIT *//**//**/

#kitWrapper{
	width: 100%;
	clear: both;
	background: #555;
-moz-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, .22);
-webkit-box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, .22);
box-shadow: inset 0px 1px 5px 2px rgba(0, 0, 0, .22);
	position: relative;
	overflow: hidden;
}
#kitInnerWrapper{
	display: block;
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding: 60px 0;
}
.KitPageTitle{
	color: #ccc;
	font-size: 26px;
	text-align: center;
	padding-bottom: 60px;
	width: 960px;
	margin: 0 auto;
	clear: both;
	float: none;
	text-transform: uppercase;
}
.KitPageTitle span{
	padding: 0 10px 0 0;
	float: none;
	display: inline-block;
	text-transform: uppercase;
}
.kitBox, .noKitBox{
	width: 320px;
	height: 320px;
	float: left;
	position: relative;
	overflow: hidden;
}
.noKit{

}
#customRNBDrums{
	background: #333;
}
.kitBG{
	height: 320px;
	width: 320px;
	position: absolute;
	left:0;
	top:0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#customRNBDrums .kitBG{
	background: url(http://scarecrowbeats.com/soundclick/customRNB.png) bottom;
}
#customRNBDrums .kitBGtext{
	background-image: url(http://scarecrowbeats.com/soundclick/customRNBtext.png);
	background-repeat:  no-repeat;
}
.kitBG{
	background: url(http://scarecrowbeats.com/soundclick/kitsoon.png) no-repeat;
}

#midiKit .kitBG{
	background: url(http://scarecrowbeats.com/soundclick/midiBG.png) bottom;
}
#midiKit .kitBGtext{
	background-image: url(http://scarecrowbeats.com/soundclick/midiFront.png);
	background-repeat:  no-repeat;
}
.kitSoon{
opacity:.3;
}
.kitSoon:hover{
opacity:1;
}
.kitNew:before{
content:no-close-quote;
background-image: url(http://scarecrowbeats.com/soundclick/midiNew.png);
	background-repeat:  no-repeat;
height:81px;
width:81px;
position:absolute;
right:-2px;
top:-2px;
z-index:99;
}
.kitBGtext{
	background-position: center center;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.kitAddToCart{
	position: absolute;
	bottom: -40px;
	height: 40px;
	width: 100%;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;

}
.kitAddToCart a{
	text-align: center;
	color: #fff;
	height: 40px;
	width: 50%;
	line-height: 40px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-family: lato;
	font-weight: bold;
	float: left;
}
.kitADD{
	background: #649E1B;
}
.kitADD:hover{
	background: #649E1B;
}
.kitLISTEN:hover{
	background:#343D44;
}
.kitLISTEN{
	background: #1B2125;
}
.kitAddToCart a i{
	margin: 0 5px 0 0;
	font-size: 16px
}
.kitAddToCart a i{
	vertical-align: middle;
}
.kitBox:hover .kitBG{
	height: 280px;
}
.kitBox:hover .kitBGtext{

}
.kitBox:hover .kitAddToCart{
	bottom: 0;
}
.kitADD.fullWidth{
	width: 100%;
}
/**//**//**//* END DRUMKIT *//**//**/

/**//**//**//* SOUNDCLICK RESET *//**//**/

body, div, tr, td, select, textarea, input, option{
font-size: inherit;
}

a.goBack i{
margin: 0 5px 0 0;
}

input#mmmte, #audioM{
position: absolute;
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
z-index:-999;
text-indent:-9999px;
top: -999px;
}
div.commentsBox div.postdate a{
visibility: hidden;
height: 20px;
width: 20px;
display: inline-block;
position: relative;
margin: 5px 0 0 0;
padding: 0;
float: right;
opacity: .75;
-khtml-opacity: 0.75;
-moz-opacity:0.75;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity75);
filter: alpha(opacity75);

}

div.commentsBox div.postdate a:hover{
opacity: 1;
-khtml-opacity: 1;
-moz-opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity100);
filter: alpha(opacity1);
}

div.commentsBox div.postdate a:first-child:after{
content: no-close-quote;
background: url(http://scarecrowbeats.com/soundclick/scbDelete.png) no-repeat center center;
height: 20px;
width: 20px;
 display: inline-block;
position:absolute;
top: 0;
left:0;
visibility: visible;

}

div.commentsBox div.postdate a:not(:first-child):after{
content: no-close-quote;
background: url(http://scarecrowbeats.com/soundclick/scbEdit.png) no-repeat center center;
height: 20px;
width: 20px;
display: inline-block;

top: 0;
left:0;
visibility: visible;
}


a.goBack{
position: fixed;
top: 80px;
left: 10px;
background: #000;
font-family: Lato;
display: inline-block;
/* height: 30px; */
/* line-height: 30px; */
padding: 7px;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
z-index:100;
}

a.goBack:hover{
background: #649E1B;
color: #fff;
text-decoration: none;
}
input, button, textarea, select, option{
outline: 0;
}
#writeComment{
height: 30px;
width: 960px;
margin: 0 auto 70px auto;
float: none;
display: block;
background: #649E1B;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: bold;
appearance: button;
-webkit-appearance: button;
-moz-appearance: button;
}


a:hover,
a:link:hover,
a:visited:hover{
text-decoration: none;
}

div.commentsBox div.postdate a:hover{
color: #000;
text-decoration: none;

}



i.commentName{
position: absolute;
left: 25px;
bottom: 25px;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
}



#popupBoxComment textarea{
width: 100%;

margin-bottom: 15px;
border: 0;
max-width: 100%;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
resize: both;
outline: 0;
background: rgba(235, 239, 242, 1);
max-height: 400px;
resize: both;
min-height: 150px;
padding: 10px;
color: #666;
}

#popupBoxComment textarea:hover{
color: #454545;
}

#popupBoxComment textarea:focus{
color: #363636;
}

#popupBoxComment{
font-size:12px;
color: #363636;
}

#popupBoxComment .ratingsBox,
ratingsBox input,
ratingsBox select,
ratingsBox textarea{
font-size: 14px;
}

#popupBoxComment .ratingsBox{
margin-bottom: 20px;
}

#popupBoxComment input{
background: #649E1B;
color: #fff;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
}

#popupBoxComment input:hover{
background: #649E1B;
}


#popupBoxComment select,
#popupBoxComment input{
width: 50%;
float: left;
padding: 0;
margin: 0;
line-height: 1;
height: 30px;
border: 0;
outline: 0;
}

#popupBoxComment select{
background: #fff;
border: 2px solid #649E1B;
border-right: 0;
padding-left: 25px;
}

#popupComment form{
height: 100%;
width: 100%;
padding:0;
margin: 0;
}

div.completeNavHeader, div.navigationDivider {
    display: none;
}
div.show_picture{
min-width: 150px;
min-height: 150px;
}
div#bigOne embed{

margin-top: 25px;
}

#popupBoxComment a{
color: #649E1B;
text-decoration: none;
font-weight: bold;
}

#popupBoxComment a:hover{
color: #000;
text-decoration: none;
}


div.commentsBox div.ratingsBox div{
display: none;
}
#mainContent .commentsWelcome,
#mainContent img{
visibility:visible;
}
input#shareSong{display:none;}
div#bigOne:before{
content: no-close-quote;
position: absolute;
width: 540px;
height: 405px;
background: white;
z-index: -2;
/* padding: 25px; */
box-sizing: content-box;
left: -20px;
top: -10px;
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
}
div#bigOne table:first-child{
font-size: 20px;
color: #363636;
}

div.show_header{display: none;}
div.show_picture table tbody tr td{
background: #8FFF00;
border-radius: 50%;
max-width: 140px;
max-height: 140px;
padding: 0;
}
div.show_picture img {border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
overflow: hidden;
opacity: .75;
}
td.show_songdddinfo a:first-child:before{

height: 70px;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, .99);
top:0;
}
div#bigOne{
visibility: visible;
font-weight:bold;
}
div#mainContent{
visibility:hidden;
padding-top: calc(50vh - 240px);
width: 100%;
min-height: 100%;

}

div#mainContent:before{

 content: no-close-quote;
z-index:-2;
background: rgba(55, 62, 68, .75);
visibility:visible;
position: fixed;
top:0;
left:0;
bottom:0;
right:0;
 }

div.commentsBox div.bandSignature {
border: 0;
color: #363636;
width: 310px;
margin-top: 15px;
line-height: 20px;
display: none;
}




#playerHolder .error i{

padding: 0 5px;
cursor: pointer;
color: rgba(0, 0, 0, .3);
}

#playerHolder .error i:hover{
color: rgba(0, 0, 0, .6);
}
div.commentsBox div.songComment{
border: 0;
font-size: 14px;
padding: 0;
margin: 0;
border-bottom: 0;
white-space: nowrap;
text-transform: capitalize;
margin-left: -4pt;
color: #363636;
display: none;
}


div.commentsBox div.postdate{
margin: 0;
color: #aaa;
text-transform: capitalize;
font-size: 12px;
/* display: inline-block; */
position: relative;
height: 30px;
overflow: hidden;
text-indent: -999999px;

}

div.commentsBox div.songComment a{
color: #649E1B;
}

div.commentsBox div.songComment a:first-child{display: none;}
div.commentsPostBox .ratingsBox {
background: #fafafa;
color: #363636;
clear: both;
padding: 7px 0px;
margin: 0;
display: none;
}

div.commentsPostBox textarea,
div.commentsPostBox select,
div.commentsPostBox input,
#post strong,
#post a{
visibility:visible;
}

#post div:first-child:first-of-type {
  visibility: visible;
background:;
height: 40px;
position: fixed;
right:0;
bottom: 40px;
width: auto;
}

 #post div:first-child:first-of-type br{
display: none;
}


#popupBoxComment strong{
color: #FF5454;
margin-right: 5px;
}

div.commentsPostBox form{
padding: 0px;
margin: 0px;
height: 40px;
position: fixed;
bottom: 50px;
right: 0;
width: 450px;
overflow: hidden;
}

div.commentsPostBox form select{
height: 40px;
line-height: 1;
background: #fff;
border: 0;
position: absolute;
right: 100px;
top: 0;
}
div.commentsPostBox form input{
height: 40px;
width: 100px;
background: #649E1B;
font-weight: bold;
font-size: 12px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: 0;
border-bottom: 0px solid rgba(255, 255, 255, .5);
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;

color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 1;
text-align: center;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
outline: 0;
}


div.commentsWelcome {
background: transparent;
color: inherit;
margin: 0;
padding: 0px;
}


div.listedPicsBox {
background: transparent;
color: #363636;
width: 150px;
height: auto;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
border-bottom: 0;
font-size: 14px;
text-align: center;
float: left;
}

div.commentsBox div.listedPicsBox a{
color: #888;
font-weight: bold;
}

div.listedPics {
width: 90px;
height: 90px;
background-position: center center;
background-repeat: no-repeat;
margin: 0 auto 20px auto;
overflow: hidden;
background-size: cover;
border-radius: 50%;
}



div.commentsBox{
border-bottom: 0;

margin: 0 auto 20px;
width: 960px;
min-width: 200px;
padding: 20px;
position: relative;
clear: both;
min-height: 160px;
cursor: default;

background: #fff;
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}









div.commentsBox div.comment {
color: #363636;

border: 0;
padding: 0 0 0 20px;
background: rgba(255, 255, 255, 0);
text-align: left;
font-size: 14px;
overflow: hidden;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

width: 770px;

height: 100%;
position: relative;
}

div.commentsBox div.comment div:not([class]){
font-size: 14px;
font-family: Lato;
overflow: hidden;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
float: left;
width: 770px;

}

div.commentsBox div.comment div br {

}




div.commentsPostBox {
padding: 10px;
margin: 0;
width: 960px;
background: #fafafa;
border-top: #ccc solid 1px;
border: 0;
display: none;
}

div.commentsPostBox textarea{
background: #ECECEC;
/* float: left; */
position: absolute;
border: 0;
left: 0;
top: 0;
height: 40px;
right: 200px;
width: 250px;
resize: both;
}
#songsAvailable{
line-height:40px;
padding-left: 24px;
color: #ccc;
font-size: 26px;
}

div#TB_overlay{
 background: rgba(0, 0, 0, .66);
}

.purechat{
z-index: 99 !important;
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

input:active{outline: none}

.closeSearch{
float: right;
color: rgba(0, 0, 0, .3);
padding-right: 5px;
cursor:pointer;
}


.closeSearch:hover{
color: rgba(0, 0, 0, .6);
}
div.songsBox div.actionlinks:last-child a.thickbox{
position: absolute;
right: 89px;
width: 26px;
bottom: 24px;
max-width: 26px;
min-width: 26px;
border: 0;
overflow: hidden;
text-indent: -10000px;
color: #ccc;
background: #ccc url(http://scarecrowbeats.com/soundclick/micIcon.png) no-repeat center center;
margin: 0;
}

div.songsBox div.actionlinks:last-child a.thickbox:hover{
background-color: #000;
}
#scbSearch input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


#scbForm input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px black inset;
-webkit-text-fill-color: #FFF !important;
}
.endResult{
height: 4px;
background: #84B841;
width: 960px;
margin: 75px auto;
clear: both;
}

#objectPic{
position: absolute;
height: 139px;
width: 136px;
margin: 5px 0 0 4px;
background:#649E1B;
}

.songsBox div[id]{
position: absolute;
top: 24px;
right: 22px;
}

.songsBox div[id] div{
display:none;
}

.songsBox div[id] strong{
display: none;
}
.songsBox div[id] a img{

}

.songsBox div[id] a{

}

.songsBox div div[id] a:before{
display: none;
}


div.songsBox div:not([id]):not([class]){
 font-size: 13px;
color: #888;
}


div.songsBox div:last-child div:nth-child(2):not(.actionlinks):not([id]){
display: none;

}


div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:not(:last-child){
display: none;
}
/*download button
div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:first-child:not(:first-child){
display: inline-block;
background:green;
width: 15px;
height: 15px;
}
*/
/*useless lo-fi button
div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:nth-child(2):not(:last-child){
background: purple;
width: 15px;
height: 15px;
}*/




/*PLAY BUTTON*/
div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:last-child{
display: none;
background: rgba(0, 0, 0, 0.5);
height: 40px;
width: 40px;
/* background: #000; */
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
top:50%;
left: 75px;
margin-top: -20px;
border: 2px solid #FFFFFF;
cursor:pointer;
z-index:98;
opacity:.75;
}



div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:last-child:after{
content: no-close-quote;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 14px solid #fff;
position: absolute;
left: 13px;
top: 10px;
}

div.songsBox:hover div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a:last-child{
display:block;
}


div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks):hover a:last-child:after{

}
div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks):hover a:last-child{
 opacity:1;
}

/*controls img*/
div.songsBox div:not(:last-child):nth-child(2):not([id]):not(.actionlinks) a img{
display: none;
}

#resultsWrapper .resultsLoader{
width: 960px;
margin: 50px auto 0 auto;
text-align: center;
display: none;
}

#resultsWrapper .resultsLoader i{
font-size:  20px;
width: 30px;
overflow: hidden;
}

.results,
.noresults{
padding: 10px;
font-size: 20px;

border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.noresults{
background: rgb(255, 84, 84);

}

.results{
background: #84B841;
}

div#TB_window {
border: 0;
background: #fafafa;
padding: 0;
max-height: 100%;
overflow: visible;
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
}

.songsBox div a.noneBefore:before{display:none;}

div.songsBox div.actionlinks {
font-size: 14px;
min-width: 100%;
color: transparent;
max-height: 26px;
}

div.songsBox div.actionlinks br {
display: none;
}
div.actionlinks{
display:inline-block;
text-transform: capitalize;
}
 #searchResults{
display: none;
width: 960px;
margin: 10px auto;
clear: both;
font-size: 20px;
color: #363636;
}
/*songsbox social*/
div.actionlinks div a img{
display: none;
}

div.actionlinks div{
display: inline-block;

}
div.actionlinks:first-child{
 margin: 20px 0 5px 0;
}
/*fTWITTERk*/
div.songsBox div.actionlinks div:last-child a{
display: inline-block;
height: 26px;
width: 26px;

background:  #ccc url(http://scarecrowbeats.com/soundclick/songsBoxTwitter.png) no-repeat center center;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition:none;
    -o-transition: none;
    transition: none;
 position:absolute;
right: 24px;
bottom: 24px;
margin: -6px -1px 0 5px;
border:0;
max-width: 26px;
min-width: 26px;
}
div.songsBox div.actionlinks div:last-child a:hover{
background:  #000 url(http://scarecrowbeats.com/soundclick/songsBoxTwitter.png) no-repeat center center;
}
/*FACEBOOK*/
div.songsBox div.actionlinks div a{
display: inline-block;
height: 26px;
width: 26px;
  float:left;
background: #ccc url(http://scarecrowbeats.com/soundclick/songsBoxFB.png) no-repeat center center;
 border:0;
overflow:hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition:none;
    -o-transition: none;
    transition: none;
position: absolute;
right: 53px;
bottom: 24px;
margin: -6px 2.5px 0 5px;
max-width: 26px;
min-width: 26px;

}
div.songsBox div.actionlinks div a:hover{

background: #000 url(http://scarecrowbeats.com/soundclick/songsBoxFB.png) no-repeat center center;
}

/*facebook*/
div.actionlinks div:last-child a:after{


}

/*twitter*/
div.actionlinks div a:after{
content:
}

span.color_supplemental{
background: rgba(134, 197, 0, 1);
color: #FFFFFF;
/* border: 1px solid rgba(119, 67, 67, 0); */
float: left;
display: inline-block;
margin: -4px 9px 0 -20px;
font-size: 12px;
cursor: default;
border-radius: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
min-width: 23px;
height: 23px;
line-height: 22px;
text-align: center;
}

div#TB_title{
position: absolute;
right: -15px;
top:-15px;
width: 31px;
height: 31px;
background: transparent;
overflow:visible;
padding: 0;

}
div#TB_closeWindowButton{
width:31px;
height:31px;
}

div#TB_ajaxWindowTitle{display:none;}
div#TB_closeAjaxWindow{
position: absolute;
top:0;
left:0;
height: 31px;
width: 31px;
color: #fff;

}

a#TB_closeWindowButton{
background: #91AE6C  url(http://scarecrowbeats.com/soundclick/crossSmall.png) no-repeat center center;
width: 31px;
height: 31px;
cursor: pointer;
visibility: visible;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position:absolute;
left:0;
top:0;
padding:0;
text-indent:-9999px;
}
a#TB_closeWindowButton:after{
content: no-close-quote;

}

div.mainTable {
		min-height: 100%;
		width: 100%;

		height: auto !important;
		float: none;
    background: transparent;
border: 0;
}

div.navigation {
    display: none;
}

div.mainContent {
    width: 100%;
    position: relative;
    float: none;
    margin: 0;
    background: transparent;
}

div.mainContent div.mainContent {
    clear: both;
    width: 100%;
    margin: 0px auto;
    overflow: visible;

}

div.mainContent div.mainContent:after{
content:no-close-quote;
clear:both;
display: block;
height: 0;
width: 100%;
}

div.commentsPostBox:after{
content: no-close-quote;
height:50px;
clear: both;
width:100%;
float: left;
}

div.mainContent div.mainContent:after {
    position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background: rgba(255, 255, 255, .4);
content: no-close-quote;
width: 960px;
margin: 0 auto;
display: none;
}


div.headline {
    display: none;
}

div.mainContent div.contText {
    padding: 0;
    margin: -20px 0 0 0;
}

div.mainContent div.mainContent div.songsBox,
div.songsBox {
    max-width: 960px;
    float: none;
    clear: both;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    background: rgba(50, 50, 66, 0);
    padding: 24px 24px 24px 14px;
    min-height: 188px;
/*border-top-left-radius: 94px;
border-bottom-left-radius: 94px;*/
color: #6E6F6D;
font-size:14px;
position:relative;
overflow:hidden;
}

div.mainContent div.mainContent div.songsBox *,
div.songsBox * {
    letter-spacing: 0.1pt;

}

div.mainContent div.mainContent div.songsBox a:link,
div.mainContent div.mainContent div.songsBox a,
div.songsBox a:link,
div.songsBox a {

    cursor: pointer;
}

div.songsBox a:link:hover,
div.songsBox a:hover {
    color: #649E1B;
    cursor: pointer;
}

.songsBox a:link, .songsBox a:visited{
  color: #FFF9EF;
}

.songsBox div:first-child a{
display: inline-block;
}

div.commentsBox div.ratingsBox{
margin: 0 auto;
border: 0;
width: auto;
 display: none;
float: right;
right: 0;
top: 0;
}




img, .songsBox div:first-child a div, #objectHolder object,
.songsBox img, .listedPics, .commentsBox .ratingsBox img, div.commentsPostBox .ratingsBox img, div#bigOne embed, div.show_picture img, .ratingsBox img{
   /* filter: url(filters.svg#grayscale); */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%); /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6 & Opera 15 */
    -webkit-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
    -moz-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
}


.songsBox div:first-child a div {
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0;
    padding: 0;
    display: block;
   /* filter: url(filters.svg#grayscale); */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%); /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6 & Opera 15 */
    -webkit-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
    -moz-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
    z-index:2;
    /* IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity75);
    /* IE 5-7 */
    filter: alpha(opacity75);
    /* Netscape */
    -moz-opacity: 0.75;
    /* Safari 1.x */
    -khtml-opacity: 0.75;
    /* Good browsers */
    opacity: 0.75;
    display: inline-block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fafafa;
top: 50%;
margin-top: -70px;
}

/*.songsBox:hover div:first-child a div{
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1;

}*/

div.listedPicsBox a{
position:relative;
display: block;
}
div.listedPics{
opacity:.75;
}

div.listedPicsBox a:first-child:before{
content: no-close-quote;
    position: absolute;

width: 90px;
height:  90px;
right:0;
left:0;
top:0;
margin: 0 auto;
    background: #A3FF00;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;

    opacity: 1;
display: inline-block;

}


.songsBox div:first-child a:before {
content: no-close-quote;
    position: absolute;
top: 50%;
left: 25px;
width: 138px;
height: 138px;
	/*background: rgba(116, 46, 133, 0.33);*/
    background: #B0B1B5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
z-index:1;
    opacity: 1;
display: inline-block;
margin-top: -69px;

}
.songsBox div:first-child a div:before {

    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
	/*background: rgba(116, 46, 133, 0.33);*/
    background: rgba(204, 160, 76, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1;

}

div.songsBox div.actionlinks a{
color: #363636;
font-size: 12px;
float: left;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0 5px 5px 5px;
background: transparent;
display: inline-block;
width: 105px;
min-width: 105px;
max-width: 105px;
height: 26px;
line-height: 24px;
text-align: center;
border: 1px solid #363636;

}
div.songsBox div.actionlinks:first-child a:first-child{
display: none;
}
div.songsBox div.actionlinks a:hover{
background: #000;
color: #fff;
border-color: #000;
}
div.songsBox div.actionlinks a:before,
div.songsBox div.actionlinks a:after,
div.songsBox a.songtitle:before,
div.songsBox a.songtitle:after{
content: no-close-quote;
display: none;
}
a.songtitle:link,
a.songtitle{
color: #545454;
font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
margin-bottom:10px;
}

a.songtitle:link:hover,
a.songtitle:hover{
color: #649E1B;
}
div.mainTable div.mainContent div.newsBox {
    background: transparent;
    color: #1d1d1d;
    border: 0;
    margin: -15px auto 0 auto;
    padding: 0;
    width: 100%;
    padding: 0;
    line-height: 1;
}

#scrollTop {
  display: block;
position: fixed;
bottom: 0px;
right: 10px;
background: rgba(0, 0, 0, .55);
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;

-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
}

#scrollTop.scrollVisible{
bottom: 60px;

}

#scrollTop:hover {
    background: #649E1B;
    color: #fff;
}

#scrollTop i {
    line-height: 40px;

}

select, input, option {
    line-height: normal;
}

div.mainTable div.mainContent div.newsBox span {
    display: none;
}

div.mainTable div.mainContent div.newsBox #OBNEWS {
    width: 1006px;
    margin: 0 auto;
    background: transparent;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
}

div.mainTable div.mainContent div.newsBox #OBNEWS br {
    display: none;
}

div.mainTable div.mainContent div.newsBox #OBNEWS h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #F87440;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

div.mainTable div.mainContent div.newsBox #OBNEWS p {
    font-size: 14px;
    color: #FFF;
    text-transform: capitalize;
    margin: 20px;
    border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

div.contHeadline {
    display: none;
}

div.mainContent div.contInterview {
    padding: 0;
}

div.pageFooter {
    display: none;
}

div.pageturner {
    background: #222;
    color: #ccc;
    border: none;
    text-align: right;
    padding: 0 15px;
    font-size: 10px !important;
text-transform: uppercase;
    font-weight: normal;
    width: 960px;
    margin: 0 auto;
    line-height: 40px;
height: 40px;
position: relative;

  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10 */
}

#topSection,#bottomSection{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10 */
}

div.pageturner span.nonactive {
color: #777;
background: transparent;
cursor:default;
}
div.pageturner span.nonactive:hover {
color: #777;
background: transparent;
cursor:default;
}

div.pageturner a,
div.pageturner span  {
font-size: 10px !important;
display:inline-block;
height: 26px;
min-width: 26px;
line-height: 26px;
padding: 0 5px;
margin: 7px 5px 0 0;
text-transform: uppercase;
float: left;
text-align: center;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

div.pageturner a{
font-weight: normal;
    color: #ccc;
background: transparent;
cursor: pointer;
}
div.pageturner span {
background: #649E1B;
    color: #fff;
cursor: default;
}

div.pageturner a:hover {
    color: #fff;
/*background: #5f9619;*/
background: rgba(255, 255, 255, .15);
    cursor: pointer;
    text-decoration: none;
}

div.pageturner a:hover {

}

.Musicpages {
    width: 1006px;
    margin: 20px auto 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.Musicpages a {
    width: 100px;
    height: 40px;
    background: #F87440;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
}

.Musicpages a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
}

.Musicpages a.actives {
    background: #1d1d1d;
    color: #888;
}

div#TB_window * {

}

#TB_window *, #TB_window *:before, #TB_window *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
padding: 25px;
max-width: 100%;
max-height: 100%;
}

/**//*OWN*//**/
html {
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-rendering: geometricPrecision;
}

*, *:before, *:after {
    box-sizing: inherit;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-text-size-adjust: 100%;
}

div, ul, li, span, b, strong, button, form, input, select, textarea, option, tr, td, th, table {
    font-family: Lato, arial;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

body {
    background: #fafafa;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
font-size: 14px;

}

html, body {

}

.mainTable {
    min-height: 100%;
    width: 100%;
    height: auto !important;
    float: none;

margin: 0 auto;
}


div.songsBox div.topSong {
float:left;
text-align: left;
color: rgba(105, 155, 0, 1);
font-weight: bold;
font-size: 11px;
text-transform: capitalize;
clear: both;
margin-top:5px;
}
#topSectionframa {
    position: relative;
    height: 70px;
    width: 100%;
}

#topSection {
    position: fixed;
top:0;
    background:rgba(0, 0, 0, .99);
    z-index: 99;
    height: 70px;
min-width: 960px;
    width: 100%;
white-space: nowrap;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10 */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

#scbLogo {
    position: relative;
    float: left;
    background: url(http://scarecrowbeats.com/soundclick/scbLogo.png) no-repeat;
    height: 54px;
    width: 57px;
    margin: 8px 5px 0 8px;
}


#topRight{
float: right;
}

ul#socials {
    float: left;
    height: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul#socials li {
    color: #fff;
    margin: 10px 5px 0 5px;
    padding: 0;
    overflow: hidden;
    float: left;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    width: 50px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
display:block;
}

ul#socials li:hover {

}

ul#socials li:hover i {
    font-size: 25px;
}

ul#socials li i {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#myCart{
float:left;
width: 100px;
height: 70px;
background: #649E1B;
text-align: center;
cursor: pointer;
margin-left: 5px;
}
#myCart i{
line-height: 70px;
color: #fff;
font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#myCart:hover i{
font-size:27px;

}


#store form button:hover,
#sSubmit:hover,
#popupBoxComment input:hover,
#writeComment:hover{
background: #6EA923;
}
#midSection {
min-height: calc(100vh - 120px);
background: #fafafa;

}



#store form select option:disabled{
display: none;
}




#contentWrapper {
    width: 100%;
    margin: 0 auto;
}

#contentSection {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    background: url(http://scarecrowbeats.com/soundclick/bgPattern.png),
    url(http://scarecrowbeats.com/soundclick/bannerBW.png) repeat, no-repeat top;
-webkit-background-size: 4px, cover;
-moz-background-size: 4px, cover;
-o-background-size: 4px, cover;
-ms-background-size: 4px, cover;
background-size: 4px, cover;
overflow:hidden;
background-color: #555;
z-index:55;
}

#playerHolder {
    width: 960px;
    margin: 0 auto;
 z-index:55;
position:relative;
}

#objectHolder {
    width: 620px;
    height: 150px;
    background: #363636;
    float: left;

}

#objectHolder object {
 /*   filter: url(filters.svg#grayscale); */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%); /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6 & Opera 15 */
    -webkit-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
    -moz-filter: grayscale(100%); /* Google Chrome, Safari 6 & Opera 15 */
    background: url(http://scarecrowbeats.com/soundclick/bgPattern.png) repeat;

}

#store {
    width: 300px;
    float: right;
    position: relative;

}

#store .formTitle {
    text-align: right;
    color: #fff;
    font-size: 16px;
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
}

#store .formTitle span {
    text-align:left;

    padding: 0 0 0 10px;
display: inline-block;
float: right;
}

#store form {
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 150px;
}

#store form select {
    background: #fff;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
    height: 40px;
    -webkit-appearance: none;
    color: #111;
    font-size: 14px;
    cursor: pointer;
}

#store form select option {
    background: #fff;
    color: #111;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

#store form button {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #649E1B;
    font-weight: bold;
    font-size: 12px;
    -webkit-appearance: button;
-moz-appearance: button;
appearance: button;
    border: 0;
    border-bottom: 0px solid rgba(255, 255, 255, .5);
    border-radius: 0;
     z-index:55;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
line-height: 1;
text-align: center;
cursor: pointer;
}
#store form button i{
margin: 0 5px;
font-size: 16px;
}

#store form input:hover {
    border-bottom: 0;
    cursor: pointer;
}

#store form :active,
	#store form :focus,
	#store form select:active,
	#store form select:focus,
	#store form select option:active,
	#store form select option:focus {
    outline: 0;
}

#playerHolder .error {
    display: none;
    position: relative;
    width: 100%;
    background: red;
    color: #fff;
    height: 30px;
    padding: 5px 0;
    text-align: center;
}

#playerHolder .error:before{
content: no-close-quote;
border-right: 10px solid transparent;
border-bottom: 10px solid red;
border-left: 10px solid transparent;
position: absolute;
top: -10px;
left:20px;
}
#playerHolder .error .errorClose {
    position: relative;
    float: right;
    margin-right: 5px;
}

#rightsWrapper {
    width: 100%;
    margin: 0 auto;
    font-family: Lato, arial;
position:relative;
clear: both;
 overflow:hidden;
background: #fff;
min-height: calc(100vh - 320px);
z-index:2;
}

#rightsWrapper:before{
content: no-close-quote;
position:absolute;
top:-250px;
left:-250px;
height:500px;
width: 500px;
background: #fafafa;
-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
z-index:-1;
}
#rightsWrapper:after{
content: no-close-quote;
position:absolute;
bottom:-250px;
right:-250px;
height:500px;
width: 500px;
background: #fafafa;
-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
z-index:-1;
}

#rightsWrapper .pageTitle,
div.commentsWelcome .pageTitle{
color: #ccc;
font-size: 26px;
text-align: center;
padding-bottom: 60px;
}

div.commentsWelcome .pageTitle{
padding-bottom:30px;
}

#rightsWrapper .pageTitle span,
div.commentsWelcome .pageTitle span{
float:none;
}
#rightsInner{
width: 960px;
margin: 0 auto;
clear: both;
padding: 60px 0;
background: #fff;
}

.pageTitle {
    color: #ccc;
    font-size: 16px;
    text-transform: uppercase;
    margin: 25px 0;
    font-weight: normal;
width: 100%;
float: left;
}

.pageTitle.last{
color: #ccc;
font-size: 26px;
text-align: center;

padding: 60px 0;
}

.pageTitle.last span{
float:none;
}

.pageTitle.cWidth{
width: 960px;
margin: 0 auto;
clear: both;
float: none;
}

.pageTitle .cColor{


}
.pageTitle span {

    padding: 0 10px 0 0;
    float: left;
display: inline-block;
}

.bgPattern {
    background: url(http://scarecrowbeats.com/soundclick/bgPattern.png) repeat;
}

.rightsBlock {
    width: 280px;
    float: left;
    position: relative;
    font-weight: normal;
}

.rightsBlock#rRegular,
	.rightsBlock#rPremium {
    margin-right: 60px;
}

.rightsCircle {
    border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;

    margin: 0 auto 20px auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #aaa;
    font-size: 26px;
    font-weight: bold;
    font-family: Lato, arial;
    position: relative;


}

#circleR {
 border: 4px solid #aaa;
line-height: 92px;
}

#circleP {

border: 4px solid #8DC04D;
line-height: 92px;
color: #8DC04D;
}

#circleU {
    background-color: #649E1B;
 color:#fff;
}

.shine {


box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.075), inset -1px -1px 1px rgba(0, 0, 0, 0.075), 50px 50px 0px -30px rgba(255, 255, 255, 0.15) inset;
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.075), inset -1px -1px 1px rgba(0, 0, 0, 0.075), 50px 50px 0px -30px rgba(255, 255, 255, 0.15) inset;
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.075), inset -1px -1px 1px rgba(0, 0, 0, 0.075), 50px 50px 0px -30px rgba(255, 255, 255, 0.15) inset;


}

.rightsSep {
    width: 100%;
    clear: both;
    height: 5px;
    background: #999;
    margin: 20px 0;
    display: none;
}

.rightsTitle {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #aaa;
    font-family: Lato, arial;
    clear: both;
    letter-spacing: .1pt;
    height: 30px;
line-height: 30px;
border: 2px solid #aaa;
box-sizing:content-box;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

ul.rightsInfo {
    clear: both;
    margin-top: 20px;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

ul.rightsInfo li {
    margin: 10px 0;
    padding: 0;
    font-size: 14px;
    text-align: justify;
    line-height: 1.3em;
    text-transform: capitalize;
    color: #363636;
    letter-spacing: .1pt;
display: block;
}

ul.rightsInfo li:last-child{
margin: 10px 0 0 0;
text-transform: uppercase;
font-weight: bold;
}



ul.rightsInfo li span {
    font-weight: bold;
    color: #4C8800;
}

li.lineThru{

text-decoration: line-through;
color: #999 !important;
}

.clear {
    float: none;
    clear: both;
}

#rightsPackage {
  display: none;
    width: 100%;
    margin: 0 auto 25px auto;
    text-align: center;
    background: #000 ;
		color: #ccc;
    border: 3px solid #ffb11d;
    padding: 10px 0;
    font-family: Lato, arial;
    letter-spacing: .1pt;
    font-size: 14px;
}

#rightsPackage span {
    font-weight: bold;
color: #fff;
}

#rightsPackage b {
    color: #ffb11d;
    font-weight: bold;
}

#bottomSectionFrama,
#bottomSection {
    height: 50px;
    width: 100%;
}

#bottomSectionFrama {
    position: relative;
height: 15px;
}

#bottomSection {
    position: fixed;
    background:rgba(0, 0, 0, .99);
    bottom: 0;
    z-index: 99;
width: 100%;
min-width: 960px;
white-space: nowrap;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10 */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;

}
#botLeft{
float: left;
position:relative;
}


#siteStats {
    float: left;
    lin-height: 50px;
    color: #eee;
    font-size: 10px;
    text-transform: uppercase;
    height: 50px;
line-height:50px;
    padding: 0;
    margin-left: 10px;
    letter-spacing: .1pt;
max-width:0px;
overflow: hidden;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
white-space:nowrap;
}
#siteStats i{
color: #969696;
margin-right: 2 px;
font-size: 14px;
top:.1em;
position: relative;
}
#siteStats.statsVisible{
max-width: 100%;

}



.statsBR {
    margin: 0 5px;
}

.botSep{
float:left;
line-height: 50px;
margin: 0 20px;
}

#siteCredits {

    float: left;
    lin-height: 30px;
    color: #ccc;
    font-size: 10px;
    text-transform: uppercase;
    height: 30px;
    padding: 0;
    margin: 10px 10px 0 0;
    letter-spacing: .1pt;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#siteCredits span {
    line-height: 30px;
}

#siteCredits:hover {

}

#botRight{
float: right;
height:100%;
}
#mailingList{
height: 100%;
float:left;
 display:none;
overflow: hidden;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
padding: 0 10px;
position: relative;
}
#mailingList.statsVisible{
cursor: pointer;
}
#mailingListSucces{

color: #649E1B;
 line-height: 50px;
position: relative;
margin: 0 10px;
cursor: pointer;

}
#mailingListTitle{
line-height: 50px;
color: #649E1B;
margin: 0 10px;
position: relative;
cursor:pointer;
float:left;
}
#mailingListTitle i,
#mailingListSucces i{
font-size: 20px;
color: #649E1B;
position: relative;
}

i#heart{
position: absolute;

left: 0;
top: 0;
opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;


}

#mailingList:hover #heart{
opacity:1;
}
#mailingListTitle span,
#mailingListSucces span{
font-size: 20px;
color: #649E1B;
margin-left: 2px;
}
form#scbForm{
padding-top: 10px;
float:left;
width: 300px;
display:none;
}

form#scbSearch input:disabled{
opacity:.5;
}

form#scbSearch input:disabled:hover,
form#scbSearch input:disabled:focus,
form#scbSearch input:disabled:active{
cursor: default;
color: ccc;
}
form#scbForm #sEmail{
height: 30px;
width:75%;
background:rgb(1,1,1);
border: 1px solid #649E1B;
float:left;
padding: 0 10px;
font-size: 14px;
color: #fff;
letter-spacing:.1pt;
line-height: 1;
}
input#sSubmit{
width: 25%;
float:left;
height: 30px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
position: relative;
margin: 0;
padding: 0;
text-transform: uppercase;
background: #649E1B;
color: #fff;
border: 0;
cursor: pointer;
font-size: 12px;
}

.mailing_error{
display: none;
line-height: 50px;
float: left;
color: #c55038;
}
input#sSubmit:active,
input#sSubmit:focus,
#sEmail:active,
#sEmail:focus{
outline:0;
}

.overLay{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background: rgba(0, 0, 0, .77);
width: 100%;
height: 100%;
text-align: center;
display: none;
z-index:150;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}

.overLayClose{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background: transparent;
width: 100%;
height: 100%;

}

div.overLayM{
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
background: rgba(55, 62, 68, .75);
width: 100%;
height: 100%;
text-align: center;
display: none;
z-index:150;

}
.overLay i{
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
font-size: 18px;
color: #fff;
}

.overlayTable {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
vertical-align: middle;
background: transparent;
display: table;
z-index: 100;
}

.overlayInner {
display: table-cell;
vertical-align: middle;
text-align: center;
}

.popupBox {
margin-bottom: 50px;
position: relative;
display: inline-block;
background: #fafafa;
padding: 25px;
max-width: 400px;
min-width: 333px;
font-size:14px;
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, .3);
color: #363636;

}

svg{display:none}

#resultsWrapper{
clear: both;
display: none;
margin: 0 0 100px 0;
}
.headLine{
color: #649E1B;
padding: 0;
margin: 0 0 20px 0;
}

#playlist-search{
width: 960px;
margin: 0 auto 10px auto;

}


#playlist-searchInner{
float: right;
}

#playlist-searchInner label{
font-size: 14px;
color: #363636;
float:left;
line-height: 40px;
margin: 0 5px;
display: none;
}

input#scb-search{
height: 40px;
width: 220px;
background:#fff;
border: 0;
float:left;
line-height: 1;
padding: 0 5px;
font-size: 16px;
color: #ccc;
vertical-align:top;
}

input#scb-search::-webkit-search-cancel-button{
display: none;
}
input#scb-search:hover{
color: #aaa;
}

input#scb-search:focus,
input#scb-search:active{
outline:none;
color: #363636;
}


form#scbSearch{
display: inline-block;
border: 1px solid #aaa;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
overflow: hidden;
}

#submitWrapper{
float:left;
position: relative;
}

button#scbSubmit{

padding: 0;
margin: 0;

-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border:0;
cursor: pointer;

width: 36px;
height: 36px;
background: #aaa;
color: #fff;
font-size: 18px;

line-height: 36px;
text-align: center;


margin: 2px 2px 0 0;
border-radius:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

button#scbSubmit:hover{
background:#000;
}
input#scbSubmit:hover{
cursor: pointer;
}

button#scbSubmit:active,
button#scbSubmit:focus{
outline:0;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #EA6144;
}

::selection {
    color: #fff;
    background: #EA6144;
}














































































<!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];

(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();

_qevents.push({
qacct:"p-23XeoURjgKGF2"
});
</script>

<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-23XeoURjgKGF2.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag --> </code>