/*  General rules */
	
body, div, ul, ol, li, dl, dt, dd, p, address, table, th, td, form, input, select, textarea, label {
	margin:0;
	padding:0;
	}	
	
img	{
	border: 0;
	}
	
ul li {
	list-style-type:none;
	}	
	
th, dt	{
	font-weight: bold;
	}
	
address {
	font-style:normal;
	}		
	
/*  forms */	

form{
	width: 450px;
}

input, select, textarea, label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px;
	border:0;
	float: left;
	}	
	
select {
	padding:1px;
	}	
	
input, select, textarea, .message {
	clear: left;
	}	
	
label {
	margin-bottom:.2em;
	}	
	
input {
	margin-bottom:4px;
	}
	
.hide {
	display:none;
	}
	
.checkbox {
	display:inline;
	}			
	
.btn, .radio, .checkbox {
	background:none;
	}		

.text{
	width: 200px;

}

.textarea{
	height: 75px;
	width: 410px;
}

/*  Establish general layout parameters */
	
body{
	background: url(/i/bg_lines.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}
#wrap{
	background: #E4D5AC url(/i/bg_left.gif) repeat-y;
	width: 100%;
	margin: 24px 0px;
	margin-bottom:0px;
	position: relative;
	}
#newpony{
	position: absolute;
	top: 30px;
	left: 17px;
	}
#borderwrap{
	position:relative;
	float: left;
	clear: both;
	background: url(/i/bg_rightborder.gif) repeat-y top right;
	width:834px;
		margin-right:-3px;

	}
		
#body{
	position: relative;
	left: -78px;
	float: left;
	background-color:#E4D5AC;
	}
	
html>body #body {
	left:0;
	}	
	
	
body#home #body{
	background: none;
	}
	
#header, #body, #footer{
	margin-left: 78px;
	width: 682px;
	}

#copyr div{
	border-top: 1px dotted;
	padding-top: 5px;
}
	

#main{
	padding: 15px;
	width: 500px;
	}
#main p, #main h2{
	clear: left;
	padding-top: 12px;
}	
	

#homemain{
	position: relative;
	height: 308px;
	background: url(/i/key_bobtaped.gif) no-repeat bottom right;
	}
#homemain dl, dl.shirts{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 230px;
	}
#homemain img.live{
	position: absolute;
	bottom:-4px;
	left: 20px;
	z-index: 10;
	}

#homemain img.tape{
	position: absolute;
	bottom: 12px;
	right: 50px;
	}
	
body#home #detailnotes {
	background-image:url(../i/bg_homebottom.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	border-top:1px solid #88744D;
	background-color:#DECFA4;
	padding-bottom:24px;
	margin-bottom:0;
	}	
	
body#home #detailnotes div {
margin-top:24px;
float:left;
	width:40%;
	}
	
body#home #detailnotes div img {
	display:block;
	margin:0 auto;
	}
	
body#home #detailnotes	#where {
	padding-top:2%;
	}	
		
body#home #detailnotes	#what {
	margin-top:7%;
	width:25%;
	}
	
body#home #detailnotes	#who {
	width:30%;
	}	
	
.crate_tape {
	position:absolute;
	top:144px;
	right:50px;
	}

#cat dl{
	float: left;
	background: url(/i/bg_detail.gif) repeat-x 0px 268px;
	margin-bottom: 20px;
	}
#cat dd img{
	display: block;
	padding-bottom: 5px;
	}
#cat dd{
	width: 110px;
	margin-left: 5px;
	border-bottom: 1px solid #dbc89f;
	}
#cat dd.last{
	border: none;
	}	
#cat a, #cat dd img{
	display: block;
	}	

#detailmain{
	height: 350px;
	background: url('/i/bg_burlap.gif') no-repeat bottom right;
	position:relative;
	}
	
#detailmain:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#detailmain ul li.btn a{
	float: left;
	padding:0 2px;
	margin:0;
}

#detailmain ul li.btn img{
	padding:0;
	margin:0;
}

#detailmain ul li.btn a:hover{
	background:none;
}

#detailmain p, #detailmain form{
	float: left;
	padding:18px;
	width: 50%;
	clear:both;
}

form.paypal{
	float: left;
	width: 33%;
}

#tell_a_friend #detailmain, #tell_the_man #detailmain, #tell_us #detailmain, #join_us #detailmain{
	height: 495px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#tell_a_friend #detailmain p, #tell_the_man #detailmain p, #tell_us #detailmain p, #join_us #detailmain p{
	padding: 5px 24px;
	margin: 0;

}

#catitle{
	background: none;
	}
#cattitle img{
	position:absolute;
	top:15px;
	left:215px;
	}
		
#detailtitle{
	width: 682px;
	background: url('/i/bg_detail_title.gif') no-repeat;
	text-align:center;
	margin-bottom: 0;
	}
