/*
Theme Name: Tonefolder
Theme URI: 
Description: tonefolder blog, based on rostar theme
Author: MPO
Author URI: 
version: 1.+
Tags:
*/
/* basics */
*{margin:0; padding:0;}
body {
	background:#333;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	margin: 0 auto;
}
	
h1 {font-size: 1.1em; padding: 5px 0;}
h2 {font-size: 1em;}
h3 {font-size: .9em;} h3 a{color: #121212;} h3 a:hover{color: #D6BD1C;}
h4 {font-size: .8em;}
img{ border: none; padding:0; }
img a{border:none;}
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }
blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}
code{
	font-family:"Courier New", Courier, monospace;
	}
small{ float:right; margin-top:12px; text-align:right; font-style:italic}
/* links */
a{
	color:#0C0052;
	text-decoration:none;
	}
a:hover{text-decoration: none;}

/* Wrapper DIV */

.wrapper { 
	width:1080px; 
	overflow:auto;
	background-color:#4F4F4F;
	margin:0 auto;
}
	
/* header */
#header {
  	width:100%; 
	color: #000;
	overflow:hidden;
	}
#header img {
  	width:100%;
	border-image:none;
}
#header a { color:#666; }
#header a:hover { color:#D6BD1C; }

#h2{color:#000;
	padding: 0 0 0 18px;
	margin:0;
	float:right;
	}

#headleft {
	position: absolute;
	top: 0;
	height: 160px;
	background:transparent;
	width: 1080px;
	}
#headleft:hover { 
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.4);
}

#headleft h1{
	margin:18px 0 0 20px;
	font-weight:800;
	text-align:left;
	text-transform:lowercase;
	letter-spacing: 2px;
}

#headleft h2{ 
	margin-left:24px;
	text-align:left;
	text-transform:lowercase;
	letter-spacing: 1px;
	font-weight:400;
}

/* main menu */

#menu {	
	width: 100%;
	height: 36px;
	font-size: .72em;	
	font-style: bold;
	text-transform: uppercase;
	overflow: hidden;
	color: #fff;

}
#menu ul { }
#menu ul li {
	list-style-type: none;
	float:left;
}
#menu ul li a {
	letter-spacing:1px;
	color: #fff;
	display:block;
	height:32px;
	padding: .75em 2.75em 0 2.75em;
}
#menu ul li a:hover {
	color: orange;
}

/* container */
#container {
	width:100%;
	color:#000;
	overflow: hidden;
	background-color:#fff;
	padding:12px 0 30px 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/* content */
#content {
	float:left;
	width:100%;
	overflow: hidden;
	position:relative;
}
.page-title {
	margin-left:4.33em;
}
.page-title h2{
	font-weight:550;
	line-height:14px;
	color:#222;
	position:relative;
	letter-spacing: .2em;
}

/*Page content*/
.page {
	margin:16px auto;
	padding:0 20px;
	line-height: 12pt;
	overflow:hidden;
	position: relative;
	width:92%;
}
.page h2{
	font-weight:bolder;
	font-style:italic;
	text-decoration:underline;
	margin-left: 6px;
	color: #121212;	
	letter-spacing: 2px;
}
/* content for single-column page template */
#content-single {
	float: left;
	width:100%;
	overflow: hidden;
	margin-bottom:20px;
	margin-top:8px;
	position:relative;
}

/*Full content post*/

#full-content { 
	width:98%;
	margin:1em auto;	
 }
.post {
	margin:2em 4em;
	line-height: 12pt;
	overflow:hidden;
	position: relative;
}
	
.post h2{
	font-weight:bolder;
	font-style:normal;
	margin-left: 10px;
	color: #121212;	
	letter-spacing: 1px;
}
	
