/*
Theme Name: Permanent Hearing Damage
Theme URI: http://pure-essence.net/2008/09/19/wordpress-theme-oriental/
Description: For Steve Roche
<br />version 1.1.1 - Recoded to use relative positioning instead of float.
<br />version 1.1.2 - Fixed IE 6 issue brought up http://wordpress.org/support/topic/208400
<br />version 1.2.0 - Making the theme compatible with wp 2.7. And sorry I no longer wish to support IE 6. If this theme doesn't look good in IE 6, use a different one. And seriously everyone need to move off the evil IE 6.
<br />version 1.2.1 - Made the theme a bit more backward compatible.
Version: 1.2.1
Author: Charlie Cottone

*/


/* Layout */

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Helvetica, Verdana, Sans-Serif;
	background: #fff;
	color: #000;
	background: url(images/bkg_repeat.jpg) repeat 0 0;
}

/* Default */
a 		{ color: #3b6065; }
a:hover { color: #999; }

p		{ margin: 0 0 15px; }

h1 		{ font-size: 1.2em; }
h2 		{ margin: 0 0 20px; font-size: 40px; line-height:36px; }
h3 		{ font-size: 16px; margin: 0 0 10px; }
h4 		{ font-size: .9em; }
h5 		{ font-size: .8em; }
h6 		{ font-size: .7em; }

blockquote 
{
	padding: 0 0.5em;
	border-left: 5px solid #f0e8a7;
	margin: 0;
	background-color: #f8f8e2;
}

img.alignleft 	{ float: left; margin: 0 .8em .8em 0; }
img.alignright 	{ float: right; margin: 0 0 .8em .8em; }
.aligncenter 	{ display: block; margin-left: auto; margin-right: auto; }
.alignleft 		{ float: left; }	
.alignright 	{ float: right; }

a img 			{ padding: 5px; border: 1px solid #ccc; }
form 			{ padding: 0; margin: 0; }


/* Layout */
.snag			{ text-indent: -99999px}
#container 		{ width: 920px; margin: 0 auto; }
#header 		{ width: 900px; height: 405px; background: url(images/bkg_header.jpg) no-repeat 0 0; border: 10px solid #fff; }

#header h1 
{
	padding: 0;
	margin: 0;
}

#header h1 a,
#header h1 a:hover 
{
	font-size: 40px;
	color: #fff;
}

#navcontainer				{ float: right; width: 200px; margin: 250px 0 0 0; }
#navcontainer ul 			{ padding: 0; margin: 0; list-style: none; }
#navcontainer ul li 		{ }
#navcontainer ul #first		{ display: none; }
#navcontainer ul li a 
{
	display: block;
	margin: 0 0 2px;
	padding: 5px 10px 1px 0px;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80); 
}


#navcontainer ul li.current_page_item a,
#navcontainer ul li.current_page_ancestor a {
	background: #000;
	color: #fff;
}

#navcontainer ul li.current_page_item a:hover,
#navcontainer ul li.current_page_ancestor a:hover,
#navcontainer ul li a:hover {
	text-decoration: none;
	color: #666;
}

.audio-player
{
	float: left;
	margin: 283px 0 0;
	padding: 10px;
	width: auto;
	background: #FFFFFF none repeat scroll 0 0;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

h2.pagetitle 
{
	margin: 0;
	padding: 20px 10px 10px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	border-bottom: 1px solid #666;
	background: #FFF;
}

#content 					{ margin: 30px 0 0; padding: 0; width: 100%; }
#contentinner 				{ padding: 20px 10px 30px 10px; line-height: 150%; background: #fff; }


/* Post */
.post h2.posttitle {
	padding: 0;
	margin: 0 0 10px;
	font-size: 20px;
	color: #333;
}

.date						{ font-size: 10px color: #666; }

small.postmetadata 			{ font-size: 0.85em; }
ul.postmetadata 
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.85em;
}

ul li.tags 				{ float: left; }
ul li.comments 			{ text-align: right; }

.divider 
{
	height: 1px;
	margin: 20px 0 50px;
	border-bottom: 1px dashed #ccc;
}

div.navigation 
{
	text-align: center;
	padding: 0 0 2em 0;
}

div.commentnavigation 	{ padding: 0; }

#singlepost 
{
	background: url(images/commentBk.gif) center bottom repeat-x;
	padding: 10px 10px 49px 10px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#footer 
{
	clear: both;
	margin: 30px 0 0;
	text-align: right;
	font-size: 10px;
	color: #999;
	background: #fff;
}

#footer p 
{
	margin: 0;
	padding: 0.9em;
	line-height: 1.5em;
}

#footer a 			{ color: #333; }


/* Wordpress required */
.wp-caption 		{ text-align: center; background-color: #f3f3f3; padding-top: 4px; }
.wp-caption p		{ margin: 0 0 0 5px; padding: 3px 0; text-align: left; font-size: 10px; color: #333; }
.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;
}

h3.subpages 		{ padding: 1em 0 0.5em 0; margin: 0; }

ul.subpages 		{ padding: 0 0 0 1em; margin: 0 0 0 1em; list-style: square; }

/* Formatting */
fieldset 			{ border: 1px solid #ccc; padding: 0 1em; margin: 0; }
legend 				{ color: #999; font-size: 1.1em; font-weight: bold; }
hr 					{ margin: 0 0 30px; width: 100%; height: 1px; background: #999; border: none; }
pre, code 			{ width: 100%; overflow: auto; font-size: 1em; }
.post table 		{ }
.post table th,
.post table td 		{ }
.post table th 		{ text-align: left; }
p.loggedinAs 		{ margin: 0; padding: 0; }

a#cancel-comment-reply-link {
	display: block;
	margin-bottom: 1em;
}

/* sub-navigation */

.sub-navigation						{ margin: 0 20px 20px 0; padding: 10px 0 10px 0; }
#sidebar .sub-navigation a
{ 
	display: block;
	padding: 8px 5px 6px;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	color: #fff;
	background: #666;
}
#sidebar .sub-navigation a:hover	{ background: #999; }
#sidebar .sub-navigation ul li		{ margin: 0 0 1px; }
.sub-navigation	p					{ padding: 0; margin: 0 0 3px 0; }