/*
 * Gears of War 3 - Gears United / Artists United Contest Winners
 * deviantART Creative Team
 * Octorber 2011
 */

/* ARTICLE BODY
---------------------------------------------------*/
/* Common Tags */
#news-special { background:#000 url(http://st.deviantart.net/news/gears-of-war/win-header.jpg?1) center top no-repeat; color:#b2b2b2; font-family:Verdana, Geneva, sans-serif; padding-bottom:70px;  }
#news-special p { text-align:left; padding-bottom:15px; margin:0; }
#news-special b { color:#fff; font-weight:bold; }
#news-special h2 { font:900 30px/normal Orbitron, Arial, Helvetica; color:#fefefe; position:relative; letter-spacing:normal; text-transform:uppercase;}
#news-special h3 { font:900 22px/normal Orbitron, Arial, Helvetica; color:#cc0003; letter-spacing:normal; text-transform:uppercase; padding:0 0 0 10px; }
#news-special a[href] { color:#ccc; text-decoration:none; outline:none; transition:color 0.25s ease; -o-transition:color 0.25s ease; -moz-transition:color 0.25s ease; -webkit-transition:color 0.25s ease; }
#news-special a:hover { color:#FFF; }

/* Article Structure + Columns */
#news-special .sec { width:960px; margin:0 auto; text-align:left; position:relative; height:100%; z-index:2; }
#news-special .col { display:inline; float:left; position:relative; }
#news-special .w220 { width:220px; margin:0 10px; }
#news-special .w300 { width:300px; margin:0 10px; }
#news-special .w380 { width:380px; margin:0 10px; }
#news-special .w540 { width:540px; margin:0 10px; }
#news-special .w460 { width:460px; margin:0 10px; }
#news-special .w620 { width:620px; margin:0 10px; }

#news-special ul { margin:0 0 20px 0; padding:0; list-style: none; }
#news-special ul li { background: url(http://st.deviantart.net/news/gears-of-war/bullet-redarrow.gif) 0 3px no-repeat; margin:0 0 15px 15px; padding: 0 0 0 15px; line-height: normal; vertical-align: top!important; }
#news-special li small { display: block; font-size: 9px; color: #8C8C8C!important; }
#news-special *::selection { background:#900; }
#news-special *::-moz-selection { background:#900; }
#news-special blockquote cite { font-style: normal; font-size: 13px; display: block; text-indent: -6px; line-height:19px; }
#news-special blockquote cite b { display:block; font-size:10px; color:#666; margin:10px 0 0 10px; font-weight:normal; }

/*Shadow on Images */
#news-special a.gow_l { display:block; margin:auto; }
#news-special .ibe_outer,
#news-special a.gow_l img { position:relative; box-shadow:0 3px 10px #000; -moz-box-shadow:0 3px 10px #000; -webkit-box-shadow:0 3px 10px #000; transition:all 0.25s linear; -moz-transition:all 0.25s linear; -webkit-transition:all 0.25s linear; }
#news-special .ibe_outer:hover,
#news-special a.gow_l img:hover { box-shadow:0 1px 1px #000; -webkit-box-shadow:0 1px 1px #000; -moz-box-shadow:0 1px 1px #000; }
#news-special .gow-tab .ibe_outer { margin:auto }

/* INTRO-HEADER
---------------------------------------------------*/
#news-special #gow-intro { position:relative; color:#a6a6a6; font:11px/15px Verdana, Geneva, sans-serif; }
#news-special #gow-intro .sec { overflow:hidden; zoom: 1; }
#news-special #gow-intro h1 { display:block; background:url(http://st.deviantart.net/news/gears-of-war/win-gowtitle.png?1) center no-repeat;  width:440px; height:155px; text-indent:-9999em; position:absolute; top:56px; right:140px; }
#news-special #gow-intro a { color:#D2A040; }
#news-special #gow-intro a:hover { color:#FFF; }
#news-special #gow-intro b { color:#cccccc; }
#news-special #gow-intro .col { background:url(http://st.deviantart.net/news/gears-of-war/win-introbg.jpg) center top no-repeat; height:310px; padding:80px 30px 0; margin: 200px 0 0 375px; width:460px;  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; behavior: url(http://st.deviantart.net/news/gears-of-war/border-radius.htc); box-shadow:0 2px 1px rgba(255,255,255,0.15) inset; }
#news-special #gow-intro .col p + b { float: left; width:260px; margin:0 10px 0 0; }
#news-special a.rules { background:url(http://st.deviantart.net/news/gears-of-war/win-buttons.png) 0 -101px no-repeat; height:37px; width:142px; display:block; float:left; text-indent:-9999em; margin:-5px 0 0 0; }
#news-special a.rules:hover { background-position:0 -64px; }
#news-special a.rules:active { background-position:0 -27px; }
#news-special #win-notice { cursor:pointer; background:url(http://st.deviantart.net/news/gears-of-war/win-notice.png) center no-repeat; width:383px; height:78px; position: absolute; top: 260px; left: 375px; }
#news-special #win-notice img { position: absolute!important; left: 35px; top: 15px; }

