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


/*========================================================================================
	PAGE GENERAL
==========================================================================================*/

* {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	background-color: #b1b1a2;	
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#page {
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	position: relative;
	background-image: url(images/center_page.jpg);
	background-repeat: none;
	background-position: center;
	height: 952px; /*Doesn't position right in ieSUX, so had to make separate style in ie7.css*/

}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.hide {
	display: none;
}
a img {text-decoration:none !important;}

strong {font-weight:bold;}

/*========================================================================================
	LOGIN STYLE
==========================================================================================*/

#login {
	height: 60px;
	position: absolute;
	top: 15px;
	position: relative;
}
#logo {
	background:transparent url(images/new_header.jpg) no-repeat scroll 0 0;
	float:left;
	height:123px;
	left:17px;
	padding-left:80px;
	position:relative;
	top:-15px;
	width:747px;
/*
	height: 80px;
	width: 60px;
	float: left;
	position: relative;
	top: -10px;
	padding-left: 80px;
*/
}
	#logo a img.home_link {
		left:57px;
		position:relative;
		top:11px;
	}
	#loginForm{
		display: none;
		float:left;
		width:500px;
		position:relative;
	}
#loginError{
	float:left;
	color:red;
}
#login a {
	color: #323232;
	text-decoration: none;
	font-size: 11px;
}
#login a:hover {
	text-decoration: none;
	color: #777777;
}
#loginForm form p input{
	border: 1px dashed #323232;
	width: 100px;
	font-size: 11px;
	padding: 3px;
	//padding: 0px 0px 5px 5px; /*IE FIX*/
	margin-right: 10px;
	height: 15px;
}
#login .passwordBox {
	border: 1px dashed #323232;
	width: 100px;
	font-size: 11px;
	padding: 3px;
	//padding: 0px 0px 5px 5px;	/*IE FIX*/
	margin-right: 10px;
	height: 15px;
	background-color: white;
}
#login .button {
	vertical-align: middle;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	background-position: left center;
	border:none;
	height: 18px;
	width: 30px;
}

/*
Logout Stuff
*/
	#logOutForm{
		float:left;
	}
		.logOutFormUserName{
			float:left;
			width:400px;
		}
		.logOutFormUserSettings{
			float:left;
		}

/*========================================================================================
	WRAPPER STYLE
==========================================================================================*/

#wrapper {
	width: 555x;
	z-index: 4;
	clear: both;
	float: left;
	left: 120px;
	position: absolute;
	top: 110px;

}
/*========================================================================================
	LEFT SIDE MENU STYLE
==========================================================================================*/

#menu {
	background: url(images/menuTop.png) no-repeat top left;
	width: 185px;
	float: left;
	position: absolute;
	top: 290px;
	left: 70px;
}
.menuinternal{
	left:25px !important;
}
#nav{
	background:#fff;
	margin:6px 0 0 0;
	background: url(images/menuBg.gif) no-repeat bottom left #fff;
}
#menuBottom{
	float:left;
	background: url(images/menuBottom.png) no-repeat top left;
	width: 185px;
	height:6px;
}
#menu ul {
	list-style-type: none;
	padding: 20px 0px 0px 20px;
	float: left;
	z-index: 20;
	width:140px;
}
#menu ul li {
	color: #454545;	
	text-align: left;
	line-height: 26px;
/*	height: 26px;*/
}
#menu ul li a, #menu ul li h4 {
	font-family: Times, Georgia, "Times New Roman";
	font-weight: bold;	
	color: #454545;
	padding:0 0 4px 0;
	text-decoration: none;
	font-size: 15px;
	border-bottom: 1px dashed #bfbfbf;
	background: url(images/menu_hover.gif) no-repeat 0 15px;
}
#menu ul li a:hover {
	text-decoration: none;
	color: #454545;
	background: url(images/menu_hover.gif) no-repeat 0 3px;	
}
#menu ul li.current {
	text-decoration: none;
	color: #454545;
	background: url(images/menu_hover.gif) no-repeat 0 3px;	}
	
#menu ul li ul {
	display:none;
	margin:5px 0 10px 10px;
	padding:0;
