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

body{
	font-family:"Lucida Sans", "Lucida Grande", arial;
	color:#222;
	background:#ba000b 50% 0;
	margin:0 auto;
	width:1066px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
}



#container{
	float:left;
	background:url(../images/bg.jpg) repeat-y;
	width:1066px;
	height:100%;
}

#wrapper{
	width:962px;
	margin:0 auto;
	background:white;
	padding:0 10px;
}

#top{
	width:962px;
	background-color:#FFF;
	padding:30px 0 0 0;
	float:left;
	
	
}

#topheader{
	background:url(../images/topheader.jpg) no-repeat;
	width:962px;
	height:125px;
	margin:0 auto;
	
	
}

#maintop{
	width:962px;
	background-color:#FFF;
	margin-top:7px;
	z-index:100;
	
	
}

#header{
	background:url(../images/header.jpg) no-repeat;
	width:962px;
	height:117px;
	
}

#nav{
	width: 961px; 
	height: 47px;
    background: url(../images/nav.jpg);
    margin: 0;
	padding: 0;
    position: relative;
}
  
#nav li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#nav li, #nav a {
    height: 47px; 
	display: block;
}

li#panel1b {left: 0; width: 107px;}
li#panel2b {left: 108px; width: 156px;}
li#panel3b {left: 265px; width: 83px;}
li#panel4b {left: 349px; width: 186px;}
li#panel5b {left: 537px; width: 119px;}
li#panel6b {left: 659px; width: 89px;}
li#panel7b {left: 750px; width: 95px;}
li#panel8b {left: 847px; width: 114px;}

li#panel1b a:hover,li#panel1b a.active {
    background: url(../images/navhover.jpg) 0 0px no-repeat;
}
	
li#panel2b a:hover,li#panel2b a.active {
    background: url(../images/navhover.jpg) -108px 0 no-repeat;
}
  
li#panel3b a:hover,li#panel3b a.active {
   background: url(../images/navhover.jpg) -265px 0 no-repeat;
}
  
li#panel4b a:hover,li#panel4b a.active {
   background: url(../images/navhover.jpg) -349px 0 no-repeat;
}

li#panel5b a:hover,li#panel5b a.active {
    background: url(../images/navhover.jpg) -537px 0 no-repeat;
}
	
li#panel6b a:hover,li#panel6b a.active {
    background: url(../images/navhover.jpg) -659px 0 no-repeat;
}
  
li#panel7b a:hover,li#panel7b a.active {
   background: url(../images/navhover.jpg) -750px 0 no-repeat;
}
  
li#panel8b a:hover,li#panel8b a.active {
   background: url(../images/navhover.jpg) -847px 0 no-repeat;
}


#subnav{
	width: 961px; 
	height: 32px;
    background: url(../images/subnav.jpg);
    margin: 0;
	padding: 0;
    position: relative;
	z-index:100;
}
  
#subnav li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#subnav li, #subnav a {
    height: 32px; 
	display: block;
}

li#panel1c {left: 0; width: 109px;}
li#panel2c {left: 110px; width: 104px;}
li#panel3c {left: 215px; width: 157px;}
li#panel4c {left: 373px; width: 134px;}
li#panel5c {left: 508px; width: 84px;}
li#panel6c {left: 593px; width: 69px;}
li#panel7c {left: 663px; width: 111px;}
li#panel8c {left: 775px; width: 90px;}
li#panel9c {left: 866px; width: 95px;}

li#panel1c a:hover,li#panel1c a.active {
    background: url(../images/subnavhover.jpg) 0 0px no-repeat;
}
	
li#panel2c a:hover,li#panel2c a.active {
    background: url(../images/subnavhover.jpg) -110px 0 no-repeat;
}
  
li#panel3c a:hover,li#panel3c a.active {
   background: url(../images/subnavhover.jpg) -215px 0 no-repeat;
}
  
li#panel4c a:hover,li#panel4c a.active {
   background: url(../images/subnavhover.jpg) -373px 0 no-repeat;
}

li#panel5c a:hover,li#panel5c a.active {
    background: url(../images/subnavhover.jpg) -508px 0 no-repeat;
}
	
li#panel6c a:hover,li#panel6c a.active {
    background: url(../images/subnavhover.jpg) -593px 0 no-repeat;
}
  
li#panel7c a:hover,li#panel7c a.active {
   background: url(../images/subnavhover.jpg) -663px 0 no-repeat;
}
  
li#panel8c a:hover,li#panel8c a.active {
   background: url(../images/subnavhover.jpg) -775px 0 no-repeat;
}

li#panel9c a:hover,li#panel9c a.active {
   background: url(../images/subnavhover.jpg) -866px 0 no-repeat;
}

#topsocial{
	width: 200px; 
	height: 49px;
    background: url(../images/topsocial.jpg) no-repeat;
	margin: 2px 0 0 5px;
	padding: 0;
	float:left;
    position: relative;
}
  
#topsocial li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#topsocial li, #topsocial a {
    height: 49px; 
	display: block;
}

li#panel1a {left: 0; width: 50px;}
li#panel2a {left: 51px; width: 48px;}
li#panel3a {left: 99px; width: 48px;}
li#panel4a {left: 149px; width: 48px;}


