/*  
Theme Name: Soundsmith 2.0
Description: Based on Tuaug4, modified by me.
Version: 1.3
Author: Steven Smith
Author URI: http://www.soundsmithmusic.com
Tags: modified annoying icons
License: GPL
*/ 



/* HTML Elements */

* {
margin:0;
padding:0;
}


body {background: #ffffff url(images/bg.jpg) repeat-x;color: #000000;}

body, select, input, textarea {font-size:85%; font-family:'Century Gothic',Arial,Tahoma,sans-serif; line-height:145%;}

p {margin: 15px 0;}

a:link, a:visited {color: #00C; text-decoration:none}

a:hover, a:active { color:#F90; text-decoration:underline;}

hr {display: block; height:1px; background:#333;border:0;}

small {font-size: 0.95em; background:#f9f9f9; padding:3px 6px;}

img, a:link img, a:visited img {border:0}

.clear { clear:both;overflow:hidden;}

h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:105%;}

h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:3px 0px 3px 0px;
	}

h1, h1 a {  color: #000000; }
h2,h3,h4,h5,h6 { color: #212121; font-weight:normal; }
h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link { color: #00C; text-decoration:none; }
h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {  color: #00C; text-decoration:none; }
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  color: #F90; text-decoration:underline; }

h1 { font-family:"Trajan Pro";	letter-spacing:0; }
h1 a:link {  color:#006; text-decoration:none; }

h1.padtwenty { padding:20px 0px 0px 20px; }

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
pre { overflow:auto;}
dl {margin:0 0 1.5em 0;}
dl dt {font-style:italic; padding:3px 0px 3px 0px;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;background:#dddddd; text-align:left; border-right:1px solid #ffffff;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#eeeeee; text-align:left; border-right:1px solid #ffffff;}
tfoot {font-style:italic;}
caption {background:#3F3F3F;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #f1f1f1;}

.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin-left:10px; }
.aligncenter { 	display: block; margin-left: auto; margin-right: auto;   }

img.alignleft { float:left; margin-right:10px; background:#f2f2f2; padding:5px; max-width: 250px; }
img.alignright { float:right; margin-left:10px; background:#f2f2f2; padding:5px; max-width: 250px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#f2f2f2; padding:5px; max-width: 500px; }

html>body .alignleft { width: auto; height: auto; max-width:250px; }
html>body .alignright { width: auto; height: auto; max-width:250px; }
html>body .aligncenter { width: auto; height: auto; max-width:475px; }


#wrapper { width:1040px; margin:0 auto; padding:0; }

#left { position:absolute; top:300px; left:80px; width:96px;}
#left .sideicons { background:transparent url(images/sideiconsbg.png) no-repeat; height:100%; margin:0 auto; text-align:center; }
#left .sideicons ul { list-stule:none; }
#left .sideicons ul li { list-style:none; }
#left .sideicons ul li a { text-decoration:none; }
#left .sideicons ul li a:hover { text-decoration:none; color:#ff0000 }
#left img { padding:10px 0px 0px 0px; }
#left .sideiconsbottom img { padding:0; margin:0; vertical-align:bottom; width:96px;}

#top { margin:-40px 0px 0px 0px;  width:563px; }
#top .sideicons {  margin:0 auto; text-align:center; }
#top .sideicons ul {margin:0; height:60px; }
#top .sideicons ul li { height:60px; float:left; list-style:none; margin:0px 0px 0px 15px; }
#top img { padding:5px 0px 0px 0px;margin:0; height:40px;  }
#top .sideicons ul li a { font-size:x-small; }
#top .sideicons ul li a:hover { text-decoration:none; color:#ff0000 }



@media screen and (-webkit-min-device-pixel-ratio:0) {
  	
	#top { margin:-17px 0px 0px 0px;  width:500px; }

}

#maincontainer { width:900px; margin:0 auto; }

#contentcontainer { clear:both; overflow:hidden; padding-top:10px; margin:0 auto; width:900px; }

/* categories list menu */


/*- Category Navigation -*/

/*- Nav / Dropdowns-*/
#maincontainer .catmenu {
	margin:0 auto;
	width:900px;
	height:45px;
	overflow:hidden;
	font-size:14px;

}

#maincontainer .catmenu, #maincontainer .catmenu ul {
	padding-top:15px;
	list-style: none;
	margin:0 auto;
	width:900px;
	height:45px;
	overflow:hidden;
}

#maincontainer .catmenu a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	color:#ffffff;
}

#maincontainer .catmenu li {
border-left:1px solid #454545; border-right:1px solid #232323;
	float: left;
	line-height:30px;
	overflow:hidden;
}

#maincontainer .catmenu li a:hover {
	background: none;
	text-decoration:underline;
}

#maincontainer .catmenu li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
}

#maincontainer .catmenu li:hover ul, #maincontainer .catmenu li.sfhover ul {
	left: auto;
	z-index:1000;	
}

#maincontainer .catmenu li ul li {
    background: #212121;
	width:15em;
	border:none;
}

#maincontainer .catmenu li ul li a {
color:#ffffff;
}

#maincontainer .catmenu li:hover, #maincontainer .catmenu li.hover {
    position: static;
}
#maincontainer .catmenu li ul ul {
	margin: 0 0 0 15em;
}
#maincontainer .catmenu li:hover ul ul, #maincontainer .catmenu li.sfhover ul ul {
	left: -999em;
}
#maincontainer .catmenu li:hover ul, #maincontainer .catmenu li li:hover ul, #maincontainer .catmenu li.sfhover ul, #maincontainer .catmenu li li.sfhover ul {
	left: auto;
}
#maincontainer .catmenu li:hover ul ul, #maincontainer .catmenu li:hover ul ul ul, #maincontainer .catmenu li.sfhover ul ul, #maincontainer .catmenu li.sfhover ul ul ul {
	left: -999em;
}
#maincontainer .catmenu li:hover ul, #maincontainer .catmenu li li:hover ul, #maincontainer .catmenu li li li:hover ul, #maincontainer .catmenu li.sfhover ul, #maincontainer .catmenu li li.sfhover ul, #maincontainer .catmenu li li li.sfhover ul {
	left: auto;
} 