.post h2 a { color:#121212; }
	
.post h2 a:hover{
	background:#ccc;
	text-decoration:underline;
	}
.postmetadata{
	float:right;
	margin-right:18px;
	margin-bottom:4px;
	font-weight:800;
	font-size:9pt;
	color:#4a4a4a;
	}

.archive-meta{
	float:right;
	margin-top:2px;
	margin-right:18px;
	font-weight:800;
	font-size:9pt;
	color:#4a4a4a;
	}

.post small { margin-right:20px; }
.entry {
	font-size: .8em;
	line-height: 2em;
}
.entry p{
	padding-left: 8px;
	padding-right: 14px;
	margin:12px 0;
}
.entry a{ color:#000396;}
.entry a:hover{ color:#121212;}

/*Recent posts columns*/
#recent-posts h2{ 
	margin-left:5em;
}
#column-content {
	width:85%;
	height:450px;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	margin:1em auto;
	padding:24px 20px 0 2px;
	background-color:#f2f2f2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.postsmall {
	padding:0 0 20px 18px;
	line-height: 12pt;
	position: relative;
	height:200px;
	clear:both;
}	
.postsmall h2{
	font-size: .65em;
	font-weight:bolder;
	font-style:normal;
	padding:3px 0;
	margin:0;
	color: #222;	
	letter-spacing: 1px;
	background:#fff;	
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	
.postsmall h2 a { margin-left:10px; }
	
.postsmall h2 a:hover{
	color: #121212;
	text-decoration:underline;
	}
.postsmall .postmetadata{
	clear: both;
	float:right;
	margin-top: 4px;
	margin-right: 10px;
	font-weight:normal;
	font-size:8pt;
	font-style:italic;
	color:#404040;
	}
.postsmall .entry { 
	padding-top:8px;
	}
.postsmall .entry p{
	padding-left: 14px;
	padding-right: 14px;
	margin:4px 0;
	
	font-size:7.5pt;
}
.postsmall .entry a{ color:#000396;}
.postsmall .entry a:hover{ color:#121212;}
.postsmall small { 
	float:left;
	text-align:left;
	margin-left:8px;
	padding:0 0 10px 0; 
	}
.thumb img {
	width:70px; height:70px;
	float:left;
	margin:5px 15px 2px 8px;
	padding:0;
	border: 1px solid #666666;
	overflow:hidden;
	clear:both;
	}
.thumb img:hover {
	border:1px solid #D6BD1C;
	-moz-box-shadow:2px 2px 7px #4D4D4D;
	-webkit-box-shadow:2px 2px 7px #4D4D4D;
	box-shadow:2px 2px 7px #4D4D4D;
	}

/* Artist Profile Styling */

.artist-profile {
	margin:20px 0 20px 8px;
	padding:10px 4px;
	border:1px solid #aaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: #eaeaea;
}

.artist-thumb img{ float:left; border:1px solid #4d4d4d; }
.artist-thumb img:hover {
	border:1px solid #D6BD1C;
	-moz-box-shadow:2px 2px 7px #4D4D4D;
	-webkit-box-shadow:2px 2px 7px #4D4D4D;
	box-shadow:2px 2px 7px #4D4D4D;
}
.artist-thumb h3 {
	margin-left:8px;
	text-decoration:underline;
	text-align: center;
	letter-spacing:1px;
}
.artist-desc { width: 70%; margin:30px 0 0 140px; padding:8px; }

/* Navigation */

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
.alignleft a{float:left; margin:25px;}
.alignright a{float:right; margin:25px;}

/* sidebar */
#sidebar{
	width:92%;
	overflow:hidden;
	float:left;
	padding:0 8px 8px 12px;
	margin-left:40px;
	font-size: .8em;
}
#sidebar a{
	text-decoration:none;
	color:#114680;
	}
	
#sidebar a:hover{
	color:#000;
	background:#ccc;
	text-decoration:underline;
	}

/* not used */
#featured{
	display:none;
	margin:0 0 40px 0;
	width:335px;
}
.fblock h3{
	margin:10px 0;
	font-size:14pt;
	font-weight:normal;
	}
.fblock{
	margin:0;
	font-style:italic;
	font-size:10pt;
	}
.fblock img {
	width:40px; height:40px;
	float:left;
	margin:2px 15px 2px 0;
	padding:4px;
	background:#ccc;
}

/* Top 10 Records */

#left #items { 
	position: relative;
}

#left #top10 { width:100%; font-size:10pt; }

#left #top10 a { 
	width: 45%;
	overflow: auto;
	float: left;
	cursor: pointer;
	min-height: 50px;
	margin: .5em;
	padding: .5em;
	border-radius: 4px;
	text-decoration:none;
}
#left #top10 a:hover {
	text-decoration:underline;
}

#details{
	min-height:375px;
	position:absolute;
	display:none;
	width:895px;
	overflow:hidden;
	padding:1.5em;
	background: rgba(3, 3, 3, 0.8);
	border-radius:6px;
	box-shadow:0 4px 6px #444;
	-moz-box-shadow:0 4px 6px #444;
	-webkit=box-shadow:0 4px 6px #444;
	margin: 4em 0 0 1em;
}
#details .release { 
	float:left; 
	width:43%;
	overflow:hidden;
	margin: 2em 0 0 .5em;
	color:white;
	font-size: 1.1em;
}
#details .release li { 
	list-style-type:none; 
	line-height:1.5em; 
}
#details .release a { 
	color:white; 
	font-weight:bold; 
	text-decoration:none; 
}
#details .release a:hover { 
	color: red; 
	background: none;
	text-decoration: none;
}
#details .release .title { margin-left:1.33em; width:100%; }
#details .video { float:right; margin:1em; }
#details .video iframe { width:460px; height:345px; }
#details .video .error {
	color: white;
	display: inline-block;
	margin: 10em 6em;
	border: 1px solid white;
	padding: 1em;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
}