li#panel1a a:hover {
    background: url(../images/topsocialhover.jpg) 0 0px no-repeat;
}
	
li#panel2a a:hover {
    background: url(../images/topsocialhover.jpg) -51px 0px no-repeat;
}

li#panel3a a:hover {
    background: url(../images/topsocialhover.jpg) -99px 0px no-repeat;
}

li#panel4a a:hover {
    background: url(../images/topsocialhover.jpg) -149px 0px no-repeat;
}
	

#topd{
	float:left;
	margin:15px 0 0 15px;
	width:726px;
	height:89px;
}

#search{
	float:left;
	background:url(../images/searchbar.jpg) no-repeat;
	width:200px;
	height:35px;
	margin: 20px 0 0 10px;
}

form#searchform input{
	background:transparent;
	border:none;
	width:155px;
	height:27px;
	float:left;
	color:#868686;
	padding-left:10px;
}

form#searchform input#searchicon{
	background:url(../images/searchicon.jpg) no-repeat;
	float:left;
	margin: 0;
	display:inline;
	width:27px;
	height:30px;
	margin-left:5px;
	cursor:pointer;
}


#content{
	width:962px;
	background-color:#FFF;
	margin:15px 0 0 0;
	float:left;
	position:relative;
}



#shopcontent{
	width:962px;
	background-color:#FFF;
	margin:15px 0 0 0;
	float:left;
	position:relative;
}



#shopcontent1{
	width:962px;
	background-color:#FFF;
	margin:15px 0 0 0;
	border-bottom:1px dashed #C5C5C5;
	float:left;
	position:relative;
}



#shopcontent2{
	width:962px;
	background-color:#f4f4f4;
	margin:15px 0 0 0;
	border-bottom:1px dashed #C5C5C5;
	float:left;
	position:relative;
}




#shopleft{
        width:240px;
	float:left;
	margin-bottom:15px;
	border-right:1px dashed #C5C5C5;
        padding-bottom:15px;
}


#shopmid{
        width:300px;
	float:left;
        margin-left:15px;        
        margin-right:15px;
	border-right:1px dashed #C5C5C5;
	padding-right:15px;
}

#shopright{
        width:300px;
	float:right;
        margin-right:15px;
	border-right:1px dashed #C5C5C5;
	padding-right:15px;
}




#main{
	width:627px;
	margin-right:10px;
	float:left;
	
}

#sidebar{
	width:325px;
	float:right;
	
}


#footer{
	background:url(../images/footer.jpg) no-repeat;
	width:962px;
	height:93px;
	float:left;
	margin:13px 0 0 0;
	
}


#footernav{
	width: 555px; 
	height: 32px;
    background: url(../images/footernav.jpg) no-repeat;
	margin: 27px 0 0 395px;
	padding: 0;
	float:left;
    position: relative;
}
  
#footernav li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#footernav li, #footernav a {
    height: 32px; 
	display: block;
}

li#panel1d {left: 0; width: 62px;}
li#panel2d {left: 64px; width: 69px;}
li#panel3d {left: 135px; width: 140px;}
li#panel4d {left: 277px; width: 113px;}
li#panel5d {left: 390px; width: 80px;}

li#panel1d a:hover {
    background: url(../images/footernavhover.jpg) 0 0px no-repeat;
}
	
li#panel2d a:hover {
    background: url(../images/footernavhover.jpg) -64px 0px no-repeat;
}

li#panel3d a:hover {
    background: url(../images/footernavhover.jpg) -135px 0px no-repeat;
}

li#panel4d a:hover {
    background: url(../images/footernavhover.jpg) -277px 0px no-repeat;
}

li#panel5d a:hover {
    background: url(../images/footernavhover.jpg) -390px 0px no-repeat;
}



.box{
	padding: 10px;
	background-color:#ebebeb;
	border: 1px solid #cacaca;
	float:left;
}


#news{
	width:605px;
	padding:10px;
	float:left;
}

#adbox{
	width:605px;
	padding:10px;
	float:left;
	margin-top:10px;
}

#adbox img{
	float:left;
}

#current{
	padding:10px;
	float:right;
	width:298px;
	height:438px;
	position:relative;
}

#exclusive{
	padding:10px;
	float:left;
	margin-top:10px;
	margin-right:13px;
	width:285px;
	position:relative;
}

#poll{
	padding:10px;
	float:right;
	margin-top:10px;
	width:299px;
	height:228px;
}

#promo{
	padding:10px;
	float:right;
	width:285px;
	margin-top:10px;
	height:228px;
}


#staff{
	width: 125px; 
	height: 57px;
    background: url(../images/staff.jpg) no-repeat;
	margin: 0;
	padding: 0;
	float:left;
    position: relative;
	margin: 1px 10px 0 0;
}
  
#staff li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#staff li, #staff a {
    height: 57px; 
	display: block;
}

li#panel1e {left: 0; width: 125px;}


li#panel1e a:hover {
    background: url(../images/staff.jpg) -125px 0px no-repeat;
}



