/* CSS Document */
/*Theme Name: EARWORM
*/

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	z-index: 1;
	}

/* -- LINKS -- */

a 	{
	text-decoration:none;
    }
a:link, a:visited {
	color: #999999;
	font-weight: bold;
	}
a:hover	{
	color: #e13731;
	}
#wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	border: solid #666;
	border-width: 0 5px 0 0;
	background: #FFFFFF;
	background-image: url('http://earwormmusic.com/images-collage/background-tear-w-lines.jpg');
	background-repeat: repeat-y;
	text-align: left;
	z-index: 3;
    }
#containertop { 
	position: absolute;
	z-index: 1000;
	margin: 0 0 0 0;
	width: 45px;
	height: 100%;
	background-image: url('http://earwormmusic.com/images-collage/background-tear.gif');
	background-repeat: repeat-y;
	margin: 0 auto;
	border: 0;
	text-align: left;	
    }
#containertop-right { 
	position: absolute;
	z-index: 3000;
	width: 10px;
	height: 5000px;
	background-image: url(http://earwormmusic.com/images-collage/gray-bar.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 815px;
	border: 0;
	text-align: right;
}

/*--- HEADER ---*/	

#header {
	background: #fff;
	width: 820px;
	height: 340px;
	margin: 0;
	padding: 0 0px 0 0px;
	}
#header-appearances {
	background: #fff;
	width: 820px;
	height: 240px;
	margin: 0;
	padding: 0 0px 0 0px;
	}	


	
	
	/* SIDEBAR --------------------------- */
#sidebar {
	width: 250px; 
	margin: 0 0px 0 570px;
	_margin: 0 0 0 567px;
	background-image: url(http://earwormmusic.com/images-collage/sidebar-back.gif);
	background-repeat: repeat-y;
	
	padding: 0 0 0 0;
	border: 2px solid #666;
	border-width: 0 0px 0 0;
	}
#booking {
	background-image: url(http://earwormmusic.com/images-collage/booking-back.jpg);
	background-repeat: repeat-y;
	margin: 0;
	}
#booking p {
	margin: 0 30px 0 50px;
	color: #fff;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2.33em;
	}
#booking a:link, a:visited {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #fff;
	}
#booking a:hover{
	text-decoration: underline;
	}
#bookingfoot {
	width: 250px;
	height: 39px;
	background-image: url(http://earwormmusic.com/images-collage/booking-foot.jpg);
	margin: 0 0 5px 0;
	padding: 0;
	}
#menu {
	background: #666666;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	}
#menu h2 {
	font-style: italic;
		color: #e13731;
	}
#menu h2 a:link, #menu h2 a:visited; {
	color: #e13731
	}
#menu h2 a:hover {
	text-decoration: underline;
	}
	
#menuhead {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images-collage/sidebar-tear-top.gif);
	padding: 0;
	margin: 0;
	}
#menu a:link, #menu a:visited {
	background: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	letter-spacing: .2em;
	}
#menu a:hover {
	text-decoration: underline;
	}
#menu ul {
	border: 0px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	list-style-type: none;
	}
#menu li {
	margin: 0px  0 10px 0px;
	}
#menufoot {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images-collage/sidebar-tear-bottom.gif);
	margin: 0;
	padding: 0;
	}

#menu2 {
	background: #666666;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	}
#menu2 h2 {
	font-style: italic;
		color: #e13731;
	}
#menu2 h2 a:link, #menu2 h2 a:visited; {
	color: #e13731
	}
#menu2 h2 a:hover {
	text-decoration: underline;
	}
	
#menuhead2 {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images-collage/sidebar-tear-top.gif);
	padding: 0;
	margin: 0;
	}
#menu2 a:link, #menu2 a:visited {
	background: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	letter-spacing: .2em;
	}
#menu2 a:hover {
	text-decoration: underline;
	}
#menu2 ul {
	border: 0px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	list-style-type: none;
	}
#menu2 li {
	margin: 0px  0 10px 0px;
	}
#menufoot2 {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images-collage/sidebar-tear-bottom.gif);
	margin: 0;
	padding: 0;
	}
#menu3 {
	background: #666666;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	}
#menu3 h2 {
	font-style: italic;
		color: #e13731;
	}
#menu3 h2 a:link, #menu3 h2 a:visited; {
	color: #e13731
	}
#menu3 h2 a:hover {
	text-decoration: underline;
	}

#menuhead3 {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images/sidebar-tear-top-2.gif);
	padding: 0;
	margin: 0;
	}
#menu3 a:link, #menu3 a:visited {
	background: none;
	color: #fff;
	font-size: 1em;
	font-style: italic;
	text-decoration: none;
	letter-spacing: .1em;
	}
