/* CSS Document */

/*--------------------------
BROWSER FIXERS
--------------------------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }



/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


body {
	background-color:#ffffff;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	
	}
	
	
div#site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 1118px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}
	
div#logo_container {
	width: 850px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 220px;
	position: relative;
	float: left;
	background-color: #a5a5a5;
	}
	
div#spacer_border {
	width: 850px;
	height:10px;
	background-color: #FFFFFF;
	float: left;
	}	
	
div#body_con {
	width: 850px;
	height: 690px;
	background-color: #e1e1e1;
	float: left;
	}	


	
	
/*------------
NAV 
-------------*/

div#nav_container {
	width: 850px;
	height: 45px;
	background-color: #000000;
	}
	
div.nav1 {
float: left;
height: 45px;
width: 113px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_01.jpg);
}

div.nav1 a, div.nav1 a:link, div.nav1 a:visited {display:block;}

div.nav1 img {width:100%;height:100%;border:0;}

div.nav1 a:hover img {visibility:hidden;}
/*End button 1*/

/*Start button 2*/
div.nav2 {
float: left;
height: 45px;
width: 116px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_02.jpg);  
}

div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}

div.nav2 img {width:100%;height:100%;border:0;}

div.nav2 a:hover img {visibility:hidden;}

/*End button 2*/

/*Start button 3*/
div.nav3 {
float: left;
height: 45px;
width: 147px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_03.jpg);
}

div.nav3 a, div.nav3 a:link, div.nav3 a:visited {display:block;}

div.nav3 img {width:100%;height:100%;border:0;}

div.nav3 a:hover img {visibility:hidden;}


/*End button 3*/

/*Start button */
div.nav4 {
float: left;
height: 45px;
width: 102px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_04.jpg);  
}

div.nav4 a, div.nav4 a:link, div.nav4 a:visited {display:block;}

div.nav4 img {width:100%;height:100%;border:0;}

div.nav4 a:hover img {visibility:hidden;}
/*End button 4*/

div.nav5 {
float: left;
height: 45px;
width: 117px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_05.jpg);  
}
div.nav5 a, div.nav5 a:link, div.nav5 a:visited {display:block;}

div.nav5 img {width:100%;height:100%;border:0;}

div.nav5 a:hover img {visibility:hidden;}

div.nav6 {
float: left;
height: 45px;
width: 117px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_06.jpg);  
}
div.nav6 a, div.nav6 a:link, div.nav6 a:visited {display:block;}

div.nav6 img {width:100%;height:100%;border:0;}

div.nav6 a:hover img {visibility:hidden;}

div.nav7 {
float: left;
height: 45px;
width: 138px;
padding:0;
background-image: url(http://northendscene.com/assets/images/nav_on_07.jpg);  
}
div.nav7 a, div.nav7 a:link, div.nav7 a:visited {display:block;}

div.nav7 img {width:100%;height:100%;border:0;}

div.nav7 a:hover img {visibility:hidden;}	
	
/*------------
FOOTER STUFF 
-------------*/	
	
div#footer {
	width: 845px;
	height: 173px;
	padding-left: 5px;
	background-color: #FFFFFF;
	margin-bottom: 50px;
	float: left;
	}
	
div#footer img {
	float: left;
	}
	
div#footer_contact_info {
	width: 315px;
	height: 170px;
	float: left;
	padding-top: 10px;
	padding-left: 8px;
	}
	
div#footer_text {
	height: 100px;
	width: 328px;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	line-height: 21px;
	float:left;
	text-align: left;
	font-family: arial, Arial, sans-serif;
	padding-left: 5px;
	}
	
div#footer_text h2 {
	color:#00cccc;
	font-size: 11px;
	margin-bottom: 0;
	padding-bottom: 0; 
	float: left;
	padding-top: 0px;
	}
	
div#footer_text a {
	color:#0099CC;
	}

	

/*------------
HOME STUFF 
-------------*/
	
div#home_con {
	width: 850px;
	background: #e1e1e1;
	height: 660px;
	float: left;
	}	
	
div#home_img_con {
	width: 500px;
	background: #e1e1e1;
	height: 690px;
	float: left;
	}	
	
div#home_mag_con {
	width: 350px;
	background: #e1e1e1;
	height: 155px;
	position: realtive;
	float: right;
	}	
		
div#home_button_con {
	width: 350px;
	background: #e1e1e1;
	height: 300px;
	position: realtive;
	float: right;
	}		
/*------------
CURRENT ISSUE 
-------------*/

div#current_site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 1254px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}

div#current_issue_con {
	width: 850px;
	height: 796px;
	background-color: #e1e1e1;
	}	

div#cover_row {
	width: 850px;
	height: 378px;
	background-color: e1e1e1;
	}

div#cover_con {
	width: 283px;
	height: 378px;
	float: left;
	}

div#spread_con {
	width: 283px;
	height: 189px;
	float: left;
	}	
	
div#spreads_row {
	width: 850px;
	height: 189px;
	float: left;
	}
	
div#H_space_850x20 {
	width: 850px;
	height: 20px;
	background-color:#e1e1e1;
	float: left;
	}
	

div#H_space_850x20w {
	width: 850px;
	height: 20px;
	background-color:#ffffff;
	float: left;
	}	

/*------------
CONTACT 
-------------*/

div#Contact_site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 898px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}

