/* ARTICLE BODY
---------------------------*/
#article {
	background:#333333 url(http://st.deviantart.net/news/2010-dapro-backpack/bg.jpg) center top repeat-x;
	font:normal 12px/normal Verdana, Geneva, sans-serif;
	color:#FFF;
	height:1%;
	padding:0 0 90px 0;
	text-align:center;
}

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

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

#article a:hover {
	color:#FFF;
	text-decoration:underline;
}

#article a:active { outline:none; }

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

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

/* HEADER
---------------------------*/
#header {
	background:url(http://st.deviantart.net/news/2010-dapro-backpack/header_3.jpg) center top no-repeat;
	height:646px;
}

#header a.add {
	position:absolute;
	top: 11px; 
	right: 13px;
}

#header .discount {
	position:absolute;
	right:107px;
	top:9px;
}

#header #video {
	position: absolute;
	right: 0;
	top: 330px;
}

/* DETAILS-TOP
---------------------------*/
#details-top {
	background: url(http://st.deviantart.net/news/2010-dapro-backpack/details-top_size.jpg) center top no-repeat;
	height: 396px;
}

#details-top p { color: #000; }

.text-a {
	left:17px;
	position:absolute;
	top:44px;
	width:232px;
}

.text-b {
	left:286px;
	position:absolute;
	top:44px;
	width:240px;
}

.text-c {
	width: 232px;
	position: absolute;
	left:556px;
	top:44px;
}

/* DETAILS-BOTTOM
---------------------------*/

#details-bottom {
	background:url(http://st.deviantart.net/news/2010-dapro-backpack/details-bottom.jpg) center top no-repeat;
	height: 304px;
}

#details-bottom p { color: #333; }

.text-d {
	position:absolute;
	left: 13px;
	top: 131px;
	width: 179px;
}

.text-e {
	position:absolute;
	left: 213px;
	top: 131px;
	width: 179px;
}

.text-f {
	position:absolute;
	left: 420px;
	top: 131px;
	width: 179px;
}

.text-g {
	left:621px;
	position:absolute;
	top:131px;
	width:181px;
}

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

#footer {
	background:url(http://st.deviantart.net/news/2010-dapro-backpack/footer.jpg?1) center top no-repeat;
	height:457px;
}

#footer a.add {
	left:21px;
	position:absolute;
	top:135px;
}

#footer .discount {
	left:44px;
	position:absolute;
	top:134px;
}

#footer a.product {
	position:absolute;
	left:144px;
	top:214px;
}

/* BUTTONS
---------------------------*/
a.add {
	background:url(http://st.deviantart.net/news/2010-dapro-backpack/addtocart.gif) center bottom;
	height: 26px;
	width: 109px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	z-index:99;
}
a.add:hover { background-position: center center; }
a.add:active { background-position: center top; }

a.product {
	background:url(http://st.deviantart.net/news/2010-dapro-backpack/product.gif) center bottom;
	height: 37px;
	width: 140px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	z-index:99;
}
a.product:hover { background-position: center center; }
a.product:active { background-position: center top; }

/* 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/2010-dapro-backpack/fav.gif')!important;
	z-index:999;
}

#news-special div.report .love span {
	background-color:transparent!important;
	background-image:url("http://st.deviantart.net/news/2010-dapro-backpack/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; }