#menu3 a:hover {
	text-decoration: underline;
	}
#menu3 ul {
	border: 0px;
	margin: 10px 0 0px 5px;
	padding: 0 0 0 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	list-style-type: none;
	}
#menu3 li {
	margin: 0px  0 10px 0px;
	}
#menufoot3 {
	width: 250px;
	height: 30px;
	background-image: url(http://earwormmusic.com/images/sidebar-tear-bottom-2.gif);
	margin: 0;
	padding: 0;
	}
#appearances {
	background: #fff;
	}
.appearancetitle {
	background: #fff;
	padding: 0 0 0 15px;
	color: #FF6600;
	font-size: .8em;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .2em;
	}
.appearancetext {
	padding: -10px 15px 0 15px;
	color: #333;
	font-size: .8em;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	letter-spacing: .1em;
	}
#appearances a:link, #appearances a:visited {
	color: #e13731;
	}
#appearances a:hover {
	text-decoration: underline;
	}	
#book {
	background: #fff;
	text-align: center;
	}	
	
#container {
	float: left;
	width: 510px;
	margin: 0px 0px 0 0px;
	padding: 0 0 0 0px;
	 overflow-x: hidden;
	}
h2 {
	color:#666;
	font-size: 2.4em;
    }	
h2 a:link, a:visited {
	color: #666;
	background-image: none;
	}
h2 a:hover {
	color: #e13731;
	}
#container p {
	margin: 0 0 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 2em;
	}	
.post {
	width: 470px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 40px;
	background-image: url(http://earwormmusic.com/images/post-back.gif);
	background-repeat:no-repeat;
	height: 1%;
	}
.postvideo {
	width: 470px;
	margin:0px 0px 30px -60px;
	padding:0px 0px 0px 100px;
	background-position:left;
	
	}	
.post a:link, .post a:visited {
	color:#666666;
	}
.post a:hover {
	color:#e13731;
	}
.posthead {
	position: relative;
	left: -70px;
	margin: 0 0 0px 0px;
	padding: 12px 0 0px 85px;
	height: 142px;
	width: 480px;
	background-image: url('http://earwormmusic.com/images/post-head-player.gif');
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	z-index: 2000;
	}
.post h2.posthead-player {
	position: relative;
	left: -70px;
	margin: -2px 0 0px 0px;
	padding: 0px 0 0px 85px;
	height: 45px;
	width: 480px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	_font-size: 1.7em;
	letter-spacing: 0.1em;
	line-height: 3.2;
	z-index: 2000;
	}
.postheadtitle a:link, .postheadtitle a:visited {
	color: #fff;
	}
.post h2, h2.pagetitle {
	position: relative;
	left: -70px;
	margin: 0 0 10px 0px;
	padding: 4px 0 0px 85px;
	height: 77px;
	width: 480px;
	background-image: url('http://earwormmusic.com/images-collage/post-head.gif');
	background-repeat: repeat-y;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	_font-size: 1.7em;
	letter-spacing: 0.1em;
	line-height: 3.2;
	z-index: 2000;
	}
.post h4 {
	margin: 0 0 0 0px;
	padding: 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	line-height: 2.8
	}
.post h2 a:link, h2.pagetitle a:link, .post h2 a:visited, h2.pagetitle a:visited {
	color: #fff;
	background-image: none;
	text-decoration: none;
	}
.post h2 a:hover, h2.pagetitle a:hover {
	color: #fff;
	background-image: none;
	text-decoration: underline;
	}
.post p {
	margin: 0 0 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 2em;
	}
.entry {
	}
#container.post h2 a, h2.pagetitle a {
	background-image: none;
	}
small a:link, small a:visited {
	color: rgb(173,147,176);
	background-image: none;
	}
small a:hover{
	color:#FFF;
        }
.image {
	width: 300px;
	margin: -20px 220px 0 0;
	}
.description {
    margin: 0 0 0 50px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 0em;
	line-height: 1.5em;
	}
.description ul {
	list-style: none;
	margin: 0 0 15px -50px;
	}
.descriptionsmall {
	margin: 0 0 0 0px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 0em;
	line-height: 1.5em;
	}
.videodescription {
	position: relative;
	padding: 0px;
	margin: 00px;
	font-size:1.2em;
	}
