html, body {height: 100%;}
body {text-align:center;background:#FFF url(/gfx/main-bg.jpg) no-repeat center top;}
#wrapper{width:960px;text-align:left;
min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	margin: 0 auto -150px auto; /* the bottom margin is the negative value of the footer's height */
	
	
/*	overflow:hidden; */
}
#header{padding-top:100px}
#header h1 a {text-indent:-9999px;width:200px;height:130px;display:block;position:absolute;top:20px}

a img{border: 1px solid #CCC;padding:2px;margin:3px}
a:hover img{border: 1px solid #333;padding:2px;}
a:hover{color: #333;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#333;}
a:visited { color:#333;}
a:hover { color:#C00;}
a:active { color:#333;}

#footer a {color:#FFF}
#footer a:hover {color:#CCC}

p#intro{margin-bottom:25px}

#col2 li.p-v a, li a, p a, .post h2 a {text-decoration:none}

li a:link, p a:link, span.artist a:link,
li a:visited, p a:visited,
li a:active, p a:active, 
#extras a span,
#morestock a span,
.post h2 a:link
 {border-bottom:1px #666 dotted}

li a:hover, p a:hover, #extras a:hover span, #morestock a:hover span, .post h2 a:hover{ border-bottom:1px #C00 solid;}

#extras a, #morestock a {border-bottom:0}

#front-news {margin-bottom:15px;padding-bottom:15px;border-bottom:1px #CCC solid}
#latest-news{margin-bottom:20px}
#col1, #col2 {float:left;margin-right:30px;padding-right:20px;}
#col1{width:150px;padding:20px}
#col2{width:500px;padding:55px 0;}
#col3{float:left;width:150px;margin-bottom:60px;}

#col2 p,  #col 2 li{margin:5px 0 12px 0}

#col3 h4 {border-bottom:1px #CCC dotted}
#postage h3 {margin-top:25px}

p#alpha-nav {border-bottom:1px #CCC solid;margin-bottom:15px;padding-bottom:15px}

#search {margin:35px 0 15px 0;padding-bottom:8px;border-bottom:1px #CCC solid;}

#extras {margin-top:10px;padding-top:10px;border-top:1px #CCC solid}
#extras p {margin-bottom:15px}

#morestock {margin-bottom:25px;background:#FFF;padding:10px;border:1px #EEE solid;margin-top:10px;}

/* -- Listings */
.listing {margin-bottom:10px;background:#FFF;padding:15px 10px 10px;border-bottom:1px #CCC solid;overflow:hidden}
ul.details {float:left;width:300px;margin-left:10px}
ul.detail li.p-v {margin-bottom:20px}
#col3 li.p-v {margin-bottom:6px}
ul.details form {margin-top:5px;padding-top:5px;border-top:1px #CCC dotted}

li.letter {margin-top:15px}

p.description{clear:both}

p.phone {font-size:1.4em;font-weight:bold}

li.price {margin:15px 0;}

li.more-from-cat {clear:both}

#tracks {clear:both;margin-top:15px;padding-top:15px;border-top:1px dotted #666;}

.player {margin-bottom:15px}

#map_canvas{width:500px;height:350px;}
#map {clear:both}

body#contact .col h3 {margin-bottom:5px}
.col {width:155px;margin-right:15px;float:left;overflow:hidden}
.last {margin-right:0}

/* -- Page Nav */
.nav {clear:both}

/* -- Shop */
#cart {margin:20px 0;overflow:hidden;clear:both}
form#addtocart .button{position:relative;top:15px}
#cart form {float:left;margin-right:15px}

/* -- News */
.post {margin-bottom:15px;padding-bottom:15px;border-bottom:1px #CCC solid}
.post .note {float:right;margin-top:10px;color:#999}

/* -- Footer */
#footer, .push {height: 150px; /* .push must be the same height as .footer */}

.push {display:none}

#footer{clear:both;margin-top:60px;padding-top:10px;border-top:1px #111 solid;background:#111;color:#FFF;padding:20px 100px;}

/* -- Misc */
.left{float:left;}
img.left{margin:0 20px 25px 0}
.right{float:right}
img.right{margin:0 0 20px 25px}

ul.detail {float:left;width:220px}
h4.more {clear:both;margin:15px 0;padding-top:15px;border-top:1px #666 dotted}

ul.recommended {margin-bottom:20px;padding-bottom:20px;border-bottom:1px #CCC solid}

#col3 li {padding-left:22px;background: url(../gfx/arrow.png) no-repeat left 2px}

/* forms */
#search input.button {background:#111;color:#FFF;border:2px #111 solid;cursor:pointer;padding:2px;margin-top:2px}
#search input.button:hover{background:#E01A14;border:2px #A9110F solid;}
.box {border:1px #999 solid;padding:4px}
.box:focus {border:1px #F03 solid;}


/* NAV */

#col1 ul.nav {position:absolute;top:55px;left:320px}

ul.nav li a
{
display: block;
padding: 5px 15px;
background-color: #111;
color: #FFF;
text-decoration: none;
width: 100%;
outline:none;
margin-right:4px;
border-bottom:0;
}

#footer ul.nav li a {background:#272727;}
#footer ul.nav li a:hover {background:#333}

html>body ul.nav li a { width: auto; }

ul.nav li a:hover
{
background-color: #333;
color: #fff;
}

/* -- Cat NAV */

ul#cat-nav li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-bottom: 1px solid #CCC;
background-color: #A9110F;
color: #FFF;
text-decoration: none;
width: 100%;
outline:none;
}

html>body ul#cat-nav li a { width: auto; }

ul#cat-nav li a:hover
{
background-color: #E01A14;
color: #fff;
}


ul.nav li, ul#cat-nav li{margin-bottom:2px}
ul.nav li {float:left}
/* page navs */
.pagenav a, a.glow {padding:6px 9px 6px 9px;text-decoration:none;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.pagenav a:link, a.glow:link {color:#FFF;background:#333;padding:6px 9px 6px 9px;border:1px #111 solid;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.pagenav a:visited, a.glow:visited {color:#FFF;background:#333;padding:6px 9px 6px 9px;border:1px #111 solid;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.pagenav a:hover, a.glow:hover {color:#FFF;background:#000;padding:6px 9px 6px 9px;border:1px #666 solid;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.pagenav a:active, a.glow:active {color:#FFF;background:#333;padding:6px 9px 6px 9px;border:1px #111 solid;-moz-border-radius: 2px; -webkit-border-radius: 2px;}

.pagenav p {margin-top:15px}

.pagenav p a.current {text-decoration:none;cursor:default;background:transparent;border:0;color:#111}


#col3 form {padding-bottom:10px;margin-bottom:10px;border-bottom:1px #666 dotted}

.icon {	padding:4px 0 4px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

.ebay {background-image:url(/gfx/icon_ebay.png)}
.discogs {background-image:url(/gfx/icon_discogs.png)}
.map {background-image:url(/gfx/map.png)}
.phone {background-image:url(/gfx/telephone.png)}
.email {background-image:url(/gfx/email.png)}
.speaker {background-image:url(/gfx/speaker.png)}
.tick {background-image:url(/gfx/tick.png)}
.cross {background-image:url(/gfx/cross.png)}
.package {background-image:url(/gfx/package.png)}

.boxed {padding:25px;background:#EEE;border:1px #CCC solid;margin:0 0 20px 0}

/* -- CSS3 -- */
ul.nav li a,
ul#cat-nav li a,
.button{-moz-border-radius: 2px;
-webkit-border-radius: 2px;}