@import url(http://fonts.googleapis.com/css?family=Tinos:400,400italic);

/*
 * Dec Story
 * Dec 2011 by Mario Luevanos
 */

/* ARTICLE BODY
---------------------------------------------------*/
* #news-special { -webkit-font-smoothing: subpixel-antialiased; }

#news-special {
	background:#201b22 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/bg.jpg) center top repeat;
	position:relative;
	overflow:hidden;
}

#news-special #art-network {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/triangle-bg.png) center top no-repeat;
	font:16px/21px "Tinos", Georgia, "Times New Roman", serif;
	color:#b2b2b2;
	padding:0;
	overflow-x: hidden;
}

#news-special #art-network i.line1 {
	content: "";
	height: 1px;
	width: 100%;
	background: #352C38;
	top: 0;
	left: 400px;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}

#news-special #art-network i.line2 {
	content: "";
	height: 1px;
	width: 100%;
	background: #352C38;
	top: 575px;
	left: -575px;
	display: block;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
}

#news-special #art-network h1,
#news-special h2,
#news-special h3,
#news-special h4,
#news-special h5 {
	font-family: "Tinos", Georgia, "Times New Roman", serif;
	overflow:visible;
	letter-spacing:normal;
	font-weight:normal;
}

#news-special #art-network a { text-decoration:none; }

#news-special #art-network p {
	margin:0;
	padding:0 0 15px 0;
}

#news-special #art-network .sec {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:100%;
}

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

#news-special #art-network .w220 {
	width:220px;
	margin:0 10px;
}

#news-special #art-network .w300 {
	width:300px;
	margin:0 10px;
}

#news-special #art-network .w380 {
	width:380px;
	margin:0 10px;
}

#news-special #art-network .w460 {
	width:460px;
	margin:0 10px;
}

#news-special #art-network .w620 {
	width:620px;
	margin:0 10px;
}

#news-special #art-network ul {
	margin:20px 0;
	padding:0 0 0 15px;
}

#news-special #art-network ul li {
	margin:0 0 20px 0;
	list-style:none;
}

/* STORY HEADER
---------------------------------------------------*/
#news-special #story-header {
	text-shadow:0 1px 1px #000;
	text-align:center;
	padding:110px 0 50px;
	color:#b2b2b2;
}

#news-special #story-header .chat-room-group {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/chatbg-1.png) 0 0 no-repeat;
	display: block;
	height: 36px;
	width: 304px;
	position: absolute;
	line-height: 36px;
	left: 579px;
	top: 0;
	color: white;
	font-size: 14px;
	padding: 0 0 0 33px;
}

#news-special #story-header .chat-room-group a.chat {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/chatroom.gif) 0 9px no-repeat;
	padding: 1px 0 0 20px;
	display: inline-block;
	color: white;
}

#news-special #story-header .chat-room-group a.group {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/group.gif) 0 9px no-repeat;
	padding: 1px 0 0 20px;
	display: inline-block;
	color: white;
}

#news-special #story-header .chat-room-group a:hover {
	text-decoration:underline;
}

#news-special #story-header h1 {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/title-clock-3.png) center no-repeat;
	width:634px;
	height:368px;
	position:absolute;
	left:-93px; top:0;
	display:block;
	font-size:29px;
	letter-spacing:normal;
	text-transform:uppercase;
	margin-bottom:30px;
	text-shadow:0 1px 1px #333;
	text-indent:-9999px;
	font-weight:normal;
	color:#fff;
}

#news-special #story-header h2 {
	font-style:italic;
	position:relative;
	color:#b29c85;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}

#news-special #story-header h2::after {
	position: absolute;
	left: 70px;
	top: 10px;
	height: 1px;
	background: #605066;
	width: 390px;
	content: "";
}

#news-special #story-header .w460 {
	margin-left:490px;
}

#news-special #story-header blockquote {
	font:italic 20px/30px "Tinos", Georgia, "Times New Roman", serif;
	color:#FFF;
	margin:0;
	padding:0;
}

#news-special #story-header p { line-height:28px; }

#news-special #story-header strong {
	display:block;
	margin:10px 0;
	color:#b29c85;
	font-size:30px;
	font-style:italic;
	position:relative;
	border-top:1px solid #605066;
	border-bottom:1px solid #605066;
	padding:15px 0;
}