.video {
	width:510px;
	margin: -60px 0 0 -40px;
	padding: 110px 0 70px 110px;
	background-image: url(http://earwormmusic.com/images/video-spiral-wire.gif);
	background-repeat:no-repeat;
	}
.videoinpost {
	width:460px;
	margin: -60px 0 0 10px;
	padding: 110px 0 70px 60px;
	background-color: transparent;
	background-image: url(http://earwormmusic.com/images/video-spiral-wire-inpost.gif);
	background-repeat:no-repeat;
	}
blockquote {
	background-color: #fff;
	color: #666;
	padding: 20px 30px 10px 30px;
	margin: 0 0 0 0px;
	border-top: #c3c2c2 solid 1px;
	border-left: #c3c2c2 solid 3px;
	}
/* buttons -----------------------------------------------------------*/
.buttons {
	float: right;
	width: 160px;
	margin: 0px 0 20px 0;
	border: 1px;
	}

.mp3player {

	}
.mp3playerslideshow {
	}
.mp3info {
	float: right;
	width: 200px;
	margin: 0px 0 0 0;
	border: 1px;
	}
	
	
/* TEMPORARY */	
	
.mp3info ul {
	width: 200px;
	list-style-position: inside;
	list-style-type: none;
	margin: 30px 0 0 -20px;
	}
.mp3info li {
	list-style-position: outside;
	margin: 0 0 0 0px;
	}
.mp3info li a {
	height: 50px;
	padding: 10px 0 10px 30px;
	font :Arial, Helvetica, sans-serif;
	color: #000;
	font-size: .7em;
	font-weight: lighter;
	text-decoration: none;
	}
li.play a:link, li.play a:visited {
	background-repeat: no-repeat;	
	}
li.play a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	}
li.download a:link, li.download a:visited {
	background-repeat: no-repeat;	
	list-style-position: outside;
	}
li.download a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	}
.mp3info li.bookmark a:link, a:visited {
	background-repeat: no-repeat;	
	}
.mp3info li.bookmark a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	}
.mp3info li.comment a:link, a:visited {
	background-repeat: no-repeat;	
	}
.mp3info li.comment a:hover {
	background-repeat: no-repeat;
	text-decoration: underline;
	}

.hidden {
	visibility: hidden
	}
.audioplayer {
	width: 300px;
	background-color: #000000;
	height: 25px;
	display: block;
	margin: -2px 0 0px 18px;
	border: #fff solid 0px;
	border-width: 0px 0 0 0;
	}

/*---DATE FORMAT--*/
.published {
	display:block;
	text-align: center;
	float:left;
	width:47px;
	color:#eee;
	background-color:#333;
	border:0px solid #111;
	margin:10px;
	margin-bottom:5px;
	margin-left:0;
	}
.pub-month{
	padding:6px 0px 0px 0px;
	}
.pub-month {
	display:block;
	font-size:14px;
	margin:0;
	color:#eee;
	}
.pub-date {
	display:block;
	font-size:1.4em;
	font-weight:bold;
	border:none;
	padding:0px 0px 6px 0px;
	}


/* --- FIXED --- */
.clear {
	clear:both;
	}

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

/*--COMMENTS LIST--*/

h3#comments	{
	margin: 0 0 0 50px;
	}
.commentlist	{
	width: 470px;
	list-style: none;
	margin: 0px;
	padding: 0 0 0 50px;}

.commentlist li	{
	background:#dacbab;
	background-image: url('http://earwormmusic.com/images-collage/background-comment-brown.gif') ;				
	background-repeat: repeat-x;
	padding:30px 50px 10px 50px;
	font-weight:normal;
	margin: 10px 0 0 2px;
	}
.commentlist li.alt {
	background-color:#aeb3be;
	background-image: url('http://earwormmusic.com/images-collage/background-comment-gray.gif') ;
	background-repeat: repeat-x;
	}
.commentlist cite {
	font-size: 1.8em;
	color:#666666;
	font-style:normal;
	font-weight:bold;
	}
.commentlist cite small {
	}
.commentlist .commentmetadata		{
	padding: 0px;
	}
.commentlist a:link, .commentlist a:visited {
	font-size: 1em;
	color:#666666;
	font-style:normal;
	font-weight:bold;
	background-image: none;
	}
.commentlist a:hover {
	color: #fff;
	}
.comment-number {
	color: #666;
	font-weight: bold;
	visibility: hidden;}
.comment-page-numbers {
	padding: 20px 0 0 50px;
	font-size: 1.5em;
	}
.current-comment-page {
	margin: 0 3px 0 3px;
	padding: 5px 10px 5px 10px;
	background: #e13731;
	color: #fff;
	}

/*-- COMMENTS --*/
#commentteartop {
	width: 520px;
	height: 50px;
	margin:10px 0px 0px 0px;
	padding: 0px 10px 0 10px;
	border:0px solid #333;
	background-color: transparent;
	background-image: url('http://earwormmusic.com/images/comment-tear.gif');
	background-repeat: no-repeat;
	text-align: center;
	}