/* GOW-WINNER
---------------------------------------------------*/
#news-special #gow-winner { background:url(http://st.deviantart.net/news/gears-of-war/win-winnersbg.jpg) 10px 246px no-repeat; height:846px; }
#news-special #gow-winner .gow-tab { background:url(http://st.deviantart.net/news/gears-of-war/win-tab_first.png?3) 0 0 no-repeat; width: 860px; height:449px; padding: 10px 0 0 30px; margin: 0 0 0 20px; }
#news-special #gow-winner a.gow_l img { width:780px; margin:auto; display:block; }
#news-special #gow-winner .col {margin: 5px 10px 0 80px; width:800px; } 
#news-special #gow-winner .gow-metadata { margin:0 10px 10px; padding-left:10px; }
#news-special #gow-winner .gow-metadata > a { margin-bottom:5px; display:block; background:url(http://st.deviantart.net/news/gears-of-war/win-t_bringit.png) center no-repeat; width:171px; height:20px; text-indent:-9999em; }
#news-special #gow-winner .gow-prizes { float:left; margin:30px 10px 0; width:380px; }
#news-special #gow-winner blockquote { background:url(http://st.deviantart.net/news/gears-of-war/win-1stquote.png) center no-repeat; width:685px; height:101px; display:block; margin:50px 0 0 30px; }
#news-special #gow-winner blockquote cite { float: left; width: 310px; margin:0 0 25px 0; font-size: 15px; line-height: 21px; display:none; }
#news-special #gow-winner blockquote cite:first-child + cite { margin-left:40px; }
#news-special #gow-winner blockquote cite b { margin-top:0; }
#news-special #gow-comments.first { position:absolute; left:0; top:30px; width:100%; display:none; }
#news-special #gow-comments a { margin:0 5px 0 0; background:url(http://st.deviantart.net/news/gears-of-war/win-comments.gif) center top no-repeat; display:inline-block; height:24px; width:24px; text-align:center; line-height:24px; font-size:11px; color:#fff; text-shadow:0 -1px 0 #000; opacity:0.5; }
#news-special #gow-comments a:hover { opacity:0.8; }
#news-special #gow-comments a.active { background-position:center bottom; opacity:1; }

/* GOW-RUNNERS UP
---------------------------------------------------*/
#news-special #gow-runnersup { background:url(http://st.deviantart.net/news/gears-of-war/win-runnersupbg1.jpg) center top no-repeat; position:relative; padding:30px 0 100px 0; }
#news-special #gow-runnersup .gow-metadata { width:380px; margin-top:15px; }
#news-special #gow-runnersup .gow-second .gow-metadata { margin-left:80px; }
#news-special #gow-runnersup .gow-third .gow-metadata { margin-left:60px; }
#news-special #gow-runnersup .gow-second .gow-metadata > a { background:url(http://st.deviantart.net/news/gears-of-war/win-t_passage.png) center no-repeat; display:block; text-indent:-9999em; width:247px; height:13px; margin:0 0 5px 12px; }
#news-special #gow-runnersup .gow-third .gow-metadata > a { background:url(http://st.deviantart.net/news/gears-of-war/win-t_gow03.png) center no-repeat; display:block; text-indent:-9999em; width:302px; height:13px; margin:0 0 5px 12px; }
#news-special #gow-runnersup .col > a { display:block; padding:0 0 0 60px; width:390px; }
#news-special .gow-second > a { background:url(http://st.deviantart.net/news/gears-of-war/win-tab_second.gif?1) 0 0 no-repeat; margin-left:20px; }
#news-special .gow-third > a { background:url(http://st.deviantart.net/news/gears-of-war/win-tab_third.gif?1) 0 0 no-repeat; }
#news-special #gow-runnersup a img { width:380px; display:inline-block; margin:!important; }
#news-special #gow-runnersup span { display:block; padding:0 0 10px 12px; margin-bottom:15px; font-size:11px; border-bottom:1px solid #000; box-shadow:0 1px 0 rgba(255,255,255,0.07); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.07); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.07); } 
#news-special #gow-runnersup li { font-size:11px; margin-bottom:10px; }
#news-special #gow-runnersup blockquote { background: url(http://st.deviantart.net/news/gears-of-war/win-title_judges.png) 0 20px no-repeat; font: 11px/16px Verdana, Geneva, sans-serif; height: 145px; left: 15px; margin: 25px 0 0 0; display: block; clear: both; padding: 25px 0 0 0; width: 370px; position: relative; border-top: 1px solid rgba(255,255,255,0.07); box-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 -1px 0 #000; -moz-box-shadow: 0 -1px 0 #000; }
#news-special #gow-runnersup blockquote cite { position:absolute; top:55px; left:4px; }
#news-special #gow-comments { position: absolute; top: 15px; left: 215px; white-space: nowrap; }