#news-special #story-header a.contribute-button {
	color:#FFF;
	display:inline-block;
	padding:8px 20px;
	font-size:15px;
	text-shadow:0 1px 1px #444;
	-webkit-box-shadow:0 2px 10px #111;
	-moz-box-shadow:0 2px 10px #111;
	box-shadow:0 2px 10px #111;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color: #d55b41;
	background-image: -moz-linear-gradient(top, #d55b41 0%, #bb2d1b 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d55b41), color-stop(100%, #bb2d1b));
	background-image: -webkit-linear-gradient(top, #d55b41 0%, #bb2d1b 100%);
	background-image: -o-linear-gradient(top, #d55b41 0%, #bb2d1b 100%);
	background-image: -ms-linear-gradient(top, #d55b41 0%, #bb2d1b 100%);
	background-image: linear-gradient(top, #d55b41 0%, #bb2d1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d55b41', endColorstr='#bb2d1b', GradientType=0 );
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear;
}

#news-special #story-header a.contribute-button:hover {
	background-color: #ff6c4e;
	background-image: -moz-linear-gradient(top, #ff6c4e 0%, #ff3c24 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6c4e), color-stop(100%, #ff3c24));
	background-image: -webkit-linear-gradient(top, #ff6c4e 0%, #ff3c24 100%);
	background-image: -o-linear-gradient(top, #ff6c4e 0%, #ff3c24 100%);
	background-image: -ms-linear-gradient(top, #ff6c4e 0%, #ff3c24 100%);
	background-image: linear-gradient(top, #ff6c4e 0%, #ff3c24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c4e', endColorstr='#ff3c24', GradientType=0 );
}

#news-special #story-header a.contribute-button:active {
	-webkit-box-shadow:0 2px 2px #000;
	-moz-box-shadow:0 2px 2px #000;
	box-shadow:0 2px 2px #000;
	position:relative;
	top:1px;
}

#news-special #story-header #clock {
	display: none;
	position: absolute;
	width: 184px;
	height: 184px;
	margin: 20px auto 0 auto;
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/clockface-4.png);
	list-style: none;
	padding: 0;
	top: 138px;
	left: 130px;
}

#news-special #story-header #sec, #min, #hour {
	position: absolute;
	width: 12px;
	height: 184px;
	top: 0px;
	left: 88px;
}

#news-special #story-header #sec {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/sechand.png);
	z-index: 3;
}
   
#news-special #story-header #min {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/minhand.png);
	z-index: 2;
}
   
#news-special #story-header #hour {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/hourhand.png);
	z-index: 1;
}

/* CONTRIBUTE-HOW
---------------------------------------------------*/
#news-special #contribute-how {
	display:none;
	background:#eee url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/paper.jpg) repeat;
	color:#333;
	width:960px;
	padding:0 0 30px;
	margin:0 auto 50px;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#news-special #contribute-how .sec {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/big-clock.png) center top no-repeat;
	padding-top:30px;
}

#news-special #contribute-how h3 {
	text-align:center;
	color:#352d38;
	font-size:24px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	position:relative;
}
#news-special #contribute-how h3::before, #contribute-how h3::after {
	position:absolute;
	top:10px;
	height:1px;
	width:250px;
	content:"";
	background:#ccc;
	box-shadow:0 1px 0 #fff;
}

#news-special #contribute-how h3::before {
	left:30px;
}

#news-special #contribute-how h3::after {
	right:30px;
}

#news-special #contribute-how li {
	margin-bottom:15px;
	font-size:15px;
	line-height:19px;
}

#news-special #contribute-how p {
	margin:20px;
	line-height:22px;
	font-style:italic;
	padding:20px 0;
	border-top:1px solid #fff;
	box-shadow:0 -1px 0 #ccc;
}

#news-special #contribute-how a {
	border-bottom:1px solid #306e73;
	color:#ff5335;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#news-special #contribute-how a:hover {
	color:#b33b25;
	border-bottom:1px solid #ff5335;
}

