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

#left_col{
	width:300px;
}

#zineimage{
	float:right;
	width:315px;
	text-align:	center;
}

/*#zineimage img{
	width:315px;
	height:440px;
}*/

#titles_header{
	font-size:14px;
}

#zine_titles ul{
	display:inline;
}

#zine_titles li{
	display: inline;
	padding-left: 5px; /* the width reserved for the background image */
	padding-right: 5px; /* the width reserved for the background image */
	background: url(/images/main_frame/list.gif) no-repeat 0px 2px; /* the "bullet"... adjust these numbers to taste */
}

.current_title{
	font-weight:bold;
}

#review{
	clear:left;
}

.titles{
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-align:left;
}

.header{
	clear:both;
	float:left;
	width: 70px;
	padding-bottom:0px;
	color:#333333;
}

.header{
	padding-top:1px;
}

/* Show only to IE7 */ *:first-child+html .header{   padding-top:1px; }

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.header{
	padding-top:0px;
}
}

#zinetitle, #author, #issue{
	font-size:16px;
	font-weight:normal;
	text-align:left;
	float:left;
	clear:none;
	width:200px;
	margin-top:-1px;
	/*background-color:red;*/
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#zinetitle, #author, #issue{
	margin-top:0px;
}
}

/* Show only to IE7 */ *:first-child+html #zinetitle{   margin-top:0px; }
/* Show only to IE7 */ *:first-child+html #author{   margin-top:0px; }
/* Show only to IE7 */ *:first-child+html #issue{   margin-top:0px; }

#zinetitle p{
	margin:0px;
}
	

#reviewtext{
	clear:left;
	text-align:justify;
	margin: 0px 0px 0px 5px;
}

#reviewtext a{
	font-weight:bold;
}

.description_filler{
	font-size:16px;
}

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.description_filler{
	font-size:14px;
}
}

.image_description{
	font-size:11px;
	color:#999999;
	margin_top:-7px;
	display:block;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

#big_name{
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}


/* GREY BOXES ----------------------------------------------------------*/
/* set the image to use and establish the lower-right position */ 
 .greybox, .greybox_body, .greybox_head, .greybox_head h2, .greybox_head h3, .greybox_head h4{ 
	background: transparent url(../images/main_frame/greybox.png) no-repeat bottom right;
	overflow:hidden;
	margin: 0px;
	padding:0px;
	/*color:#666666;*/
} 

 .greybox { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px -2px; /* use to position the box */ 
	width: 300px !important; /* intended total box width - padding-right(next) */ 
	width: 290px; /* IE Win = width - padding */ 
} 

/* set the top-right image */ 
 .greybox_head { 
	background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
 .greybox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
	font-size: 18px;
} 

/* ALTERNATIVE WHEN NO HEADING! */
/* set the top-left image */ 
 .greybox_head h3 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 2px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 0px;
} 

	/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.greybox_head h3 {  
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
} 
}

/* set the top-left image */ 
 .greybox_head h4 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */ 
 .greybox_body { 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	margin-top: 0px;
	padding: 0px 0px 10px 10px; /* mirror .greybox_head right/left */ 
	font-size:12px;
	
}

 .greybox_body p{ 
 	margin: 0px 0px 0px -5px;
}