* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	background: #444444;
}

.d960 {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
}

#containerMain {
	
}

#contentMain {
	font: 13px "Lucida Grande", "Lucida Sans";
	color: #ffffff;
}

#headerMain {
	width: auto;
	height: 64px;
	background: url(../images/headerBack.gif) repeat-x;
	border-bottom: solid 1px #0a2a3d;
}

#logoMain {
	float: left;
	width: 144px;
	height: 52px;
	background: url(../images/logoMain.png) no-repeat;
	margin: 6px 0 0 0;
}

#logoMain a {
	display: block;
	width: 144px;
	height: 64px;
	text-indent: -999em;
}

#navMain {
	float: right;
	height: 64px;
	border-left: solid 1px #3e3e3e;
	border-right: solid 1px #ababab;
}

#navMain ul {
	margin: 0;
	list-style: none;

}

#navMain ul li {
	float: left;
	height: 64px;
	color: #ffffff;
	border-left: solid 1px #afafaf;
	border-right: solid 1px #353535;
}

.topNav {
	display: block;
	padding: 17px 20px;
	height: 30px;
	font: bold 13px "Lucida Grande", "Lucida Sans";
	color: #ffffff;
	text-shadow: #000000 0 -1px 0;
}

.topNav:hover {
	background: url(../images/navHover.jpg) repeat-x;
}

.active {
	background: url(../images/navActive.jpg) repeat-x!important;
}

.micro {
	font: bold 10px Helvetica, Arial;
}

#featureMain {
	width: auto;
	height: 344px;
	background: url(../images/glow-lrg.jpg) repeat-x;
	background-position: center;
	border-top: solid 1px #4da2d3;
	border-bottom: solid 1px #192c36;
}

#pageMain p {
	font: 15px Helvetica, Arial;
	color: #ffffff;
	text-shadow: rgba(0,0,0,0.5) 0 1px 1px;
}

#pageMain h1 {
	font: normal 38px Helvetica, Arial;
	color: #ffffff;
	text-shadow: #005798 0 1px 2px;
	letter-spacing: -1px;
	padding: 11px 0 0 0;
	margin: 5px 0 8px 0;
	width: 460px;
}

#pageHeader {
	width: auto;
	height: 98px;
	background: url(../images/glow-sml.jpg) repeat-x;
	background-position: center;
	border-top: solid 1px #4da2d3;
	border-bottom: solid 1px #192c36;
}

#pageContainer {
	background: #222222;
	border-top: solid 1px #5a5a66;
	border-bottom: solid 1px #000000;
	padding: 25px 0 42px 0;
}

#pageContent {
	width: 862px;
	padding: 28px 29px;
	background: #383838;
	border-top: solid 1px #606060;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#pageContent a {
	color: #53cbff;
}

#pageTitle {
	height: 48px;
	width: 860px;
	background: url(../images/pageTitleBack.gif) repeat-x;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	padding: 0 30px;
	font: bold 18px "Lucida Grande", "Lucida Sans";
	line-height: 48px;
	border-top: solid 1px #656565;
	border-bottom: solid 1px #111111;
	color: #ffffff;
	text-shadow: rgba(0,0,0,0.8) 0 1px 1px;
	text-transform: uppercase;
}

#authorBio {
	background: #222222;

}

#description {
	display: none;
}

#comicDescription {
	background: #383838;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	width: auto;
	margin: 0 0 10px 0;
	font: 11px "Lucida Grande", "Lucida Sans";
}

#comicDescription a {
	color: #ffffff;
	text-decoration: underline;
}

#authorContent {
	background: #383838;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 30px;
}

#authorContent strong {
	text-shadow: rgba(0,0,0,0.8) 0 1px 1px;
}

.authorImage {
	float: right;
	background: url(../images/authorImageBack.gif);
	padding: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#authorPublicationList {
	width: 420px;
	height: 345px;
	margin: 17px 0 0 0;
	overflow: auto;
}

#authorPublicationList li {
	margin: 0 21px 0 0!important;
}

#authorLeft {
	width: 421px;
}

#authorRight {
	width: 421px;
}

#contactUs #pageTitle {
	font: 13px "Lucida Grande", "Lucida Sans";
	text-transform: none;
	line-height: 48px;
}



.submitSteps {
	margin: 0;
	padding: 0;
	list-style: none;
}

.activeGlow {
	display: block;
	background: url(../images/submitNextGlow.png) no-repeat;
	background-position: bottom center;
	height: 48px;
	width: 100%;
}

.submitSteps li {
	color: #616161;
	float: left;
	line-height: 48px;
	margin: 0;
	padding: 0;
	padding: 0 35px;
	background: url(../images/submitNextArrow.gif) no-repeat;
	background-position: center right;
}