#tracklinks { position: absolute; bottom: 2em; left: 4em; }
#tracklinks a { cursor:pointer; color:white; }
#tracklinks #show {}
#tracklinks #hide {display:none;}

.close { 
	position:absolute;
	top:0;
	right:.25em;
	color:white;
	font-size:1.33em;
	cursor:pointer;
}
.close:hover { color:red; }

#details .title { margin: 0 0 1em 2.5em; }
#details .tracklist { display:none; }
#details .notes { display:none; margin:0 2em 2em 2em; padding-bottom: 1em; }

/* left sidebar */
#left { float:left; width: 100%; }

#left h2{
	color: #24293B;
	font-weight:bolder;
	font-style:normal;
	text-decoration: none;
	margin-left:20px;
	padding:20px 0 4px 0;
	clear:both;
}

#left .textwidget { 
	width: 100%;
	margin-left: 10px;
}

#left .iconOnly { padding:2px 6px 0 6px; }

#left label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	font-size:10pt;
}

#left p { padding: 1em 1em 0 0; }

/* #left img {
	float: left; 
	margin-right: 3.33em; 
	width:60px;
	border: 1px solid #333;
}
*/

#left ul {
	width:95%;
	margin-top:2px;
	padding:0 12px 20px 20px;
	}
#left ul li {
	width: 100%; 
	overflow:auto; 
	padding-top: 18px;
	line-height: 12pt;
	list-style-type: none;
	}
#left ul ul {
	margin:8px 0;
	padding: 0;
}
#left ul ul li {
	list-style-type: none;
	}
#left ul ul ul{
	margin: 0;
	padding: 0;
}
#left ul ul ul li{
	padding: 0 0 0 15px;
	color: #898989;
}
#left ul li ul, #left ul li ul li{
	list-style-type: none;
	border-bottom: none;
	margin:-5px 0 5px 0;
	}
	
 #left ul li ul li ul li{
 padding:5px 0 0 0}

/* twitter faves */
.cat-post-item {
	background-color:#F2F2F2;
	float: left;
	border-top:1px solid #ddd;
}

.cat-post-item:first-child {
	border-top:none;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
}

.cat-post-item:last-child {
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-bottom-right-radius:6px;
	-moz-border-bottom-left-radius:6px;
}

#sidebar .tweet a { color:#222; }
#sidebar .tweet a:hover { color:#114680; }

/* center sidebar */
#center {
	display:none;
	width:49%;
	float:left;
	margin:0 8px 0 10px;
	padding:0 8px;
	}
#center label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	font-size:10pt;
}
#center .textwidget { width: 220px; }
#center p {margin:0; padding: 0;}
#center img {border:1px solid #777; margin: 0;}
#center ul {
	margin:4px 8px 0 0;
	}
#center ul.followwrap{ margin-left: 4px; }
#center ul li {
	padding: 8px 2px 4px 6px;
	line-height: 10pt;
	list-style-type: none;
}
#center ul li a{
	font-size:7.5pt;
	margin-top: 6px;
	}
#center ul li:first-child {
	border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
}
#center ul li:last-child {
	border-bottom:0;
}
#center ul ul {
	margin:8px 0;
	padding: 0;
}
#center ul ul li {
	list-style-type: none;
	}
#center ul ul ul{
	margin: 0;
	padding: 0;
}
#center ul ul ul li{
	padding: 0 0 0 15px;
	color: #898989;
}
#center ul li ul, #center ul li ul li{
	list-style-type: none;
	border-bottom: none;
	margin:-5px 0 5px 0;
	}
#center .iconOnly{ padding:none; }
	
 #center ul li ul li ul li{
 padding:5px 0 0 0}
.time {color:#666; font-size:7pt; font-weight:bold;}

/* right sidebar */

#right{
	width:98%;
	float:left;
	padding:0 10px;
	}
#right h2{
	color: #24293B;
	font-weight:bolder;
	font-style:normal;
	text-decoration: none;
	margin-left:12px;
	padding:20px 0 10px 0;
	clear:both;
}
#right label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}
#right p {margin:0; padding:0;}
#right img {padding: 0; margin: 0;}

#right .textwidget { margin-left:18px; }

#right ul {
	width:99%;
	padding-bottom:4px;
	}

#right ul li {
	list-style-type: none;
	padding:14px 12px;
	float: left;
}

#right ul li a {
	background: #F2F2F2;
	padding: 10px;
	font-weight: bold;
	border-radius: 4px;
}

#right ul ul {
	margin:14px 0;
	padding: 0;
}
#right ul ul li {
	list-style-type: none;
	}