#maincontainer .titlesect { clear:both; margin:10px auto 10px auto; padding:10px 0px 0px 0px; }

/* home rss menu */
#maincontainer .home-rss-menu { float:right; margin:10px 0px 0px 0px;}
#maincontainer .home-rss-menu .bannerad { border:1px solid #ddd; background-color:#f2f2f2; padding:5px;}

/* logo div */
#maincontainer .title-logo { width:500px; float:left; margin-top:30px;  }
#maincontainer .title-logo h1 { h1 font-family:"Trajan Pro";	letter-spacing:0; color:#212121; font-size:28px; }
#maincontainer .title-logo h1 a { h1 font-family:"Trajan Pro";	letter-spacing:0; color:#212121; font-size:28px; }
#maincontainer .titlesect .title-logo .tagline { float:left; font-style:italic; color:#212121;  width:500px;}

/* pages list menu */

#maincontainer .pagemenu { margin:25px auto 0px auto; float:left;background: url(images/pagemenubg.png) no-repeat; width:900px; height:65px;}

#maincontainer .pagemenu ul { margin:0 auto; width:563px; height:60px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #maincontainer .pagemenu ul { margin:0px 0 0 10px; width:563px; overflow:hidden; height:60px; }
}


#maincontainer .pagemenu .pagetitle {
margin:15px 0px 0px 25px;
}

#maincontainer .pagemenu .pagetitle h1 {
color:#ffffff;
}

#maincontainer .pagemenu a {
	display: block;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}

#maincontainer .pagemenu li a {
color:#FFFFFF;
}

#maincontainer .pagemenu li {
	float: left;
	margin-top:25px; 
	list-style:none;
}

#maincontainer .pagemenu li a:hover {
	background: none;
	text-decoration:underline;
	
}

#maincontainer .pagemenu li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	width:550px;
	margin-left:0px;
	margin-top:-4px;
	
}
#maincontainer .pagemenu li:hover ul, #maincontainer .pagemenu li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#maincontainer .pagemenu li ul li {
    background: #393939;
	line-height:28px;	
	width:15em;
}

#maincontainer .pagemenu li ul li a {
color:#ffffff;
}