/*   SLIDER STARTS HERE   */

		ul#tabs h3{	
			margin: 0;	
			padding: 7px 0;
			font-size: 14px;
			line-height:1.2;
			text-transform: uppercase;
			font-weight:bold;
		}

		div#feature_list {
			width: 605px;
			height: 348px;
			
		}
		
		div#feature_list li{
			list-style-type:none;
		}

		
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 605px;
			float:left;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			display:inline;
			width:200px;
			float:left;
			margin-right:2px;
		}
		
		ul#tabs li.last {
			font-size: 12px;
			font-family: Arial;
			display:inline;
			width:200px;
			float:left;
			margin:0;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			text-decoration: none;	
			display: block;
			padding: 10px 15px;
			height: 60px;
			outline: none;
			background:url(../images/feature-tab-currenthover.png);
			color: #232323;
			-moz-border-radius-bottomleft: 12px;
			-webkit-border-bottom-left-radius: 12px;
			-moz-border-radius-bottomright: 12px;
			-webkit-border-bottom-right-radius: 12px;
		}
		

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:url(../images/feature-tab-current.png);
			color: #FFF;
			-moz-border-radius-bottomleft: 12px;
			-webkit-border-bottom-left-radius: 12px;
			-moz-border-radius-bottomright: 12px;
			-webkit-border-bottom-right-radius: 12px;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
			
		}

		ul#output {
			right: 0;
			width: 605px;
			height: 268px;
			position: relative;
			
		}

		ul#output li {
			position: absolute;
			width: 605px;
			height: 267px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
		
	
		
		/*    SLIDER ENDS HERE   */
		
		#vitaminj{
			float:right;
		}
		
		#album{
			float:left;
			margin: 5px 9px 0 0;
			
		}
		
		.boxtext{
			float:right;
			text-align:left;
			color:#000;
			width:173px;
			margin-top:5px;
			font-size:12px;
			line-height:1.3;
		}
		
		.readmore{
			position: absolute;
			bottom:10px;
			right:10px;
		}
		
		.readmoreb{
			position: absolute;
			bottom:20px;
			right:20px;
		}
		
#exclusivealbum{
	width: 95px; 
	height: 95px;
    background: url(../images/exclusivealbum.jpg) no-repeat;
	margin: 0;
	padding: 0;
	float:left;
    position: relative;
	border:3px solid #900;
}
  
#exclusivealbum li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#exclusivealbum li, #exclusivealbum a {
    height: 95px; 
	display: block;
}

li#panel1f {left: 0; width: 95px;}


li#panel1f a:hover {
    background: url(../images/exclusivealbum.jpg) -95px 0px no-repeat;
}


#promo h3{
	font-size:14px;
	color:#b20000;
	font-weight:bold;
	display:inline;
	margin-top:5px;
	text-transform:uppercase;
	
}

#promo h4{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	display:inline;
	margin-left:4px;
	
}

#promoimage{
	background:url(../images/promoimage.png) no-repeat;
	float:left;
	margin-top:12px;
	width:100%;
	height:162px;
	position:relative;
}

#promoimage a img{
	position:absolute;
	bottom:0;
	right:0;
}

#video{
	padding:10px;
	float:left;
	margin-top:10px;
	margin-right:13px;
	width:285px;
}

#newsletter{
	padding:10px;
	float:left;
	margin-top:10px;
	width:285px;
	position:relative;
	height:165px;
	background:#ebebeb url(../images/newsletterbg.jpg) no-repeat 216px 87px;
	border: 1px solid #cacaca;
	float:left;
}


#bottomad{
	width: 467px; 
	margin: 10px 10px 0 0;
	float:left;
  
}

#bottomad img{
	float:left;
}

#sidebarad{
	width: 300px; 
	margin: 10px 0 0 0;
	float:right;
  
}

#social{
	float:left;
	margin:13px 0 0 4px;
	width:122px;
}

#socialcontact{
	float:left;
	margin:15px 0 0 27px;
	width:280px;
}

#bottomsocial{
	width: 120px; 
	height: 30px;
    background: url(../images/bottomsocial.jpg) no-repeat;
	margin: 4px 0 0 0;
	padding: 0;
	float:left;
    position: relative;
}
  
#bottomsocial li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
  
#bottomsocial li, #bottomsocial a {
    height: 30px; 
	display: block;
}

li#panel1g {left: 0; width: 30px;}
li#panel2g {left: 31px; width: 30px;}
li#panel3g {left: 61px; width: 30px;}
li#panel4g {left: 91px; width: 30px;}


li#panel1g a:hover {
    background: url(../images/bottomsocialhover.jpg) 0 0px no-repeat;
}
	
li#panel2g a:hover {
    background: url(../images/bottomsocialhover.jpg) -31px 0px no-repeat;
}

li#panel3g a:hover {
    background: url(../images/bottomsocialhover.jpg) -61px 0px no-repeat;
}

li#panel4g a:hover {
    background: url(../images/bottomsocialhover.jpg) -91px 0px no-repeat;
}
	
#lastrow{
	float:left;
	margin-top:11px;
}

#newsbg{
	float:left;
	width:140px;
	height:35px;
	margin: 10px 0 0 0;
}

form#newsform{
	float:left;
	width:200px;
}

form#newsform input#newser{
	background:transparent;
	border:none;
	width:130px;
	height:27px;
	float:left;
	color:#868686;
	padding-left:10px;
}

