@charset "UTF-8";

#content.home{
	background-image: url(/images/bg-sidebar-blog.png);
	background-repeat:repeat-y;
	background-position: 550px top;
}

#blog {
	float:left;
	width:494px;
}

.divider.first{
	margin-top: 11px;
}


#blog .title{
	position: relative;
}

#blog h2{
	font-size:28px;
	font-weight:normal;
	line-height:28px;
	margin-bottom:0;
}

#blog h2 a{
	color: #FFF;
}
#blog h2 a:hover{
	color: #00DEB7;
}

#blog h3{
	font-size:22px;
	color: #FFF;
	margin: 5px 0;
}

#blog .title .date{
	color: #FFFFFF;
	font-size: 10px;
	height: 32px;
	padding: 6px 12px 0 5px;
	position: absolute;
	width: 36px;
	letter-spacing: -0.06em;
	line-height: 12px;
	left: -62px;
	top: 2px;
	text-align: center;
	background: #00DEB7 url(/images/blog-date-arrow.png) no-repeat right top;
}

#blog .title .date span{
	font-size:14px;
}

.post p{
	font-size:13px;
	line-height: 19px;
	color: #A3A3A3;
	
}

.post strong{
	color: #DDD;
	
}

.post img{
	border: 9px solid #4c4c4c;	
}

.post a:hover img{
	border-color: #00deb7;
}

.meta{
	background-color: #191919;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	margin: 20px 0 65px;
}
.meta p{
	margin: 4px 0 7px;
}

.meta .tags{
	float: left;
	width: 408px;
}

.meta .comment-counter{
	float: right;
}


#sidebar{
	border-left: 1px solid #3E3E3E;
	float: right;
	background-color: #2E2E2E;
}

#sidebar p.pre{
	font-size: 15px;
}

#sidebar ul.categories,
#sidebar ul.archive{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
}

#sidebar ul.categories ul,
#sidebar ul.archive ul{
	padding:0 0 0 10px;
	margin: 0;
}

#sidebar ul.categories ul li,
#sidebar ul.archive ul li{
	padding:0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
}

#sidebar ul.categories li,
#sidebar ul.archive li{
	border-top:1px solid #454545;
}

#sidebar ul.categories a,
#sidebar ul.archive a{
	display: block;
	padding: 1px 0 2px;
}

#sidebar ul.categories li a:hover,
#sidebar ul.archive li a:hover{
	background-color: #2a2a2a;
}

#sidebar #search fieldset{
	border:0;
	padding: 0;
	margin: 0;
}

#sidebar #search #s{
	background:#eeeeee !important;
	padding:5px;
	border:2px solid #cccccc;
}

#sidebar #search #s:focus{
	background: #FFF;
}

#sidebar #search #x{
	display:none;
}




/* spotify box */


.spotify-box{
	height: 44px;
	border: 1px solid 7fb51a;
	background: url(/images/spotify-box-bg.png) no-repeat left top;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	overflow: hidden;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border:1px solid #7fb51a;

	
}

.spotify-box .data{
	padding-top:6px;
	padding-left: 10px;
	line-height:15px;
	float:left;
	margin:0px;
}

.spotify-box img{
	border: 0;
}

.spotify-box a.artist{
	color: #53871b;
	margin: 0px;
	font-weight: normal;
	font-size: 11px;
}


.spotify-box a.tracktitle{
	color: #305705;
	font-size: 14px;
	font-weight: bold;
}

.spotify-box a:hover{
	color: #000;
}

.spotify-box .button-holder{
	float: right;
	height: 30px;
	background: url(/images/spotify-box-bg.png) -88px top;
	padding: 15px 10px 0px 10px;

}

a.spotify-button{
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	background:#d6fdad;
	border:1px solid #72b51a;
	color:#305705;
	font-weight:normal;
	padding:3px 6px;
	font-size: 11px;
}


a:hover.spotify-button{

	background:#FFF;

	color:#000;

}

/* SPOTIFY LIST */

div.spotify-list ul{

	background-color: #a6d712;
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
	overflow: hidden;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border:1px solid #7fb51a;
	list-style-type:none;

}

div.spotify-list li {
	font-size: 11px;
	border-bottom: 1px solid #7FB51A;
	border-top: 1px solid #C4F041;
	background: url(http://www.funkvalleyrecords.com/images/spotify-list-row.png) repeat -89px top;
}

div.spotify-list li.last, div.spotify-list li.last a:hover {
	border-bottom: none;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
}

div.spotify-list li.first, div.spotify-list li.first a:hover {
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;

}

div.spotify-list a {
	color: #305705;
	line-height:22px;
	padding:0 7px;
	display: block;
	font-weight: bold;
}

div.spotify-list a span {
	font-weight: normal;
	color: #305705;
	font-style: normal;
}

div.spotify-list a:hover{
	color: #000;
	background-color: #cef560;	
}

div.playerbox{
	border: 3px solid #f2f2f2;
}

/* --------- */

textarea#comment{
	background:#eeeeee;
	padding:5px;
	border:2px solid #cccccc;
}

.post a.button, 
input.button {

	-moz-border-radius:4px;
	background-color:#00DEB7;
	color:#FFFFFF;
	font-weight:normal;
	margin-right:4px;
	padding:3px 6px;
	border: 0;
}

.post a:hover.button{

	background-color:#FFF;
	color:#00DEB7;

}

.alignleft{
	float:left;
	margin:5px 10px 0 0;
}

.alignright{
	float:right;
}

.post blockquote{
	border-left: 1px dotted #DDD;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	font-style:italic;
}

.post blockquote p{
	color: #555;
}


ol.commentlist{
	color: #555;
	padding-left: 22px;
}

ol.commentlist li{
	margin-bottom:30px;
	border-bottom:1px dotted #454545;
}


ol.commentlist li small{
	display:block;
	padding-bottom:12px;
	font-size: 11px;
}

ol.commentlist li small a{
	color: #FFF;
}

ol.commentlist li small a:hover{
	color: #00DEB7;
}

p.tiny{
font-size: 10px;
line-height: 12px;
}