/*	position:absolute;
	top:15px;
	left:70px;
	z-index:4;*/
}

#menu ul li.currentpage ul, #menu ul li.activeparent ul {
	display:block;
}

#menu ul li.selected ul.subMenu {
	top:0;
	left:60px;
	z-index:4;
	display:block;
	position:absolute;
}
#menu ul li ul li a {
	font-family: Times, Georgia, "Times New Roman";
	font-weight: normal;	
	color: #454545;
	padding:0 0 4px 0;
	text-decoration: none;
	font-size: 13px;
	border-bottom:none;
}
#menu ul li.selected ul.subMenu li a:hover {
	text-decoration: none;
	color: #454545;
	background: none;	
}	
/*========================================================================================
	HEADER/TOP STYLE
==========================================================================================*/
#top {
	height: auto;
	position: relative;
	width: 555px;
	z-index: 2;
}
	.homeImg {
		background: url(images/content_bg_homeBg.png) no-repeat right top;
	}
	.aboutImg{
		background: url(images/content_bg_aboutBg.png) no-repeat right top;
	}
	.issuesImg{
		background: url(images/content_bg_issuesBg.png) no-repeat right top;
	}
	.ordersImg{
		background: url(images/content_bg_ordersBg.png) no-repeat right top;
	}
	.submitImg{
		background: url(images/content_bg_submitBg.png) no-repeat right top;
	}
	.boomImg{
		background: url(images/content_bg_boomBg.png) no-repeat right top;
	}
	.linksImg{
		background: url(images/content_bg_linksBg.png) no-repeat right top;
	}
	.newsImg{
		background: url(images/content_bg_newsBg.png) no-repeat right top;
	}

/*========================================================================================
	CONTENT STYLES
==========================================================================================*/
#content_default {
	background: url(images/content_bg_body.png) repeat-y 1px 0px;
	//background: url(images/content_bg_body.png) repeat-y 20px 0px;
	padding: 0 10px 0 60px;
	position: relative;
/*	height: 80px;*/
	float: left;
	width: 480px;
	//width: 552px;
}
#content_long {
	background: url(images/content_bg_body.png) repeat-y 1px;
	padding: 0;
	position: relative;
	padding:480px;
/*	height: 1000px;*/
	float: left;
	width: 480px;
}
#wrapper .mainbox {
	width: 450px;
	float: left;
	z-index: 6;
	margin-top: 130px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	margin-right: 40px; /*Doesn't position right in ieSUX, so had to make separate style in ie6.css*/
	position: absolute;
	left: 60px;
}
#invoice_fix {
/*
	background:#FFFFFF none repeat scroll 0 0;
	height:25px;
	margin-left:29px;
	position:absolute;
	width:515px;
*/
}
.mainbox h1, #content_default h1 {
	color: #c6572b;
	padding: 15px 0 8px 0;
	margin: 15px 0 10px 0;
	font: 29px/25px "Minion Pro", Georgia, "Times New Roman", Times, serif;
	background: url(images/h1.jpg) no-repeat 0 45px;
	font-weight: 500;
	clear: both;
}

.subbox
{
	width: 455px;
	float: left;
	position: relative;
	margin: 15px 0 10px 0;
	padding: 15px 0 10px 0;
}
.subbox h2, #content_default h2, .mainbox h2
{
	color: #c6572b;
	padding-bottom: 13px;
	margin-bottom: 13px;
	font: 500 20px/14px "Minion Pro", Georgia, "Times New Roman", Times, serif;
	background: url(images/h2.jpg) no-repeat 0 25px;
	width: 200px;
}
.mainbox h2, #content_default h2{
	margin-top:10px;
}
p {
 padding-bottom: 10px;
 color: #282828;
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 font-size: 13px;
 line-height: 20px;
 font-weight: lighter;
}

