/*
	Theme Name: ComputerMusicBlog
	Theme URI: http://www.computermusicblog.com/
	Description: Based on SimpleIndy
	Version: 1.0Author: Evan X. Merz
	Author URI: http://www.computermusicblog.com/
	Tags:  black, white, light, fixed-width, two-columns, right-sidebar,  theme-options,  threaded-comments
	Copyright 2009 Evan Merz <http://www.computermusicblog.com> All rights reserved.
	The CSS, XHTML, design and PHP of ComputerMusicBlog Theme are released under GPL:http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
* {	margin:0;	padding:0;	}

body
{
	font: 100% Verdana, Arial, Helvetica, Sans-Serif;
	background: #DDDDDD;
	color: #111111;
	width:100%;
}
p
{
		/* margin: 10px 0; */
}
a:link, a:visited {	color: #00599C;	    text-decoration:none	}
a:hover, a:active {	color:#00599C;    text-decoration:underline;	}
a img {	border:0;	}
pre, code {	font: 1.0em 'Courier New', Courier, Fixed;	background:#ececec;	}
pre {  overflow:auto;  margin:0 0 18px 0;  padding:4px;  border:1px dashed #CCCCCC;}
code {	padding:0 2px;}
acronym, abbr, span.caps {		font-size: 0.9em;	letter-spacing: .07em;	cursor: help;}
acronym, abbr {	border-bottom: 1px dashed #999;		}
blockquote
{
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
}
select {	width: 130px;	}

/* images--------------------------------------------------*/
img.left {  float:left;  margin:0 0 0 0px;}
img.right {  float:right;  margin:0 0 0 0px;}
img.center {  display: block;  margin:0 auto;}	

/*another set of classes for img alignment*/
img.alignright {float:right; margin:0 0 1em 0em}
img.alignleft {float:left; margin:0 0em 1em 0}
img.centered {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 0em}
a img.alignleft {float:left; margin:0 0em 1em 0}
a img.centered {display: block; margin-left: auto; margin-right: auto}
/*p img { padding: 0; max-width: 100%; }*/
a img {border:none;}
/*a:hover img { border:solid blue 1px; }  
//may not be needed 
*/
img.wp-smiley {    float: none;	border: none;	padding: 0px;	margin: 0px;}
.wp-wink {	float: none;	border: none;	padding: 0px;	margin: 0px;	}

/* Structure */
#page
{
	width:980px;
	margin:0px auto;
	background:#ffffff;
	font-size:0.75em;
	/* -moz-border-radius: 15px 0px 15px 0px; */
	border: 1px solid #000000; 
	overflow: hidden;
}
.left {	float:left;	}
.right {	float:right;	}
.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.alignleft {	float: left;}
.alignright {	float: right;}	#head{	width:100%;	}
#head-top{
	width:980px;
	height:64px;
	/*background: #FFFFFF;*/
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto 5px;
	padding:0px 0px;
}

/*head-topper*/
#headtop-center-text{	font-family:Verdana, Arial, Helvetica, sans-serif;	padding-left:10px;	padding-top:10px;	padding-bottom:5px;	float:left;	width:500px;}
#headtop-center-text #headtop-center-title{    font-family:Tahoma, Arial, Helvetica, sans-serif;	font-size:25px;	color:#000000; /*13546*/		padding-bottom:5px;	font-weight:bold;}
#headtop-center-text #headtop-center-title a{    	color:#000000;		font-weight:bold;}
#headtop-center-text #headtop-center-title a:hover{    		color: #999999;	text-decoration: none;}
#headtop-center-text #headtop-center-body{	font-size:12px;	font-weight:bold;	line-height:15px;	width:550px;	color:#D64D20; /*999*/	font-family:Verdana, Arial, Helvetica, sans-serif;}

/*Header Right*/
#headerright {	width: 300px;	float: right;		margin: 10px; 0px 0px 0px;	text-align: right;	overflow:hidden;}

/*search form */
#searchformtop
{
	margin: 0px 0px 5px 10px;
	text-align:right;
}
#searchformtop br { display: none; }
#stop {	width: 200px;    height: 14px;    padding: 4px 5px 0px 5px;	background: #fff;	margin-right: 2px;	color: #000000;	font: bold 12px Arial, Helvetica, sans-serif;	border:1px solid #000;}
#sbutttop {		background: #000000;	border: none;	width: 30px;	height: 20px;	font: bold 12px Arial, Helvetica, sans-serif;	color: #FFFFFF;	vertical-align: middle; 	}
#sbutttop:hover {cursor:pointer;}
#head .rsswidget {margin: 0px;padding: 0px; text-align:right;}
#head .rss {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(images/rss.gif) no-repeat; }

/*Head Bottom*/
#head-bottom{	width:100%;	height:50px;	background:url(images/logo.jpg) no-repeat top left;	/*Place your banner in images folder and give its name here instead of banner.jpg*/	text-align:left;    margin-bottom:1px;}

/*menu*/
#menu-top{	width:980px;		background: #000000;	font-size:12px;		font-family:Verdana, Arial, Helvetica, sans-serif;	/* margin:5px auto 0px; */	margin: 0px;	padding:0px 0px;}
#menu, #menu ul {	margin:0; 	padding:0; 	list-style: none; 	position:relative; 	line-height:1.5em; 	z-index:300; 	width:100%; 	background:#000000; 	font-weight:bold;}
#menu a {	display:block; 	padding:0.25em 1em; 	color:#FFFFFF; 	border-right:1px solid #333; 	text-decoration:none; 	background:#000000;}
#menu a:hover {	/* background:#C71E2A; */	background:#ec8438;	color:#fff;}
#menu li {	float:left; 	position:relative;}
#menu ul {	position:absolute; 	display:none; 	width:12em; 	top:1.9em; 	left:-1px;}
#menu ul a {	border-left:1px solid #333;}
#menu li ul {	border-top:1px solid #c8c8c8; 	width:14.1em;}
#menu li ul a {	width:12em; 	height:auto; 	float:left;  	border-bottom:1px solid #c8c8c8;}
#menu ul ul {	top:auto;}#menu li ul ul {	left:13em; 	margin:0px 0 0 10px;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {	display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {	display:block;}
#searchform {		float:right;	text-align:right;	padding-top:8px;	margin-right:10px;	}
input#s {width:200px;}
/* end menu */

/* end header */

/* Text*/
h1 {	font:1.8em Arial;	font-weight:bold;	letter-spacing:-0.02em;			color:#157491;	}
h2 {	font:1.2em Georgia, "Times New Roman";	margin-bottom:5px;	margin-top:5px;	font-weight:bold;	}
h3 {	font:1.2em Arial; 	margin-bottom:10px;	color:#111111; 	font-weight:bold;	}
h4 {	font-weight:bold;    font:1.2em Arial; 	margin-bottom:10px;			color:#111111;	font-weight:bold;	}
h5 {	font-weight:bold;    font:1.2em Arial;       	margin-bottom:10px;		color:#111111;	}
h1 a, h1 a:hover, h1 a:visited, h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {	text-decoration: none;	color: #111111;	}
h4 a, h4 a:hover, h4 a:visited, h5 a, h5 a:hover, h5 a:visited {	text-decoration: none;	color: #111111;	}
#respond h4 {	margin-top:0px;	padding-top:10px;	color:#333;	}
h4#respond {	margin-top:0px;	padding-top:10px;	color:#333;	}
h3.comments {	margin-top:32px;	padding-left:0px;	color:#333;	}
h3.authors {	margin-top:15px;	}
h4.comments {	margin-top:32px;	padding-left:0px;	color:#333;	}
h4.authors {	margin-top:15px;	}	

/* Index Page*/
#archive
{
	/* padding-top:10px; */
	padding-bottom:10px;
	font-size:1.05em;
	line-height:1.5em;
	/*margin-left:5px;*/
	/* padding-left:5px; */
	width:640px;
	float:left;
	/* border: 1px solid #DDDDDD; */
}
#archive blockquote
{
	margin: 10px;
	padding: 10px 10px 10px 10px;
}
#archive .title  a {	font:1.8em Arial;	font-weight:bold;		letter-spacing:-0.02em;			color:#000000;		}
#archive .title  a:hover {	color: #ec8438;	text-decoration:none;}
#archive .clearfloat {	padding-bottom:5px;	/*margin-bottom:5px;*/	}
#archive .story {	display:block;	margin-top:3px;	}
#archive p
{
	margin-left:5px;
	padding: 2px 0px 2px 0px;
}
#archive img {	margin:5px;	padding:0px;	}
.author {	font-size:0.8em;	font-weight:bold;	}
.meta {	font-size:0.8em;	color:#333;	}
.meta a {	color:#333;	}

/* Easy Slider */
#featured {		/*background: transparent url(images/featured-bg.png) no-repeat bottom right;*/	background-position:top right;  	/*background:#F1FAE5; */ /*uncomment this for javascript version*/	color:#111111;		padding:10px 10px;			min-height:350px;	margin: 0px 0px 5px;		/*margin-bottom:5px;	*/	width:610px; /*610*/	position:relative;	/* -moz-border-radius: 15px 0 15px 0; */	border: 2px solid #000000;	}
#featured h4 {	font:1.1em Arial;	font-weight:bold;	color:#ec8438;		border-bottom: 2px solid #E8AF53;	padding:3px 10px;	text-transform: uppercase;	}
#featured .title {	font:1.3em Arial;	font-weight:bold;		letter-spacing:-0.05em;		/*background:#0B96F5;*/	background:#000000;	/* -moz-border-radius: 10px 0 10px 0; */	color:#FFFFFF;	/*7EB4FE*/	margin-left:10px;   /*7EB4FE*/		padding-right:10px;			}		
#featured .title  a {		display:block;}
#featured  .title  a:hover {	color: #FFFFFF;	text-decoration:none;		background:#000000;	}
#slider ul, #slider li{  margin:0;  padding:0;  list-style:none;  }
#slider{  /*   define width and height of container element   */  width:540px;   height:320px;   float:left;	  }
#slider li{  /*background:#f1f1f1;*/ 	width:540px; 	height:320px;	}    #slider li h2{  margin:0 10px;  padding-top:20px;  }  #slider li p{  margin:10px 10px;  }
#slider li img{  margin:10px 10px;  }
#slider li .stats{  margin-left:10px;  }
#prevBtn{ 			float:left;	}	#nextBtn{ 	float:right;	}													
#prevBtn a {  	width:32px;	height:81px;		display:block;	margin-top:80px;	background:url(images/btn_prev.gif) no-repeat 0 0;			}	#nextBtn a{ 	width:32px;	height:81px;				display:block;    margin-top:80px;		background:url(images/btn_next.gif) no-repeat 0 0;		}

/* // Easy Slider */

/* Content Page*/
#content-home {	width:642px; 	background:#fff;	padding:5px;	float:left;	min-height:400px;	/*margin-left:5px;*/	margin-top:5px;	}
#content {	width:640px; /* 510 540*/	background:#fff;	/*padding:5px;*/	padding-left:2px;	/*font-size:1.05em;	line-height:1.75em;*/	float:left;	min-height:400px;	margin-left:2px;	margin-top:5px;	}
#content .breadcrumbs {	font-weight:bold;	color:#999999;	}
#content .breadcrumbs a {	font-weight:bold;	color:#000000;	}
#content h1.title {	border-top:3px solid #ddd;		color:#000000;	}
#content h2 {		margin-bottom:10px;		}
#content h2.title {	font:1.5em Georgia;	font-weight:bold;	letter-spacing:-0.05em;	border-bottom:1px solid #ddd;	border-top:3px solid #ddd;		color:#000000;	}
.post {	font-size:1.05em;	line-height:1.75em;    	}
.post p {	margin:0 10px 5px 0;	}
.post p {	padding-bottom:10px;	}
.post .clearfloat {	border-bottom:1px dotted #ccc;	margin:10px 0px;	}
.post ul, .post ol {	margin-bottom:15px;	}
.post ul li {		list-style:square;	margin-left:30px;	}
.post ol li {		list-style:decimal;	margin-left:30px;	}
.post ol li ul li{		list-style:square;	margin-left:20px;	}
.post img, .post a img, #archive img {		margin:0 0px 5px 0;	padding:5px;	}
.post .ads {	margin-top:10px;	}
#tools img, #tools a img {		margin:0 10px 5px 0;	padding:2px;	}
.entry {	margin-top:0px;	}
.stats {	border-top:1px solid #e4e4e4;    margin-top:0px;	padding:4px 0px;	text-transform:uppercase;	font:0.8em Arial;    color:#999;	display:block;	}
.stats span {	padding: 0px 5px 0px 0px;	}
.stats span a:hover {	background:none;	}
.stats span a {	color:#999;	}
.statss img, #nav img {	border:0px;	margin:0px;	padding:0px;	}
#tools {	width:500px;	height:25px;	font-size:0.95em;	}
#tools a:hover {	background:none;	}
.navigation {	padding:5px 0px;	text-align:Center;	}

/* RIGHT SIDEBAR */
#sidebar-right
{
	width:315px;
	float:right;
	margin-right:5px;
	display: inline;
	overflow:auto;
}
#sidebar-right .sidebar_box h4 {	font:1.1em Arial;	font-weight:bold;	color:#FFFFFF;		background: #000000; /*1E4790*/	/* -moz-border-radius: 10px 0px 10px 0px; */	border-bottom: 2px solid #666666;		/* margin-top:10px; */	padding:3px 0px 3px 3px;	/*text-transform: uppercase;*/	}
#sidebar-right .sidebar_box li {	list-style:none;	border-bottom:1px dotted #ccc;	display:block;	padding:2px 0px 2px 0px;		}
#sidebar-right .sidebar_box h4  a{	color:#FFFFFF;}
#sidebar-left .sidebar_box h4  a{	color:#FFFFFF;}

/* Style for first level child categories*/
#sidebar-right .sidebar_box li ul li {    padding:2px 0px 2px 10px;	border-bottom:none;}

/* Style for second level child categories*/
#sidebar-right .sidebar_box li ul li ul li{    padding:2px 0px 2px 10px;	border-bottom:none;}
#sidebar-right .sidebar_box li ul li:before {	content: "\00BB \0020";	}

/* LEFT SIDEBAR */
#sidebar-left {	width:135px;	overflow:auto;	float:left;		margin-left:2px;		display: inline;	}
#sidebar-left .sidebar_box h4 {	font:1.1em Arial;	font-weight:bold;	color:#FFFFFF;	/* -moz-border-radius: 10px 0px 10px 0px; */	border-bottom: 2px solid #666666;		/* margin-top:10px; */	padding:3px 0px 3px 3px;	background: #000000;	/*text-transform: uppercase;*/	}
#sidebar-left .sidebar_box li {	list-style:none;	border-bottom:1px dotted #ccc;	display:block;	padding:2px 0px 2px 0px;		}

/* Style for first level child categories*/
#sidebar-left .sidebar_box li ul li {    padding:2px 0px 2px 10px;	border-bottom:none;}

/* Style for second level child categories*/
#sidebar-left .sidebar_box li ul li ul li{    padding:2px 0px 2px 10px;	border-bottom:none;}
#sidebar-left .sidebar_box li ul li:before {	content: "\00BB \0020";	}
.sidebar_box {	background:#F6F6F6 none repeat scroll 0% 50%;	/* -moz-border-radius: 10px 10px 10px 10px; */	border: 1px solid #D2D8E5;	margin-top:5px;	margin-bottom:10px;	padding-left:5px;	padding-right:5px;	padding-top:5px;	padding-bottom:5px;	position:relative;	overflow:hidden;	}

/*Tabbed sidebar widget*/
* {    margin: 0;    padding: 0;    }
.ui-tabs-hide {		display: none;		}
.tabnav li {    display: inline;    list-style: none;    padding-right: 5px;    }
.tabnav li a {    text-decoration: none;    /*text-transform: uppercase;*/    color: #000000;    font-weight: bold;    padding: 4px 6px;    outline: none;    }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {    background: #111111;	color: #FFFFFF;    text-decoration: none;    }
/*Tabbed sidebar widget ends*/

div.author-image{width:48px;height:48px;float:right;margin:0 5px 0 5px;}div.author-bio{width:180px;display:inline;}

/* Form Elements */
select {	border:1px solid #333;	width:100%	}
.field {	padding: 2px;	border:1px solid #333;	background:#fff;	font-size:1.0em;	}
#s {	padding:1px;	font-size:1.0em;	width:150px;	}
#searchsubmit {	padding-left:5px;	}
#commentform input {	width: 140px;	margin: 5px 5px 1px 0;	}
#commentform textarea {	width: 99%;	margin-top:5px;	}

/* Comments */
/* Comments Styling */
.commentlist li {	border-bottom: 1px solid #ddd;	border-top: 1px solid #ddd;	background:#F2F2F2;	list-style: none;	margin: 15px 0 10px;	padding: 5px 5px 5px 2px;}
.commentlist li ul li {	border-bottom: none;	border-top: 1px solid #ddd;	background:#F2F2F2;	list-style: none;	margin: 15px 0 0px;	padding: 5px 5px 5px 2px;}
.avatar {	border:1px solid #bbb;	margin:0px 5px 0px 0px;	float:left;	padding:2px 2px 0px 2px;	width:55px;	height:55px;}
.commentlist cite {	font-style:normal;	margin-bottom:2px;		display:block;}
.commentmetadata {	color:#4d4d4d;		text-align:left;	font-size:0.9em;	}
.children { padding: 0; }
.commentlist p {	margin:5px;}
.commentlist li ul li { 	margin-right: -5px;	margin-left: 10px;	color:#000000;}
li.bypostauthor {	background:#DFDFDF;		}
/*li.bypostauthor a{    color:#FFFFFF;}*/
li ul li.bypostauthor
{	
	background:#DFDFDF;	
	/*color:#FFFFFF;	*/
}
/*li ul li.bypostauthor a{    color:#FFFFFF;}*/
li.bypostauthor .commentmetadata {	/*color:#ffffff; */	display: block;	margin-top:3px;		text-align:right;	font-size:0.9em;		}
li ul li.bypostauthor .commentmetadata {	/*color:#ffffff; */	display: block;	margin-top:3px;		text-align:right;	font-size:0.9em;		}	*/
li.pingback, li.trackback {	background-color: #E6E6E6;}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 20px;}


/* FOOTER */
#footer
{
	font-size:0.75em;
	color:#FFFFFF;
	width: 980px;
	background:#000000;
	border: 1px solid #000000;
	margin: 0 auto;	padding:0px;
}
#footer a {	color:#FFFFFF;	text-decoration:underline;}
#footer h4 {	font:1.1em Arial;	font-weight:bold;	color:#FFFFFF;		border-bottom: 2px solid #FFFFFF;	padding:3px 10px;	text-transform: uppercase;	}
#footerleft, #footermiddle {	width:280px;	float:left;	padding:10px;		}
#footermiddle {	margin-left:17px;	}
#footerright {	width:280px;	float:right;	padding:10px;		}
#footerleft ul, #footermiddle ul, #footerright ul {	margin-top:5px;	}
#footerleft ul li, #footermiddle ul li, #footerright ul li {	list-style:none;	border-bottom:1px dotted #666666;	padding:5px;	display:block;		}
#footerleft ul li a, #footermiddle ul li a, #footerright ul li a {	color:#FFFFFF;	text-decoration:none;	}
#footerleft ul li:hover, #footermiddle ul li:hover, #footerright ul li:hover {	background:#ec8438;	color:#FFFFFF;	}
#footerleft ul li:first-child, #footermiddle ul li:first-child, #footerright ul li:first-child {	border-top:0px dotted #000000;	}
#footerbottom {	margin: 0 auto;	width: 980px;	font-size:0.6em;	padding-top:10px;	padding-bottom:10px;		color:#000000;	}
#footerbottom a {	color:#000000;	text-decoration:underline;	}
#footercopy {	font-size:0.75em;	color:#FFFFFF;	width: 980px;		background:#000000;	/*1A4080*/	/* -moz-border-radius: 0px 15px 0px 15px; */	border: 1px solid #D2D8E5;	margin: 10px auto;	padding:10px 0;	}
#footercopy a {	color:#FFFFFF;	text-decoration:underline;	}

/*Archive properties*/
#archive ul li {		list-style:square;	margin-left:30px;	}

/*Image Caption CSS*/
.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Float Properties*/
.clearfloat:after {	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;	}
.clearfloat {	display: inline-block;	}

/* Hides from IE-mac */
* html .clearfloat {	height:1%;	}
*+html .clearfloat {	height:1%;	}
.clearfloat {	display:block;	}

/* my custom stuff */
span.subtitle{	font-weight: bold;	font-size: 1.1em;}