body {
	margin: 0;
	background: #c7c7c7 url('../img/wrapper/bars.jpg') repeat-x 0px 0px;
	}

#page-wrapper3 {
	background: transparent url('../img/wrapper/topmiddle.jpg') no-repeat 50% 0px;
	}
#page-wrapper3.preview {
	background: transparent url('../img/wrapper/topmiddle.jpg') no-repeat 50% 0px;
	margin-top: 75px;
	}
#page-wrapper2 {
	background: transparent url('../img/wrapper/shadow.png') repeat-y 50% 100%;
	}
#page-wrapper1 {
	background: transparent url('../img/wrapper/stone.jpg') repeat-x 50% 146px;
	}
#page-area {
	overflow:visible;
	margin: 0px auto 0px auto;
	width: 998px;
	min-width: 998px;
}

#masthead {
	float: left;
	color: #fff;
	width: 100%;
	height: 58px;
	font-size: 10px;
}
	#header_links{
		width: 50%;
		float: left;
		text-align: left;
		margin-top: 40px;
		height: 58px;
		}
	#header_links a{
		color: #fff;
		}
	#logout_header{
		margin-top: 40px;
		width: 50%;
		float: left;
		text-align: right;
		vertical-align: bottom;
		height: 58px;
		color: #fff;
		}
	#logout_header input{
		font-size: 10px;
		padding: 0px;
		border: 1px solid #892034;
		background-color: #fff;
		text-decoration: none;
		font-weight: bold;
		color: #892034;
		}
	#logout_header input.text_submit{
		font-size: 10px;
		padding: 0px;
		border: none;
		background: transparent;
		text-decoration: underline;
		color: #fff;
		background-image: none;
		cursor: pointer;
		}
	#logout_header form{
		display: inline;
		}
	
#content_area {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0x;
	text-align: left;
	background-color: #eeeeee;
}


/*HOME PAGE*/



#issues{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: transparent url('../img/bg_issues.jpg') no-repeat;
	}
	#issues_subContainer{
		background-color: transparent;
		float: left;
		width: 100%;
		}
		#subscribe{
			float: left;
			height: 101px;
			width: 100%;
			z-index: 199;
			position: relative;
			}
		#subscribe img{
			border: 0px;
			}
		#subscribe a{
			background: transparent url(../img/subscribe.png) no-repeat;
		  	background-position: center;
		  	width: 122px;
		  	height: 123px;
		  	float: right;
			}
		#subscribe a:hover{
			background: transparent url(../img/subscribe_hover.png) no-repeat;
		  	background-position: center;
		  	width: 122px;
		  	height: 123px;
		  	float: right;
			}
		
		/* Horizontal Carousel */
		#horizontal_carousel {
		  float: left;
		  width: 95%;
		  height: 200px;
		  margin-top: 0px;
		  position: relative;
		  padding: 0px 0% 0px 4%;
		}
		#horizontal_carousel .container {
		  float: left;
		  position: relative;    
		  overflow: hidden;
		  width: 91%;
		  background: transparent url(../img/back_bg_hz.png) repeat-y;
		  background-position: center;
		}
		#horizontal_carousel ul {
		  margin: 0;
		  padding:0;
		  width: 100000px;
		  position: relative;
		  top: 0;
		  left: 0;
		  float: left;
		}                      
		
		#horizontal_carousel ul li {
		  width: 250px;
		  height: 240px;
		  text-align: center; 
		  list-style:none;   
		  float:left;
		}
		#horizontal_carousel .previous_button {
		  float:left;  
		  width: 21px;
		  height: 144px; 
		  margin-top:45px;
		  background: transparent url(../img/left.png) no-repeat;
		  background-position: right;
		  z-index: 100;
		  cursor: pointer;
		}
		#horizontal_carousel .previous_button_over {
		  background-image: url(../img/left_over.png);
		  background-position: right;
		}
		
		#horizontal_carousel .previous_button_disabled {
		  background-image: url(../img/left_disabled.png);
		  cursor: default;
		}
		
		#horizontal_carousel .next_button {
		  float:left;  
		  width: 21px;
		  height: 144px; 
		  margin-top:45px;
		  background-color: red;
		  background: transparent url(../img/right.png) no-repeat;
		  background-position: left;
		  z-index: 100;
		  cursor: pointer;
		}
		
		#horizontal_carousel .next_button_over {
		  background-image: url(../img/right_over.png);
		  background-position: left;
		}
		
		#horizontal_carousel .next_button_disabled {
		  background-image:  url(../img/right_disabled.png);
		  background-position: left;
		  cursor: default;
		}

	#issue{
		float: left;
		text-align: center;
		margin: 0px 20px 0px 20px;
		width: 130px;
		}
		#issue img{
			display: block;
			margin: 3px 0px 3px 0px;
			border: 0px;
			}
		#issue a{
			display: block;
			width: 100%;
			text-decoration: none;
			background-color: none;
			height: 189px;
			padding: 5px 0px 5px 6px;
			background-image: url(../img/issue_shadow.png);
			background-repeat: no-repeat;
			background-position: center right;
			}
		#issue a.highlight{
			background-image: none;
			background-color: #F7E7C6;
			border-bottom: 1px solid #F7E7C6;
			}
		#issue a:hover{
			background-color: #F7E7C6;
			
			}
		#issues a#older{
			float: left;
			margin: 50px 20px 0px 20px;
			width: 70px;
			color: #fff;
			background-image: url('../img/more.png');
			height: 74px;
			background-position: top left;
			background-repeat: no-repeat;
			display: block;
			position: relative;
			z-index: 999;
			}
		#issues a#older:hover{
			background-image: url('../img/more_hover.png');
			}
			
			
			
			
			