.submitSteps li:first-child {
	padding: 0 35px 0 0;
}

.submitSteps li:last-child {
	background: none;
}

#formStepOne, #formStepTwo, #formStepThree {
}

.termsAndConditions {
	background: #4d4d4d;
	font: 11px "Lucida Grande", "Lucida Sans"!important;
	border: solid 1px #262626;
	border-right: 0;
	border-bottom: 0;
	width: 400px;
	padding: 10px;
	height: 175px;
	overflow: auto;
}

.termsAndConditions h5 {
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
}

.termsAndConditions p {
	font: 11px "Lucida Grande", "Lucida Sans"!important;
}

#accept_terms {
	margin-right: 10px!important;
}

#contactRight {
	float: right;
	width: 422px;
}
	
	#contactRight ol {
		padding-left:20px;
	}

#contactLeft {
	float: left;
	width: 422px;
	margin-bottom: 0px;
}

#contactLeft label {
	font: 13px "Lucida Grande", "Lucida Sans";
	color: #ffffff;
	padding: 0 0 0px 0;
}

#contactLeft input, #contactLeft textarea {
	color: #ffffff;
	font: 13px "Lucida Grande", "Lucida Sans";
	background: #4d4d4d;
	border: 0;
	border-top: solid 1px #282828;
	border-left: solid 1px #282828;
	padding: 4px;
	margin: 0 0 10px 0;
}

#contactLeft textarea {
	width: 410px;
	height: 117px;
}

.formDropDown {
	width: 228px!important;
	background: #4d4d4d;
	color: #ffffff;
	font: 13px "Lucida Grande", "Lucida Sans";
	border: solid 1px #282828;
	border-right: 0;
	border-bottom: 0;
	padding: 4px;
	margin: 0 0 10px 0;
}

#contactRight p {
	width: 390px;
	font: 13px "Lucida Grande", "Lucida Sans";
}

#contactRight img {
	margin: 10px auto;
}

#comicBook h1 {
	font-size: 21px!important;
}

.comicPage {
	margin: 0 auto;
}

#comicPage {
	padding: 0!important;
	margin: 0 auto;
}

#comicPage li {
	list-style: none;
	padding: 0!important;
	margin-bottom: 0!important;
	text-align: center;
}

#comicPage li img {
	margin: 0 auto;
}

.comicPageTopNav {
	posItion: absolute;
	width: 200px;
	margin: 70px 0 0 707px;
}

.comicPageNav {
	background: #161616;
	border:1px solid #111111;
	height: 21px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 4px;
	width: 260px;
	margin: 10px auto 0 auto;
}

.comicPageNav span {
	font: 10px "Lucida Grande", "Lucida Sans";
	margin: 0 0 0 10px;
	line-height: 21px;
}

.comicRackList {
	height: 148px;
	padding: 0;
	margin: 0 0 33px 0;
}

.comicRackList li {
	line-height:100%;
	position: relative;
	float: left;
	list-style: none;
	margin:0 15px 25px 16px !important;
}

.comicRackList a {
	color:white !important;
}

.comicRackList li img {
	border-bottom: solid 1px #787878;
	border-top: solid 1px #0b0b0b;
	width: 112px;
	height: 147px;
}

/*.comicRackList li:first-child {
	margin-left: 14px!important;
}*/

/*.comicRackList .last {
	margin: 0!important;
}*/

#comicRackNav {
	float: right;
	height: 48px;
	width: 329px;
	position:relative;
}

#comicRackNav a {
	margin: 13px 0 0 10px;
}

#comicRackNav li a {
	margin: 0;
}

#comicRackBaseNav {
	float: right;
	width: 329px;
	margin: -15px 0 0 0;
	position:relative;
}

#featuredComic {
	float: right;
	width: 460px;
	height: 335px;
	margin: 7px 0 0 0;
	background: #0084c1;
	border-top: solid 1px #7dd3ff;
	border-right: solid 1px #0084c1;
	border-left: solid 1px #0084c1;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	overflow:hidden;
}

#prev, #next {
	position: absolute;
	z-index: 4;
	display: block;
	width: 29px;
	height: 29px;
	text-indent: -999em;
}

#prev {
	background: url(../images/prevButton.png) no-repeat;
	margin: 160px 0 0 9px;
}

#next {
	z-index: 5;
	background: url(../images/nextButton.png) no-repeat;
	margin: 160px 0 0 422px;
}

#comicNext, #comicPrev {
	margin: 14px 0 0 0!important;
}

#comicNext {
	float: right;
}

#featuredCycle {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-shadow: #000000 0 1px 1px;
	height: 336px;
	overflow: hidden;
	width: 460px;
}

#featuredCycle li {
	width: 460px;
	height: 336px;
	margin: 26px 45px 0 45px;
	padding: 0;
	list-style: none;
}

