/* ARTICLE BODY
---------------------------*/
#article {
	background:#27332b url(http://st.deviantart.net/news/muro-launch/bg.jpg?2) center top repeat-x;
	font:normal 12px/20px Verdana, Geneva, sans-serif;
	color:#FFF;
	height:1%;
	text-align:center;
}

#article p {
	padding-bottom:20px;
	margin:0;
}

#article a {
	color:#cee036;
	text-decoration:none;
}

#article a:hover {
	color:#ecf97b;
	text-decoration:underline;
	outline: none;
}

#article a:active {
	outline: none;
	outline-color:#29322d;
}

#article ul {
	padding:0;
	margin:0;
	position:relative;
}

#article ul li {
	color:#FFF;
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	_width:100%!important; /* IE HAS-LAYOUT Fix */
}

#article ul li strong { color:#ffde00; }

.sec {
	width:840px;
	margin:0 auto;
	text-align:left;
	height:100%;
}

#article .col_R,
#article .col_L {
	position:absolute;
}

.heading {
	margin:0;
	display:block;
}

/* INTRO
---------------------------*/

#intro {
	background:url(http://st.deviantart.net/news/muro-launch/header.jpg?3) center top no-repeat;
	height:300px;
}

#intro .col_R {
	width:470px;
	top:165px;
	left:315px;
}

#intro a.drawnow {
	background: url("http://st.deviantart.net/news/muro-launch/buttons.png") no-repeat scroll -301px -134px;
	_background: url("http://st.deviantart.net/news/muro-launch/buttons.gif") no-repeat scroll -301px -134px;
	height: 37px;
	width: 164px;
	display: block;
	text-indent: -999em;
	position: absolute;
	top: 78px;
	right: -8px;
	color: #29322d;
}

#intro a.drawnow:hover { background-position: -301px -97px; }
#intro a.drawnow:active { background-position: -301px -60px; }


/* SPECS
---------------------------*/

#specs {
	background:url(http://st.deviantart.net/news/muro-launch/specs.jpg?6) center no-repeat;
	height:574px;
}

#specs .col_L {
	left:21px;
	text-align:right;
	top:30px;
	width:260px;
}

#specs .col_R {
	left:314px;
	top:319px;
	width:520px;
}
	

/* EXAMPLES
---------------------------*/

#examples {
	background:url(http://st.deviantart.net/news/muro-launch/examples.jpg?1) center no-repeat;
	height:567px;
}

#examples .col_L {
	left:11px;
	text-align:right;
	top:29px;
	width:270px;
}

#examples .col_R {
	width: 560px;
	right:-34px;
	top: 2px;
	_right: -35px\9;/* IE */
}

.thumbnail {
	width:150px;
	display: inline;
	float: left;
	margin:0 30px 0 0;
	color:#cee036;
}

#examples .thumbnail a { display: block; }

#article .thumbnail h6 {
	font:normal 11px/normal Verdana, Geneva, sans-serif;
	color:#fff;
	margin:0 0 -3px 0;
}

#article #examples .thumbnail h6 a {
	color:#fff;
	font-size:11px;
}

.thumbnail span {
	display:block;
	padding-left:10px;
	margin-top: 5px;
}

#examples .thumbnail span a {
	font-size:10px;
	display:inline;
}

#examples .one { top: 30px; height: 115px; }
#examples .two { top: 1px; height: 144px; }
#examples .three { top: 12px; height: 133px; }
#examples .four { top: 30px; height: 192px; }
#examples .five { top: 30px; left: 7px; height: 192px; }
#examples .six { top: 77px; height: 144px; }
#examples .seven { top: 85px; height: 104px; }
#examples .eight { top: 97px; height: 92px; }
#examples .nine { top: 60px; height: 129px; }

* html #examples .four { top: 10px; }
* html #examples .five { top: 10px; }
* html #examples .six { top: 57px; }
* html #examples .seven { top: 45px; }
* html #examples .eight { top: 57px; }
* html #examples .nine { top: 20px; }

/* TURN
---------------------------*/

#turn {
	background:url(http://st.deviantart.net/news/muro-launch/turn.jpg?1) center no-repeat;
	height:289px;
}

