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

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

#article a {
	color:#009ccf;
	text-decoration:underline;
	outline:none;
}

#article a:hover { color:#167a9b; }

#article a:active { outline:none; }

#article .sec {
	width:840px;
	margin:0 auto;
	text-align:center;
	padding:15px 0;
	position:relative;
}

#article ul {
	margin:0;
	padding:0 30px 0 5px;
}

#article ul li {
	background:url(http://st.deviantart.net/news/art-water/bullet.gif) no-repeat scroll 0 5px transparent;
	line-height:normal;
	list-style:none outside none;
	margin:0 0 10px;
	padding:0 0 0 10px;
	font-size:11px;
	text-align:left;
}

/* HEADER
---------------------------*/

#header {
	background:url(http://st.deviantart.net/news/art-water/bg-header.jpg?1) center top no-repeat;
	height:599px;
	_height:629px;
}

#header .col {
	width:373px;
	position:absolute;
	left:335px;
	top:364px;
}

#header a.rules {
	float:right;
	margin:3px 17px 0 0;
}

#header img {
	position:absolute;
	left:50%;
	bottom:3px;
	width:26px;
	height:48px;
	margin-left:-13px;
	_bottom:2px;
}

/* STEPS
---------------------------*/

#steps {
	background:#eee url(http://st.deviantart.net/news/art-water/bg-steps.gif) center bottom repeat-x;
	text-align:center;
}

#steps .sec { padding-top:8px; }

#steps h2 {
	background:url(http://st.deviantart.net/news/art-water/h-threesteps.gif) center no-repeat;
	height:32px;
	width:274px;
	margin:0 auto 8px;
	text-indent:-9999em;
	text-align:center;
}

#steps .col_L {
	float:left;
	display:inline;
	width:337px;
	margin-left:115px;
	text-align:left;
}

#steps .col_R {
	float:right;
	display:inline;
	width:334px;
	margin-right:33px;
	text-align:left;
}

#step1 {
	background:url(http://st.deviantart.net/news/art-water/step-1.gif) center no-repeat;
	height:123px;
	width:290px;
	display:block;
	text-indent:-9999em;
	position:relative;
	left:-32px;
	margin:0 0 10px 0;
}

#step2 {
	background:url(http://st.deviantart.net/news/art-water/step-2.gif) center no-repeat;
	height:143px;
	width:276px;
	display:block;
	text-indent:-9999em;
	position:relative;
	left:-32px;
	margin:0 0 10px 0;
}

#step3 {
	background:url(http://st.deviantart.net/news/art-water/step-3.gif) center no-repeat;
	height:100px;
	width:206px;
	display:block;
	text-indent:-9999em;
	position:relative;
	left:-32px;
	margin:35px 0 10px 0;
}

#steps p { width:286px; }

#steps span, 
#legal span {
	height:93px;
	display:block;
	width:304px;
	margin:0 0 10px 0;
	position:relative;
}

#steps span.photo { background:url(http://st.deviantart.net/news/art-water/u-photography.gif?1) center no-repeat;	margin-top:4px; }

#steps span.traditional { background:url(http://st.deviantart.net/news/art-water/u-traditional.gif) center no-repeat; }

#steps span.digital { background:url(http://st.deviantart.net/news/art-water/u-digital.gif) center no-repeat; }

#steps small {
	font:normal 10px/13px Verdana, Geneva, sans-serif;
	display:block;
	color:#666!important;
	width:305px;
	padding:0 10px;
	text-indent:-5px;
}

#steps img.bottle {
	position:absolute;
	display:block;
	height:205px;
	width:153px;
	left:177px;
	bottom:0;
	zoom:1;
}

#steps a.rules { margin-bottom:18px; }

/* PRIZES
---------------------------*/

#article #prizes {
	background:url(http://st.deviantart.net/news/art-water/bg-prizes.jpg) center top no-repeat;
	padding-top:495px; 
	height:186px;
	text-align:center;
}

#article #prizes .col {
	width:467px;
	margin:0 auto;
}

/* LEGAL
---------------------------*/

#article #legal.sec {
	background:#fff;
	padding-bottom:34px;
}

#article #legal .col_L {
	float:left;
	display:inline;
	width:337px;
	margin-left:111px;
	text-align:left;
}

#article #legal .col_R {
	float:left;
	display:inline;
	width:304px;
	position:relative;
	left:-5px;
	text-align:left;
}

#article #legal .col_L h2 {
	background:url(http://st.deviantart.net/news/art-water/h-rules.gif) center top no-repeat;
	height:32px;
	width:62px;
	text-indent:-9999em;
	margin-bottom:3px;
	text-align:left;
}

#article #legal .col_L p,
#article #legal .col_R p { width:275px; }

#article #legal .col_R h2 {
	background:url(http://st.deviantart.net/news/art-water/h-judging.gif) center top no-repeat;
	height:32px;
	width:92px;
	text-indent:-9999em;
	margin-bottom:3px;
	text-align:left;
}

#article #legal .col_R h3 {
	background:url(http://st.deviantart.net/news/art-water/h-submissioncategories.gif) center top no-repeat;
	height:32px;
	width:267px;
	text-indent:-9999em;
	margin-bottom:12px;
	text-align:left;
}

