/* ARTICLE BODY
---------------------------*/

#news-special #news-content {
	background:#dfe5dd url(http://st.deviantart.net/news/april-fools-trollface/bg_troll.png?2) center top repeat;
	font:normal 12px/18px Verdana, Geneva, sans-serif;
	color:#000;
	padding-bottom:150px;
	text-align:center;
}

#news-special p {
	text-align:left;
	padding-bottom:13px;
	margin:0;
}

#news-special #news-content a {
	color:#003cb8;
	position:relative;
	text-decoration:underline;
	-webkit-transition:color 0.25s ease-out;
	-moz-transition:color 0.25s ease-out;
	transition:color 0.25s ease-out;
}

	#news-special #news-content a:hover { color:purple; }

	#news-special #news-content a:active { top:1px; }

	#news-special #news-content a.readmore {
		font-weight:bold;
	}

	#news-special #news-content a.close-int {
		float: right;
		font-size: 10px;
		font-weight: bold;
		top: -30px;
		z-index:1;
	}
	
#news-special .sec {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:100%;
}

#news-special .col {
	display:inline;
	float:left;
	position:relative;
}

#news-special ul {
	list-style:none;
	margin:0 0 20px 5px;
	padding:0;
}

	#news-special ul li {
		line-height:normal;
		margin-bottom:5px;
	}

/* HEADER
---------------------------*/

#news-special #header {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_gradient.png?1) center top repeat-x;
	position:relative;
}

	#news-special #header h1 {
		background:url(http://st.deviantart.net/news/april-fools-trollface/troll-header.jpg) center no-repeat;
		text-indent:-9999em;
		height:420px;
		display:block;
		margin:0;
	}

	#news-special #header .sec {
		height:420px;
		margin:0 0 0 -480px;
		position:absolute;
		left:50%;
		top:0;
	}

		#news-special .text #news-content #header a,
		#news-special .text #news-content #header a:active {
			display: block;
			height: 77px;
			left: 96px;
			opacity: 0.5;
			position: absolute;
			text-indent: -9999em;
			top: 266px;
			width: 77px;
		}

		#news-special #header .sec small {
			color: #48431C !important;
			font-size: 11px;
			font-weight: bold;
			left: -20px;
			line-height: 12px;
			position: absolute;
			top: 170px;
			width: 105px;
		}

/* NO-FOOLING
---------------------------*/

#news-special #no-fooling {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_nofooling.jpg?2) center no-repeat;
	position:relative;
	height:440px;
}

	#news-special #no-fooling .col {
		width:400px;
		margin:90px 0 0 73px;
	}

/* LESS-SERIOUS
---------------------------*/

#news-special #less-serious {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_less-serious.jpg?1) center no-repeat;
	height:550px;
}

	#news-special #less-serious .col {
		margin-top:115px;
		width:385px;
	}

	#news-special #less-serious .left {
		margin-left:73px;
		width:385px;
	}

	#news-special #less-serious .right {
		margin-left:53px;
		width:385px;
	}

		#news-special #less-serious .col p span {
			margin-top:220px;
			display:block;
			width:303px;
		}

/* LOL-WUT
---------------------------*/

#news-special #lol-wut {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_lolwut.jpg?2) center no-repeat;
	position:relative;
	height:510px;
}

	#news-special #lol-wut .left {
		width:338px;
		margin:97px 0 0 73px;
	}

	#news-special #lol-wut .right {
		width:257px;
		margin:37px 0 0 42px;
	}

		#news-special #lol-wut .right img {
			-webkit-box-shadow:0 5px 5px #8c9398;
			-moz-box-shadow:0 5px 5px #8c9398;
			box-shadow:0 5px 5px #8c9398;
		}

/* INTERVIEW
---------------------------*/

#news-special #interview {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_interview.jpg?1) center top no-repeat;
	position:relative;
	height:275px;
	z-index:2;
}

	#news-special #interview img {
		position: absolute;
		bottom: -108px;
		left: 57px;
		z-index: 1;
	}

	#news-special #interview .col {
		position:relative;
		margin-top:90px;
		z-index:1;
	}

	#news-special #interview .left {
		width:280px;
		margin-left:73px;
	}

	#news-special #interview .right {
		width:450px;
		margin-left:50px;
	}

	#news-special #interview .right p { padding:0; }

		#news-special #interview .right strong {
			display:block;
			margin-bottom:20px;
		}

/* INTERVIEW-BODY
---------------------------*/

#news-special #int-body {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_interview-body.gif?1) center repeat-y;
	position:relative;
	overflow:hidden;
	z-index:1;
	height:0;
}

	#news-special #int-body .col {
		margin:13px 0 0 403px;
		width:450px;
	}

		#news-special #int-body .col p { padding-bottom:35px; }

		#news-special #int-body .col strong {
			display:block;
			margin-bottom:10px;
		}

/* INTERVIEW-BOTTOM
---------------------------*/

#news-special #int-bottom {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_interview-bottom.png?2) center bottom no-repeat;
	height:140px;
}

	#news-special #int-bottom .col {
		margin:10px 0 0 403px;
		width:450px;
	}

