body {
background: #333; 
margin: auto; 
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
list-style: none;
text-align: center;
}

/* ----------- DIV STUFF ----------------------------------------------------*/

#wrap {
background: #CCC;
width: 600px;
padding: 0;
margin: auto;
border: 2px solid #5F4848;
color: #333;
text-align: left;
}


div.pic {
text-align: center;
margin: auto;
padding-top: 10px;
}

div.container {
border-bottom: 4px solid #333;
padding: 0 0 10px 0;
height: auto;
}

div.containerPad {
padding-left: 30px;
border-bottom: 4px solid #333;
}

div.containerPad p {
width: 475px;   
line-height: 1.5em;
}

div.container ul {
margin: 0 10% 1em 10%;
padding: 0;
text-align: left;
font-size: 1em;
display: block;
list-style: none;
}       



div.container ul li a {
display: block;
background: #CCC;
color: #333;
text-decoration: none;
text-align: center;
}

div.container ul li a:hover {
background: #BDD1AE;
color: #4046FF;
}


#containertop {
padding: 0;
height: auto;
width: auto;
}

#containertop p span {
color: #EC4832;
}

#head {
width: 600px;
height: auto;
margin:  0;
padding: 0;
text-align: center;
}

/*================================NAVIGATION======================*/

#nav {
float: left;
width: 600px;
margin: 0px 0px 15px 0px;
padding: 0;
list-style: none;
}

#nav li {
text-align: center;
width: 75px;
float: left;
margin: 0;
padding: 0;
}

#nav li a {
text-decoration: none;
font-family: verdana, arial, sans-serif; 
font-size: 140%;
font-weight: 800;
color: #FFF;
display: block;
margin: 0;
padding: 5px 0;
background-color: #333;
}

#nav li a:hover {
color: #fff;
background-color: #6B9C59;
}

#nav li.on a {
color: #333;
background-color: #ccc;
}


/*----------- END DIV STUFF---------------------------------------------------*/

#containertop p {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5em;
padding: 0px 30px;
}

#firefox {
color: #333;
padding: 15px 0 0 15px;
text-align: center;
line-height: 2em;
}

.listenhead, .listenhead2 {
text-align: center;
margin: 10px 0 5px 0;
padding: 3px;
border-bottom: 1px dotted #333;
border-top: 1px solid #333;
background: #6B9C59;
}


.title {
font-family: georgia, Times, serif;
text-align: center;
font-size: 1.8em;
font-weight: 600;
color: #1E421D;
}

.avail {
font-family: verdana, arial, sans-serif;
text-align: center;
font-size: 1.2em;
font-weight: 600;
color: #1E421D;
padding-bottom: 2em;
}

#prices {
float: left;
width: 600px;
margin: 0;
margin-bottom: 2em;
padding: 0;
list-style: none;
background: #000;
}

#prices li {
text-align: center;
width: 20%;
float: left;
margin: 0;
padding: 1em 0;
color: #FFF;
}

.order {
text-align: center;
border-bottom: 1px solid #333;
padding: 0 0 .2em 0;
}
                     
.mp3List {
width: 200px;
float: left;
display: inline;
}

.mp3List li {
margin-bottom: 5px;
list-style-type: none;
}  

.mp3List li.listHead
{
	font-weight: bold;
	font-size:1.2em;

}

.mp3List li a {
text-decoration: none;
color: #333;
}

.mp3List li a:hover {
text-decoration: underline;
color: #999;
}    

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/** FORMS *******************************************************************/

div#innerWrap {
margin: 0 0 0 66px;
}

div#innerWrap h1 {
font-size: 15px;
color: #635656;
margin:	0 0 1em 0;
font-family: georgia, verdana, arial, sans-serif;
} 

div#innerWrap p {
width: 400px;
line-height: 1.5em;
margin-bottom: 1.8em;
}

div#innerWrap ol {
width: 300px;
margin-bottom: 2em;
}

div#innerWrap ol li {
line-height: 1.3em;
margin-bottom: 1em;
} 

div.borderSpacer {
border-bottom: 1px solid #000;
margin: 0 66px 1.5em 0;
} 
     
div#innerWrap p.bigger {
font-size: 13px;
}

/** album nav SHIT *****************************************************************/

div#albumsNav
{
	padding:0;
}
   
div#albumsNav h2
{
	margin:				0 0 15px 33px;
	font-family: 		georgia, Times, arial, sans-serif;
	font-size:			16px;
	color: 				#1E421D;
}
    
div#albumsNav,
div#albumsNav ul,
div#albumsNav ul li
{
	float:			left;
	display:		inline;
}

div#albumsNav ul
{
	margin:				0 0 20px 33px;
	padding:			0;
	width:				550px;
}  

div#albumsNav ul li
{
	white-space:		nowrap;
}                

div#albumsNav ul li a,
p.top a
{                            
	display:			block;
	padding:			4px 6px;
	font-family: 		georgia, Times, arial, sans-serif;
	font-size:			14px;
	color: 				#1E421D;
	text-decoration: 	underline;
} 

p.top a
{
	display:			inline;
}

div#albumsNav ul li a:hover,
p.top a:hover
{
	background:			#c1bdbc;	
    text-decoration: 	none;
}             

p.top
{
	float:				right;
	display:			inline;
	text-align:			right;
	margin-right:		60px;
	width: 				100px;
}

/** ADMIN SHIT *****************************************************************/

div#adminWrap
{
	padding: 					30px 0 30px 30px;
}

div#adminWrap h1
{
	font-size:					20px;
	margin-bottom:				1.5em;
}

div#adminWrap h2
{
	font-size:					17px;
}

div#adminWrap p
{
	line-height: 				1.5em;
}

#adminWrap table td.topPad
{
	padding-top:				7px;
}

tr.graybg td
{
	background:					#DFD4D4;
}

 

/** ============= $images ================= */

img.margLeft { margin-left: 30px; }
   
p.intro {font-size: 20px;}