@charset "utf-8";
/* CSS Document */
* {	margin: 0; padding: 0; }
html { height: 100%;}
table {	border-collapse:collapse; border-spacing:0; }
body {
	background-color: #000000;
	color: #000000;
	line-height: 1.4em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	height: 100%;
}
/* Standard Text Styles */
	/* Header Styles */
		h1, h2, h3, h4, h5, h6 {
			font-family: Arial, Helvetica, sans-serif;
			margin: 0px;
			color: #48413D;
			text-decoration:none;
			padding-top: 10px;
			padding-bottom: 10px;
			font-weight: lighter;
		}
		h1 { font-size: 21pt; }
		h2 { font-size: 19pt; }
		h3 { font-size: 17pt; }
		h4 { font-size: 15pt; }
		h5 { font-size: 13pt; }
		h6 { font-size: 11pt; }
	/* Content Styles */
		p {	font-size: 10pt; padding-bottom:6px; }
		ul { margin-left: 30px; margin-bottom:10px; font-size: 10pt; }
		ul li {}
		ol { margin-left: 30px; margin-bottom:10px; font-size: 10pt; }
		ol li {}
		dl { margin-left: 8px; margin-bottom:10px; font-size: 10pt; }
		dl dt { margin-left: 10px; font-weight: bold; }
		dl dd { margin-left: 10px; font-style: italic; }
		img { border: 0 none transparent; }
		address {}
		blockquote {
			font-style:italic;
			border-top: 1px solid #48413D;
			border-bottom: 1px solid #48413D;
			margin: 4px 12px;
			padding: 4px 0px 4px 12px;
		}
		abbr {}
		acronym {}
		cite {}
		code {}
		dfn {}
		em {}
		kbd {}
		q {}
		strong {}
		tt {}
		var {}
	/* Table Styles */		
		table {}
		caption { font-size:9pt; font-style:italic;}
		th { background:#ccc2c0; }
		tr {}
		td {	padding: 2px 8px; }
	/* Link Styles */
		a { color: #0B80C2; }
		a:visited { color: #6F7072; }
		a:hover { color: #36B1F3; }
		a:active { color: #FF9900; }
		a:focus, a:active {	outline: none; }
		.linkLocal {}
		.linkExternal {padding-right: 18px; background: url(../img/icons/shared/links/link-external.gif) no-repeat right;}
		.linkPopup {padding-right: 18px; background: url(../img/icons/shared/links/link-popup.gif) no-repeat right; }
/* End Standard Text Styles */
/* Page Layout Styles */
	#page {
		margin: 0 auto;
		min-height: 100%;
		text-align: left;
	}
	* html #page { height: 100%; }
	#nonFooter {
			position: relative;
			min-height: 100%;
			z-index: 60;
			width: 100%;
		}
	* html #nonFooter {	height: 100%; }
	* html #footer { margin-top: -72em; }
	/* Header Layout Styles */
		* html #nonFooter { z-index: 60;}
		* html #header { z-index:61; }
		* html #header_back { z-index:62; }
		* html #logo { z-index:63; }
		* html #logo img { z-index:64; }
/* End Page Layout Styles */

/* Container Layout Styles */
	#content { 
		width: 100%;
		padding-bottom: 30px;
	}
	#contentContainer {
		position: relative;
		margin-top: -10px;
		width: 1000px;
	}
	* html #contentContainer {
		margin-left:40px;
	}
	.contentRow {
	/*	position: relative;*/
		width: auto;
	}
	.contentRowPadding {

	}
	
	.contentInner {
		padding: 12px;
	/*	position: relative;*/
		z-index: 600;
	}
	
	/*%width columns*/
	/* Full Column Container */
		.full {
			width: 100%;
		}
		.scarlet {
			width: 970px;
			background: url(../img/scarlet.png) no-repeat;
			background-position: top right;
			height: 443px;
			margin-top: -90px;
			float:left;
		}
		* html .scarlet {
			margin-left:0px;
			margin-top: -70px;
			z-index:1000;
		}
		.issues {
			background: url(../img/issue_tendril.png) top left no-repeat;
			height: 402px;
			margin-left: 24px;
			margin-top: -34px;
		}
		.issuesInner {
			padding-top: 106px;
			margin-left: -14px;
		}
		.issueslist { float:left; list-style: none; margin-top:34px;}
		* html .issueslist{ margin-left: 15px;}
		*+html .issueslist{ margin-left: 15px;}
		.issue1{
			background: no-repeat url(../img/issue_1.png);
			width: 128px;
			height: 196px;
			float: left;
			padding-top:196px;
		}
		.eye{
			background: url(../img/eyeball.png) bottom right no-repeat;
			color:#FFFFFF;
			text-decoration: none;
			font-size:9px;
			padding-right: 45px;
			padding-top: 30px;
			position: relative;
			height: 196px;
		}
		.eye:hover{
			color:#FFFFFF;
		}
		.preorder {
		text-align: left;
		padding-left: 30px;
		margin-bottom: -30px;
		}
		.issue1:hover{
			background: url(../img/issue_1_over.png) top left no-repeat;
		}
		.issueother {
			background: url(../img/other_issues.png) top left no-repeat;
			height: 196px;
			width: 397px;
			margin-left: 4px;
			float:left;
		}
	/* Wide Left Column, Narrow Right Column Containers */
		.wide_left {
			width: 655px;
			float:left;
		} 
		
		.narrow_right {
			width: 315px;
			float: right;
			/float:none;
		}
		#blog {
			background: url(../img/blog_back.png) top left no-repeat;
			width: 655px;
			height: 667px;
			float: left;
			margin-top: -80px;
			text-align: left;
		}

		#blog h1 {
			background: none;
			height: 46px;
			margin-top: 45px;
			margin-left: 50px;
		}
		#blog h1 span {
			display: none;
		}
		#blog .rss {
			background: url(../img/rss.png) top right no-repeat;
			height: 51px;
			width: 33px;
			float: right;
			margin-top: -70px;
			margin-right: 23px;
		}
		#blog .rss span {
			display: none;
		}
		#blog .entry h2 { font-family:Arial, Helvetica, sans-serif; font-size:22px;}
		#blog .entry p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
		#blog .entry h2, p{
			padding-left: 45px;
			color: #FFFFFF;
			padding-right: 45px;
		}
		#blog .entry .readmore { color:#e92d31; text-align:right;}
		* html #blog {padding-top:50px; }
		.tween{
			background: url(../img/blog_spacer.png) center center no-repeat;
			height: 25px;
			width: 100%;
		}
		.read_all, .read_all a{
			color:#e92d31; text-align:center; font-size: 14px; padding-top: 15px;
		}
		#scarletpedia {
			background: url(../img/scarletpedia_back.jpg) top left no-repeat;
			width: 300px;
			height: 295px;
			margin-bottom: 15px;
		}
		#scarletpedia h1 {
			background: none;
			height: 39px;
			margin-top: 0px;
			margin-left: 25px;
			padding-top: 10px;
		}
		#scarletpedia h1 span {
			display: none;
		}
		#scarletpedia p {
			padding-top: 24px;
			text-align: right;
			line-height: 15pt;
		}
		.rightcolpadder a {
			text-decoration:none;
		}
		#video {
			background: url(../img/video_back.png) top left no-repeat;
			width: 300px;
			height: 193px;
			margin-bottom: 15px;
		}
		#video h1 {
			background: none;
			height: 39px;
			margin-top: 0px;
			margin-left: 25px;
			padding-top: 10px;
		}
		#video p {
			margin-top: 8px;
		}
		#video h1 span {
			display: none;
		}
		#downloads {
			background: url(../img/downloads_button.jpg) top left no-repeat;
			width: 300px;
			height: 46px;
		}
		#downloads a {
			padding-right: 300px;
			padding-top: 46px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
		}
	/* 50 50 Split Column Containers */
		.fifty_left {
			width: 50%;
			float: left;
		}
		.fifty_right {
			width: 50%;
			float: right;
			/*/float:none;*/
		}
		#deviant_art {
			background: url(../img/deviant_back.png) top left no-repeat;
			height: 334px;
			width: 485px;		
		}
		#deviant_art h1 {
			background: url(../img/scarlet_on_da.png) bottom left no-repeat;
			height: 39px;
			margin-top: 0px;
			margin-left: 25px;
			padding-top: 10px;
		}
		#deviant_art .rss {
			background: url(../img/rss.png) top right no-repeat;
			height: 51px;
			width: 33px;
			float: right;
			margin-top: -35px;
			margin-right: 10px;
		}
		#deviant_art .rss span{
			display: none;
		}
		#deviant_art h1 span {
			display: none;
		}
		#daguy {
			background: url(../img/da_guy.png) top right no-repeat;
			height: 300px;
			padding-top: 10px;
		}
		#dacontent {
			margin-left: -100px;
		}
		.stepcarousel {
			position: relative; /*leave this value alone*/
			overflow: scroll; /*leave this value alone*/
			width: 206px; /*Width of Carousel Viewer itself*/
			height: 216px; /*Height should enough to fit largest content's height*/
		}
		
		.stepcarousel .belt {
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel {	
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin:0px 0px;
			width: 216px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
			height:216px; 
			text-align:center;
			}
		
			.stepcarousel .panel .single {
				height:64px;
				margin: 6px 8px 0 0; 
				float:left;
				width:99px;
			}
		
			a img {
				border: none;
			}
		
			.stepcarousel .panel .single img{
				margin:0px 0;
			}
		#join_us {
			background: url(../img/join_back.png) top right no-repeat;
			height: 334px;
			width: 485px;
			text-align: left;
		}
		#join_us h1 {
			background: url(../img/join_us.png) bottom left no-repeat;
			height: 39px;
			margin-top: 0px;
			margin-left: 25px;
			padding-top: 10px;
		}
		#join_us h1 span {
			display: none;
		}
		#join_form {
			margin-left: 20px;
			margin-top: 7px;
		}
		#join_us .field {
			background: url(../img/field_back.png) top left no-repeat;
			width: 444px;
			height: 36px;
			padding-top: 7px;
			padding-left: 18px;
		}
		#join_us .area {
			background: url(../img/area_back.png) top left no-repeat;
			width: 254px;
			height: 133px;
			padding-top: 10px;
			padding-left: 15px;
		}
		* html #join_us .area textarea {
			margin-left:-20px;
			margin-top:12px;
		}
		#join_us .button {
			background: url(../img/join_button.png) top left no-repeat;
			width: 164px;
			height:35px;
			margin-top: 94px;
			margin-right: 4px;
		}
		#join_us label {
			color:#FFFFFF;
			font-size:16px;
			margin-right: 30px;
		}
		#join_us input {
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
			background-color: #7F7F7F;
			color:#FFFFFF;
			font-size: 16px;
			width: 340px;
		}
		#join_us textarea {
			margin-top: 7px;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none;
			background-color: #7F7F7F;
			color:#FFFFFF;
			font-size: 16px;
			width: 230px;
		}
		.right_fields {
			float: right;
			margin-right: 18px;
			margin-top: -140px;
		}
		#join_us .smfield input {
			margin-left: 10px;
			margin-top: 5px;
			width: 140px;
			background-color: #7A7A7A;
		}
		.createdby {
			text-align:left; 
			margin-left:-35px;
			color:#FFFFFF;
			font-size: 18px;
			margin-bottom: 10px;
		}
		#colossal {
			background: url(../img/colossal_logo.png) top left no-repeat;
			height: 77px;
			width: 319px;
			float:left;
		}
		#ape {
			background: url(../img/ape_logo.png) top right no-repeat;
			height: 77px;
			width: 120px;
			float: left;
			color:#FFFFFF;
			padding-right: 90px;
		}
		#ape p {
			padding-top:40px; text-align:left; width:100px;
		}
		#social_cloud {
			background: url(../img/social_back.png) top right no-repeat;
			height: 94px;
			width: 371px;
			float: right;
			padding-right:30px;
			padding-top:30px;
		}
		.deviant {
			background: url(../img/deviant_badge.png) top right no-repeat;
			height:35px;
			width:99px;
			float:right;
			padding-left:10px;
		}
		.myspace {
			background: url(../img/myspace_badge.png) top right no-repeat;
			height:35px;
			width:99px;
			float:right;
			padding-left:10px;
		}
		.facebook {
			background: url(../img/facebook_badge.png) top right no-repeat;
			height:35px;
			width:99px;
			float:right;
		}
		.deviant span {
			display: none;
		}
		.myspace span {
			display: none;
		}
		.facebook span {
			display: none;
		}
	/* Fixed Narrow Left, Flexible Wide Right */
		.narrowfix_left {
			float: left;
		}
		.wideflex_right {
			width: auto;
			/float:none;
		}
	
	.rightcolpadder {
		padding-left: 5px;
	}
	.leftcolpadder {
		padding-right: 5px;
	}
	.clearer {
		clear: both;
		height: 1px;
		width: 100%;
		display: inline-block;
		overflow:hidden;
	}
	/* Header */