/* THANKYOU
---------------------------------------------------*/
#gow-thankyou { background:url(http://st.deviantart.net/news/gears-of-war/win-thankyoubg.jpg?1) center top no-repeat; padding:85px 0 80px; }
#gow-thankyou img { display:block; margin-bottom:15px; }
#gow-thankyou img,
#gow-thankyou img + div.w300 { margin-left:70px; }
#gow-thankyou .col span { display:block; font-size:11px; color:#999; white-space:nowrap; }
#gow-thankyou .col span strong { font-weight:normal; color:#ccc; font-size:12px; }
#gow-thankyou .col span a { color:#9e824f; }
#gow-thankyou .col span a:hover { color:#fff; }

/* FOOTER
---------------------------------------------------*/
#news-special #article-footer { background:url(http://st.deviantart.net/news/gears-of-war/win-footer.jpg) repeat-x center top; font-size:10px; color:#333; line-height:14px; }
#news-special #article-footer .sec { padding-top:55px; }
#news-special #article-footer .w300 { padding-top:40px; }
#news-special #article-footer .w620 { background:url(http://st.deviantart.net/news/gears-of-war/win-gowlogo-horz.gif) 0 0 no-repeat; padding: 100px 0 0 65px; width: 555px; }
#news-special #article-footer .w620 p { width:460px; }
#news-special a.view { margin:0 0 5px 0; float:left; background:url(http://st.deviantart.net/news/gears-of-war/win-buttons.png) -142px -92px no-repeat; height:46px; width:198px; display:block; text-indent:-9999em; }
#news-special a.view:hover { background-position: -142px -46px; }
#news-special a.view:active { background-position:-142px 0; }
#news-special a.browse { margin:0 0 0 0; float:left; background:url(http://st.deviantart.net/news/gears-of-war/win-buttons.png) -340px -92px no-repeat; height:46px; width:198px; display:block; text-indent:-9999em; }
#news-special a.browse:hover { background-position: -340px -46px; }
#news-special a.browse:active { background-position:-340px 0; }

/* LOVER + FACEBOOK + TWITTER
---------------------------------------------------*/
#news-special div.report a.loves,
#news-special div.report div.love { left:15px; top:15px; z-index:999; }
#news-special div.report .love { background-color:transparent!important; background-image:url('http://st.deviantart.net/news/gears-of-war/fav.png')!important; z-index:999; }
#news-special div.report a.love { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.35); }
#news-special div.report .love span { background-color:transparent!important; background-image:url('http://st.deviantart.net/news/gears-of-war/fav.png')!important; font-family:Helvetica, Arial, sans-serif; color:#FFF; font-size:18px; z-index:999; letter-spacing:normal; text-shadow:0 -1px 0 #000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.35); }
#news-special #social { width: 107px; position: absolute; z-index: 1337; top: 15px; left: 70px; background: rgba(0, 0, 0, 0.55); height: 63px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#news-special #social iframe { margin: 2px 0; height: 22px; overflow: hidden; border: none; width: 97px!important; display:block; position:absolute; left:5px; }
#news-special #social iframe.fb { top: 3px; border-bottom: 1px dotted #324246; width: 95px!important; padding-bottom: 3px; }
#news-special #social iframe.twitter-share-button { top: 35px; }
* html #news-special #social iframe { /* IE */ height:24px; overflow:visible!important; }
img.territory { position:absolute; right:0; top:47px; z-index:1339; }

/* ARTICLE POSITIONING + RESETS
---------------------------------------------------*/
#news-special { margin: 0 -15px 0 -15px; }
#news-special .clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; margin:0; padding:0; }
#news-special .text { margin:0!important; padding:0!important; }
#news-special .iconleft { padding-left: 0!important; }
#news-special div.report h1 { display: none; } /*hide the default article h1*/
#news-special div.line0 { display:none; }
#news-special div.line1 { margin-left:2em; padding-top:1em; }
#news-special div.line1,
#news-special div.line2 { text-align:center; }
#news-special div.line1 a,
#news-special div.line2 a { color:#666; text-align:center; }
#news-special div.line2 { margin-left:2em; }
#news-special .contestopen { text-align:left; margin-top:-2px!important; }