#maincontainer .pagemenu li:hover, #maincontainer .pagemenu li.hover {
    position: static;
}
#maincontainer .pagemenu li ul ul {
	margin: -29px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#maincontainer .pagemenu li:hover ul ul, #maincontainer .pagemenu li.sfhover ul ul {
	left: -999em;
}
#maincontainer .pagemenu li:hover ul, #maincontainer .pagemenu li li:hover ul, #maincontainer .pagemenu li.sfhover ul, #maincontainer .pagemenu li li.sfhover ul {
	left: auto;
}
#maincontainer .pagemenu li:hover ul ul, #maincontainer .pagemenu li:hover ul ul ul, #maincontainer .pagemenu li.sfhover ul ul, #maincontainer .pagemenu li.sfhover ul ul ul {
	left: -999em;
}
#maincontainer .pagemenu li:hover ul, #maincontainer .pagemenu li li:hover ul, #maincontainer .pagemenu li li li:hover ul, #maincontainer .pagemenu li.sfhover ul, #maincontainer .pagemenu li li.sfhover ul, #maincontainer .pagemenu li li li.sfhover ul {
	left: auto;
} 

#maincontainer .pagemenu .search { float:right; width:337px;}
#maincontainer .pagemenu .search .searchinput { border:1px solid #dddddd; padding:7px; width:250px; }
#maincontainer .pagemenu .search .searchbutton { float:left; }

#searchbox { text-align:center; float:right; width:337px; margin:0px; }
#searchbox .searchinputbox { margin-top:16px; float:left; }
#searchbox .searchsubmitbutton { float:left; margin-top:16px; }

/* Content */

#content { width:600px; float:left; margin:0 auto; }
#content .outercontainertop { margin:0 auto; width:580px; height:7px;  background: url(images/outercontainer-top.png) no-repeat;}
#content .outercontainermiddle { margin:0 auto; width:580px; background: url(images/outercontainer-middle.png) repeat-y;}
#content .outercontainerbottom { margin:0 auto; width:580px; height:13px; background: url(images/outercontainer-bottom.png) no-repeat;}
#content .contentmiddle { clear:both; padding:0;}
#content .contentbottom { background: url(images/content-bottom.png) no-repeat;width:562px;height:17px; margin:0 auto;}