div#contact_con {
	width: 850px;
	height: 670px;
	background-color: #e1e1e1;
	}	
	
div#contact_staff_con {
	margin-top: 18px;
	margin-left: 30px;
	width: 200px;
	height: 370px;
	float: left;
	padding-left: 35px;
	padding-top: 15px;
	padding-right: 15px;
	font-size: 14px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #e1e1e1;
	
	}
	
div#contact_staff_con h1 {
	text-align: left;
	color: #b5975b;
	font-size: 17px;
	}
	
div#contact_staff_con a:link {
	color: #b5975b;
	text-decoration: none;
	}

div#contact_staff_con a:visited {
	color: #b5975b;
	text-decoration: none;
	}

div#contact_staff_con a:active {
	color: #b5975b;
	text-decoration: none;
	}
	
div#contact_staff_con a:hover {
	color: #0099FF;
	text-decoration: none;
	}

div#contact_form_con {
	width: 480px;
	height:440px;
	float:left;
	}


/*------------
ABOUTUS 
-------------*/	
div#about_site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 968px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}

div#About_page_con {
	width: 850px;
	height: 470px;
	background-color: #e1e1e1;
	float: left;
	}
	
	
div#About_header {
	
	font-size: 16px;
	float: left;
	}	
	
div#About_thumbs_con {
	width: 510px;
	height: 300px;
	text-align: justify;
	padding-left: 25px;
	line-height:120%;
	padding-right: 30px;
	float: left;
	margin-top: 15px;
	background-color: #e1e1e1;
	}
	
div#About_thumbs_con h1 {
	padding: 0px;
	
	text-align: left;
	color: #b5975b;
	font-size: 17px;
	}	
	
div#About_thumb {
	width: 140px;
	height: 175px;
	float: left;
	
	}
	
div#About_info_con { 
	width: 270px;
	height: 400px;
	padding-top: 15px;
	float: left;
	background-color: #e1e1e1;
		
	margin-left:4px;
	}
	
div#About_info_con p {
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	}

div#About_info_con li {
	font-size: 11px;
	text-align: left;
	}
	
div#About_info_con h1 {
	padding: 0px;
	padding-left: 10px;
	text-align: left;
	color: #b5975b;
	font-size: 17px;
	}	
	
/*------------
ADVERTISING 
-------------*/

div#AD_site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 1398px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}

div#AD_page_con {
	width: 850px;
	height: 900px;
	background-color: #ffffff;
	float: left;
	}
	
div#Ad_thumbs_con {
	width: 560px;
	height: 875px;
	float: left;
	margin-top: 15px;
	background-color: #ffffff;
	}
	
div#AD_thumb {
	width: 140px;
	height: 175px;
	float: left;
	
	}
	
div#AD_info_con { 
	width: 270px;
	height: 894px;
	padding-top: 15px;
	float: left;
	background-color: #ffffff;
		
	margin-left:4px;
	}
	
div#AD_info_con p {
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	}

div#AD_info_con li {
	font-size: 11px;
	text-align: left;
	}
	
div#AD_info_con h1 {
	padding: 0px;
	padding-left: 10px;
	text-align: left;
	color: #b5975b;
	font-size: 17px;
	}
	
	
/*------------
SUBSCRIBE STUFF 
-------------*/	

div#subscribe_site_container {
    font-family: verdana; 	
	margin: 0 auto;
	margin-top: 45px;	
	position: relative;
	width: 850px;
	height: 898px;
	text-align: center;
	border: 1px;
	border-top-style:solid;
	
	border-right-style:solid;
	
	border-bottom-style:solid;
	
	border-left-style:solid;
	
	}

div#Subscribe_form h1 {
	padding: 0px;
	padding-left: 68px;
	text-align: left;
	color: #b5975b;
	font-size: 17px;
	}
	

div#Subscribe_body_con {
	width: 850px;
	float: left;
	height: 440px;
	background-color: #e1e1e1;
	}	
	
div#Subscribe_image {
	width: 360px;
	float: left;
	height: 440px;
	background-color: #e1e1e1;
	}		
	
div#Subscribe_form {
	width: 410px;
	float: left;
	height: 440px;
	padding-right: 20px;
	background-color: #e1e1e1;
	}	
	
div#subscribe_form_con {
	width: 410px;
	height:440px;
	padding-right: 20px;
	float:left;
	}

/*--------------------------
LIGHTBOX
--------------------------*/

	
	
	
#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0; }
	
#lightbox img {
	width: auto; 
	height: auto;  }
	
#lightbox a img { 
	border: none; }

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; }
	
#imageContainer{ padding: 10px; }

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; }
	
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; }

#imageContainer>#hoverNav { 
	left: 0;  }

#hoverNav a { 
	outline: none;}

#prevLink, #nextLink { 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }

#prevLink { 
	left: 0; 
	float: left;  }

#nextLink { 
	right: 0; 
	float: right;  }

#prevLink:hover, #prevLink:visited:hover { 
	background: url(http://www.northendscene.com/assets/images/lightbox/prevlabel.gif) left 15% no-repeat; }
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(http://www.northendscene.com/assets/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; }

#imageData {	
	padding:0 10px; 
	color: #666; }

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; }	

#imageData #caption { 
	font-weight: bold;	}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}	
			
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;  }	 	

#overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; }