#featuredCycle li img {
	-moz-box-shadow: #000000 0 0 20px 0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.cycleCaption {
	position: absolute;
	bottom: 23px;
	width: 359px;
	left: -46px;
	padding: 10px 50px;
	background: url(../images/comicListOverlay.png);
}

.cycleCaption a {
	display: block;
	color: #ffffff;
}

.cycleTitle {
	font: 18px Helvetica, Arial;
}

.cycleAuthor {
	font: 14px Helvetica, Arial;
}

.featuredMark {
	position: absolute;
	right: 30px;
	bottom: 7px;
	font: 10px Helvetica, Arial;
	text-transform: uppercase;
}

#signUp {
	width: 450px;
}

#signUp h1 {
	font: bold 38px Helvetica, Arial;
	color: #ffffff;
	text-shadow: #005798 0 1px 2px;
	letter-spacing: -1px;
	padding: 25px 0 0px 0;
}

#signUp p {
	font: 15px Helvetica, Arial;
	color: #ffffff;
	text-shadow: #000000 0 1px 1px;
	line-height: 22px;
}

#signUpButton {
	float: left;
	display: block;
	width: 208px;
	height: 60px;
	background: url(../images/cta.png) no-repeat;
	background-position: 0 -1px;
	text-indent: -999em;
}

#signUpButton:hover {
	background-position: 0 -60px;
}

#signUpButton:active {
	background-position: 0 -120px;
}

#submitAComic {
	height: 38px;
	width: 142px;
	padding: 8px 20px;
	margin: 0 0 0 10px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	text-shadow: #ffffff 1px 1px 1px;
	background: url(../images/submit-sprite.png) repeat-x left top;
	color: #000000;
	border:1px solid rgba(255,255,255,0.9);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
}

#submitAComic:hover {
	background: url(../images/submit-sprite.png) repeat-x 0 -33px;
}

#submitAComic:active, #submitAComic:focus {
	background: url(../images/submit-sprite.png) repeat-x 0 -66px;	
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.homeH2 {
	display: block;
	width: 400px;
	font: bold 25px Helvetica, Arial;
	color: #ffffff;
	padding: 31px 20px;
	margin: -15px 0 0 -20px;
	text-shadow: #000000 0 1px 1px;
	background: url(../images/h2Back.png) no-repeat;
}

#cta span{
	float: left;
	display: block;
	margin: 20px 10px;	
}

.pink {
	float: left;
	display:block;
	line-height: 21px;
	height: 14px;
	padding: 2px 0;
	text-align: center;
	background: url(../images/button-sprite.png) repeat-x!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 3px 0;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	border: solid 1px #f29ace;
	font: 11px Arial;
	color: #ffffff!important;
	text-transform: lowercase;
	text-shadow: #000000 0 1px 1px;
}

.buttonSmall {
	width: 87px;
}

.pinkSubmit {
	width: 177px;
}

div.final {
	padding-top:20px;
}

.pinkFormSubmit {
	float: right;
	width: 87px!important;
	height: 20px!important;
	font: 11px Arial!important;
	background: url(../images/viewMoreGrad.png) repeat-x!important;
	border:1px solid #f29ace !important;
	color: #ffffff;
	text-shadow: #000000 0 1px 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 3px 0;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	padding: 0!important;
	margin: 20px 0 0 0!important;
	cursor:pointer;
}

.viewMore {
	position: absolute;
	display:block;
	width: 87px;
	line-height: 21px;
	height: 14px;
	padding: 2px 0;
	text-align: center;
	background: url(../images/button-sprite.png) repeat-x left top;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 3px 0;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	border: solid 1px #f29ace;
	font: 11px Arial;
	color: #ffffff!important;
	text-transform: lowercase;
	text-shadow: #000000 0 1px 1px;
	margin: 35px 0 0 829px;
	cursor:pointer;
}

.viewMore:hover, .pink:hover, .pinkFormSubmit:hover {
	background: url(../images/button-sprite.png) repeat-x 0 -19px !important;
}

.viewMore:active, .pink:active, .buttonSmall:active, .pinkFormSubmit:active {
	border:1px solid #cf027c !important;
	background: url(../images/button-sprite.png) repeat-x 0 -38px !important;
}

#mostPopular {
	border-top:1px solid #6f6f6f;
}

.comicList {
	width: 975px;
	margin: 0;
	padding: 0;
	margin-top: -10px;
}

.comicList li {
	position: relative;
	float: left;
	width: 121px;
	height: 147px;
	margin: 0 13px 13px 0;
	padding: 0 0 8px 0;
	list-style: none;
	background: url(../images/comicListShadow.png) no-repeat;
	background-position: bottom center;
}

.comicList li img {
	width: 112px;
	height: 147px;

}