form#newsform input#newssubmit{
	background:url(../images/newssubmit.jpg) no-repeat;
	float:left;
	margin: 0;
	display:inline;
	width:50px;
	height:27px;
	margin-left:7px;
	cursor:pointer;
	border:none;
}

#newspage{
	float:left;	
}

#leftnews{
	float:left;
	width:305px;
	border-right: 1px solid #c5c5c5;
	border-style:dashed;
	padding-right:10px;
	
}

#middlenews{
	float:left;
	width:305px;
	border-right: 1px solid #c5c5c5;
	border-style:dashed;
	padding-left:10px;
	padding-right:10px;
}

#rightnews{
	float:left;
	width:305px;
	padding-left:10px;
}

#leftlive{
	float:left;
	width:645px;
	background:#F3F3F3;
	padding-right:10px;
	padding:5px 15px 15px 15px;
	
}


.newsitem{
	float:left;
	padding: 20px 15px 20px 15px;
	border-bottom: 1px solid #c5c5c5;
	border-style:dashed;
	position:relative;
	background:#f3f3f3;
}

.newsitemb{
	float:left;
	padding: 20px 15px 20px 15px;
	border-bottom: 1px solid #c5c5c5;
	border-style:dashed;
	position:relative;
	background:#e1e1e1;
}


.newsitem img,.newsitemb img{
	float:left;
	margin:0 10px 5px 0;
	border:5px solid #232323;
}


.newsitem p,.newsitemb p{
	line-height:1.4;
	font-size:12px;
	text-align:left;
}

.newsitem h2,.newsitem h2 a,.newsitemb h2,.newsitemb h2 a{
	line-height:1.3;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#BA000B;
	margin:0 0 0 0!important;
	text-decoration:none;
}

.newsitem h3,.newsitemb h3{
	line-height:1.3;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#858585;
	margin:0 0 15px 0!important;
	text-decoration:none;
}

.newsitem h4,.newsitemb h4{
	line-height:1.3;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#BA000B;
	margin:0 0 15px 0!important;
	text-decoration:none;
}

 #leftlive p{
	 line-height:1.4;
	font-size:12px;
	text-align:left;
	border-bottom:1px dashed grey;
	padding-bottom:8px;
	margin-bottom:8px;
 }
 
 
#leftlive h4{
	line-height:1.3;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#BA000B;
	margin:10px 0 3px 0!important;
	text-decoration:none;
}



#leftlive h3{
	line-height:1.3;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	margin:10px 0 3px 0!important;
	text-decoration:none;
}





.newsitem a,.newsitemb a{
	display:inline;
	font-size:10px;
	text-align:left;
	color:#BA000B;
	line-height:1.4;
}
	
#gallery {
	position:relative;
	height:422px;
	width:578px;
	float:left;
}

#gallery a {
	float:left;
	position:absolute;
}
	
#gallery a img {
	border:none;
}
	
#gallery a.show {
	z-index:500
}

#currentimage{
	float:left;
}

#currentimage img{
	border:11px solid #d8d8d8;
}



#shopimage{
	float:left;
}

#shopimage img{
	border:5px solid #d8d8d8;
}



img.title{
	float:left;
	margin:0 0 10px 0;
}

#editors{
	float:left;
	text-align:left;
	color:#161616;
	width:274px;
	line-height:1.3;
	font-size:12px;
	clear:left;
	margin:15px 0 0 0;
	background:#f4f4f4;
	padding:23px 12px 12px 12px;
	
}

#editors img{
	float:left;
	margin: 0 10px 5px 0;
}
#editors h3{
	text-transform:uppercase;
	font-size:18px;
	color:#BA000B;
	font-weight:bold;
}

#magazine h3{
	text-transform:uppercase;
	font-size:18px;
	color:#BA000B;
	margin:10px 0 5px 0;
	font-weight:bold;
}

#magazine h4{
	text-transform:uppercase;
	font-size:16px;
	color:#BA000B;
	font-weight:bold;
	margin-top:10px;
}
#from,#from a{
	float:right;
	text-align:right;
	font-size:10px;
	color:#BA000B;
}


#magazine{
	float:left;
	text-align:left;
	color:#161616;;
	line-height:1.3;
	font-size:12px;
	margin-top:19px;
	width:99%;
	background:#f4f4f4;
	padding:12px;
	position:relative;
	}

#magazine ul li{
	list-style-type:none;
}

#magcontent{
	margin-left:25px;
}

#leftcurrent{
	float:left;
	margin-bottom:15px;
	border-bottom:1px dashed #C5C5C5;
	padding-right:15px;
}

#rightcurrent{
	float:left;
	width:610px;
}




.currentborder{
	border-top:1px dashed #C5C5C5;
	border-bottom:1px dashed #C5C5C5;
	padding-top:15px;
}

#date{
	position:absolute;
	top:17px;
	left:241px;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	font-weight:bold;
}

#datearchives{
	position:absolute;
	top:28px;
	left:255px;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	font-weight:bold;
}


.readstaff{
	position:absolute;
	top:21px;
	right:13px;
	padding:7px;
	font-size:12px;
	color:#BA000B;
	
}

.readstaff img{
	border:none;
	margin:-5px 0 0 5px;
	float:right;
}

