body {
margin: 0;
margin-bottom: 25px;
padding: 0;
background: url("/images/greyskull.gif");
background-color: #f0f0f0;
font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
font-size: 13px;
color: #333;
}

pre {
	font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
	font-size: 12px;
	color: #333;	
}

img {border-style:none; border:0px;}

h1 {

color: #000;
}

h3 {
	font-size: 15px;
}

a, a:hover, a:visited, a:active, a:link {
color: #03c;
text-decoration: underline;
}

div#header {
	text-align: center;
}
div#header a:hover {
 text-decoration:none;
}

#featured{
	background:#FFF;
	
}

#padder {
	width:95%; margin: auto;
}

#albums {
	width:95%; margin: auto; 
}

#tube_player {
	width:90%; margin: auto; 
}

#bio {
	width:95%; margin: auto; 
}

#new_music{
	width:95%; margin: auto; 
}	

#shop {
	width:95%; margin: auto; 
}

/* PLAYER STUFF */

.mini_player span{
	float: left;
	margin-right: 10px;
}

.mini_player p {
 padding-left:5px;
 padding-top: 5px;
}

/* MUSIC RELATED STUFF */


div#music {
	background:#FFF;
}

.album {}

div.album_header {
	background: #f0f0f0;
	border:1px solid #999999;
	padding: 10px;

}

div.album_details {
	float: left;
	width: 420px;
}

div.album_image {
	text-align:right;
}

div.lyrics_link {
	float: left;
	text-align: right;
	width: 35%;

}
div.song_title {
	float: left;
	text-align: left;
	width: 64%;

}


div.album_tracks a,a:hover {text-decoration:none;color:#333;}

.track_odd {
 background: white;
 height:25px;
 padding: 5px;
}

.track_even {
	background: #fafafa;
	height: 25px;
	padding: 5px;
}

/*********/

div.spacer {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.big_spacer {
	margin-top: 20px;
	margin-bottom: 15px;
}


/* This is lazy CSS. FIX THIS! */

div#navbar {
	height: 20px;
	padding:5px;
}

ul.navbar {
	list-style: none;
	display: block;
	margin: 0;
}

li.navbar {
	float: left;
	margin: 0 1.7em;
	font-size: 16px;
}

li.image_navbar {
	float: left;
	margin-left: 1.7em;
	font-size: 5px;
	margin-top: -1px;
}

div#navbar a {
	text-decoration:none;
	color: #333;
}

div#navbar a:hover {
	text-decoration:underline;
	color: #333;
	background: #8fc73a;
}


div#footer {
	margin-top: 10px;
	text-align:center;
}

.helper_font {
font-size: 11px;
margin-bottom: 0;
padding-bottom: 0;
color: grey;
vertical-align: top;
font-style: italic;
display: block;
}

.helper_font_larger {
font-size: 12px;
margin-bottom: 0;
padding-bottom: 0;
color: grey;
vertical-align: top;
font-style: italic;
display: block;
}

/* FORM STUFF */

.textfield { 
	width:330px;
	border: 1px solid #999;
	height: 20px;
	font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
	font-size: 13px;
	color: #333;
	padding:5px;
	}
	
.textarea { 
	width:330px;
	border: 1px solid #999;
	height: 225px;
	font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
	font-size: 13px;
	color: #333;
	padding: 5px;
	}
	
#contact {
	width:95%; margin: auto;
}

.contact_form {
	float: left;
}

.contact_skull {
	margin-left: 75px;
}

#thank_you {
	display:none;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#error_status {
	padding: 5px;
	color: red;
	background: #FFCCCC;
	border: 1px solid red;
	display:none;
	margin-bottom: 10px;
	margin-top: 10px;
}

#success_status {
	padding: 5px;
	color: green;
	background: #99FF99;
	border: 1px solid green;
	display:none;
	margin-bottom: 10px;
	margin-top: 10px;
}
	
/* News Story */

#news_home {background: #FFF;}

#news_stories {
	background:#FFF;
	width:95%; margin: auto; 
}

#news_stories p.details {
	
}

#news_stories h3 {
	font-size: 16px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#news_stories p.date {
	margin-top:0;
	padding-top:0;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: grey;
	vertical-align: top;
	font-style: italic;
	display: block;
}

#news_stories hr {
	border: 1px solid #999;
}

#news_stories p.details {
	font-size: 13px;
}
	
/* Prodcut -- Replace this, this was copied from the old site */

#product {
	width:100%;
        padding-bottom:40px;
	
}

#product img { border: 1px solid grey;
			   float:left;
			    margin-bottom:20px;
			    margin-right:10px;}

#product h2 { display:block}


.product_info { }

.product_info input {min-width:50px; }

#cart {}

#cart input,button{min-width:50px;}
#cart h2 {display:block;}
#cart th {background: orange; border: 1px solid grey; padding:2px; background-image:url('/images/cart/orange-dip.gif');}
#cart td {padding: 10px}
#cart img {border:0;}

#checkout {}
#checkout label { line-height: 18px; display:block;}
#checkout input {  min-width:50px;height:25px;font-size:11px; width:300px;}
#checkout select {height: 25px;font-size:11px; }
#checkout textarea {height:75px;font-size:11px; }

	


/* This is box code I founded http://www.roundedcornr.com. It works, but it takes up too much HTML */

.roundedcornr_box {
   background: #ffffff;
}
	.roundedcornr_top div {
	   background: url("/images/roundedcornr_tl.png") no-repeat top left;
	}
	.roundedcornr_top {
	   background: url("/images/roundedcornr_tr.png") no-repeat top right;
	}
	.roundedcornr_bottom div {
	   background: url("/images/roundedcornr_bl.png") no-repeat bottom left;
	}
	.roundedcornr_bottom {
	   background: url("/images/roundedcornr_br.png") no-repeat bottom right;
	}

	.roundedcornr_top div, .roundedcornr_top, 
	.roundedcornr_bottom div, .roundedcornr_bottom{
	   width: 100%;
	   height: 8px;
	   font-size: 1px;
	}
	
	.roundedcornr_content { margin: 0 8px; background:#FF; }
	
	.roundedcornr_box_green {
	   background: #8fc73e;
	}
	.roundedcornr_top_green div {
	   background: url("/images/roundedcornr_green_tl.png") no-repeat top left;
	}
	.roundedcornr_top_green {
	   background: url("/images/roundedcornr_green_tr.png") no-repeat top right;
	}
	.roundedcornr_bottom_green div {
	   background: url("/images/roundedcornr_green_bl.png") no-repeat bottom left;
	}
	.roundedcornr_bottom_green {
	   background: url("/images/roundedcornr_green_br.png") no-repeat bottom right;
	}

	.roundedcornr_top_green div, .roundedcornr_top_green, 
	.roundedcornr_bottom_green div, .roundedcornr_bottom_green {
	   width: 100%;
	   height: 8px;
	   font-size: 1px;
	}
	.roundedcornr_content_green { margin: 0 8px; }