.last {
	margin: 0;!important;
	width: 115px;
}

.titleAuthor { 
	position: absolute;
	margin: 0 0 0 0;
	bottom: 4px;
	width: 102px;
	font: 14px Helvetica, Arial;
	color: #ffffff;
	padding: 5px;
	background: url(../images/comicListOverlay.png);
}

#editorsChoice .titleAuthor, #mostPopular .titleAuthor {
	bottom: 8px!important;
}

.author {
	font: 11px "Lucida Grande", "Lucida Sans";
}

#editorsChoice {
	border-bottom: solid 1px #000000;
	padding: 0 0 30px 0;
	margin: 20px 0 0 0;
}

#footerMain {
	background: #222222;
	border-top: solid 1px #3f3f3f;
}

#footerContainer {
	margin: 40px 0 0 0;
}

#footerContainer h3 {
	font: bold 16px "Lucida Grande", "Lucida Sans";
	color: #ffffff;
	text-shadow: #000000 0 1px 1px;
	margin: 0;
	padding: 0;
}

.footerList {
	color: #ffffff;
	font: 12px "Lucida Grande", "Lucida Sans";
}

.footerList h4 {
	margin: 0 0 4px 0;
	font: bold 12px "Lucida Grande", "Lucida Sans";
	text-shadow: #000000 0 1px 1px;
}

.footerList a {
	color: #0193ff;
}

#twitterLink {
	color: #53cbff!important;
}

.footerList p {
	line-height: 20px;
}

.footerList li {
	margin: 0 0 10px 0;
	width: 450px;
	padding: 0;
	list-style: none;
	border-bottom: solid 1px #1b1b1b;
}

#twitterMain {
	float: right;
	width: 450px;
}

#twitterMain h3 {
	background: url(../images/twitterIcon.gif) no-repeat;
	padding-left: 35px;
	height: 25px;
	line-height: 25px;
}

#latestComicsFooter h3 {
	background: url(../images/latestLogo.gif) no-repeat;
	padding-left: 30px;
	height: 25px;
	line-height: 25px;
}

#latestComicsFooter {
	float: left;
	width: 450px;
}

#footerContent {
	width: 920px;
	border-top: solid 1px #3a3a3a;
	margin: 15px 0 0 0;
	padding: 30px 0 0 0;
	font: 12px "Lucida Grande", "Lucida Sans";
	color: #ffffff;
}

.footerNav {
	margin: 0;
	padding: 0;
}

.footerNav li {
	display: block;
	float: left;
	list-style: none;
	width: 220px;
	margin:0;
	padding: 5px;
}

.footerNav li ul {
	margin: 10px 0 0 0;
}

.footerNav li p {
	line-height: 23px;
	margin: 0;
}

.footerNav li ul li {
	margin: 0;
	padding: 0 0 10px 0;
}

.more {
	color: #53cbff;
	text-shadow: #000000 0 1px 1px;
	background: url(../images/moreArrow.gif) no-repeat;
	background-position: right center;
	padding: 0 10px 0 0;
}

#footerDisclaimer {
	text-align: center;
	font: 12px "Lucida Grande", "Lucida Sans";
	color: #555555;
	text-shadow: #000000 0px 1px 1px;
	padding: 5px 0 20px 0;
}

.error {
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
}

.error div {
	text-shadow: rgba(0,0,0,0.8) 0px 1px 1px;
	background: url(../images/errorBack.gif) repeat-x!important;
	padding: 7px!important;
	margin: 0!important;
	border: 0px;
	height: 30px!important;
	display: inline!important;
}

.error div img {
	padding: 0px!important;
	margin-top: -3px;
}

.warning {
	width: 24px;
	height: 22px;
	background: url(../images/warningBack.png) no-repeat;
}

.white {
	color: #ffffff;
}

.clear {
	clear: both;
}

.top10 {
	margin: 10px 0 0 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

#comicDescription #showDes {
	text-align:center;
	display:block;
	margin-bottom:10px;
}

/* Newsletter Banner */
#newsletterBanner {
	border-bottom:1px solid #000000;
	padding: 6px 0;
	text-align: center;
	background: #222 url(../images/newsletter-banner.png) left top repeat-x;
	border-top:1px solid #3F3F3F;
}

	#newsletterBanner a{
		display: block;
		margin: 0 auto;
		width: 250px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		text-shadow: 1px 0 3px #000;
		background: url(../images/newsletter-button.png) left top no-repeat;
		text-align: center;
	}

		#newsletterBanner a:hover{
			background-position: 0 -53px;
		}

		#newsletterBanner a:active{
			background-position: 0 -106px;
		}

	#newsletterBanner span{
		width: 37px;
		height: 50px;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: middle;
		background: url(../images/newsletter-icon.png) left center no-repeat;
	}