#header {
	height: 235px;
	background: url(../img/headerbg.jpg) top center no-repeat;
}
#headerInner{
	width:980px;
}
#logo {
	background: none;
	position: relative;	z-index: 20; width: 315px; height: 150px; margin-top: 20px; margin-left: 0px; margin-right: 50px;
	float: right;
}
*+html #content {
	margin-top: 0px;
}
* html #content {
	margin-top: 0px;
}
#content {
	width: 100%;
	margin-top: 10px;
	background: url(../img/middlebg.jpg) top center no-repeat;
	min-height:753px;
}
	/* End Header */
	/* Footer */
		#footer {
			font-size: 85%;
			color: #FFFFFF;
			text-align: center;
			line-height: 1.5em;
			height: 756px;
	/*		position: relative;*/
			margin-top: -74.65em;
			margin-right: auto;
			margin-bottom: 0;
			margin-left: auto;
			background-image: url(../img/footerbg.jpg);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		#footer a { color: #A8A2A2; }
		#innerfooter {
			background-repeat: no-repeat;
			height: 756px;
			position: relative;
			overflow: visible;
		}
		#footerinfo {
			color: #FFFFFF;
			visibility: visible;
			padding-top: 73em;
			/padding-top: 72.6em;
			position: relative;
			text-align: left;
			/*	z-index: 59;*/
		}
		#footercontent {
			z-index: 61;
			position:absolute;
			width: 100%;
			text-align: center;
			height: 17px;
		}
	/* End Footer */