/* ARTICLE BODY
---------------------------*/
body{overflow-x:hidden;}
#news-special{color:#ccc;background:url(http://st.deviantart.net/news/rift/header-bg.jpg?3) top center no-repeat #000;}
.rules-page{background:url(http://st.deviantart.net/news/rift/rift_rules.jpg?2) top center no-repeat #000 !important;}
#news-content {
	font:normal 12px/20px Verdana, Geneva, sans-serif;
	color:#ccc;
	text-align:left;
	padding-top:490px;
}
#news-special p {
	text-align:left;
	padding-bottom:13px;
	margin:0;
	font:normal 12px/20px Verdana, Geneva, sans-serif;
	color:#ccc;
	font-weight:normal;
}
#news-special a img{border:none;}
#news-special p a{color:#80dbff;text-decoration:none;}
#news-special p a:hover{color:#80dbff;text-decoration:underline;}
#news-special .hr-fade{height:23px; width:947px; margin:0 auto;}
#news-special ul{margin:0 0 0 20px; padding:0;}

/* HEADER
---------------------------*/
#news-special .frame {width:800px; margin:0 auto; position:relative;}
#news-special .intro{height:447px; background:url(http://st.deviantart.net/news/rift/intro-bg.png) top left no-repeat; margin-bottom:40px;}
#news-special .intro .snippet{position:absolute; top:-230px; right:60px; width:288px; height:170px;}
#news-special .intro .create-text{width:340px; position:absolute; top:80px; left:40px;}

/* BUILD
---------------------------*/
#news-special .build{height:475px; background:url(http://st.deviantart.net/news/rift/build-bg.jpg) top left no-repeat; margin-bottom:40px;}
#news-special .build .build-text{width:350px; position:absolute; top:80px; left:40px;}
#news-special .build .build-text ul{margin-bottom:20px;}
#news-special .build .build-text li{margin-bottom:8px;}
#news-special .build .snippet{position:absolute; top:406px; right:30px; width:328px; height:170px; font-size:10px; line-height:14px; color:#999;}

/* HOW TO
---------------------------*/
#news-special .howto{height:464px; background:url(http://st.deviantart.net/news/rift/howto-bg.jpg) top left no-repeat; margin-bottom:0px;}
#news-special .howto .step1{width:370px; position:absolute; top:110px; left:32px;}
#news-special .howto .step2{width:300px; position:absolute; top:110px; right:70px;}
#news-special .howto .step3{width:300px; position:absolute; top:258px; right:70px;}
#news-special .howto .step3 a{margin:10px 0px 40px 0;}

#news-special .howto a.planar{display:block; width:90px; height:90px; position:absolute;}
#news-special .howto a.earth{top:150px; left:28px;}
#news-special .howto a.fire{top:150px; left:157px;}
#news-special .howto a.water{top:150px; left:290px;}
#news-special .howto a.air{top:300px; left:28px;}
#news-special .howto a.death{top:300px; left:157px;}
#news-special .howto a.life{top:300px; left:290px;}

/* PRIZES
---------------------------*/
#news-special .prizes {width:100%; height:460px; padding-top:480px; margin:0 auto; background:url(http://st.deviantart.net/news/rift/prizes-bg.jpg) top center no-repeat;}
#news-special .prizing{height:425px; background:url(http://st.deviantart.net/news/rift/prizing-bg.jpg) top left no-repeat;}
#news-special .prizing .semi-finalists{width:635px; height:288px; position:absolute; top:-140px; left:40px;}
#news-special .prizing .sec1{position:absolute; width:320px; top:220px; left:82px;}
#news-special .prizing .sec2{position:absolute; width:300px; top:152px; right:17px; font-size:10px; color:#999;}
#news-special .prizing .sec2 li{line-height:17px;}
#news-special .prizing .sec3{position:absolute; width:300px; top:292px; right:17px; font-size:10px; color:#999;}
#news-special .prizing .sec3 li{line-height:17px;}
#news-special .prizes  .notable{float:right; padding-top:434px; color:#4c4c4c; font-size:10px;}

/* RULES
---------------------------*/
#news-special .rules{margin-bottom:40px;}
#news-special .rules li{line-height:20px; margin-bottom:10px;}
#news-special .rules .col1{float:left; width:360px;}
#news-special .rules .col1 a{margin-left:20px;}
#news-special .rules .col-header1{display:block; margin:0 0 6px -11px;}
#news-special .rules .col2{float:right; width:360px;}
#news-special .rules .col-header2{display:block; margin:0 0 0 -14px;}
#news-special .rules .col2 .buttonskeez{width:285px; margin:20px 0 0 20px;}
#news-special .rules .col2 .buttonskeez a{margin-bottom:16px;}
#news-special .rules .col2 .buttonskeez hr{border:none; border-bottom:1px solid #333; margin:0 0 16px 0; padding:0}