#inside_issue{
	float: left;
	width: 100%;
	/*border-top: 1px solid #cccccc;*/
	background-color: #fff7e7;
	}
	#inside_issue_menu{
		float: left;
		width: 100%;
		background-color: #f7e7c6;
		border-bottom: 1px solid #ffcc66;
		padding: 7px 0px 7px 0px;
		text-indent: 35px;
		font-size: 11px;
		}
		#inside_issue_menu h1{
			margin: 0px 20px 0px 0px;
			padding: 0px;
			font-size: 12px;
			color: #000;
			display: inline;
			}
		#inside_issue_menu a{
			margin: 0px 10px 0px 10px;
			text-decoration: underline;
			}
		#inside_issue_menu a:hover{
			text-decoration: none;
			}
		 a.title{
			color: #e86b10;
			font-size: 12px;
			}
/*FEATURE STORY*/
#feature_story{
	float: left;
	width: 42%;
	padding: 0px 3% 10px 3%;
	font-size: 11px;
	}
	#feature_story img{
		margin: 0px 0px 0px 0px;
		width: /*99.5%;*/ 410px;
		float: left;
		border-top: 1px solid #F7E7C6;
		border-left: 1px solid #F7E7C6;
		border-right: 1px solid #F7E7C6;
		
		}
	#feature_story p{
		margin: 0px;
		padding: 0px 3px 0px 3px;
		float: left;
		background-color: #ffffee;
		border: 1px solid #F7E7C6;
		font-style: italic;
		}
	#feature_story h1{
		margin-bottom: 5px;
		}
/*STORIES ON HOMEPAGE*/
#stories_area{
	float: left;
	margin: 20px 0px 20px 0px;
	width: 50%;
	}
	#stories_area h2{
		font-size: 12px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
ul#stories_list{
	color: #892034;
	float: left;
	margin: 0px;
	padding: 0px;
	}			
	li#story_list{
		margin: 0px;
		padding: 0px;
		list-style: none;
		border-bottom: 1px dashed #ccc;
		}	
a.releaseType{
	color: #aaa;
	font-size: 11px;
	}		
