@charset "UTF-8";
/* CSS Document */

body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin:20px;
	/*background-color:#B2B2B2;*/
	background-color:#fff;
	}
body.white{background-color:#fff;}
#main{
	margin-right:auto;
	margin-left:auto;
	width:810px;
	}
@font-face {
    font-family: 'DINLight';
    src: url('din-light-webfont.eot');
    src: url('din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-light-webfont.woff') format('woff'),
         url('din-light-webfont.ttf') format('truetype'),
         url('din-light-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINLight';
    src: url('din-light-webfont.eot');
    src: url('din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('din-light-webfont.woff') format('woff'),
         url('din-light-webfont.ttf') format('truetype'),
         url('din-light-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

#header_home{
	font-family: 'DINLight';
	font-size:60px;
	letter-spacing:-4px;
	padding:10px;
	/*
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	*/
	margin-bottom:20px;
	margin-right:10px;
	background-color:#ffffff;
	text-align:left;
	}

.collection{
	font-family: arial, verdana, sans-serif;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:00px;
	cursor:pointer;
	background-color:transparent;/*#b2b2b2;*/
	padding:0px;
	text-align:center;
	color:black;/*#fff;*/
	text-transform:uppercase;
	font-weight:bold;
	font-size: 18px;
	padding-bottom:20px;
	}




/* CMS */
#header{
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	background-color:#fff;
	padding:10px;
	font-weight:bold;
	}
#logout{
	float:right;
	margin-right:5px;
	font-size:9px;

	}
#logout a:link{
	color:#ffffff;
	text-decoration:none;
	}
#logout a:hover{
	text-decoration:underline;
}
#adminImages{
	margin-top:20px;
	padding:10px;
	color:#ffffff;
	background-color:#fff;
	}
#adminImages .collection{
	border:solid 1px #ffffff;
	}
.break{
	clear:both;
	}
.close{
	position:absolute;
	width:18px;
	height:18px;
	background-image:url(../gfx/close.png);
	cursor:pointer;
	}
.edit{
	width:16px;
	height:16px;
	background:url(../gfx/stylo.png) no-repeat;
	position:absolute;
	margin-top:0px;
	margin-left:20px;
	cursor:pointer;
	}


	/************************************ WEBSITE RIPOFF ***************************************/

#header {
	clear:both;
	float:left;
	width:100%;
	font-family: arial Black, verdana, sans-serif;
	margin:0px;
	height:130px;
	margin-bottom:18px !important;
	-margin-bottom: 7px;
	-margin-bottom:10px;

}

.left{float:left;}

#logo{
	float: left;
	position: relative;
}

#logo img{
	margin:10px 0 0 0px;
}

#mid-header{
	float:left;
	position:relative;
}



div.moduletable-topnav{
	margin:10px 0pt 0pt 22px !important;
	-margin:10px 0pt 0pt 10px;
	text-transform:uppercase;
	width:250px;
	float:left;
	position:relative;
}
div.podcast-menu{
	margin-bottom:10px;
	float:left;
}


div.booking-menu{
	margin-bottom:10px;
}


div.videos-menu {
	float:left;
	width: 118px;
	height: 33px;
}

div.dates-menu {
	float:left;
	width: 117px;
	height: 33px;
	margin-left:15px
}



#top-nav{
	width: 250px;

	margin:10px 0 0 20px;
	text-transform:uppercase;
}

#top-nav ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	background-color:#b2b2b2;
	padding:0;
}
#top-nav ul li {
	list-style:none;
	display:inline;
	margin:0;

	padding:0;
	left:15px;

	line-height:34px;

}
#top-nav ul li a {

	padding:3px 11px;
	margin:0 15px 0 0;
	border:15px solid #fff;
	text-align:center;

	color:#fff;
	text-decoration:none;
	position:relative;
}
#top-nav ul li a:hover {
	color:#000;
}
#top-nav ul li a.active,
#top-nav ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#top-nav ul li a span {
	display:block;
}



#main-nav {
	float:left;
	width:250px;

	position:relative;
	margin-left:20px;
	margin-top:10px;
	text-transform:uppercase;
}


div.contact-newsletter{
	float:left;
}

div.contact-menu{
	margin-bottom:10px;
	height:33px;
}
div.shop-menu{
	margin-bottom:10px;
	height:33px;
}
div.vinyl-menu{
	float:left;

}
div.links-menu{
	float:left;
	height:33px;
}

div.facebook-menu{
	float:left;
	height:33px;
	margin-left:13px;
	width:142px;
}


.pagenav{
	font-family:verdana,arial,sans-serif;
	font-size:20px;
	font-weight:bold;
}

.pagenav bold{
	color:#000
}

.PPbutton{
	float:right;
	width:195px;
	padding:10px;
	background-color:#000;
	border:solid 1px #ccc;
	color:#fff;
	cursor:pointer;
	}
.PPbutton:hover{
	background-color:#b2b2b2;
	}
.PPbutton img{
	margin-top:0px;
	margin-left:10px;
	float:right;
	}
.social-item.shop img{
	margin-top:3px;
}
div.social-item div {
	margin-bottom:12px;
}