#detailtitle img{
	margin: 15px auto;
	margin-bottom: 11px;
	}
	
#detailmain img#cdpic{
	margin-top: 5px;
	margin-left: 30px;
	position: absolute; 
	top: -16px;
	}
	
#crate #detailmain	{
	background: url(/i/crate_taped_dylan.gif) no-repeat 81px 0px;
	position: relative;
	height:308px;
	}
	
#shirt #detailmain	{
	background: url(/i/crate_shirt_view.gif) no-repeat 81px 0px;
	position: relative;
	height:308px;
	}
table#tableshirt{
	position: relative;
	top: 170px;
	left: 32px;
}

#dec0380 img#cdpic{
	margin-top: 5px;
}

#detailmain ul, ul#tellbuttons{
	position: absolute;
	right: 30px; top: 75px;
	padding: 10px 0px;
	}

#detailmain ul li, ul#tellbuttons li{
	padding-bottom: 5px;
	}html>body #detailmain ul li.price{padding-bottom: 20px;}
	
#detailmain ul li img, ul#tellbuttons li img{
	margin-left: 30px;
	display: block;
	}	
	
#crate #detailmain ul li img, #crate ul#tellbuttons li img{
	margin-left: 12px;
	}		
	
ul#tellbuttons li{margin:0; padding: 2px;}

#detailmain ul li.shows a{
	padding: 5px 0px;
	display: block;
	}


ul#cratelist li{
	background: none;
}

	
#detailnotes{
	font-size:9px;
	float: left;
	clear: both;
	width: 100%;
	background: url(/i/bg_detail.gif) repeat-x top;
	}
	
#detailnotes dl{
	float: left;
	padding: 10px 15px 10px 20px;
	width:280px;
	}
div#era{
	float: left;
	width: 160px;
	padding: 0; margin: 0;
	}

#detailnotes div#era dl{
	float: left;
	width: 120px;
	}
#detailnotes div#era dd{
	padding: 0px; margin: 0px;
}
#detailnotes ul, #detailnotes table#tracklisting{
	float: left;
	padding: 10px 20px;
	width: 200px;
	}

#detailnotes ul{
	width: 140px;
}
#detailnotes table#tracklisting{margin-top: 8px;}html>body #detailnotes table#tracklisting{margin-top: 3px;}
#detailnotes table#tracklisting td{
	padding: 2px;
	}		
#detailnotes dl dt.header, #detailnotes th, .header{
	margin:5px 0px;
	border-bottom: 1px solid #A0885C;
	font-weight:bold;
	font-size: 9px;
	text-align: left;
	}
#detailnotes p{
	padding: 0 16px;
	}
#detailnotes table#tracklisting th{
	padding-top: 6px;
	}
	
p.legend{
	padding-top: 24px;
	color: #896945;
	font-style:italic;
}

table#tracklisting tr.static td{
	padding-top: 24px;
	vertical-align: top;
	}
	
	
#detailnotes dt{
	padding-top: 4px;
	}
	
#detailnotes dt img.thumb {float: left; padding: 15px 5px;}

#crate ul#tellbuttons{
	position:static;
	margin-left:6px;
	clear:both;
	width:300px;
	}
	
#crate ul#tellbuttons li,#crate ul#tellbuttons li img  {
	display:inline;
	}	
	
#crate #detailmain {
	position:relative;
	}	
	
#crate #detailmain p {
	padding:0;
	margin:2em 18px;
	margin-left:9px;
	margin-bottom:0;
	}	
	
html>body#crate #detailmain p {
	margin-left:18px;
	}	

#cart {
	float:left;
	clear:both;
	width:300px;
	margin-top:144px;
	margin-left: 8px;
	}
	
html>body#crate table#cart {
	margin-left:16px;
	}
		
table#cart tr{
	background-color: #fff;
	padding: 5px;
}

table#cart tr td{
	border-top: 1px solid #916D30;
	border-bottom: 1px solid #916D30;
	vertical-align: middle;
	padding: 5px;
}

table#cart tr.clear, 
table#cart tr.clear td{background: none; border: 0;}

div#crate_era dl, div#crate_era dt, div#crate_era dd{
	width: 150px;
}
div#crate_era dl{
	padding-right: 40px;
}
div#crate_era{
	float: left;
	margin: 10px;
}

ul#cratebuttons{
	width: 217px;
	padding:0; margin:0;
	right: 0;
	margin-top: 250px;
}

ul#cratebuttons li, ul#cratebuttons li img{
	float: left;
	width: 69px;
	padding:0; margin:0;
}
ul#cratebuttons li{
	padding-left: 3px;
}


dl.featuredcd{
	float: left;
	width: 475px;
	padding: 10px;
	}

dl.featuredcd dd{
	width: 380px;
	float: right;
	}