#turn .col_R {
	width: 323px;
	left: 315px;
	top: -6px;
}

#turn .opt1 {
	position:relative;
}

#turn .opt2 {
	position:relative;
	top:-10px;
}

#turn .opt3 {
	position:relative;
	top:-20px;
}

#turn a.drawnow {
	background: url("http://st.deviantart.net/news/muro-launch/buttons.png") no-repeat scroll -172px -134px;
	_background: url("http://st.deviantart.net/news/muro-launch/buttons.gif") no-repeat scroll -172px -134px;
	display:block;
	height:37px;
	position:absolute;
	right:63px;
	text-indent:-999em;
	top:29px;
	width:129px;
	color: #29322d;
}

#turn a.drawnow:hover { background-position: -172px -97px; }
#turn a.drawnow:active { background-position: -172px -60px; }

#turn a.forum {
	background: url("http://st.deviantart.net/news/muro-launch/buttons.png") no-repeat scroll 0 -134px;
	_background: url("http://st.deviantart.net/news/muro-launch/buttons.gif") no-repeat scroll 0 -134px;
	display:block;
	height:37px;
	position:absolute;
	right: 20px;
	text-indent:-999em;
	top: 149px;
	width: 172px;
	color: #29322d;
}

#turn a.forum:hover { background-position: 0 -97px; }
#turn a.forum:active { background-position: 0 -60px; }


/* SPYED
---------------------------*/

#spyed {
	background:url(http://st.deviantart.net/news/muro-launch/spyed.jpg?2) center no-repeat;
	height:408px;
}

#spyed .col_R {
	top: -6px;
	left: 315px;
	width: 460px;
}

#spyed img {
	top:-6px;
	left: 231px;
	position:absolute;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.40); 
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.40); 
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.40); 
}

/* FOOTER
---------------------------*/

#footer {
	background:url(http://st.deviantart.net/news/muro-launch/footer.jpg?1) center no-repeat;
	height:472px;
}

#footer a.drawnow {
	background: url("http://st.deviantart.net/news/muro-launch/buttons.png") no-repeat scroll -465px -114px;
	_background: url("http://st.deviantart.net/news/muro-launch/buttons.gif") no-repeat scroll -465px -114px;
	display:block;
	height: 57px;
	position:absolute;
	left: 465px;
	text-indent:-999em;
	top: 0;
	width: 246px;
	color: #29322d;
}

#footer a.drawnow:hover { background-position: -465px -57px; }
#footer a.drawnow:active { background-position: -465px 0; }

#footer a.gallery {
	background: url("http://st.deviantart.net/news/muro-launch/buttons.png") no-repeat scroll -711px -114px;
	_background: url("http://st.deviantart.net/news/muro-launch/buttons.gif") no-repeat scroll -711px -114px;
	display:block;
	height: 57px;
	position:absolute;
	left: 128px;
	text-indent:-999em;
	top: 0;
	width: 287px;
	color: #29322d;
}

#footer a.gallery:hover { background-position: -711px -57px; }
#footer a.gallery:active { background-position: -711px 0; }


/* FACEBOOK LIKE
-----------------------------------------------------------------*/
#article iframe {
	position:absolute;
	top:88px;
	left:76px;
}

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

#news-special div.report .love {
	background-color:transparent!important;
	background-image:url("http://st.deviantart.net/news/muro-launch/fav.gif")!important;
	z-index:999;
}

#news-special div.report .love span {
	background-color:transparent!important;
	background-image:url("http://st.deviantart.net/news/muro-launch/fav.gif")!important;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-.25px;
	z-index:999;
}

/* ARTICLE POSITIONING BASIC STUFF & RESETS
-----------------------------------------------------------------*/
* html #news-special, #news-special { margin: -12px -15px 0 -77px; }
#article div, #article li, #article ul, #article span { position:relative; }
#article .clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }
.report .text { margin:0; padding:0;}
#news-special div.report h1 { display: none; } /*hide this h1*/
#news-special div.report #news-css-article h1 { display:block; color:#FFF; font-weight:normal; } /*but show the custom h1*/
#news-special div.line0 { display:none; }
#news-special div.line1 { margin-left:2em; padding-top:1em; }
#news-special div.line2 { margin-left:2em; }