/* CSS Document 

* {
	margin: 0px;
	padding: 0px;
}

*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(images/background3.jpg) no-repeat top center;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	direction:;
	scrollbar-arrow-color: #F8DF9F;
 	scrollbar-track-color: #450200;
 	scrollbar-face-color: #450200;
 	scrollbar-highlight-color: #FFAF27;
 	scrollbar-3dlight-color: #FFAF27;
 	scrollbar-darkshadow-color: #450200;
 	scrollbar-shadow-color: #FFAF27;
}

img {
	border: none;
}

/* ---- =text & titles ----*/

p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.leftHeader {
	text-indent: -9997px;
	margin-bottom: 15px;
	height: 35px;
}

.rightHeader {
	text-indent: -9997px;
	margin-bottom: 15px;
	height: 35px;
}

.leftTitle {background: url(images/left_title.gif) no-repeat left top; }
.rightTitle {background: url(images/right_title.gif) no-repeat left top; }
.newsTitle {background: url(images/news_title.gif) no-repeat left top; }
.bioTitle {background: url(images/bio_title.gif) no-repeat left top; }
.merchTitle {background: url(images/merch_title.gif) no-repeat left top; }
.mediaTitle {background: url(images/media_title.gif) no-repeat left top; }
.showsTitle {background: url(images/shows_title.gif) no-repeat left top; }
.lyricsTitle {background: url(images/lyrics_title.gif) no-repeat left top; }
.albumsTitle {background: url(images/albums_title.gif) no-repeat left top; }
.contactTitle {background: url(images/contact_title.gif) no-repeat left top; }
.linksTitle {background: url(images/links_title.gif) no-repeat left top; }
.videosTitle {background: url(images/video_title.gif) no-repeat left top; }
.imagesTitle {background: url(images/images_title.gif) no-repeat left top;}
.picturesTitle {background: url(images/pictures_title.gif) no-repeat left top;}
.radioTitle {background: url(images/crookedradio_title.gif) no-repeat left top;}
.blockTitle {display:block;}


h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#content h2 {
	margin-bottom: 0px;
	font-size: 16px;
}

#content h3 {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-size: 12px;
}

#content p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

#content p.author {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 9px;
}

#content p.lyricsText {
	margin: 10px 0px 0px 0px;
	
}

.merch-one-center h3 {
	text-align: center;
}

/* ---- =wrapper ---- */

#wrapper {
	width: 790px;
	margin: 0px auto;	
}

/* ---- =logo ---- */

#logo {
	width: 376px;
	height: 118px;
	background: url(images/logoSKULL2.jpg) no-repeat top left;
	float: left;
}

#logo a {
	width: 376px;
	height: 118px;
	text-indent: -9997px;
	display: block;
}

/* ---- =nav ---- */

#mainNav {
	width: 770px;
	float: right;
	z-index: 3;
	margin-top: -38px;
}

#mainNav ul {
	float: right;
}

#mainNav li {
	display: inline;
	float: left;
}

#mainNav ul li a { display: block; height: 30px; text-indent:-9997px;}

#mainNav ul li.news a 			{background: url(images/navNews.png) no-repeat top left; width: 83px;}
#mainNav ul li.news a:hover 	{background: url(images/navNews-ro.png) no-repeat top left; width: 83px;}
#mainNav ul li.bio	 			{background: url(images/navBio.png) no-repeat top left; width:64px;}
#mainNav ul li.bio a:hover		{background: url(images/navBio-ro.png) no-repeat top left; width:64px;}
#mainNav ul li.shows	 		{background: url(images/navShows.png) no-repeat top left; width: 92px;}
#mainNav ul li.shows a:hover	{background: url(images/navShows-ro.png) no-repeat top left; width: 92px;}
#mainNav ul li.merch a 			{background: url(images/navMerch.png) no-repeat top left; width: 91px;}
#mainNav ul li.merch a:hover 	{background: url(images/navMerch-ro.png) no-repeat top left; width: 91px;}
#mainNav ul li.media a 			{background: url(images/navMedia.png) no-repeat top left; width: 91px;}
#mainNav ul li.media a:hover 	{background: url(images/navMedia-ro.png) no-repeat top left; width: 91px;}
#mainNav ul li.lyrics a 		{background: url(images/navLyrics.png) no-repeat top left; width: 91px;}
#mainNav ul li.lyrics a:hover 	{background: url(images/navLyrics-ro.png) no-repeat top left; width: 91px;}
#mainNav ul li.contact a 		{background: url(images/navContact.png) no-repeat top left; width: 102px;}
#mainNav ul li.contact a:hover 	{background: url(images/navContact-ro.png) no-repeat top left; width: 102px;}
#mainNav ul li.links a 			{background: url(images/navLink.png) no-repeat top left; width: 83px;}
#mainNav ul li.links a:hover 	{background: url(images/navLink-ro.png) no-repeat top left; width: 83px;}
#mainNav ul li.forum a 			{background: url(images/navForum.png) no-repeat top left; width: 83px;}
#mainNav ul li.forum a:hover 	{background: url(images/navForum-ro.png) no-repeat top left; width: 83px;}


/* ---- =content ----*/

#content {
	float: none;
	clear: both;
	width: 770px;
	margin: 0px auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.7em;
	line-height: 1.3em;
}

#leftContent {
	float: left;
	width: 395px;
	margin-left:10px;
}

#content-left {
	height: 390px;
	overflow: auto;
}

#rightContent {
	float: right;
	width: 340px;
	margin-right:10px;
}

#radioContent {
	float: right;
	width: 340px;
	margin-right:10px;
}

#radioContent #content-right {
	height: 30px;
	padding-bottom: 15px;
}

#radioContent #content-right p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content-right {
	height: 390px;
	overflow: auto;
}

#rightContent #content-pictures {
	height: 280px;
	overflow: auto;
}

.content-radio {
	height: 40px;
	overflow: auto;
	background: green;
}

#oneColumn {
	float: left;
	width: 747px;
	margin-left:10px;
}

#column-one {
	height: 390px;
	overflow: auto;
}

#footer {
	clear: both;
}

.merch-column {
	width: 220px;
	height: 240px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
}

.merch-one-center {
	clear: both;
	text-align: center;
}

/* ---- =links ----*/

#content a { 
	color: #575034;
	text-decoration: none;
}

#content a:link {color: #575034;}
#content a:visited {color: #928859;}
#content a:hover {text-decoration: underline; color: #575034;}
#content a:active {color: #575034;}


.merch-column a {
	padding: 0px;
	margin: 0px;
}
.merch-column a:link { }
.merch-column a:visited { }
.merch-column a:hover { }
.merch-column a:active { }


a:hover img {
	text-decoration: none;
}

a:hover IMG {
	text-decoration: none;
}

/* ---- =type ----*/

/* ---- =IE hacks ----*/

* html #mainNav { margin-top: -20px; }

* html #logo {
	width: 376px;
	height: 118px;
	background: url(images/logoSKULL2.jpg) no-repeat top left;
	float: left;
}

* html #content {
	margin-top: 15px;
}

* html merch-column {
	display:block;
	height: 290px;
}