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

body {background: url(../images/base/bkg.jpg) repeat-x #afb0b4 ;
	  margin: 0px !important;
	  padding: 0px !important;
	  font-family: Verdana, Arial,Helvetica,sans-serif;}
	  
p, blockquote {  font-size: 10px;
				 line-height: 1.5;}

#bkg { background: url(../images/base/content.png) no-repeat top center;
		  width: 1227px;
		  display: block;
		  margin: auto;
		  overflow: visible;}
		  
#wrapper { width: 800px;
		   margin: auto;
		   display: block;
		   overflow:hidden;}

#midcol { width: 800px;
		   margin: auto;
		   display: block;
		   overflow:hidden;
		   background: url(../images/base/wrapper.jpg) repeat-y center left;
		     padding-top: -10px !important;
			 margin-top: 0px !important;}
		   		   
#header { background: url(../images/base/header.jpg) no-repeat center center;
		  height: 200px;
		  top: 0px;
		  width: 100%;}
		   
#content {
	width: 550px;
	padding: 20px;
	position: relative;
	float: right;
	text-align: left;
	bottom: 0px;
	font-size: 10px;}
	
#content-2 {
	width: 400px;
	padding: 20px;
	position: relative;
	float: left;
	text-align: left;
	bottom: 0px;
	font-size: 10px;}
	
#leftcol { position: relative;
			float: right;
			width: 600px;}			

			
#col1, #col2 { position: relative;
			float: left;} 
			
#col1 { width: 150px;
		padding-right: 20px;
		font-family: 'EngraversGothicTLRegular', sans-serif !important;}
		
#col1 img { width: 100%;
			height: auto; }

#col2 { width: 325px;}
			

#footer { height: 30px;
		  width: 800px;
		  background: #b4c9e2;
		  position: relative;
		  float: left;
		  font-family: 'EngraversGothicTLRegular', sans-serif !important;
		  color: #fff;
		  font-size: 10px !important;
		  letter-spacing: 2px !important;
		  padding: 15px 15px 0px 15px;}

#footer a:link, #footer a:visited { color: #fff; }

a img { border: none 0px !important;}


#share { background: url(../images/base/share.jpg) repeat-y;
		 padding: 12px 10px 15px 17px;
		 position: relative;
		 float: right;
		 width: 120px;
		 margin-top: 30px;
		 margin-left: 10px;}
		 
	
/* New releases */

#newreel { width: 592px;
		   height: 170px;
		   background: #7FB4E0;
		   position: relative;
		   float: right;
		   padding-left: 8px;
		   overflow: hidden;}
		   
#newreel img { height: 142px !important;
			   width: auto !important;
			  position: relative;
			  float: left;
			  padding-right: 4px;}
			  
#newtitle { width: 592px;
			background: #0065A4;
			height: 25px;
			position: relative;
			float: left;
			padding-left: 8px;
			padding-top: 5px;
			left: -8px;
			font-family: 'EngraversGothicTLRegular', sans-serif !important;
			color: #fff;}

/* Top Navigation */
#topnav { width: 800px;
		  position: relative;
		  top: 170px;
		  bottom: 0px;
		  font-family: 'EngraversGothicTLRegular', sans-serif !important;
		  color: #fff;
		  font-size: 18px !important;
		  letter-spacing: 1px !important;}
		  
#topnav ul { list-style: none;
			 width: 100%;}
			 
#topnav ul li { float: left;
				padding-right: 25px;}
				
#topnav a:link, a:visited {color: #fff;
				text-decoration: none;
				font-weight: normal;}
				
#topnav a:hover, a:active {color: #7FB4E0;
				text-decoration: none;
				font-weight: normal;}
				
				
/* Sidebar */

#sidebar { font-family: 'EngraversGothicTLRegular', sans-serif !important;
		   position: relative;
		   min-height: 740px;
		   float:left;
		   width: 200px;
		   padding: 0px;
		   overflow: hidden;
		   font-size: 15px;}

#sidebar ul {list-style: none;
			 padding-top: 0px !important;
			 margin-top: 0px !important;
			 padding-left: 10px;
			 margin-left: -10px;
			 padding-bottom: 0px !important;
			 margin-bottom: 0px !important;}
					

#sidebar ul.listed li {background: #B4C9E2;
					   padding: 10px 8px;
					   margin-bottom:2px; }

#sidebar ul.listed a:link, a:visited {color: #fff;
				text-decoration: none;}
#sidebar ul.listed a:hover, a:active {color: #7FB4E0;
				text-decoration: none;}
				
				   