#news-special #contribute-how a.collapse {
	bottom: 0;
	color:#fff;
	right: 0;
	z-index: 7;
	border:none;
	padding: 0 13px 13px 0;
	font-style: italic;
	font-size: 13px;
}
#news-special #contribute-how a.collapse::before {
	opacity:1;
	bottom:0;
	right: 0;
	border-top: 45px solid transparent;
	border-right: 45px solid #ff5335;
	border-bottom: 45px solid #ff5335;
	border-left: 45px solid transparent;
}

#news-special #contribute-how b { color:#1d181f; }

#news-special #contribute-how .col:last-child ol { margin-bottom:35px; }

/* PROLOGUE
---------------------------------------------------*/
#news-special #prologue {
	background-color:#b29c85;
	color:#1d181f;
}

#news-special #prologue .full-content {
	background:none;
}

#news-special #prologue h3 {
	color:#1d181f;
	margin:5px 0 0 0;
	padding:0;
	font-weight:normal;
	border:none;
	box-shadow:none;
	font-size:49px;
	text-shadow:0 1px 0 #c2a98f;
}

#news-special #prologue span {
	display:block;
	color:#332d26;
	font-size:12px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #8f7f6d;
	-webkit-box-shadow:0 1px 0 #c2b2a1;
	-moz-box-shadow:0 1px 0 #c2b2a1;
	box-shadow:0 1px 0 #c2b2a1;
}

#news-special #prologue span a { color:#332d26; }/* username */

#news-special #prologue .collapse { color:#FF5335; }
#news-special #prologue .collapse::before {
	opacity:1;
	border-right-color:#1D181F;
	border-bottom-color:#1D181F;
}

#news-special #prologue .triangle {
	position: absolute;
	bottom: 0;
	right: 0;
	left: inherit;
	top: inherit;
	margin: 0;
	color: white;
	opacity: 1;
	z-index: 6;
	border-radius: 5px;
	background: none;
	width: 50px;
	height: 50px;
}

#news-special #prologue .triangle var {
	color: white;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 19px;
	display: block;
	z-index: 6;
}

#news-special #prologue .triangle i {
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 30px solid transparent;
	border-right: 30px solid #1D181F;
	border-bottom: 30px solid #1D181F;
	border-left: 30px solid transparent
}

/* CHAPER COLORS
---------------------------------------------------*/

#news-special .cover_bg.ch01 { background:#306e73 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch01-4.png) bottom left no-repeat; }
#news-special .cover_bg.ch02 { background:#493a4c url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch02-2.png) bottom left no-repeat; }
#news-special .cover_bg.ch03 { background:#3A424C url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch03-2.png) bottom left no-repeat; }
#news-special .cover_bg.ch04 { background:#272c33 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch04-2.png) bottom left no-repeat; }
#news-special .cover_bg.ch05 { background:#66594c url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch05-2.png) bottom left no-repeat; }
#news-special .cover_bg.ch06 { background:#40372f url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch06-1.png) bottom left no-repeat; }
#news-special .cover_bg.ch07 { background:#662215 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch07-1.png) bottom left no-repeat; }
#news-special .cover_bg.ch08 { background:#993420 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/ch08-1.png) bottom left no-repeat; }

#news-special .cover_bg.ch01::after,
#news-special .cover_bg.ch02::after,
#news-special .cover_bg.ch03::after,
#news-special .cover_bg.ch04::after,
#news-special .cover_bg.ch05::after { background:none!important; }

/* SLIDER
------------------------------------------------------ */
#news-special #books {
	width:960px;
	margin:auto;
	position:relative;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#news-special #art-network #books ul { 
	margin: 0; 
	padding: 0; 
	height: 480px; 
	overflow: hidden;
}

#news-special #art-network #books ul li { 
	margin: 0 1px; 
	list-style: none; 
	width: 318px; 
	float: left;
}
	
#news-special .cover_bg {
	background-image:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/texture.png);
	background-repeat:repeat;
	height:440px;
	padding:20px;
	position:relative;
	color:#333;
	font-size:15px;
	line-height:19px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/open-hand.gif), url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/open-hand.cur), move;
	cursor: -moz-grab;
}

#news-special .cover_bg::after {
	content:" ";
	width:97px;
	height:96px;
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/chapter-clock.png) 0 0 no-repeat;
	position:absolute;
	bottom:-20px;
	right:-20px;
	z-index:5;
}