dl.top5{
	float: left;
	width: 184px;
	padding-top: 10px;
	}

dl.top5 dd{
	border-bottom: 1px solid #bbb;
	margin: 5px 0px;
	}

#detailnotes li{
	padding: 2px 0px;
	}

#detailnotes li.sample{
	list-style-image: url(/i/detail_note_bullet.gif);
	}

#faq{
	padding: 10px 20px;
	width: 500px;
	}
#faq ol{
	padding: 0px 20px;
	color: #cc6600;
	}
#faq p{
	padding-bottom: 10px;
	color: #46280b;
	}
#faq li{
	margin: 10px 0px;
}

#faq li a{
	text-decoration:none;
	margin:10px 0px;
	}
#faq li div a{
	display: normal;
	color: #664A1B;
	text-decoration: underline;
}
#faq li div a:hover{
	text-decoration: none;
}
#faq ol a:hover{
	text-decoration:underline;
	}


dl#bios dt{
	padding: 5px;
	padding-left: 0;
	}

	
#official{
	padding: 0px 0px 5px 5px;
	border-bottom: 1px solid #C7AF82;
	margin: 20px 15px 5px 15px;
	}

img.cd{
	border: 1px dotted #593510;
	}

#footer{
	position: relative;
	clear:both;
	top: 24px;
	font-size: 9px; 
	color: #B79562;
	margin-left:0;
}	
#footer p{
	margin-left: 85px;
}
#bug{
	position: absolute;
	top: -130px;
	left: 5px;
}	
/* navigation */	

#navwrap {background: url(/i/nav.gif) repeat-x top; margin-left: 0px; width: 681px;}

body#home #navwrap{ background: url(/i/nav_home.gif) repeat-x top;}

body#crate #navwrap{ background: url(/i/nav_crate.gif) repeat-x top;}
body#shirt #navwrap{ background: url(/i/nav_shirt.gif) repeat-x top;}

ul#nav	 {position: relative;}

ul#nav li{position: absolute; top: 0; background: transparent;}

ul#nav li a {text-indent: -999em; text-decoration: none; display: block; border-right: 1px dotted #543c12;}
ul#nav li.last a {border: none;}

ul#nav, ul#nav li{height: 39px;}
ul#nav li a      {height: 25px;}
ul#nav li#cr a   {height: 39px;}

ul#nav li#c	 {   left:0px; width:169px;}
ul#nav li#f	 { left:169px; width: 64px;}
ul#nav li#n	 { left:233px; width:179px;}

ul#nav li#h	 { left:475px; width: 51px;}
ul#nav li#co { left:526px; width: 69px;}
ul#nav li#cr { left:595px; width: 86px;}


ul#nav li#c  a:hover, body#catalogue		li#c  {background: url(/i/nav.gif)    -1px -39px no-repeat;}
ul#nav li#f  a:hover, body#faqs 			li#f  {background: url(/i/nav.gif) -170px -39px no-repeat;}
ul#nav li#n  a:hover, body#newponyrecords  	li#n  {background: url(/i/nav.gif) -234px -39px no-repeat;}

ul#nav li#h  a:hover							  {background: url(/i/nav.gif) -476px -39px no-repeat;}
ul#nav li#co a:hover, body#contact			li#co {background: url(/i/nav.gif) -527px -39px no-repeat;}
ul#nav li#cr a:hover			li#cr {background: url(/i/nav.gif) -596px -39px no-repeat;}


/*  Typography */
	
h1, h2, h3, h4, h5, h6, .blurb dt	{
	font-weight: bold;
	margin:0;
	margin-top: .5em;
	margin-bottom: .2em;
	padding:0;
	line-height:1.1em;
	}	
	/* components */	
	
h1 {
	font-size:16px;
	}	
	
h2,  {
	font-size:14px;
	}	
	
h3 .blurb dt{
	font-size:12px;
	}	
	
p, td, dd	{
	line-height: 1.4em;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 10px;
	}

	/* General linkology */
	
a:link, a:visited {
	text-decoration : underline;
	color: #cc6600;
	background: transparent;
	}

a:hover {
	text-decoration: underline;
	background: transparent; 
	}

a:active {
	text-decoration: none;
	background: transparent;  
	}
	
#footer a {
	 margin-left:12px;
	 font-size:9px; 
	 color:#B79562;
	 text-decoration: none;
	 }	
	 
div.CSStitle {
    position: absolute;
    padding: 5px;
    top: 0;
    left: 0;
    color: #423b7b;
    font-size: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #ccff00;
    border: 1px solid #FF7323;
	z-index:10;width:auto;
}

div.CSStitle p {
	margin: 0px;
    padding: 0 0px;
    text-align: left;
}

	 
/* Fixes */		 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix  {display: block;}
/* End hide from IE-mac */