#right ul ul ul{
	margin: 0;
	padding: 0;
}
#right ul ul ul li{
	padding: 0 0 0 15px;
	color: #898989;
}
#right ul li ul, #right ul li ul li{
	list-style-type: none;
	border-bottom: none;
	margin:-5px 0 5px 0;
	}
	
 #right ul li ul li ul li{
 padding:5px 0 0 0}
 
#right .tagcloud { 
	width:94%;
	margin-left:8px;
	padding:10px 12px 18px 12px;
	background-color:#F2F2F2;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	clear:both;
	float:left;
}

/* comments */
 
#respond {
	width: 95%; 
	margin-left:18px;
	margin-top:10px; 
}
#comments {
	padding:10px;
	margin:12px;
	background:#E9E9E9;
	border:1px solid #aaa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
	margin-top:5em;
}
.comments a,
.commentlist a,
.nocomments a,
.related a{
	border-bottom:1px dotted #999;
}
.comments a:hover,
.commentlist a:hover,
.nocomments a:hover,
.related a:hover{
	border-bottom:none;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em ;
	padding: 0;
}
#cancel-comment-reply-link {
	margin-left: 1em;
}
.trackback .content,
.pingback .content {
	font-style: italic;
}
.comentary{ padding:0px;}
ol.commentlist { list-style:none; margin:10px; padding:0px; text-indent:0;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard {}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply a {text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 10px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
.comment-body .vcard img{
	float: left; 
	margin:0 5px 0 0;
	}
#author, #email, #url, #submit{
	margin:10px;
	padding:5px;
	border:1px solid #CCCCCC;
	}
	
#submit{margin:10px; padding:5px;}
cite {
	font-weight: bold;
	font-style: normal;
	}
	
.children li, .reply{
	margin:0;
	padding:0;
	border: none;
	padding-left: 2em;
}
.children li ul {
padding-left: 2em;
}
.children li div .reply {
padding-left: 4em;
}
.comment-body{}
.comment-body .vcard{
	
	line-height: 1.7em;}
.comment-body .vcard a{
	font-weight: bold;
	font-size: 14px;
}
.comment-body .vcard img{
	float: left; 
	margin-right: 10px;
	border: 1px solid #ddd;
}
.comment-body .commentmetadata{
}
.comment-body .commentmetadata a{
	color: #888;
}
.comment-body p{
	clear: both;
	margin-top: 20px;
	line-height: 1.5em;
}
#commentform input {
	padding: 3px;
	margin-bottom: 5px;
}
#commentform textarea{
	padding: 3px;
}
/* End Comments */

/* search */
#searchform {
	padding:0;
	margin-top:5px;
	margin-right:32px; 
}
#searchform input#s{
	margin:0 0 12px 0;
}
	#searchsubmit { }
.searchbutton {
	width:20px;
	height:20px;
	background-image: url("http://tonefolder.com/wp/wp-content/uploads/2012/01/search-button_rev.png");
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #222;
	background-position:center;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.searchbutton:hover {
	background-image: url("http://tonefolder.com/wp/wp-content/uploads/2012/01/search-button.png"); 
	background-color: #transparent;
}

/* misc */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

input, textarea,input checkbox,input radio,select, file{
	font-size:7pt;
	color:#444;
	letter-spacing: 1px;
	border: none;
	background-color:#fff;
	border:1px solid #404040;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 6px 4px 10px;
}
ul { list-style-position: inside; } 
ol { padding-left:30px;}
/* tables */
table{
margin:.5em 0 1em;}
table td,table th{text-align:left;padding:.4em .8em;}
table th{text-transform:uppercase;font-weight:bold;}
table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
table, table.post{
border-collapse: collapse;  
}

/* tables */
table td,table th{border:1px solid #fff;}
table th{background-color:#fff;color:#000;border-bottom:1px solid #fff;}
table td{background-color:#eee;}
table th a{color:#d6f325;}
table th a:hover{color:#fff;}
table tr.even td{background-color:#ddd;}
table tr:hover td{background-color:#fff;}
/* Finish tables */

/* footer */
#footer {
	width:100%;
}
	
#footer p{padding:14px 0;margin: 0; color: #fff; text-align:center;}
#footer a{color: #999;text-decoration: none; padding-left:4px; padding-right:4px;}
#footer a:hover{color:red; text-decoration:underline;}

.custom-tooltip {
	position:absolute;
	max-width:30%;
	z-index: 9999;
	padding: .9em;
	color:#fff;
	background: #000;
/*	-moz-box-shadow: 0 0 8px #404040;
	-webkit-box-shadow: 0 0 8px #404040;
	box-shadow: 0 0 8px #404040;
*/
}

.loading { 
	display: none; 
	width:90px; 
	padding: 1.5em 1em; 
	letter-spacing: .1em; 
	border:1px solid #999;
	border-radius:4px;
	margin:15% 0 0 40%;
	color: #999;
}