#news-special .short_content h3 {
	font-size:36px;
	color:#fff;
	width:280px;
	font-weight:normal;
	padding: 0;
	margin: 0 0 10px 0;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.70);	

/*
	border-bottom:1px solid rgba(0, 0, 0, 0.30);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.15);
*/
}

#news-special .short_content h3 a { color:#fff; }

#news-special .short_content h4 {
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.70);	
	font-size:18px;
	color:#fff;
	width:280px;
	white-space:nowrap;
}

#news-special .short_content .contributions {
	margin: 10px 0 0 0;
	color: white;
	font-size: 11px;
	line-height: 15px;
	background: black;
	width: 248px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: 0 0 0 10px;
	opacity:0.75;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#news-special .short_content .contributions a {
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.70);
	color:#fff;
}

#news-special .short_content .contributions h5 {
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.70);
	display:none;
	font-size:14px;
	margin:0 0 5px;
}

#news-special .short_content .contributions span {
	display:block;
	font-size:10px;
	margin:3px 0;
	font-family:Verdana, Tahoma, Geneva, Sans-serif;
}

#news-special .short_content .read_more {
	font-size: 14px;
	color: white;
	position: absolute;
	background:#1d181f;
	background: rgba(0, 0, 0, 0.80);
	cursor:pointer;
	padding: 10px;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: 0 0 0 -41px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity:0;
}

#news-special .cover_bg:hover .read_more { opacity:1; }

#news-special .collapse {
	cursor:pointer;
	position:absolute;
	bottom:10px;
	color:#555;
	right:10px;
	font-style:italic;
	z-index:7;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#news-special .collapse:hover {
	color:#333;
	opacity:1;
}

#news-special .collapse::before {
	content: "";
	width: 0;
	height: 0;
	opacity:0.5;
	position: absolute;
	bottom: -15px;
	right: -15px;
	z-index:-1;
	border-top: 45px solid transparent;
	border-right: 45px solid #b29c85;
	border-bottom: 45px solid #b29c85;
	border-left: 45px solid transparent;
}

#news-special .short_content {
	width:280px!important;
}

#news-special .artwork {
	position: absolute;
	left: -318px;
	top: 0;
	height: 480px;
	width: 318px;
	z-index: 5;
	overflow:hidden;
}

#news-special .artwork img {
	position:absolute;
}

/* FULL CONTENT
------------------------------------------------- */

#news-special .full_content {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/paper.jpg) repeat;
	font-size:14px;
	display:none;
	cursor:default;
	-moz-user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	user-select: text;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

#news-special .full_content h4 {
	background: #1D181F;
	color: white;
	font-size: 18px;
	font-style: italic;
	position: relative;
	text-indent: 30px;
	padding: 0 10px 0 0;
	margin: 10px 0 0 0;
	display: inline-block;
	height: 40px;
	white-space: nowrap;
	line-height: 40px;
}

#news-special .full_content h4::after {
	content: "";
	height: 0; width: 0;
	position: absolute;
	right: -15px; top: 0;
	background: none;
	border-top: 20px solid #1D181F;
	border-left: 10px solid #1D181F;
	border-bottom: 20px solid #1D181F;
	border-right: 10px solid transparent;
}

#news-special .full_content h5 {
	font-weight:bold;
	font-size:18px;
	color:#ff5335;
	margin:0 0 5px 0;
}

#news-special .full_content h3 {
	display: block;
	color:#3b424d;
	padding: 20px 20px 0;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}

#news-special .full_content .text-lit {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/big-clock-lit.png) bottom left no-repeat;
	min-height:440px;
	font-size:13px;
	line-height:18px;
	padding: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-o-column-count: 2;
	-o-column-gap: 15px;
	column-count: 2;
	column-gap: 15px;
	-moz-user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	user-select: text;
}

#news-special .full_content .text-lit p {
	padding-bottom:10px;
}

#news-special .full_content h4 + .text-lit {
	margin-top: -10px;
	min-height: 400px;
}

#news-special .controller {
	cursor:pointer;
	z-index:200;
	position:absolute;
	top:200px;
	width:100%;
}