.readstaff a{
	color:#BA000B;
	text-decoration:none;
	
}

.readstaff a:hover{
	text-decoration:underline;
	

}

#construbutorstaff{
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:3px dashed #b4b4b4;

}

#onlinestaff{
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:3px dashed #b4b4b4;


}

#exstaff{
	float:left;

	
}

#publisherstaff{
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:3px dashed #b4b4b4;
}

#publisherstaff h2,#construbutorstaff h2, #onlinestaff h2, #exstaff h2{ 
	text-transform:uppercase;
	font-size:20px;
	color:black;
	margin:8px 0 8px 0;
}
	
#newstitle{
	margin-bottom:10px;
}

#leftabout{
	float:left;
	width:310px;
	margin:5px 15px 10px 0;
	padding-right:10px;
	border-right:1px dashed grey;
}

#rightabout{
	float:left;
	width:625px;
	margin:5px 0 0 0;
}

#leftdis{
	float:left;
	width:320px;
	margin:10px 10px 10px 0;
	padding-right:10px;
	border-right:1px dashed grey;
}

#rightdis{
	float:left;
	width:620px;
	margin:10px 0 0 0;
}

#rightaboutb{
	float:left;
	width:625px;
	margin:5px 0 0 0;
}

#aboutimage{
	float:left;
}

#aboutimage img{
	border:5px solid #232323;
}

ul#abouticons{
	float:right;
	clear:left;
	text-align:right;
	margin:10px 5px 10px 0;
}

ul#abouticons li{
	list-style-image:url(../images/bullet.jpg);
	padding:3px 0;
}

ul#abouticons li a{
	text-transform:uppercase;
	font-size:12px;
	color:#BA000B;
	text-decoration:none;
	font-weight:bold;
}

ul#abouticons li a:hover{
	text-decoration:underline;	
}

#vision{
	float:left;
	background:#e1e1e1;
	padding:10px;
	line-height:1.3;
}

#distroblurb{
	float:left;
	padding:10px;
	line-height:1.3;
	background:#f2f2f2;
}

#distroblurb a{
	color:#BA000B;	
}

#vision h2,#restabout h2,#distroblurb h2{
	font-size:18px;
	text-transform:uppercase;
	color:#BA000B;
	margin:2px 0;
	font-weight:bold;
}

#restabout{
	float:left;
	line-height:1.3;
	padding:10px;
	background:#F3F3F3;
	margin-top:15px;
}
 p.dropcap:first-letter{
	 font-size:250%;
	 font-weight:bold;
	 text-transform:uppercase;
	 float:left;
	 margin:5px 5px 1px 0;
	 color:#2b2b2b;
 }
 #contactbox{
	 float:left;
	 width:100%;
	 padding:10px 15px;
	 background:#E1E1E1;
	 width:278px;
 }
 
 #contactbox h2{
	 font-size:18px;
	 text-transform:uppercase;
	 color:#BA000B;
	 font-weight:bold;
	 padding-left:40px;
	 height:25px;
	 float:left;
	 margin-top:5px;
	 padding-top:4px;
 }
 
  #contactbox h2.address{
	  background:url(../images/address.png) no-repeat;
  }
  
  #contactbox h2.email{
	  background:url(../images/email.png) no-repeat;
  }
  
  #contactbox h2.phone{
	  background:url(../images/phone.png) no-repeat;
  }
  
  ul.icontext{
	  float:left;
	  margin-left:40px;
	  line-height:1.4;
	  color:#545454;
  }
  
  ul.icontext a{
	  color:#545454;
  }
  
  .zebraa{
	  width:600px;
	  padding:15px;
	  background:#F3F3F3; 
	  border-bottom:1px dashed grey;
	  min-height:50px;
	  float:left;
	  color:#545454;
	  font-size:12px;
	  line-height:1.4;
  }
  
  .zebrab{
	  width:600px;
	  padding:15px;
	  background:#E1E1E1;
	  border-bottom:1px dashed grey;
	  min-height:50px;
	  float:left;
	  color:#545454;
	  font-size:12px;
	  line-height:1.4;
  }
  
  .zebraa h2,.zebrab h2{
	 font-size:16px;
	 text-transform:uppercase;
	 color:#BA000B;
	 font-weight:bold;
 }
 
 ul.littlebox{
	 width:215px;
	 color:#545454;
	 font-size:12px;
	 line-height:1.4;
	 margin:9px 14px 9px 0;
	 float:left;
	 padding-right:5px;
	 border-right:1px dashed grey;
 }
 
  ul.littleboxlast{
	 width:120px;
	 color:#545454;
	 font-size:12px;
	 line-height:1.4;
	 margin:9px 0 9px 0;
	 float:left;
 }
 
  ul.littleboxwide{
	 width:290px;
	 color:#545454;
	 font-size:12px;
	 line-height:1.4;
	 margin:9px 14px 9px 0;
	 float:left;
	 padding-right:5px;
	 border-right:1px dashed grey;
 }
 
   ul.littleboxwidelast{
	 width:290px;
	 color:#545454;
	 font-size:12px;
	 line-height:1.4;
	 margin:9px 0 9px 0;
	 float:left;
 }
 
 ul.littlebox li a,ul.littleboxlast li a,ul.littleboxwide li a,ul.littleboxwidelast li a{
	 color:#BA000B;
}