#sidebar ul.genre li { background: #7FB4E0;
					    padding: 10px 8px;
					   margin-bottom:2px;}

#sidebar ul.genre a:link, a:visited {color: #0065A4 ;
				text-decoration: none;}
#sidebar ul.genre a:hover, a:active {color: #fff;
				text-decoration: none;}


#sidebar ul.about li { background: #0065A4;
					    padding: 10px 8px;
					   margin-bottom:2px;}

#sidebar ul.about a:link, a:visited {color: #fff ;
				text-decoration: none;}
#sidebar ul.about a:hover, a:active { color: #7FB4E0;
				text-decoration: none;}
				
				
/* Social Media */
				
#socials {/*background: #fff;*/
			  height: 50px;
			  margin: 5px;
			  padding: 8px 2px 2px 2px;
			   }
			   
#socials p { color: #0065A4;
			font-size: 12px;
			 text-transform: uppercase;
			 float: left;
			  position: relative;
			  padding-top: 0px;
			  margin-left: 8px;
			  margin-right: 8px;
			  padding-right: 5px;
			  margin-top: 5px;
			  width: 50px !important;
			  line-height: 1.0 !important;
			  border-right: 1px #0065A4 solid;}

#socials img {float: left;
			  position: relative;
			  width: 35px;
			  margin-right: 3px;
			  height: auto;}


/* Special offers */

#special {background: #CCC;
		  width: 195px;
		  padding: 5px 8px 10px 5px;
		  margin-bottom:2px;
		  font-size: 20px;
		  text-align: center; }	

#special a:link, a:visited {color: #fff ;
				text-decoration: none;
				border: none;}
#special a:hover, a:active { color: #333;
				text-decoration: none;
				border: none;}
#special img {position: relative;
			  top: 5px;}
			  
			  
/* CD images */

#cd-offer { width: 200px;
			height: 200px;
			overflow: hidden; }
			  
.pics { height: 200px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: auto; }
.pics img { border: none;}
			  

/* Image rollover */

img.nohover {border:none; text-decoration:none}
img.hover {border:none; display:none; text-decoration:none;}
a:hover img.hover {border:none; display:inline; text-decoration:none;}
a:hover img.nohover {border:none; display:none; text-decoration:none;}
		
		   
/* Header styles */

h1, h2, h3, h4, h5 { font-family: 'EngraversGothicTLRegular', sans-serif;
					 line-height: 0.8;}

h1 { text-transform: uppercase;
	 letter-spacing: 2px;
	 font-size: 24px; }
	 
h2 { text-transform: uppercase;
	 letter-spacing: 1px;
	 color: #0065A4;
	 font-size: 18px;}
	 
h3 { font-size: 16px;
	 text-transform: uppercase;
	 color: #7FB4E0; }

h4 { font-size: 14px; }
	 
	 
	 
/* Text styles */

.subtitle { font-size: 13px; }

#leftcol a:link, #leftcol a:visited { color: #0065A4;}

#leftcol a:hover, #leftcol a:active { color: #7FB4E0;}



/* Shopping cart buttons */



 a:link.add, a:visited.add {color: #fff ;
				text-decoration: none;
				background: #0065A4;
					    padding:4px;}
						
 a:hover.add, a:active.add { color: #7FB4E0;
				text-decoration: none;
				background: #0065A4;
					    padding:4px;}
				
a:link.view, a:visited.view {color: #fff ;
				text-decoration: none;
				background: #0065A4;
					    padding: 4px;}
						
a:hover.view, a:active.view { color: #7FB4E0;
				text-decoration: none;
				background: #0065A4;
					    padding:4px;}
				
a:link.email, a:visited.email {color: #fff ;
				text-decoration: none;
				background: #0065A4;
					    padding:4px;}
						
a:hover.email, a:active.email { color: #7FB4E0;
				text-decoration: none;
				background: #0065A4;
					    padding:4px;}


/*Font faces */		   

@font-face {
    font-family: 'EngraversGothicTLRegular';
    src: url('../fonts/engraversgothictl-regular-webfont.eot');
    src: url('../fonts/engraversgothictl-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/engraversgothictl-regular-webfont.woff') format('woff'),
         url('../fonts/engraversgothictl-regular-webfont.ttf') format('truetype'),
         url('../fonts/engraversgothictl-regular-webfont.svgz#EngraversGothicTLRegular') format('svg'),
         url('../fonts/engraversgothictl-regular-webfont.svg#EngraversGothicTLRegular') format('svg');
    font-weight: normal;
    font-style: normal;}