#news-special .controller .leftbutton,
#news-special .controller .rightbutton {
	background:#4f4752 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/next-prev.png?1) no-repeat;
	position:absolute;
	width:39px;
	height:76px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.40);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.40);
	box-shadow:0 0 5px rgba(0,0,0,0.40);
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

#news-special .controller .leftbutton {
	background-position:center right;
	right:-30px;
}

#news-special .controller .rightbutton {
	background-position:center left;
	left:-30px;
}

#news-special .controller .leftbutton:hover,
#news-special .controller .rightbutton:hover { background-color:#675d6b; }


/* SCHEDULE
---------------------------------------------------*/

#news-special #nav-chapters {
	z-index:2;
	margin:20px auto -30px;
	width:880px;
	clear:both;
	position:relative;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#news-special #nav-chapters .schedule-bg {
	background: #151217;
	width: 878px;
	height: 65px;
	border: 1px solid black;
	position: absolute;
	margin-left: -440px;
	left: 50%; top: 90px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#news-special #nav-chapters .sec { width:864px; }

#news-special #nav-chapters h2 {
	font-size:16px;
	color:#b29c85;
	text-align:center;
	display:block;
	margin:20px 0 50px 0;
	font-weight:normal;
	letter-spacing:10px;
	text-transform:uppercase;
}

#news-special #nav-chapters a {
	cursor: default;
	display: block;
	float: left;
	width: 85px;
	height: 30px;
	position: relative;
	top: 17px;
	margin: 5px;
	text-align: center;
	line-height: 30px;
	color: #7C6C80;
	font-weight: normal;
	font-size: 36px;
	z-index:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-left: 1px solid #241E27;
}

#news-special #nav-chapters a:hover {
	color:#ad96b3;
}

#news-special #nav-chapters a.chapter-complete {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/chapter-complete.png) center no-repeat;
	color: #1D181F;
	font-size: 16px;
	width: 86px;
	height: 111px;
	position: relative;
	top: -20px;
	line-height: 111px;
	border:none;
}

#news-special #nav-chapters span {
	font: 11px/normal Verdana, Tahoma, Geneva, Sans-serif;
	float: left;
	width: 86px;
	text-align: center;
	display: block;
	color: #B29C85;
	margin: 45px 5px 0;
	text-indent: 3px;
}

#news-special #nav-chapters span.chapter-next {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/chapter-next-1.png) center bottom no-repeat;
	height: 137px;
	position: relative;
	top: -110px;
	margin-bottom:-110px;
	line-height: 229px;
	color: white;
	text-shadow: 0 -1px black;
}

#news-special #nav-chapters small.tt {
	font:11px Verdana, Tahoma, Geneva, Sans-serif;
	color:#333!important;
	width: 150px;
	padding:10px;
	position: absolute;
	top: -110px;
	left:50%;
	z-index:1337;
	margin:0 0 0 -85px;
	text-align:left;
	background:#e5e5e5;
	display: none;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.50);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.50);
	box-shadow:0 0 20px rgba(0,0,0,0.50);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#news-special #nav-chapters small.tt i {
	text-align: center;
	margin: 0 auto -30px;
	width: 0;
	height: 0;
	border-top: 15px solid #E5E5E5;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	position: relative;
	display: block;
	margin: 0 auto -30px;
	top: 7px;
}

/* FAQ
---------------------------------------------------*/

#news-special .FAQ-BG {
	background:url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/faq-bg1.png) center bottom no-repeat;
}

#news-special #FAQ {
	clear:both;
	position:relative;
	padding:0 0 40px 0;
	margin:75px 0 0;
}

#news-special #FAQ b {
	color:#fff;
}

#news-special #FAQ h3 {
	color: #B29C85;
	font-size: 18px;
	padding:0 10px;
	border-top: 3px solid #605066;
	border-bottom: 1px solid #605066;
	height: 38px;
	line-height: 38px;
	margin: 0 0 15px 0;
	text-align: left;
}

#news-special #FAQ .sec {
	text-align:center;
}

#news-special #FAQ .sec > div {
	font-size: 15px;
	line-height: 20px;
	text-align:left;
}