.postcontainer { margin:0 auto; clear:both; overflow:hidden; background: #FFFFFF url(images/subfeaturebg.gif) no-repeat; padding:0px 0px 25px 0px; width:562px; color:#333333;  }


.postarea { padding:20px; }
.postarea ol,.postarea ul { margin-left:50px;line-height:115%;}
.postareameta { margin: 30px 0;}
.postarea h2 {}
.postarea blockquote { color:#3f3f3f;background:#f2f2f2;padding:6px 14px;margin:18px 35px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.postarea ul li {list-style:square;}
.postarea img{margin:10px;max-width:550px;width: expression(this.width > 550 ? 550: true);max-height:100%;}
.postarea .byline {display:block;padding:4px 4px 4px 0px;}
.postarea .byline a {color:#000000;text-decoration:none;}
.postarea .byline a:hover {color:#705738;text-decoration:underline;}
.postarea .excerpt { margin-top:20px; }
.postarea .excerpt p { margin-top:0px; }
.postarea .excerpt .byline { margin-bottom:10px; }
.postarea .excerpt img{ float:left;margin:0px 10px 0px 0px;}
.postarea .excerpt .readfull { background: #f9f9f9; padding:5px; width:100%; float:right; border:1px double #f5f5f5; margin:10px 0px 10px 0px; text-align:right; } 


.bnavigation {
	padding:10px auto 10px auto;
	width:500px;
	margin:0px auto 20px auto;
}
.bnavigation a {
	font-size: 1em;
}

.bnavleft {
width:250px;
float:left;
}

.bnavright {
width:230px;
float:right;
}

.paginav {
	width:595px;
	margin-bottom:15px;
	float:left;
	padding:10px;
}
.paginav a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

.npfsearchmsg {margin:20px 0px 20px 30px;}
.npfsearchmsg h2 {margin:0px 0px 10px 0px;}

.postareameta {margin:10px 0px 10px 30px;}

.entry a {
color:#00C;
}


.entry ul, .entry ol {
margin:10px 0px 10px 30px;clear:both;
}

.entry ul li {
list-style:square; padding:3px 0px 3px 0px;
}

.entry ol li {  list-style-type: decimal; padding:3px 0px 3px 0px; }
.entry ol ol li {  list-style-type: lower-roman; padding:3px 0px 3px 0px; }

.entry img { 	margin-bottom:10px;  }

.entry textarea {
width:100%;
height:auto !important;
min-height:100px;
border:1px solid#dddddd;
}

.entry input[type=text] {
width: 300px;
padding:5px;
border:1px solid#dddddd;
}

.entry input.text {
width: 300px;
padding:5px;
border:1px solid#dddddd;
}

.entry input[type=password] {
width: 300px;
padding:5px;
border:1px solid#dddddd;
}

.entry input.password {
width: 300px;
padding:5px;
border:1px solid#dddddd;
}

.entry .inposttags {
padding:5px;
background:#f9f9f9;
}

/************************************************
*Feature content                         * 
************************************************/

#featurecontent { margin:0 auto 7px auto; width:562px; overflow:hidden; height:257px; background: #FFFFFF url(images/subfeaturebg.gif) no-repeat; color:#333333;}
#featurecontent .featurecontentcontent { padding:10px;  }
#featurecontent h2 { padding:2px; margin:0px 0px 3px 0px; height:25px; }
#featurecontent img { max-width:110px; width: expression(this.width > 110 ? 110: true); max-height:110px; float:left; margin-right:10px; }
#featurecontent .title { margin-bottom:10px; }
#featurecontent .title a { font-size:medium; color:#487685; font-weight:normal; text-decoration:none; line-height:1.5em; }
.featureinput { border:1px solid #CCD1D9; }
#featurecontent .featuresubmit { background:#eeeeee; color:#000000; border:1px solid #000000; }
#featurecontent .readfull { padding:5px; width:100%; float:right; margin:10px 0px 10px 0px; text-align:right; } 

#featurecontent.sticky h1
	{
		
	background: transparent url(images/sticky.png) center left no-repeat;
	font-weight:bold;
	padding-left:30px;
	height:30px;
	}
#featurecontent .sticky h2
	{
		width:500px;
		margin:0px;
		padding:15px 0px 10px 58px;
		font-size:medium;
		font-weight:bold;
	}
	
#featurecontent .sticky h2 a
	{
		width:500px;
		margin:0px;
		padding:15px 0px 10px 0px;
		font-size:medium;
		font-weight:bold;
	}

/************************************************
* sub feature left column | right column         * 
************************************************/

#subfeature { clear:both; margin:0 auto; background: #FFFFFF url(images/subfeaturebg.gif) no-repeat; padding:20px 0px 25px 0px; width:562px; color:#333333; }
#subfeature h1 { padding-left:20px; }
#subfeature .latestposts { clear:both; overflow:hidden; width:542px; padding:10px; }
#subfeature .latestposts h2 { font-size:medium; font-weight:normal; text-decoration:none;  }
#subfeature .latestposts h2 a { font-size:medium; font-weight:normal; text-decoration:none; }
#subfeature .latestposts .meta { font-size:x-small; margin:0;float:right;}
#subfeature .latestposts img { float:left; margin-right:10px; border:4px double #E2E3E5; }
#subfeature .latestposts h4 { margin:0; padding:3px 0px 3px 0px;  font-size:small; text-align:center;}
#subfeature .latestposts h4 a {   text-decoration:none; font-weight:normal;}
#subfeature .latestposts .latestpostsleft { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }
#subfeature .latestposts .latestpostsright { float:left; width:235px; list-style:none; margin:0px 10px 20px 0px; padding:10px;   }

#subfeature .latestposts .readfull { background: #f9f9f9; padding:5px; width:100%; float:right; border:1px double #f5f5f5; margin:10px 0px 10px 0px; text-align:right; } 

/************************************************
* Sidebar                                        * 
************************************************/

#sidebar { width: 300px; float:left; margin:0; }

#sidebar li { list-style:none; background:transparent url(images/liline.gif) bottom repeat-x; padding:.5em 0px .5em 0px }
#sidebar a { #339; }

#sidebar .sidebarbits { width:280px; padding:0px 0px 0px 3px; margin:0 auto; }
#sidebar .sidebarbits .sidebarbitstop {background: url(images/swidget-top.png) no-repeat; width:280px; height:13px; margin:0; padding:0;}
#sidebar .sidebarbits .sidebarbitsbottom {background: url(images/swidget-bottom.png) no-repeat;width:280px; height:13px; margin:0px 0px 10px 0px;}
#sidebar .sidebarbits .sidebarbitsmiddle {background: url(images/swidget-middle.png) repeat-y; width:280px; padding:0; margin:0;}
#sidebar .sidebarbits .sidebarbitsmiddlecontent {width:225px; margin:0 auto; }

#sidebar .sidebarbits .sidebarbitsmiddle h2 { padding:10px 0px 10px 0px;}
#sidebar .sidebarbits .sidebarbitsmiddle h3 { padding:10px 0px 10px 0px;}
#sidebar .sidebarbits .sidebarbitsmiddle ul li {margin-top:7px;}
#sidebar .sidebarbits ul li a, #sidebar .sidebarbits ul li a:visited  { color:#00C;}

#sidebar select {width:200px;} 

#sidebar .sidebarbits .sidebarbitsmiddle .ad250 { text-align:center; margin: 0 auto; padding:5px; }

#sidebar ul li ul {
margin-left:10px;
}

#sidebar ul li ul li {
border:none;
list-style:circle;
margin-left:10px;
background:none;
}

#tags {
padding:3px;
border-bottom:1px solid #DDD;
border-top:1px solid #DDD;
}

#calendar caption, #wp-calendar caption { font-weight: bold; 	color : #ffffff; 	text-transform:uppercase; 	margin:0; 	padding:2px 0 2px 10px; 	width:100%; 	text-align:left; }
#calendar table, #wp-calendar table { 	width: 100%; 	padding: 0; 	text-align: left; }
#calendar thead th, #wp-calendar thead th { 	padding:3px; color:#3F3F3F; text-align:center; }
#calendar tbody td, #wp-calendar tbody td { 	padding: 5px 0;  color:#dddddd; }
#calendar tfoot td, #wp-calendar tfoot td { }
#calendar #prev, #wp-calendar #prev { 	text-align: left; }
#calendar #next, #wp-calendar #next { 	text-align: right; }
#calendar a, #wp-calendar a { 	font-weight: normal; 	color: #000000; }


/* Form Elements */

.button { padding: 1px; background:#3F3F3F; color:#ffffff; border:none; }
.button:hover { background:#eeeeee;color:#3f3f3f;text-decoration:none }

#commentform input { width: 170px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; margin-top:5px;height:auto !important; min-height:100px; border:1px solid#dddddd; }


/* Comments*/

.commentarea { clear:both; padding-top:25px; }

.commentlist { padding-left:30px; }

.commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background:#fcfcfc; border-top: 1px dotted #f0f0f0; border-bottom: 1px dotted #f2f2f2; line-height:145%;}
#commentform small { background:#FFF; font-weight:bold; padding:0; }
.commentmetadata { display: block; }
.commentlist small { background:#f9f9f9; }

.commentlist cite { text-transform:uppercase; font-style:normal; font-weight:bold; font-size: 1.1em;}


/* Footer*/

#footer { margin:10px auto 0 auto; width: 900px; color:#ffffff; font-size:x-small; background: url(images/footerbg.png) no-repeat;height:67px; padding: 20px 25px 15px 25px; clear:both; }
#footer a { color:#ffffff; }
#footer .tools { float:right; margin-right:30px; }
#footer .tools ul { list-style: none; margin-right:30px;  }
#footer .tools ul li { float: left; display: block; padding-left:20px; }
#footer .tools ul li a { float: left; display: block; }
#footer .tools ul li a: hover { text-decoration:underline;}


/* Openbook Data*/
.openbook {}
.openbook a {color:#212121;}
.openbooklink {font-size:7pt; padding-bottom:8px;}
.openbooklink a {color:#008;}

.booklistimage {float:left; padding:0 5px 5px 0; width:65px;}
.booklistdetails {float:left; padding:10px 0 5px 0; width:400px;}
.booklisttitle {font-size:110%;}
.booklistbyline {font-size:90%; color:#006;}
.booklistbyline a {color:#006;}
.booklistlink a {font-size:75%; color:#006;}