ul.littleboxlast li a{
	display:block;
}

ul.littlebox li.head,ul.littleboxlast li.head,ul.littleboxwide li.head,ul.littleboxwidelast li.head{
	 color:#BA000B;
	 font-weight:bold;
	 
}

li.endfaq{
	margin-bottom:5px;
}

li.question{
	color:#BA000B;
	font-size:14px;
}

#buy{
	position:absolute;
	top:10px;
	right:10px;
}

#exclusivecontent{
	padding:10px;
	background:#E1E1E1;
	width:278px;
	float:left;
	margin-top:10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#band{
	margin-bottom:4px;
	float:left;
}

#album{
	
	padding-bottom:8px;
	float:left;
}

#label{
	margin-bottom:8px;
	border-bottom:1px dashed grey;
	padding-bottom:8px;
	float:left;
}

#info{
	margin-bottom:5px;
	float:left;
	font-weight:bold;
	line-height:1.6;
	text-transform:uppercase;
}

#info a{
	color:#BA000B;
	text-transform:none;
	
}

#albumtitle{
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}

#albumtitle h2{
	font-size:27px;
	text-transform:uppercase;
	color: #BA000B;
	display:inline;
	font-weight:bold;
}

#albumtitle h3{
	font-size:16px;
	text-transform:uppercase;
	color: black;
	font-weight:bold;
	text-align:right;
	margin-top:2px;
	display:inline;
	margin-left:2px;
}


#rightexclusive{
	float:left;
	width:625px;
	margin:15px 0 0 20px;
}

#audiobox{
	background:#e1e1e1;
	float:left;
	padding:10px;
	width:460px;
}

#aboutband{
	width:460px;
	float:left;
	margin-top:10px;
	text-align:justify;
	line-height:1.2;
}

#aboutband h3{
	font-size:20px;
	color:#BA000B;
	font-weight:bold;
	margin-bottom:5px;
}

#adspots{
	float:right;
	margin: -36px 0 0 0;
	width:125px;
}

#adspots img{
	margin-bottom:12px;
	display:block;
}

#datebg{
	background:#BDBCBC;
	width:644px;
	float:left;
	padding:1px 6px 6px 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	position:relative;
	margin-top:10px;
	z-index:1;
}

.featuredz{
	float:left;
	width:625px;
	padding:10px;
	background:#e1e1e1;
	line-height:1.2;
	text-transform:uppercase;
	height:60px;
	margin-top:5px;
	overflow:hidden;
	z-index:1;
	
}

.featured{
	float:left;
	width:625px;
	padding:10px;
	background:#F3F3F3;
	line-height:1.2;
	text-transform:uppercase;
	height:60px;
	margin-top:5px;
	overflow:hidden;
	z-index:1;

	
}

.featured h2{
	display:inline;
	color:#BA000B;
	font-size:13px;
	overflow:hidden;
	text-transform:uppercase;
	width:125px;
	float:left;
	text-align:center;
	margin-top:10px;
	font-weight:bold;

}

.featuredz h2{
	display:inline;
	color:#212121;
	font-size:13px;
	text-transform:uppercase;
	width:125px;
	float:left;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
	overflow:hidden;

}

.sponsored{
	width:143px;
	padding-right:10px;
	margin-right:10px;
	float:left;
	margin-top:7px;
}

#sep1{
	height:600px;
	width:5px;
	position:absolute;
	left:166px;
	top:0;
	background-color:#BDBCBC;
	z-index:10;
}

#sep2{
	height:600px;
	width:5px;
	position:absolute;
	left:311px;
	top:0;
	background-color:#BDBCBC;
	z-index:10;
}

#sep3{
	height:600px;
	width:5px;
	position:absolute;
	left:515px;
	top:0;
	background-color:#BDBCBC;
	z-index:10;
}
	
.bands{
	width:185px;
	float:left;
	padding-right:10px;
	margin-right:10px;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
	font-size:10px;
	line-height:1.3;
	
}

.details{
	width:112px;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	color:#BA000B;
}


#generaldates{
	margin-top:4px;
	padding-top:10px;
	float:left;
}

#submitdate{
	float:right;
	width:235px;
	padding:10px;
	background: #e1e1e1;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin:0 0 0 10px;
}

#livead{
	float:left;
	margin:10px 0 0 10px;
}

#submitdistro{
	float:left;
	width:235px;
	padding:10px;
	background: #e1e1e1;
	margin-left:17px;
	
}

#submitindy{
	float:left;
	width:235px;
	padding:10px;
	background: #e1e1e1;
	margin-left:12px;
	
}


#submitdistro h4{
	font-weight:bold;
	text-transform:uppercase;
	color:#BA000B;
	font-size:12px;
	line-height:1.3;
	margin-bottom:15px;
	margin-top:5px;
}

.fieldblock{float:left; width:215px; margin-bottom:12px; clear:left}

input.submit{float:right; margin-right:50px; display:inline}