#article #legal .col_L a.rules { margin-left:14px; }

#article #legal .col_R a.rules { margin:-5px 0 30px 0; }

#article #legal span.photo {
	background:url(http://st.deviantart.net/news/art-water/u-photography2.gif) center no-repeat;
	margin-top:4px;
}

#article #legal span.traditional { background:url(http://st.deviantart.net/news/art-water/u-traditional2.gif) center no-repeat; }

#article #legal span.digital { background:url(http://st.deviantart.net/news/art-water/u-digital2.gif) center no-repeat; }

	
/* BROWSE
---------------------------*/

#article #browse {
	background:url(http://st.deviantart.net/news/art-water/bg-browse.jpg) center repeat-x;
	height:103px;
}

#article #browse .sec {
	width:740px;
	position:relative;
	left:12px;
	text-align:left;
}

#article #browse h3 {
	background:url(http://st.deviantart.net/news/art-water/h-browse.gif) center no-repeat;
	height:13px;
	width:108px;
	text-indent:-9999em;
	margin:0 10px 10px;
}

#article #browse a {
	float:left;
	margin:0 5px;
}

a.bPhotography {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -1091px -82px no-repeat;
	text-indent:-9999em;
	display:inline-block;
	height:41px;
	width:236px;
	color:#fff;
}

a.bPhotography:hover { background-position: -1091px -41px; }

a.bPhotography:active { background-position: -1091px 0; }

a.bTraditional {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -1327px -82px no-repeat;
	text-indent:-9999em;
	display:inline-block;
	height:41px;
	width:247px;
	color:#fff;
}

a.bTraditional:hover { background-position: -1327px -41px; }

a.bTraditional:active { background-position: -1327px 0; }

a.bDigital {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -1574px -82px no-repeat;
	text-indent:-9999em;
	display:inline-block;
	height:41px;
	width:217px;
	color:#fff;
}

a.bDigital:hover { background-position: -1574px -41px; }

a.bDigital:active { background-position: -1574px 0; }

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

#article #footer {
	background:url(http://st.deviantart.net/news/art-water/bg-footer.jpg?2) center top no-repeat;
	min-height:640px;
	height:auto!important;
	height:640px;
}

#article #footer p.info {
	font-size:11px;
	position:relative;
	text-align:center;
	top:455px;
}

#article #footer .col {
	left:249px;
	position:absolute;
	top:511px;
	width:496px;
}
	
/* BUTTONS
---------------------------*/

a.rules {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) 0 -82px no-repeat;
	text-indent:-9999em;
	display:block;
	height:41px;
	width:130px;
	color:#fff;
}

a.rules:hover { background-position: 0 -41px; }

a.rules:active { background-position: 0 0; }

a.download {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -130px -82px no-repeat;
	text-indent:-9999em;
	display:block;
	height:41px;
	width:243px;
	color:#fff;
	margin-top:2px;
}

a.download:hover { background-position: -130px -41px; }

a.download:active { background-position: -130px 0; }

a.uPhotography {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -373px -82px no-repeat;
	text-indent:-9999em;
	display:block;
	height:41px;
	width:244px;
	color:#fff;
	position:absolute;
	bottom:10px;
	left:10px;
}

a.uPhotography:hover { background-position: -373px -41px; }

a.uPhotography:active { background-position: -373px 0; }

a.uTraditional {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -617px -82px no-repeat;
	text-indent:-9999em;
	display:block;
	height:41px;
	width:251px;
	color:#fff;
	position:absolute;
	bottom:10px;
	left:10px;
}

a.uTraditional:hover { background-position: -617px -41px; }

a.uTraditional:active { background-position: -617px 0; }

a.uDigital {
	background:url(http://st.deviantart.net/news/art-water/buttons.gif) -868px -82px no-repeat;
	text-indent:-9999em;
	display:block;
	height:41px;
	width:223px;
	color:#fff;
	position:absolute;
	bottom:10px;
	left:10px;
}

a.uDigital:hover { background-position: -868px -41px; }

a.uDigital:active { background-position: -868px 0; }



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

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

#news-special div.report .love span {
	background-color:transparent!important;
	background-image:url("http://st.deviantart.net/news/art-water/fav.gif")!important;
	font-family:Helvetica Neue, Helvetica, Arial, Sans-serif;
	color:#FFF;
	letter-spacing:-.25px;
	z-index:999;
}

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

#article iframe.fb,
#article iframe.twitter-share-button {
	margin:2px 0;
	height:20px;
	float:left;
	overflow:hidden;
	padding:2px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:97px!important;
	border:1px solid #d3d3d3;
	background-color:#EEE;
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(217,217,217)),color-stop(1, rgb(255,255,255)));
	background-image:-moz-linear-gradient(center bottom, rgb(217,217,217) 0%, rgb(255,255,255) 100%);
	z-index:1337;
}

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

img.territory {
	position:absolute;
	right:0;
	top:48px;
	z-index:1339;
}

/* 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; margin:0; padding: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; }