p a{
 color: #282828;
 line-height: 20px;
 font-weight: lighter;
 text-decoration: underline;
}
p a:hover
{
	color: #666666;
	line-height: 20px;
	font-weight: lighter;
	text-decoration: underline;
}
/*========================================================================================
	FOOTER
==========================================================================================*/
#footer {
	background: url(images/content_bg_foot.png) repeat-y 1px;
	padding: 0;
	height: 234px;
	float: left;
	width: 555px;
}
.footerLogo{
	margin:0 7px 0 14px;
}
#footer ul {
	color: #5d5d5d;
	list-style-type: none;
	margin-top: 6px;
	margin-bottom: 20px;
	float: left;
	padding-left: 50px;
}
#footer ul li {
	display: inline;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
	background-repeat: no-repeat;
	background-position: right center;
	color: #5d5d5d;
}
#footer ul li a {
	color: #5d5d5d;
	text-decoration: none;
	font-size: 11px;
}
#footer ul li a:hover {
	text-decoration: none;
	color: #333333;
}
#footer ul li .current {
	color: #5d5d5d;
}
/*========================================================================================
	EXTRA
==========================================================================================*/

#p_img_right
{
	float: right;
	clear: none;
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
}
#p_img_left
{
	float: left;
	clear: none;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

#contentWrap {
	position:relative;
	padding:205px 0 0 29px;
}

#contentInner{
		background:#FFFFFF none repeat scroll 0 0;
		margin:0;
		padding:0px 30px;
		position:relative;
		width:455px;
		min-height:400px;
		background-image:url(images/contentBgInner.jpg);
		background-position:top right;
		background-repeat:no-repeat;
}

#contentInnerInner{
		background-image:url(images/contentBgInnerInner.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0px 30px;
}
/*========================================================================================
	NEWS
==========================================================================================*/

.NewsSummaryLink a, .NewsSummaryMorelink a{
 color: #282828;
 line-height: 20px;
 font-weight: lighter;
 text-decoration: underline;
}
	.NewsSummaryLink a:hover, .NewsSummaryMorelink a:hover{
	 	color: #666666;
		line-height: 20px;
		font-weight: lighter;
		text-decoration: underline;
	}
.NewsSummarySummary{
	color:#282828;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:13px;
	font-weight:lighter;
	line-height:20px;
}
	
	/*
		Article Detail
	*/
	#NewsPostDetailTitle {
		color: #c6572b;
		margin-top:15px;
		padding-bottom: 6px;
		font: 500 20px/14px "Minion Pro", Georgia, "Times New Roman", Times, serif;
	}
	#NewsPostDetailSummary{
		color:#282828;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		font-size:13px;
		font-weight:lighter;
		line-height:20px;
		margin-bottom:10px;
	}
	.NewsSummaryLink{
		margin-top:15px;
		padding-bottom: 6px;
	}
	.NewsSummaryLink a, .NewsSummaryLink a:hover{
		color: #454545;
		text-decoration:none;
		font: 500 18px/14px "Minion Pro", Georgia, "Times New Roman", Times, serif;
	}
	#NewsPostDetailContent{
		color:#282828;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		font-size:13px;
		font-weight:lighter;
		line-height:20px;
	}
/*========================================================================================
	BOOM FORM
==========================================================================================*/
#m3moduleform_1{
	float:left;
}
.BoomSubmit{
	float:left;
}
	.BoomSubmit div {
		width:100%;
		float:left;
		margin:0 0 10px 0;
	}
	.BoomSubmit div label {
		float:left;
		width:200px;
		color:#C6572B;
		font-family:"Minion Pro",Georgia,"Times New Roman",Times,serif;
		font-size:15px;
		font-weight:lighter;
		line-height:20px;
	}
	.BoomSubmit div input, .BoomSubmit div select{
		border:2px dotted #B1B1A2;
	}
	#fbsubmit3{
		background: url(../uploads/images/buttons/btnBlank.jpg);
		height:32px;
		width:127px;
		border:none;
	}
.error_message{
	margin-bottom:20px;
}
	.error_message ul{
		list-style:none;
	}
	.error_message ul li{
		color:#e32900;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		font-size:13px;
		font-weight:lighter;
		line-height:20px;
	}
/*========================================================================================
	CURRENT ISSUE
==========================================================================================*/
.CurrentIssue{
	float:left;
}
.CurrentIssueRightCol{
	float:right;
	width:340px;
}
.CoverImage{
	float:left;
}
	.CoverImage img {
		float:left;
		width:105px;
		height:150px;
	}