#releases{
	float: left;
	display: block;
	width: 100%;
	padding: 0px 0% 0px 0%;
	background-color: #fff;
	border-bottom: 1px solid #ffcc66;
	}
	#release{
		float: left;
		width: 41%;
		text-align: left;
		padding: 15px 3% 15px 5%;
		height: 80px;
		background-color: #fff;
		border-bottom: 1px dashed #ccc;
		}
	#release.border{
		border-right: 1px solid #ffcc66;
		}
		#release h1{
			color: #892034;
			margin: 0px;
			padding:0px;
			font-size: 16px;
			font-family: Eurostile;
			text-decoration: none;
			font-weight: bold;
		}
		#release h2{
			color: #e86b10;
			margin: 0px;
			padding:0px 0px 8px 0px;
			font-size: 14px;
			font-weight: normal;
			font-family: Eurostile;
		}
		#release p{
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			}
#grey_box{
	float: left;
	display: block;
	width: 96%;
	background-color: #f7e7c6;
	padding: 0px 2% 0px 2%;
	}
	#subscription_info{
		float: left;
		width: 40%;
		padding: 15px 0px 5px 0px;
		}
		#subscription_info p.note{
			font-size: 10px;
			padding: 0px;
			margin: 0px;
			}
	#people{
		float: left;
		width: 60%;
		text-align: right;
		padding: 15px 0px 5px 0px;
		}
	#people h1{
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		}
	#people h2{
		font-size: 11px;
		padding: 0px;
		margin: 0px;
		color: #333;
		display: inline;
		}
	#people h3{
		font-size: 11px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font-weight: normal;
		font-style: italic;
		color: #333;
		display: inline;
		}
/*styles for release pages*/
#story_wrapper{
	float: left;
	width: 100%;
	padding: 79px 0px 0px 0px;
	background: transparent url('../img/release_page_bg.jpg') no-repeat;
	background-color: #f7e7c6
	}
	#story_area{
		float: left;
		background-color: #ffffff;
		width: 770px;
		}
		#story_area h1{
			font-family: impact;
			color: #e86b10;
			font-weight: normal;
			margin: 20px 20px 5px 50px;
			}
		#story_area h2{
			font-family: impact;
			color: #892034;
			font-weight: normal;
			margin: 5px 20px 10px 50px;
			}
		#story_area h3.date{
			float: left;
			display: block;
			width: 93.5%;
			text-align: right;
			font-size: 11px;
			margin:15px 3% 15px 3%;
			padding: 0px;
			color: #222;
			}
		#story{
			float: left;
			margin: 10px 20px 10px 0px;
			padding: 20px 0px 10px 50px;
			background-image: url('../img/divider.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			text-align: justify;
			color: #000;
			}
			#story p{
				margin: 10px 50px 0px 0px;
				padding: 0px;
				}
			#story img{
				margin: 10px;
				}
			#story h2{
				margin: 10px 0px 5px 0px;
				border-bottom: 1px solid #e86b10;
				}
			#story h3{
				margin: 10px 0px 0px 0px;
				color: #e86b10;
				font-size: 12px;
				padding: 0px;
				border-bottom: 1px dashed #892034;
				}
/*NAV BAR STYLES*/
	#nav_bar{
		float:left;
		background-color: #f7e7c6;
		width: 227px;
		margin: 128px 0px 0px 0px;
		font-size: 11px;
		}
		#nav_bar h1.heading{
			margin: 0px 0px 0px 10px;
			font-size: 11px;
			color: #000;
			}
		#nav_bar a{
			display: block;
			width: 100%;
			}
		#nav_bar a.link{
			font-size: 11px;
			margin: 0px 0px 0px 20px;
			}
		#inside_issue_box{
			float: left;
			width: 90%;
			background-color: #FBF3E3;
			margin: 15px 0px 15px 0px;
			padding: 10px 5% 10px 5%;
			border-top: 1px dashed #fff;
			border-bottom: 1px dashed #fff;
			font-size: 11px;
			}
			#inside_issue_box img{
				width: 50px;
				margin: 0px 7px 5px 0px;
				display: inline;
				border: none;
				}
			#inside_info{
			float: left;
			}
			#inside_issue_box h1{
				font-size: 12px;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				display: inline;
				}
			#inside_issue_box h2{
				margin: 10px 0px 0px 0px;
				display: block;
				font-size: 10px;
				padding: 0px;
				color: #000;
				}
			#inside_issue_box ol{
				margin: 0px 0px 0px 0px;
				padding: 0px;
				display: block;
				list-style: none;
				}
			#inside_issue_box li{
				margin: 0px;
				padding: 0px;
				width: 100%;
				list-style: none;
				}
				#inside_issue_box a.release_links{
					color: #e86b10;
					text-decoration: underline;
					display: inline;
					}
				#inside_issue_box a.release_links:hover{
					text-decoration: none;
					}

