/******************************************* GLOBAL */
html, body
{
margin: 0px; padding: 0px;
background-color:
}
a, a img
{
border: none; outline: none;	
}
.y_axis
{
width: 10px; height: 10px;
clear: both;
}
.x_axis
{
width: 10px; height: 10px;
float: left;
}
/******************************************* SHELL */
#outside_shell
{
width: 980px;
margin: 0px auto;
position: relative;
}
#inside_shell
{
width: 100%;
/*background-color: rgb(255,0,0);*/
float: left;
}
/******************************************* BANNER */
#banner
{
width: 100%; height: 190px;
position:relative;
float: left;
}
	#fold_left
	{
	width: 10px; height: 35px;
	background:url(../images/banner/fold_left.png);
	position: absolute; left: -10px; bottom: 0px;
	}
	#fold_right
	{
	width: 10px; height: 35px;
	background: url(../images/banner/fold_right.png);
	position: absolute; right: -10px; bottom: 0px;
	}
/******************************************* NAVIGATION */
#nav
{
width: 100%; height: 45px;
position:relative;
float:left;
background-color: rgb(0,0,0);
}
/******************************************* LINK */
	.link
	{
	width: 196px; height: 45px;
	margin: 0px;
	float: left;
	}
	#link1 {background: url(../images/nav/current_issue_up.png);}
	#link1 a:hover img {background: url(../images/nav/current_issue_dn.png);}
	#link2 {background: url(../images/nav/about_us_up.png);}
	#link2 a:hover img {background: url(../images/nav/about_us_dn.png);}
	#link3 {background: url(../images/nav/archive_up.png);}
	#link3 a:hover img {background: url(../images/nav/archive_dn.png);}
	#link4 {background: url(../images/nav/videos_up.png);}
	#link4 a:hover img {background: url(../images/nav/videos_dn.png);}
	#link5 {background: url(../images/nav/contact_up.png);}
	#link5 a:hover img {background: url(../images/nav/contact_dn.png);}
/******************************************* DIVIDERS */
	.divider
	{
	width: 2px; height: 35px;
	background:url(../images/nav/divider.png);
	position: absolute; top: 5px; z-index: 2;
	}
	#divider1{left: 195px;}
	#divider2{left: 391px;}
	#divider3{left: 587px;}
	#divider4{left: 783px;}
/******************************************* DIVIDERS */
#extra p
	{
	margin: 0px; padding: 0px;
	font: 11px/14px Verdana, Geneva, sans-serif;
	text-align: center;	
	}
#extra p a
	{
	text-decoration: none;
	color: rgb(0,128,255);
	}
/******************************************* TEASER_BOX */
#teaser_box
{
width: 520px; height: 400px;
background:url(../images/alpha15.png) rgb(185,1,61);
position: relative;
float:left;
}
/******************************************* TEASER_VIDEO */
	#teaser_video
	{
	width: 480px; height: 360px;
	margin: 15px auto 0px auto;
	padding: 5px; 
	background-color: rgba(255,0,83,.4);
	}
/******************************************* ZINE_BOX */
#zine_box
{
width: 450px; height: 400px;
background-color: rgb(242,242,242);
float: left;
}
/******************************************* ZINE_COVER */
	#zine_cover
	{
	width: 100%; height: 320px;
	float:left;
	}
/******************************************* ZINE_TAB */
	#zine_tab
	{
	width: 100%; height: 80px;
	background:url(../images/zine_tab.png);
	position: relative;
	float: left;
	}
/******************************************* ZINE_TAB */
		#zine_fold
		{
		width: 10px; height: 90px;
		background: url(../images/zine_fold.png);
		position: absolute; right: -10px; bottom: 0px;
		}
/******************************************* ZINE_BUTTON */	
		#zine_button
		{
		width: 225px; height: 50px;
		margin: 15px auto 0px auto;
		background: url(../images/buttons/zine_button_up.png);
		}
		#zine_button a:hover img
		{
		background: url(../images/buttons/zine_button_ov.png);
		}
		#zine_button a:active img
		{
		background: url(../images/buttons/zine_button_dn.png);
		}
/******************************************* FF_LEFT */
#ff_left
{
width: 225px; height: 240px;
float:left;
}
/******************************************* FF_PHOTO */
	#ff_photo
	{
	width: 100%; height: 180px;
	background:url(../images/ff_photo.jpg) rgb(242,242,242);
	float: left;
	}
/******************************************* FF_BUTTON */
	#ff_button
	{
	width: 100%; height: 50px;
	background: url(../images/buttons/ff_button_up.png) rgb(242,242,242);
	float: left;
	}
	#ff_button a:hover img
	{
	background: url(../images/buttons/ff_button_ov.png);
	}
	#ff_button a:active img
	{
	background: url(../images/buttons/ff_button_dn.png);
	}
/******************************************* FF_RIGHT */
#ff_right
{
width: 335px; height: 240px;
float: left;
}
/******************************************* FF_CREDIT */
	#ff_credit
	{
	width: 100%; height: 40px;
	background: url(../images/ff_credit.png) rgb(2,171,202);
	float: left;
	}
/******************************************* FF_TEXT */
	#ff_text
	{
	width: 335px; height: 190px;
	background: url(../images/ff_text.png) rgb(242,242,242) no-repeat;
	overflow: auto;
	float: left;
	}
	iframe#feature
	{
	width: 335px; height: 190px;
	overflow:auto;
	float: left;
	}
		#ff_text p
		{
		margin: 0px 10px 0px 10px; padding: 10px 0px;
		font: 11px/14px Verdana, Geneva, sans-serif;
		text-align: left;
		color: black;	
		}