#commentform {
	width: 520px;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0 10px;
	border:0px solid #333;
	background-color: #666;
	text-align: left;
	}
#leaveareply {
	text-align: center;
	padding: 0px 0 0px 0;
	}	
#commentform p {
	padding:0px 0px 8px 0px;
	}	
#nameform, #mailform, #webform {
	width: 490px;
	height: 30px;
	margin: 10px 0 0 0px;
	border: 0px solid;
	}
.label {
	width: 150px;
	height: 30px;
	background: #666;
	float: left;
	padding: 0px 5px 0px 0px;
	color: #fff;
	font-size: .9em;
	vertical-align: middle;
	line-height: 25px;
	text-align: right;
	}
#author, #email, #url {
	width: 325px;
	height: 20px;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 6px; 
	background-color: #FFF;
	background-image: url(http://earwormmusic.com/images/background-form.gif);
	background-repeat:repeat-y;
	border: 0px solid #CC3300;
	color: #666;
	}
#commentform #comment {
	width: 435px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	background-image: url('http://earwormmusic.com/images-collage/background-tear-w-lines.jpg');
	background-repeat: repeat-y;
	border: 0px solid #cccc99;
	padding: 10px 20px 0 30px;
	margin: 10px 0 0 0;
	color: #666;
	}
#submitcontainer {
	width: 435px;

	text-align: center;
	margin: 0px 0 0 0px;
	}
#commentform #submit{
	width: 170px;
	height: 60px;
	margin: 0px 0 0 0px;
	padding:10px;
	border:0px solid #333;
	background-color: #666;
	color: #fff;
	text-transform: uppercase;

	}
#commentform a {
	background-image: none;
	}

/*--NAVIGATION --*/

.navigation {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}


/* CHILDREN LIST */

/*

#sidebar ul.children{

	margin:0px;

	list-style:none;

	padding:0px;

}



#sidebar ul.children li a {	

	margin:1px 0px 1px 0px;

	list-style:none;

	padding:0px 0px 0px 25px;

	width:203px;

	font-weight:normal;

	}





#sidebar ul.children li a:link, 

#sidebar ul.children li a:visited  {

	color: #B271C7;

	background-color:#303030;

font-weight:bold; font-size:10px;

	}



#sidebar ul.children li a:hover {

	color: #ccc; 

	background-color:#444;

	}	
*/


/*-- FOOTER --*/	



#searchForm {width:250px}

#searchForm fieldset {border:none;}

#searchForm form {margin:5px; }

#searchForm input {border:1px solid #000; background-color:#333; color:#ccc; padding:3px;}

.postbkg {
	position: relative;
	top:-8px;
	left:-28px;
	z-index:0;
	}
.logo {
	position: absolute;
	top:-50px;
	left:390px;
	z-index:2;
	}
.topmost {
	position: absolute;
	left:90px;
	z-index:5;
	}
.clearfloat {
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
		
		
		
/* ORIGINAL FOOTER -------------------------- 
#footer{
	background-color:#7D5181;
	border-top:5px solid #333;
	color:#FFF;
	padding:10px;
	margin:auto;
	}
#footer ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	}
#footer li {
	display: inline;
	list-style-type: none;
	}
#footer a {
	padding: 3px 10px;
	}
#footer a img {
	border:0;padding:0;
	}
#footer a:link, #footer a:visited {
	text-decoration: none;
	font-weight:bold;
	}
#footer a:hover {
	color: rgb(225,55,49);
	text-decoration: none;
	}
/* END ORIGINAL FOOTER -------------------------- */	
/* MYFOOTER -------------------------- */
#footer { 
	margin: 0 auto;
	width: 820px;
	padding: 50px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#666; 
	} 
#footer p {
	background-color: #666;
	margin: 0 0px 0 50px;
	padding: 5px 5px 0 0;
	font: Arial, Helvetica, sans-serif 1em;
	line-height: 2em;
	text-align: left;
	}
.footermonkey {
	float: right;
	width: 300px;
	}
.fltrt {
	float: right;
	margin-left: 8px;
	}
.fltlft {
	float: left;
	margin-right: 8px;
    }
.clearfloat {
	clear: both;
    height:0;
	font-size: 1px;
    line-height: 0px;
    }
.clearfloat-content {
	clear:left;
    height:0;
	font-size: 1px;
    line-height: 0px;
    }
hr.clear { 
	display: block;  
	clear: both;
	width:450px;
	height: 1px;
	color: #CCCCCC;
	} 

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#sidebar { margin: 0 0px 0 560px; }
.twoColFixRtHdr #container { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->