/* RULES PAGE
---------------------------*/
.rules-section {padding-bottom:40px;}
.rules-section a{color:#80dbff; text-decoration:underline;}
.rules-section li strong{font-weight:bold; color:#BA864F;}
.rules-section ol{margin:0 0 40px 20px; padding:0;}
.rules-section ol li{margin:0 0 30px 0; padding:0; list-style:decimal;}
.rules-section ol li ol{margin:10px 0 0 20px; padding:0;}
.rules-section ol li ol li{margin:0 0 20px 0; padding:0; list-style:upper-latin;}
.rules-section ol li ol li ol{margin:10px 0 0 20px; padding:0;}
.rules-section ol li ol li ol li{margin:0 0 20px 0; padding:0; list-style:upper-roman;}
.rules-section a.submit{margin:10px 0 30px 0;}

/* GALLERY
---------------------------*/
#news-special .gallery{padding-bottom:80px;}
#news-special .gallery .video{width:650px; height:370px; margin:0 auto 20px auto; background:url(http://st.deviantart.net/news/rift/video-frame.jpg) top left no-repeat; padding:7px 0 0 7px;}
#news-special .gallery .images{width:700px; margin:0 auto; padding:20px 0 40px 0;}
#news-special .gallery .thumb{width:120px; height:120px; display:block; float:left; margin:0 10px; background:url(http://st.deviantart.net/news/rift/thumbs.jpg)0px 0px no-repeat;}
#news-special .gallery .t2{background-position:-120px 0px;}
#news-special .gallery .t3{background-position:-240px 0px;}
#news-special .gallery .t4{background-position:-360px 0px;}
#news-special .gallery .t5{background-position:-480px 0px;}
#news-special .gallery img{margin-left:60px;}

/* BUTTONS
---------------------------*/
#news-special a.rules {
	background:url(http://st.deviantart.net/news/rift/buttons.png) -332px 0px no-repeat;
	height:42px;
	width:143px;
	display:block;
	text-indent:-9999em;
	color:#000;
	border:none;
}
#news-special a.rules:hover { background-position:-332px -42px; border:none;}
#news-special a.rules:active { background-position:-332px -84px; border:none;}

#news-special a.browse {
	background:url(http://st.deviantart.net/news/rift/buttons.png) -163px 0px no-repeat;
	height:42px;
	width:169px;
	display:block;
	text-indent:-9999em;
	color:#000;
	border:none;
}
#news-special a.browse:hover { background-position:-163px -42px; border:none;}
#news-special a.browse:active { background-position:-163px -84px; border:none;}

#news-special a.submit{
	background:url(http://st.deviantart.net/news/rift/buttons.png) 0px 0px no-repeat;
	height:46px;
	width:163px;
	display:block;
	text-indent:-9999em;
	color:#000;
	border:none;
}
#news-special a.submit:hover { background-position:0px -46px; border:none;}
#news-special a.submit:active { background-position:0px -92px; border:none;}

#news-special div.view-more{width:426px; float:right;background:url(http://st.deviantart.net/news/rift/see-more.jpg) 0px 0px no-repeat; padding:4px 0 0 0; margin:0;}
#news-special a.view-more{
	background:url(http://st.deviantart.net/news/rift/see-more.jpg) -208px -4px no-repeat;
	height:42px;
	width:214px;
	display:block;
	text-indent:-9999em;
	color:#000;
	border:none;
	float:right;
	margin-right:4px;
}
#news-special a.view-more:hover { background-position:-208px -54px; border:none;}
#news-special a.view-more:active { background-position:-208px -104px; border:none;}



/* LOVER, FACEBOOK, TWITTER
-----------------------------------------------------------------*/
#news-special div.report a.loves, #news-special div.report div.love {
    left:15px;
    top:48px;
    z-index:999;
}
#news-special div.report .love {
    background-color:transparent!important;
    background-image:url('http://st.deviantart.net/news/rift/favicon.png')!important;
    z-index:999;
}
#news-special div.report .love span {
    background-color:transparent!important;
    background-image:url('http://st.deviantart.net/news/rift/favicon.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:48px;
	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;
	border:1px solid #d3d3d3;
	z-index:1337;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #D9D9D9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#D9D9D9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',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:48px;
	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; }