.fieldblock input{background:#acabab; border:none; color:white; float:left; padding:8px; width:220px; height:18px;}

.fieldblock textarea{background:#acabab; border:none; color:white; float:left; padding:5px; width:226px; height:87px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.fieldblockad{float:left; width:100%; margin-bottom:12px; clear:left}

.fieldblockad input{background:#cbcbcb; border:none; color:#575656; float:left; padding:8px; width:424px; height:18px;}

.fieldblockad textarea{background:#cbcbcb; border:none; color:#575656; float:left; padding:5px; width:430px; height:87px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.technology{ /*header of 2nd demo*/
	cursor: pointer;
	display:inline;
}


.thelanguage{
	clear:left;
	margin-top:10px;
}





#generaltitle{
	margin:25px 0 0 0;
	float:left;
}

.inline p{
	line-height:1.3;
	margin:7px 0;
}

.inline ul{
	text-transform:uppercase;
	color:#333;
	line-height:1.3;
	margin:5px 0;
}

.inline li a{
	color:#BA000B;
	font-weight:bold;
}

.inline h2{
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:7px;
	color:#BA000B;
	font-weight:bold;
}

.inline h3{
	text-transform:uppercase;
	font-size:16px;
	line-height:1.2;
	margin-bottom:10px;
	color:#333;
	font-weight:bold;
}

.inline img{
	float:left;
	margin:5px 10px 5px 0;
	border:5px solid #333;
}

#leftdistro{
	float:left;
	width:640px;
}

#rightdistro{
	float:right;
	width:300px;
	margin-top:10px;
	border-left:1px dashed #B1B1B1;
	padding-left:10px;
	
}

#aboutdistro{
	background:#e1e1e1;
	padding:10px;
	line-height:1.4;
	font-size:12px;
	width:280px;	
}

#aboutdistro p{
	margin-bottom:10px;
}


#independent{
	background:#e1e1e1;
	padding:10px;
	line-height:1.4;
	font-size:12px;
	width:280px;	
	float:left;
	margin-top:15px;
}

#submitlinks{
	background:#e1e1e1;
	padding:15px;
	line-height:1.4;
	font-size:12px;
	width:236px;	
	float:right;
	margin-top:15px;
}


#independent h2,#submitlinks h2{
	color:#BA000B;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
	line-height:1.1;
}

#independent h3,#submitlinks h3{
	color:#292929;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

#table{
	color:#BA000B;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	float:left;
	margin-top:10px;
}

#table table{
	text-align:center;
	line-height:1.5;
	border:3px solid #bdbcbc;
	padding:3px;
	background:#f0f0f0;
}

#table h3{
	font-size:18px;
	line-height:1.3;
	margin-bottom:10px;
}

#table p{
	margin:7px 0 0 0;
	line-height:1.3;
	font-size:12px;
	color:#292929;
}

table td{
	font-weight:bold;
	border-right:1px solid #bdbcbc;
	padding-left:22px;
}

table td.lastrow{
	border:none;
}

#distrointro{
	line-height:1.3;
	font-size:12px;
	float:left;
	margin:10px 0;
	padding:0 10px;
}

#distrointro p{
	line-height:1.3;
}

#distrointro a{
	color:#BA000B;
	font-weight:bold;
}

#cantfind{
	width:100%;
	float:left;
}

#cantfind h2,#distrointro h2,#leftdis h2,#rightcant h4{
	font-weight:bold;
	line-height:1.2;
	font-size:18px;
	color:#BA000B;
	text-transform:uppercase;
	margin-bottom:10px;
}

#leftcant{
	width:293px;
	padding:10px;
	margin-right:14px;
	background:#e1e1e1;
	float:left
}

#rightcant{
	width:293px;
	padding:10px;
	margin-top:10px;
	float:left;
	
}

span.smallprint{
	margin-top:7px;
	font-size:10px;
	display:block;
}

#rightcant p{
	line-height:1.3;
	font-size:12px;
	
}

#rightcant p a{
	font-weight:bold;
	color:#BA000B;
}

#thanks{
	background:#e1e1e1;
	padding:20px;
	float:left;
	width:922px;
}

#thanks h2{
	font-size:20px;
	color:#BA000B;
	text-transform:uppercase;
	margin:10px 0;
}

#thanks a{
	font-size:16px;
	color:#292929;
}


#ads{
	width:125px;
	float:right;
	margin:51px 22px 0 0;
}

#ads img{
	float:left;
	clear:left;
	margin:0;
	padding:10px 0;
	border-bottom: 1px dashed grey;
}

#gallerycontainer{
	float:left;
	width:810px;
	margin-top:-10px;
	z-index:1;
}

 #advertisingbox{
	 float:left;
	 width:100%;
	 padding:10px 15px 10px 15px;
	 background:#F3F3F3;
	 clear:left;
	 margin:18px 15px 0 0;
	 width:220px;
	 border:5px solid #d5d5d5;
 }
 
