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

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

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

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

#article a:active { outline:none; }

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

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

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

#header a.add {
	position:absolute;
	right:8px;
	top:9px;
}

#header p {
	color:#000000;
	left:377px;
	position:absolute;
	top:145px;
	width:276px;
}

/* DETAILS-TOP
---------------------------*/
#details-top {
	background: url(http://st.deviantart.net/news/2010-dapro-camera-bag/bg-detailstop.jpg?1) center top no-repeat;
	height: 363px;
}

/* DETAILS-TEXT
---------------------------*/
#details-text {
	background: url(http://st.deviantart.net/news/2010-dapro-camera-bag/bg-detailstext.jpg) center top no-repeat;
	height: 143px;
}

#details-text .sec {
	width:495px;
	padding:20px 20px 0 20px;
}

#details-text p {
	line-height:16px;
	font-size:12px;
	color:#000;
	background:url(http://st.deviantart.net/news/2010-dapro-camera-bag/icon-exclamation.gif) no-repeat 0 3px;
	padding:0 0 0 30px;
}

#article #details-text a:hover {
	background:#eee;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-decoration:none;
}

#article #details-text a:active { background:#ddd; }

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

#details-bottom {
	background:url(http://st.deviantart.net/news/2010-dapro-camera-bag/bg-detailsbottom.jpg?1) center top no-repeat;
	height: 259px;
}

#details-bottom p {
	font:normal 11px/14px Verdana, Geneva, sans-serif;
	color: #333;
}

.text-a {
	left:8px;
	position:absolute;
	top:147px;
	width:165px;
}

.text-b {
	left:212px;
	position:absolute;
	top:142px;
	width:177px;
}

.text-c {
	left:416px;
	position:absolute;
	top:142px;
	width:179px;
}

.text-d {
	left:620px;
	position:absolute;
	top:142px;
	width:181px;
}

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

#footer {
	background:url(http://st.deviantart.net/news/2010-dapro-camera-bag/bg-footer.jpg) center top no-repeat;
	height:464px;
	_margin-bottom:-20px;/*IE*/
}

#footer a.add {
	left:16px;
	position:absolute;
	top:179px;
}

#footer a.product {
	position:absolute;
	left:88px;
	top:245px;
}

/* 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-camera-bag/button-product.gif) center bottom;
	height: 46px;
	width: 182px;
	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, FACEBOOK, TWITTER
-----------------------------------------------------------------*/
#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-camera-bag/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-camera-bag/fav.gif")!important;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-.25px;
	z-index:999;
}

#article #social {
	top:18px;
	left:70px;
	position:absolute;
	width:100px;
	z-index:1337;
}

#article iframe.fb,
#article iframe.twitter-share-button {
	margin:2.5px 0;
	height:20px;
	overflow:hidden;
	border:none;
	padding:2px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:97px!important;
	background:#EEE;
	z-index:1337;
}

* html #article iframe.fb,
* html #article iframe.twitter-share-button { height:24px; }


/* 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; }