html, div, span, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin: 0;
	padding: 0;
	background: #452a5a;
	font: normal small Trebuchet MS, arial, verdana, serif;
	line-height: 1.8em;
	color: #797C7A;
}
:focus {outline: 0;}
ol, ul {list-style: none;}

table {
	border-collapse: separate;
	border-spacing: 0;
}	/* tables still need 'cellspacing="0"' in the markup */


a:link 
{
	text-decoration: none;
	color: #452a5a;
}
a:hover {
	color: #452a5a;
	text-decoration: none;
}
a:visited {
	color: #452a5a;
	text-decoration: none;
}
a img {border:none}
.clear {clear:both}


#page-wrap {width:1000px;margin:0 50px;}


ul#menu li {display: inline;}

ul#menu li a{float:left;display:block;background:url("326menu.png") no-repeat;width:125px;text-indent:-9999px;height:50px}

ul#menu li#home a{background-position:0px 0px}
ul#menu li#shows a{background-position:-125px 0px}
ul#menu li#lyrics a{background-position:-250px 0px}
ul#menu li#media a{background-position:-375px 0px}
ul#menu li#blogs a{background-position:-500px 0px}
ul#menu li#about a{background-position: -625px 0px}
ul#menu li#links a{background-position: -750px 0px}

ul#menu li a span {background:url("326menu.png");height:51px;display:block}

ul#menu li#home a span{background-position:0px -50px}
ul#menu li#shows a span{background-position:-125px -50px}
ul#menu li#lyrics a span{background-position:-250px -50px}
ul#menu li#media a span{background-position:-375px -50px}
ul#menu li#blogs a span{background-position:-500px -50px}
ul#menu li#about a span{background-position: -625px -50px}
ul#menu li#links a span{background-position: -750px -50px}


#content {
	width: 750px;
	
}

#content .posts {
	float: right;
	width: 510px;
	
}

#content .posts .post {
	margin: 0; padding: 1px 0px 20px;
	float: left;
	width: 560px;
	position: relative;
	background-color: #d7d4d3;
}

#content .posts .date {
	background: url(date_bg.gif) no-repeat;
	color: #000;
	width: 46px; height: 57px;
	float: left;
	padding: 0px 30px 30px 0;
	text-align: right;
	font-size: 1.4em;
	position: absolute;
	left: -55px; top: 0;
}
#content .posts .date strong, .date small {
	font-size: 0.5em;
	text-transform: uppercase;
	display: block;
	color: #000;
}

#content .post .postheader h2 {
	margin: 0; padding: 0 5px 0 10px;
	font: normal 2.2em Trebuchet MS, "Trebuchet MS", Times, serif;
	height: 62px; line-height: 62px;
	background: url(titlebg.gif) repeat-x left bottom;
	text-shadow: 1px 1px 1px #cfeb7f;
}
#content .post .postheader h2 a {
	text-decoration: none;
	color: #222;
	display: block;
}

#content .post .postheader p{
	font-size: 0.9em;
	background: url(author_bg.gif) no-repeat 10px bottom;
	height: 27px; line-height: 27px;
	margin: 0; padding: 0 10px 0 60px;
	color: #fff;
}
#content .postheader p a {color: #fff;}
#content .postheader p span {float: right;}
#content .posts .story{
	float: right;
	width: 510px;
	padding: 0px 5px 0px 10px;
	color: #000;
	
}
/* Links */

#links {
	float: left;
	width: 220px;
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
	padding: 15px 20px 30px 20px;
	background: url(images/img08.jpg) repeat-x;
}

#links li li {
	padding: 3px 0;
	background: url(images/img06.gif) repeat-x left bottom;
}

#links li a {
	background: none;
}

#links li i {
	font-size: smaller;
}

#links h2 {
	font-size: 1.3em;
}

/* Footer */

#footer {
	padding: 40px 0 60px 0;
	background: url(images/img07.jpg) repeat-x;
}

#footer p {
	width: 750px;
	color: #FFFFFF;
}

#footer a {
	background: none;
	font-weight: bold;
	color: #FFFFFF;
}

#legal {
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
}

#brand {
	margin: -35px auto 0 auto;
	padding: 10px 0 0 0;
	letter-spacing: -1px;
	font-size: 24px;
}