.adrow h2 a,.adrowlast h2 a{
	 font-size:12px;
	 line-height:1.3;
	 text-transform:uppercase;
	 color:#BA000B;
	 font-weight:bold;
	 text-decoration:none;
 }
 
 .adrow h2 a:hover,.adrowlast h2 a:hover{
	 color:#333;
 }
 
 .adrow h2,.adrowlast h2{
	 margin-top:5px;
 }
 
 .adrow{
	 float:left;
	 width:219px;
	 margin:5px 0;
	 padding-bottom:12px;
	 border-bottom:1px dashed #c1c1c1;
 }
 
 .adrow img,.adrowlast img{
	 float:left;
	 margin-right:13px;
 }
 
  .adrowlast{
	 float:left;
	 width:219px;
	 margin:5px 0;
	 padding:0;
	 border:none;
 }
 
 #adtext{
	 font-size:13px;
	 line-height:1.3;
	 margin-top:10px;
	 margin-bottom:10px;
 }
 
 #adtext p{
	 margin-bottom:12px;
 }
 
 #formbox1{
	 float:left;
	 background-color:#F3F3F3;
	 width:440px;
	 clear:left;
	 line-height:1.5;
	 padding:10px;
	 border:5px solid #d5d5d5;
 }
 
 
 #formbox2{
	 float:right;
	 background-color:#F3F3F3;
	 width:440px;
	 padding:10px;
	 line-height:1.5;
	 border:5px solid #d5d5d5;
 }
 
 #formbox1 a,#formbox2 a{
	 color:#BA000B;
 }
 
 #formbox1 h2,#formbox2 h2{
	 color:#BA000B;
	 font-size:16px;
	 margin:5px 0;
	 text-transform:uppercase;
	 font-weight:bold;
 }
	 
	 
.formtext{
	margin-top:8px;
}

.formtext h3{
	color:#BA000B;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:bold;
	
}

.formtext h4{
	color:#333;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.3;
	
}

.formtext span.disclaimer{
	font-size:10px;
}

.examples{
	float:left;
	clear:left;
	margin:20px 0 0 0;
}

.examples p{
	color:#BA000B;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
}

.examples p.small{
	color:#333;
	font-size:9px;
	text-transform:uppercase;
	line-height:1.5;
	font-weight:100;
	margin-bottom:5px;
}

.examples p.regs{
	color:#333;
	font-size:12px;
	text-transform:uppercase;
	line-height:1.3;
	margin-bottom:5px;
}

#adpic img{
	float:left;
}

#leftad{
	float:left;
	border-right: 1px dashed grey;
	padding-right:7px;
	margin:12px 15px 15px 0;
}

ul#stores{
	float:left;
	width:660px;
	list-style:none;
}

ul#stores li{
	float:left;
	font-size:10px;
	width:220px;
}

#linkscontainer{
	float:left;
	padding:10px;
	margin-right:5px;
}

ul.links{
	float:left;
	margin-right:15px;
	padding-right:15px;
	border-right:1px dashed grey;
	font-size:12px;
	line-height:1.4;
}

ul.linkslast{
	float:left;
	margin-right:0px;
	font-size:12px;
	line-height:1.4;
	border-right:1px dashed grey;
	padding-right:15px;
}

ul.links li a,ul.linkslast li a{
	color:#BA000B;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

ul.links li a:hover,ul.linkslast li a:hover{
	color:#434343;
	
}

ul.links li,ul.linkslast li{
	padding: 6px 10px;
	width:177px;
}


ul.links li.title,ul.linkslast li.title{
	color:#434343;
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
}

ul.links li:nth-child(2n+2),ul.linkslast li:nth-child(2n+2){
	background-color:#ececec;
}

/* --- Container configuration  for archives---------------------------------------------------------- */
.viewport {
    border: 3px solid #a9a9a9;
    float: left;
    height: 262px;
	margin:0;
    overflow: hidden;
    position: relative;
    width: 180px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
	text-decoration:none;
}

.viewport a img {
    height: 262px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 180px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 3.0em;
    font-weight: bold;
    height: 100%;
    padding-top: 110px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
    .viewport a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.8);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
    .dark-background em {
        color: #ccc;
    }

/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */
a.larger{
	color:#BA000B;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	margin-top:3px;
	margin-left:7px;
	font-size:11px;
}

a.larger:hover{
	color:#333;
}

a.issue{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	float:left;
	margin-top:6px;
	font-size:11px;
	margin-left:36px;
}

ul#covers{
	float:left;
	margin-top:10px;
	margin-left:20px;
}


li.archivelist{
	width:187px;
	float:left;
	padding:15px;
	border:1px dashed #9c9b9b;
	margin-right:15px;
	margin-top:15px;
	
}

li.archivelisttop{
	width:187px;
	float:left;
	padding:15px;
	margin-top:0;
	border:1px dashed #9c9b9b;
	margin-right:15px;
}

li.lastmag{
	margin-right:0!important;
	
}

ul#terms{
	float:left;
	line-height:1.3;
	font-size:12px;
}

ul#terms li{
	list-style:circle;
	margin-left:25px;
	margin-bottom:8px;
	margin-top:4px;
}
#tos p{
	margin-bottom:7px;
	line-height:1.3;
}

#tos p.space{
	margin-top:25px;
	font-weight:bold;
}

#tos{
	margin-top:15px;
}

.songtitle{
	margin-bottom:4px;
	margin-top:8px;
	width:225px;
	font-size:10px;
}

#sidead{
	float:right;
	margin-top:10px;
}

#sideadstaff{
	float:left;
	margin-top:10px;
	background-color:#cacaca;
	padding:3px;
}