/******************************************* INDEX_BOX */
#index_box
{
width: 400px; height: 240px;
float: left;
}
/******************************************* INDEX_TITLE */
	#index_title
	{
	width: 100%; height: 40px;
	background: url(../images/index_title.png) rgb(0,0,0);
	float:left;
	}
/******************************************* INDEX_TEXT */
	#index_text
	{
	width: 400px; height: 190px;
	background: url(../images/index_text.png) rgb(242,242,242) no-repeat;
	float: left;
	}
	iframe#list
	{
	width: 400px; height: 190px;
	overflow:auto;
	float: left;
	}
	#index_text ul
	{
	width: 383px;
	margin: 0px; padding: 10px 0px;
	list-style-type: none;
	}
	#index_text ul li
	{
	margin-left: 10px;
	font: 9px/14px  Verdana, Geneva, sans-serif;
	text-align: left;
	color: black;
	}
/******************************************* ZINE, VIDEO */	
.zine, .video
{
width: 160px;
margin: 0px 20px 0px 0px;
padding: 10px 10px 0px 10px;
background: url(../images/alpha15.png);
float:left;
}
	.edge
	{
	margin: 0px 0px 0px 0px !important;	
	}
	.blue
	{
	background-color: rgb(2,171,202);
	}
	.pink
	{
	background-color: rgb(195,2,180);	
	}
	.gray
	{
	background-color: rgb(99,99,99);	
	}
	.zine img, .video img
	{
	margin: 0px 0px 5px 0px;
	float: left;
	}
	.zine p, .video p
	{
	width: 150px;
	margin: 0px; padding: 5px;
	font: 10px/12px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: rgb(255,255,255);
	background-color: rgb(0,0,0);
	float: left;
	}
	.zine img.read_button
	{
	background:url(../images/buttons/read_button_up.png);	
	}
	.zine a:hover img.read_button
	{
	background:url(../images/buttons/read_button_ov.png);		
	}
	.zine a:active img.read_button
	{
	background:url(../images/buttons/read_button_dn.png);		
	}
	.video img.watch_button
	{
	background:url(../images/buttons/watch_button_up.png);	
	}
	.video a:hover img.watch_button
	{
	background:url(../images/buttons/watch_button_ov.png);		
	}
	.video a:active img.watch_button
	{
	background:url(../images/buttons/watch_button_dn.png);		
	}
/******************************************* LANDSCAPE_BOX */
#landscape_box
{
width: 980px; height: 333px;
background:url(../images/alpha15.png) rgb(185,1,61);
position: relative;
float:left;
}
/******************************************* LANDSCAPE_PHOTO */
	#landscape_photo
	{
	width: 940px; height: 293px;
	margin: 20px 0px 0px 20px;	
	}
/******************************************* ABOUT_US */
.about_us
{
width: 485px;
float: left;
}
	.about_us img
	{
	margin: 0px 0px 10px 0px;
	background-color: rgb(2,171,202);
	}
	.about_us p
	{
	margin: 0px; padding: 0px;
	font: 11px/18px Verdana, Geneva, sans-serif;
	text-align: left;
	color: black;	
	}
/******************************************* ABOUT_US [MASTHEAD]*/
	.about_us ul
	{
	width: 155px;
	/*background-color: rgb(242,242,242);*/
	margin: 0px; padding: 0px;
	list-style-type: none;
	float: left;
	}
	.about_us ul li
	{
	margin-bottom: 10px;
	font: 11px/18px  Verdana, Geneva, sans-serif;
	text-align: right;
	color: black;
	}
/******************************************* BLOCK */
#block
{
width: 100%; height: 25px;
background: url(../images/alpha15.png);
clear:both;
}
/******************************************* FOOTER */
#footer
{
width: 100%; height: 32px;
float: left;
}
/******************************************* CREATIVE COMMONS */
	#cc
	{
	width: 95px; height: 32px;
	margin: 0px 0px 0px 5px;
	float:right;
	}
/******************************************* SOCIAL MEDIA */
	.sm
	{
	width: 32px; height: 32px;
	margin: 0px 0px 0px 5px;
	float:right;
	}
/******************************************* SUBSCRIBE */
	#su
	{
	width: 129px; height: 32px;
	margin: 0px 0px 0px 5px;
	float:right;
	}
/******************************************* COPYRIGHT */
	#cp
	{
	width: 806px /*635px w/ su & tumblr*/; height: 32px;
	float: right;
	}
		#cp p
		{
		margin: 0px; padding: 0px;
		font: 11px Verdana, Geneva, sans-serif;
		text-transform: uppercase;
		color: black;
		}
/******************************************* QTIP */		
div#qTip {
 padding: 5px;
 display: none;
 background: rgb(255,255,200);
 border: 1px solid rgb(255,255,100);
 color:black;
 font: 11px Georgia, "Times New Roman", Times, serif;
 text-align: left;
 /*filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;*/
 position: absolute;
 z-index: 1000;
 -moz-box-shadow: 0px 0px 10px rgba(255,255,255,1);
 -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,1);
/* -moz-border-radius: 5px;
 -webkit-border-radius: 5px;*/
}