
/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
	background: #222 url(images/bg.gif);
	color: #fff;
	padding: 13px 0 25px 0;
	}

body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	}


a:link {
	color: #ff0000;
	text-decoration:none
	}

a:hover {
	color:#fff;
	
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.95em;
	background:#eef5e1;
	padding:3px 6px;
	}

img, a:link img, a:visited img {
	border:0
	}
	
		

/* Structure */
#advert{
position:absolute;
top:85px; left: 495px;
}


#page {
	width:970px;
	margin:0 auto;
	font-size:0.7em;
	background:#000;
	padding: 10px 10px 10px 10px;
	}

#branding {
	position:relative;
	width:970px;
	height:180px;
	background: #000 url(images/butthead.jpg) no-repeat;
	
	}

.left {
	float:left;
	}

.right {
	float:right;
	}


	
#dvdcol {
	
	
	
	}

#banner{
clear:both;
background: #000 url(images/footer_img.jpg) no-repeat;
width:970px;
height:139px;
}


/* Headings */
h2{

}

	
	
/* Content */

#dvdcol{
margin:0;
padding:0;
}

.dvddisplay{
float: left;
width:191px;
margin: 5px 20px 5px 20px;

background-color:#ff0000;
}

.dvdthumb img{
border: 1px solid green;
background-color:#FFFF00;
padding:4px;
}

.dvddisplay p{
font: 1.1em/normal Arial, Helvetica, sans-serif;
text-align:center;
margin: 10px 0 0 0;
}



#content {
	width:970px;
	float:right;
	background-color:#333;
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}

.feature {
	background:#222;
	padding:15px;
	
	
	}

.feature:hover {
	background:#e9e9e9;
	}
	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	
	}
			
#leadpic {
	float:left;
	margin: 0 8px 18px 0;
	}

#lead {
	margin-top:22px;
	background: url(images/mainmag.jpg) no-repeat;
	height:362px;
	}
	
#lead a {
display:block;
height: 351px;
width: 610px;
text-decoration:none;
}

#lead a span {
visibility: hidden;
}


h3 a:link, h3 a:visited {
	color:#ff0000;
	text-decoration:none;
	}

/* main content area */

#magcol{
background:#333 url(images/BMC_logo.jpg) no-repeat;
background-position:85% 50%;
width:960px;
text-align:left;
padding:0px;
margin:5px;
}


dl{
margin:0px;
padding:10px;
}

dt{
font-size:28px;
color:#ff0000;
margin:0px;
padding:0px;
}

dd{
font-size:16px;
margin:0px;
padding:2px;
}

#mags{
background-color:#333;
width:960px;
height:3000px;
text-align:left;
padding:0px;
margin:5px;
}

#re_mags{
background-color:#333;
width:960px;
height:600px;
text-align:left;
padding:0px;
margin:5px;
}

/*  BEGIN magazine Styles ---------------------- */

.site{float:left;width:187px;padding:10px 25px;
}

.site a img{border:1px solid #eeeeee;padding:1px;width:183px;}

.site a:hover img{border:1px solid #ff0000;}

.site a:hover{color:#fff;}

.site strong{padding:3px 0 3px 4px;display:block;margin-bottom:2px;background-color:#000;}

.site a{color:#ff0000; text-decoration:none;}

/*  END magazine Styles ---------------------- */



.moremags{
clear:both;
margin:0px;
padding:0px;
}




	

/* Float Properties*/

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

.clearfloat {
	display:block
	}
	


/* Footer*/

#footer {
	margin: 0 auto;
	width: 970px;
	font-size:0.7em;
	padding-top:15px;
	color:#FFF;
	}

#footer a {
	color:#fff;
	text-decoration:none;
	}
	
	
	
/* Navigation */
#navspace{
	height: 10px;
    width:970px;
	background: #000 url(images/nav_1.jpg) repeat-x;
    overflow:hidden;
}

#navigation{
background: #fff url(images/navback.jpg) repeat-x;
width:970px;
height:28px;

}


#navigation ul{
margin:0;
padding:0;
}



#navigation ul li {
   margin:0;
   padding:0;
   display:block;
   float:left;
   list-style-type:none;
   }



#navigation ul li a {
   display:block;
   height:28px;
   width:75px;
   background:transparent url(images/home.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }


#navigation ul li#mag a {
   height:28px;
   width:125px;
   background-position: -66px 0;
   background:transparent url(images/mag.jpg) no-repeat;
   text-indent:-9009px;
   }


#navigation ul li#dvd a {
   height:28px;
   width:79px;
   background-position: -130px 0;
   background:transparent url(images/dvd.jpg) no-repeat;
   text-indent:-9009px;
   }


#navigation ul li#directors a {
   height:28px;
   width:117px;
   background-position: -196px 0;
   background:transparent url(images/director.jpg) no-repeat;
   text-indent:-9009px;
   }


#navigation ul li#books a {
   height:28px;
   width:85px;
   background-position: -273px 0;
   background:transparent url(images/books.jpg) no-repeat;
   text-indent:-9009px;
   }

#navigation ul li#digital a {
   height:28px;
   width:337px;
   background-position: -273px 0;
   background:transparent url(images/digital.jpg) no-repeat;
   text-indent:-9009px;
   }

#navigation ul li#contact a {
   height:28px;
   width:115px;
   background-position: -273px 0;
   background:transparent url(images/contact.jpg) no-repeat;
   text-indent:-9009px;
   }

   
      

#navigation ul li a:hover {
   background-position: 0 -40px;
   background:transparent url(images/home_ovr.jpg) no-repeat;
   }


#navigation ul li#mag a:hover {
   background-position: -66px -40px;
   background:transparent url(images/mag_ovr.jpg) no-repeat;
   }


#navigation ul li#dvd a:hover {
   background-position: -130px -40;
   background:transparent url(images/dvd_ovr.jpg) no-repeat;
   }


#navigation ul li#directors a:hover {
   background-position: -196px -40;
   background:transparent url(images/director_ovr.jpg) no-repeat;
   }


#navigation ul li#books a:hover {
   background-position: -273px -40;
   background:transparent url(images/books_ovr.jpg) no-repeat;
   }

#navigation ul li#digital a:hover {
   background-position: -273px -40;
   background:transparent url(images/digital_ovr.jpg) no-repeat;
   }

#navigation ul li#contact a:hover {
   background-position: -273px -40;
   background:transparent url(images/contact_ovr.jpg) no-repeat;
   }


/* SIDEBAR Navigation */

#directornav ul {
margin-bottom:15px;
}

#directornav ul li {
border-bottom:1px dotted #A6B3B9;
list-style-image:none;
list-style-type:none;
margin:0;
padding:5px 0 5px 25px;
}


#directornav ul li a {
font-weight:bold;
text-decoration:none;
}



#clearnav{
clear:both;
margin:0px;
padding:0px;
height:0;
overflow:hidden;
}	
	