#news-special #FAQ .sec a.read-faq {
	color:#FFF;
	display:inline-block;
	text-align:center;
	padding:6px 35px;
	font-size:16px;
	margin:55px 0 0 50px;
	text-shadow:0 1px 1px #111;
	-webkit-box-shadow:0 2px 10px #111;
	-moz-box-shadow:0 2px 10px #111;
	box-shadow:0 2px 10px #111;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background: #615566;
	background: -moz-linear-gradient(top, #615566 0%, #332837 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#615566), color-stop(100%,#332837));
	background: -webkit-linear-gradient(top, #615566 0%,#332837 100%);
	background: -o-linear-gradient(top, #615566 0%,#332837 100%);
	background: -ms-linear-gradient(top, #615566 0%,#332837 100%);
	background: linear-gradient(top, #615566 0%,#332837 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615566', endColorstr='#332837',GradientType=0 );
}

#news-special #FAQ #frequently-asked-questions {
	display:none;
	clear:both;
	background:#ededed url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/big-clock-lit.png) bottom right no-repeat;
	width:960px;
	position:relative;
	margin:15px auto 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

#news-special #FAQ #frequently-asked-questions h4 {
	background:#1D181F;
	color: white;
	font-size: 24px;
	font-style: italic;
	position: relative;
	padding: 0 10px 0 30px;
	margin: 15px 0 0 0;
	display: block;
	height: 40px;
	white-space: nowrap;
	line-height: 40px;
	clear: both;
	width: 270px;
}

#news-special #FAQ #frequently-asked-questions h4::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: -15px;
	top: 0;
	background: none;
	border-top: 20px solid #1D181F;
	border-left: 10px solid #1D181F;
	border-bottom: 20px solid #1D181F;
	border-right: 10px solid transparent;
}

#news-special #FAQ #frequently-asked-questions ul {
	font:11px/15px Verdana, Tahoma, Geneva, Sans-serif;
	color:#1d181f;
}

#news-special #FAQ #frequently-asked-questions ul li {
	list-style:disc;
	margin-bottom:15px;
}

#news-special #FAQ #frequently-asked-questions a {
	font-style: italic;
	background: none;
	position: absolute;
	bottom: 0;
	right: 0;
	left: inherit;
	top: inherit;
	margin: 0;
	color: white;
	opacity: 1;
	z-index: 6;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	padding: 0;
	display: block;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#news-special #FAQ #frequently-asked-questions i {
	color: white;
	position: absolute;
	bottom: 20px;
	right: 10px;
	font-size: 19px;
	display: block;
	z-index: 6;
}

#news-special #FAQ #frequently-asked-questions a var {
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 50px solid transparent;
	border-right: 50px solid #1D181F;
	border-bottom: 50px solid #1D181F;
	border-left: 50px solid transparent;
}

/* STORY-SUBMISSIONS
---------------------------------------------------*/
#news-special #story-submissions {
	clear: both;
	margin: 0 auto 0;
	background: #100c12;
	position: relative;
	border-top: 3px solid #000;
}

#news-special #story-submissions h2 {
	text-shadow:0 1px 1px #000;
	color:#b29c85;
	font-size:24px;
	text-align:center;
	font-weight:normal;
	padding:30px 0;
	margin:0;
}

#news-special #art-network #story-submissions .w220 {
	min-height:350px;
}

#news-special #story-submissions h3 {
	color: #CCC;
	text-shadow: 0 1px 1px black;
	background:none;
	margin:0 0 15px 0;
	clear: both;
	font-size:20px;
	height:40px;
	line-height:40px;
	border-bottom: 1px solid #2c232f;
	border-top: 3px solid #2c232f;
	padding:0 10px;
	position:relative;
}

#news-special #story-submissions h3 img {
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 1;
}

#news-special #story-submissions h3.next {
	padding-left:40px;
}

#news-special #story-submissions h3.ch01::before { border-color:#306e73; }
#news-special #story-submissions h3.ch02::before { border-color:#493a4c; }
#news-special #story-submissions h3.ch03::before { border-color:#3a424c; }
#news-special #story-submissions h3.ch04::before { border-color:#272c33; }
#news-special #story-submissions h3.ch05::before { border-color:#66594c; }
#news-special #story-submissions h3.ch06::before { border-color:#40372f; }
#news-special #story-submissions h3.ch07::before { border-color:#662215; }
#news-special #story-submissions h3.ch08::before { border-color:#993420; }
#news-special #story-submissions h3.ch09::before { border-color:#cc432b; }