/* GEAR
---------------------------*/

#news-special #gear {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_gear.jpg?1) center no-repeat;
	position:relative;
	height:870px;
}

	#news-special .text #gear .left a img { position:absolute!important;}

	#news-special #gear .trollface {
		position:absolute;
		left:200px;
		top:-16px;
		-webkit-transition:all .20s ease-out;
		-moz-transition:all .20s ease-out;
		transition:all .20s ease-out;
	}

		#news-special #gear .trollface:hover { top:-11px; }

	#news-special #gear .left {
		width:407px;
		margin:100px 0 0 73px;
	}

		#news-special #gear .left .trollhands {
			position:absolute;
			left:44px;
			z-index:1;
			top:0;
		}

		#news-special #gear .left .item {
			margin:20px 0;
			width:190px;
		}

			#news-special #gear .left span,
			#news-special #gear .left a.ordernow {
				text-align:center;
			}

			#news-special #gear .left .two { margin-left:15px; }

			#news-special #gear .left .four { margin-left:15px; }
			
				/* position shirts */
				#news-special #gear .left .two img { top:-3px; }
				#news-special #gear .left .four img { top:-15px; left:10px; }

			/* boxes for items */
			#news-special #gear .left .item a {
				display:block;
				height:260px;
				width:190px;
			}
		
		#news-special #gear .left span {
			margin-bottom:5px;
			color:#ef3c0c;
			display:block;
		}

	#news-special #gear .right {
		width:370px;
		margin:224px 0 0 36px;
	}

	#news-special #gear .right img {
		display:block;
		margin-top:45px;
		-webkit-box-shadow:0 5px 5px #8c9398;
		-moz-box-shadow:0 5px 5px #8c9398;
		box-shadow:0 5px 5px #8c9398;
	}

	#news-special #gear .left .item a.ordernow {
		background:url(http://st.deviantart.net/news/april-fools-trollface/button-ordernow.gif) center bottom no-repeat;
		text-indent:-9999em;
		height:30px;
		width:98px;
		display:block;
	}

	#news-special #gear .left .item a.ordernow:hover { background-position:center center; }

	#news-special #gear .left .item a.ordernow:active { background-position:center top; }

	#news-special #gear a.trollgear {
		background:url(http://st.deviantart.net/news/april-fools-trollface/button_trollgear.gif?2) center bottom no-repeat;
		text-indent:-9999em;
		margin:20px auto 0;
		height:53px;
		width:146px;
		display:block;
	}

		#news-special #gear a.trollgear:hover { background-position:center center; }

		#news-special #gear a.trollgear:active { background-position:center top; }

/* APRFOOLS
---------------------------*/

#news-special #aprfools {
	background:url(http://st.deviantart.net/news/april-fools-trollface/bg_aprfools.jpg?1) center no-repeat;
	height:420px;
}

	#news-special #aprfools .col {
		width:392px;
		margin:127px 0 0 403px;
	}
	


/* LOVER, FACEBOOK, TWITTER
-----------------------------------------------------------------*/
#news-special div.report a.loves, #news-special div.report div.love {
	left:15px;
	top:15px;
	z-index:999;
}

#news-special div.report .love {
	background-color:transparent!important;
	background-image:url('http://st.deviantart.net/news/april-fools-trollface/fav.png')!important;
	z-index:999;
}

#news-special div.report .love span {
	background-color:transparent!important;
	background-image:url('http://st.deviantart.net/news/april-fools-trollface/fav.png')!important;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	z-index:999;
	font-weight:bold;
	letter-spacing:-.25px;
	text-shadow:0 -1px 0 #88951c;
}

#news-special #social {
	top:17px;
	left:70px;
	position:absolute;
	width:100px;
	z-index:1337;
}

#news-special iframe, #news-special iframe.twitter-share-button {
	margin:2px 0;
	height:20px;
	float:left;
	overflow:hidden;
	border:none;
	padding:2px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:97px!important;
	z-index:1337;
	background: #2C539E; /* old browsers */
	background: -moz-linear-gradient(top, #2C539E 0%, #244387 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2C539E), color-stop(100%,#244387)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C539E', endColorstr='#244387',GradientType=0 ); /* ie */
}

* html #news-special iframe.fb, 
* html #news-special iframe.twitter-share-button { 
	height:24px;
	overflow:visible!important;
}

img.territory {
	position:absolute;
	right:0;
	top:17px;
	z-index:1339;
}

/* ARTICLE POSITIONING BASIC STUFF & RESETS
-----------------------------------------------------------------*/
#news-special { margin: 0 -15px 0 -15px; }

#news-special .clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	margin:0;
	padding:0;
}

#news-special .text {
	margin:0!important;
	padding:0!important;
}

#news-special .iconleft { padding-left: 0!important; }

#news-special div.report h1 { display: none; } /*hide the default article h1*/

#news-special div.line0 { display:none; }

#news-special div.line1 {
	margin-left:2em;
	padding-top:1em;
}

#news-special div.line2 { margin-left:2em; }

#news-special .contestopen { text-align:left; margin-top:-2px!important; }