/*styles for search results*/
#search_wrapper{
	float: left;
	width: 100%;
	padding: 79px 0px 0px 0px;
	background: transparent url('../img/release_page_bg.jpg') no-repeat;
	background-color: #f7e7c6;
	}	
	#search_wrapper h1{
		font-size: 14px;
		margin: 30px 0px 0px 20px;
		}
	#search_results{
		float: left;
		display: block;
		background-color: #ffffff;
		width: 770px;
		padding: 0px 0px 20px 0px;
		}
		#search_results h1{
			margin: 5px 0px 0px 20px;
			padding: 0px;
			font-size: 10px;
			color: #000;
			}
	#search_result{
		float:left;
		display: block;
		margin: 10px 5% 0px 5%;
		border-bottom: 1px dashed #ccc;
		padding: 0px 0px 10px 0px;
		width: 90%;
		}
		#search_result h1{
			font-size: 12px;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}
		#search_result h2{
			display: inline;
			font-size: 10px;
			margin: 0px 0px 0px 15px;
			color: #e86b10;
			}
		#search_result p{
			margin: 0px 0px 0px 15px;
			padding: 0px;
			font-style:italic;
			font-size: 11px;
			}

/*styles for inside_issue pages*/
#issues.inside{
	float: left;
	width: 100%;
	padding: 75px 0px 0px 0px;
	background: transparent url('../img/bg_issues.jpg') no-repeat;
	background-color: #fff;
	}

#beige_box{
	width: 100%;
	float: left;
	background-color: #fff;
	display: block;
	}
#inside_this_issue{
	float: right;
	width: 270px;
	background-color: #f7e7c6;
	margin-top: -75px;
	margin-right: 30px;
	display: block;
	background: #f7e7c6 url('../img/issue_home_bg.jpg') no-repeat top center;
	padding: 107px 3px 3px 3px;
	border-right: 1px solid #892034;
	border-left: 1px solid #892034;
	border-bottom: 1px solid #892034;
	text-align: center;
	font-size: 11px;
	
	}
	#inside_this_issue img{
		width: 248px;
		height: 320px;
		margin-bottom: 15px;
		display: block;
		margin-left: 11px;
		}
#releases.wide{
	float: left;
	display: block;
	width: 60%;
	padding: 20px 0% 0px 0%;
	background-color: #fff;
	border-bottom: none;
	}
	#release.wide{
		float: left;
		width: 100%;
		text-align: left;
		padding: 5px 3% 5px 5%;
		background-color: #fff;
		}

#volumeSpecs{
	float: left;
	width: 100%;
	}
	div#archives{
		float: left;
		width: 97%;
		padding-left: 3%;
		}
	div#archive_issue{
		float: left;
		display: block;
		padding: 0px 5px 5px 5px;
		width: 130px;
		}
	div#archive_issue h1{
		margin: 0px;
		font-size: 12px;
		text-align: center;
		display: block;
		}

/*for login*/
.half{
	float: left;
	margin-left: 20px;
	}
	.half input{
		margin: 0px 0px 5px 5px;
		}

#footer,
#sub-footer {
	line-height: 0px;
	clear: both;
	}

#footer {
	margin: 0px auto 0 auto;
	padding: 0px 5px 5px 5px;
	width: 998px;
	background: transparent url('../img/footer.jpg') no-repeat top center;
	color: #333;
	vertical-align: middle;
	line-height: 1.0em;
	height: 45px;
	font-size: 10px;
	}

	#footer_logos{
		margin: 12px 0px 0px 5px;
		float: left;
		width: 33%;
		text-align: left;
		}
		#footer_logos img{
			height: 20px;
			}
	#footer_links{
		margin: 5px 5px 0px 0px;
		float: left;
		width: 66%;
		text-align: right;
		}
		
		