#news-special #story-submissions h3.ch01::after { border-color:#306e73; }
#news-special #story-submissions h3.ch02::after { border-color:#493a4c; }
#news-special #story-submissions h3.ch03::after { border-color:#3a424c; }
#news-special #story-submissions h3.ch04::after { border-color:#272c33; }
#news-special #story-submissions h3.ch05::after { border-color:#66594c; }
#news-special #story-submissions h3.ch06::after { border-color:#40372f; }
#news-special #story-submissions h3.ch07::after { border-color:#662215; }
#news-special #story-submissions h3.ch08::after { border-color:#993420; }
#news-special #story-submissions h3.ch09::after { border-color:#cc432b; }


#news-special #story-submissions h3::before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	left:0; top:1px;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent!important;
	border-bottom: 5px solid transparent!important;
	border-left: 5px solid transparent;
}

#news-special #story-submissions h3::after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	left:0; bottom:1px;
	border-top: 5px solid transparent!important;
	border-right: 5px solid transparent!important;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

#news-special #story-submissions .credit {
	font:12px/normal Verdana, Tahoma, Geneva, Sans-serif;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #3a424c;
	display: block;
	height: 30px;

	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

#news-special #story-submissions .credit:last-child {
	border:none;
}

#news-special #story-submissions .credit em {
	font-family:"Tinos", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	display:block;
	margin-bottom:10px;
	color:#ff5335;
	font-size:14px;
}

#news-special #story-submissions .credit p {
	font-family:"Tinos", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#ccc;
	font-size:13px;
}

#news-special #story-submissions .credit > a {
	font:12px/normal Verdana, Tahoma, Geneva, Sans-serif;
	color:#86728f;
	display:block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position:relative;
}

#news-special #story-submissions .credit small {
	display: block;
	color:#998673!important;
	font-size: 11px;
	margin-top:5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position:relative;
}

#news-special #story-submissions .credit small a {
	color:#998673!important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position:relative;
}

#news-special #story-submissions .credit:hover > a { color:#b69bc2; }
#news-special #story-submissions .credit:hover > small,
#news-special #story-submissions .credit:hover > small a { color:#cca885!important; }

#news-special #story-submissions .credit:hover { padding-left:5px; }

/* CREDITS
---------------------------------------------------*/

#news-special #credits {
	background:#000 url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/creditsbg.jpg) top center no-repeat;
	border-top:3px solid #000;
	position:relative;
}

#news-special #credits h2 {
	font-size:24px;
	color:#ccc;
}

#news-special #credits h3 {
	font-size:16px;
	color:#50b8bf;
	border-bottom:1px dotted #574d54;
	padding-bottom:5px;
	margin-bottom:5px;
}

#news-special #credits a {
	font-family:Verdana, Tahoma, Geneva, Sans-serif;
	color:#666666;
	font-size:11px;
}

#news-special #credits .sec {
	padding:50px 0 115px;
}

#news-special #credits small {
	display:block;
	color:#999999!important;
	font-size:10px;
	line-height:15px;
	font-family:Verdana, Tahoma, Geneva, Sans-serif;
}

#news-special #credits #odyssey-2012-comments {
	background: url(http://st.deviantart.net/news/artnetwork/2012-untitled-story/comment-bubble.png) 0 4px no-repeat;
	padding: 1px 0 0 40px;
	font: 33px/normal "Tinos", Georgia, "Times New Roman", serif;
	display: block;
	font-size: 33px;
	color:#50b8bf;
	height: 30px;
}

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

#news-special .clear:before,
#news-special .clear:after {
	content:"";
	display:table;
}

#news-special .clear:after { clear:both; }

#news-special .clear { zoom:1; }

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

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

#news div.report { padding-bottom:0; }

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

#news-special .iconleft.report .love,
#news-special .iconleft.report .loves { display:none; }

*::selection {
	background: #8f71a8;
}
*::-moz-selection {
	background: #8f71a8;
}