.CurrentIssueTitle{
	float:left;	
	width:455px;
	color: #c6572b;
	margin-top:15px;
	margin-bottom:18px;
	font: 500 20px/14px "Minion Pro", Georgia, "Times New Roman", Times, serif;
}
.CurrentIssueSummary{
	float:left;
	color:#282828;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:13px;
	font-weight:lighter;
	line-height:20px;
	margin-bottom:6px;	
}
.CurrentIssueContent{
	float:left;	
	color:#282828;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:13px;
	font-weight:lighter;
	line-height:20px;
	margin-bottom:10px;
}
.CurrentIssueField{
	float:left;	
}
.IssueButtons{
	float:right;
	margin: 0 10px 0 0;
/* 	width:100%; */
/* 	text-align: right; */
}
/*========================================================================================
	User Registration 
==========================================================================================*/
#regForm{
	float:left;
	position:relative;
}
	.regFormRow{
		float:left;
		margin:0 0 8px 0;
	}
	.regFormRow label, .regFormRow input {
		float:left;
		color:#282828;
		font-size:13px;
		font-weight:lighter;
		font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	}
		.regFormRow label {
			width:150px;
		}
		.regFormRow input {
			width:200px;
		}

/*========================================================================================
	User Settings 
==========================================================================================*/
	#UserSettings{
		float:left;
		position:relative;
	}
		.UserSettingsRow{
			float:left;
			margin:0 0 8px 0;
		}
		.UserSettingsRow p{
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 20px;
			font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		}
		.UserSettingsRow label, .UserSettingsRow input {
			float:left;
			color:#282828;
			font-size:13px;
			font-weight:lighter;
			font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
		}
			.UserSettingsRow label {
				width:150px;
			}
			.UserSettingsRow input {
				width:200px;
			}
			.regLink{
				font-size:13px !important;
				text-decoration:underline !important;
			}
			

/*========================================================================================
	User Settings 
==========================================================================================*/

		#m3moduleform_1{
			float:left;
		}
		.PoemSubmit, .PlayletsSubmit, .BWComicsSubmit, .FlashFictionSubmit, .IllustrationsSubmit, .MiniReviewsSubmit{
			float:left;
		}
			.PoemSubmit div, .PlayletsSubmit div, .BWComicsSubmit div, .FlashFictionSubmit div, .IllustrationsSubmit div, .MiniReviewsSubmit div {
				width:100%;
				float:left;
				margin:0 0 10px 0;
			}
			.PoemSubmit div label, .PlayletsSubmit div label, .BWComicsSubmit div label, .FlashFictionSubmit div label, .IllustrationsSubmit div label, .MiniReviewsSubmit div label {
				float:left;
				width:200px;
				color:#C6572B;
				font-family:"Minion Pro",Georgia,"Times New Roman",Times,serif;
				font-size:15px;
				font-weight:lighter;
				line-height:20px;
			}
			.PoemSubmit div input, .PoemSubmit div select , .PlayletsSubmit div input, .PlayletsSubmit div select , .BWComicsSubmit div input, .BWComicsSubmit div select , .FlashFictionSubmit div input, .FlashFictionSubmit div select , .IllustrationsSubmit div input, .IllustrationsSubmit div select , .MiniReviewsSubmit div input, .MiniReviewsSubmit div select , {
				border:2px dotted #B1B1A2;
				padding:2px;
			}
			#fbsubmit4, #fbsubmit11, #fbsubmit12, #fbsubmit13, #fbsubmit14, #fbsubmit15 {
				background: url(../uploads/images/buttons/blank_btn.gif);
				height:32px;
				width:127px;
				border:none;
			}
			#fbsubmit4:hover, #fbsubmit11:hover, #fbsubmit12:hover, #fbsubmit13:hover, #fbsubmit14:hover, #fbsubmit15:hover {
				background: url(../uploads/images/buttons/blank_btn_roll.gif);
				height:32px;
				width:127px;
				border:none;
			}
.submissionStatus {
	display: none !important;
}