/* ARTICLE STYLES ---------------------------*/ body{overflow-x:hidden;} #news-special{color:#ccc;} #darkness2-content { font:normal 12px/20px Verdana, Geneva, sans-serif; color:#fff; text-align:left; background:#FFF; } #news-special p { text-align:left; margin:0; padding:0; font:normal 12px/18px Verdana, Geneva, sans-serif; font-weight:normal; } #news-special a img{border:none;} #news-special p a, #news-special a{color:#fff; text-decoration:underline; } #news-special p a:hover, #news-special a:hover{color:#bfff; text-decoration:underline;} /* LISTS - Default list reset -----------------------------------------------------------------*/ #darkness2-content ul { margin:0; padding:0; } #darkness2-content li { margin:0; padding:0; list-style:none; } /* CONTEST STYLES - Article specific styles go here! -----------------------------------------------------------------*/ #darkness2-content { background: url(http://st.deviantart.net/news/the-darkness/darkness-bg.jpg?3) top center no-repeat #000; position:relative; height:4037px; } #darkness2-content .main-wrapper { width:800px; margin:auto; position:relative; height:4037px; } #darkness2-content .intro-snippet { position:absolute; width:425px; top:304px; right:-40px; } #darkness2-content .intro-snippet p { font-size:38px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:100; line-height:38px; margin-bottom:20px; } #darkness2-content .intro-snippet a { color:#e4e4e4; font-size:15px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .intro { width:378px; position:absolute; top:700px; left:-10px; } #darkness2-content .intro p { margin-bottom:20px; } #darkness2-content .comic-link { position:absolute; top:1030px; right:-48px; color:#fff; font-size:18px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .comic-link:hover { text-decoration:underline !important; } #darkness2-content .steps { position:absolute; top:1174px; left:48px; padding-left:10px; } #darkness2-content .steps p { font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:lighter; color:white; width:224px; } #darkness2-content .step1 { position:absolute; } #darkness2-content .step1 a { color:#fff; font-size:18px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; margin-top:10px; } #darkness2-content .step2 { position:absolute; top:146px; } #darkness2-content .step2 a { color:#fff; font-size:18px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; margin-top:10px; } #darkness2-content .step3 { position:absolute; top:0; left:325px; } #darkness2-content .step3 a { color:#fff; font-size:18px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; margin-top:10px; } #darkness2-content .step4 { position:absolute; top:146px; left:325px; } #darkness2-content .step4 a { color:#fff; font-size:18px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; margin-top:10px; } #darkness2-content #readnow { position:absolute; top:1540px; text-indent:-9999px; width:1px; height:1px; } #darkness2-content .panel-nav { position:absolute; top:1555px; left:240px; } #darkness2-content .panel-nav ul {} #darkness2-content .panel-nav ul li { display:inline; font-size:21px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .panel-nav ul li.derp { margin-right:20px; } #darkness2-content .panel-nav ul li a { display:inline; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; padding:6px 12px!important; } #darkness2-content .panel-nav ul li a.current { background:white; border-radius:5px; color:#be1e2d !important; } #darkness2-content .story-intro { position:absolute; top:1610px; left:-10px; width:508px; font-size:16px; line-height:24px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .the-panels { position:absolute; top:1770px; left:-20px;} #darkness2-content .the-panels li { list-style:none; width:530px; padding-left:30px; } #darkness2-content .the-panels li p { margin-bottom:20px; font-size:13px !important; line-height:21px !important; font-family:Verdana, Geneva, sans-serif; color:#d3d3d3; font-weight:normal; } #darkness2-content .the-panels li p strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; } #darkness2-content .the-panels .panel { display:none; } #darkness2-content .the-panels .current { display:block; } #darkness2-content .panel-page1 { background:url(http://st.deviantart.net/news/the-darkness/list-alpha-a.png) -0px 2px no-repeat; } #darkness2-content .panel-page2 { background:url(http://st.deviantart.net/news/the-darkness/list-alpha-b.png) -0px 2px no-repeat; } #darkness2-content .panel-page3 { background:url(http://st.deviantart.net/news/the-darkness/list-alpha-c.png) -0px 2px no-repeat; } #darkness2-content .howtostoryboard-link { position:absolute; top:2208px; right:244px; color:#fff; font-size:16px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .downloadstoryboard-link { position:absolute; top:2208px; right:-20px; color:#fff; font-size:16px; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #darkness2-content .howtostoryboard-link:hover, #darkness2-content .downloadstoryboard-link:hover { text-decoration:underline !important; } #darkness2-content .da-prizes { position:absolute; top:2800px; width:100%; } #darkness2-content .da-prizes img { margin-bottom:10px; } #darkness2-content .da-prizes span { display:block; width:200px; position:absolute; bottom:40px; right:-70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:100; } #darkness2-content .da-prizes li { background:url(http://st.deviantart.net/news/the-darkness/bullets.jpg) 0px 4px no-repeat; padding:0 0 0 20px; margin-bottom:10px; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:100; } #darkness2-content .firstplace { width:260px; float:left; margin-right:40px; } #darkness2-content .secondplace { width:230px; float:left; } #darkness2-content .thirdplace { width:230px; float:right; } #darkness2-content .rules-n-stuff { position:absolute; top:3100px; width:100%; } #darkness2-content .rules-n-stuff ul { margin-bottom:20px; } #darkness2-content .rules-n-stuff li { background:url(http://st.deviantart.net/news/the-darkness/smallerbullet.jpg) 0px 8px no-repeat; padding:0 0 0 14px; margin-bottom:8px; list-style:none; font-size:12px; font-weight:100; color:#f1f1f1 !important; } #darkness2-content .rules-n-stuff .leftside { width:350px; float:left; } #darkness2-content .rules-n-stuff .leftside img { margin-bottom:14px; } #darkness2-content .rules-n-stuff .leftside p { margin:0 0 20px 0; } #darkness2-content .rules-n-stuff .rightside { width:350px; float:right; } #darkness2-content .rules-n-stuff .rightside img { margin-bottom:8px; } #darkness2-content .rules-n-stuff .rightside p { margin:0 0 20px 0; } #darkness2-content .rules-n-stuff .rightside .buttons { margin-bottom:20px; } #darkness2-content .rules-n-stuff .rightside .textlink { margin-bottom:20px !important; } #darkness2-content .footer-dude { position:absolute; top:3740px; width:100%; text-align:center; } /* RULES STYLES */ #darkness2-rules{ background:url(http://st.deviantart.net/news/the-darkness/rules-bg.jpg) top center no-repeat #000; position:relative; padding-top:440px; padding-bottom:40px; } #darkness2-rules .main-wrapper { width:800px; margin:auto; position:relative; text-align:center; } #darkness2-rules .main-wrapper a { color:#fff; text-decoration:none; } #darkness2-rules .main-wrapper ol.first li { list-style:decimal; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; margin-bottom:20px; } #darkness2-rules .main-wrapper ol.first li ol li { list-style:lower-roman; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ccc; margin-bottom:10px; text-align:left; } #darkness2-rules .main-wrapper ol.first li ul li { list-style:lower-latin; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ccc; margin-bottom:10px; text-align:left; } #darkness2-rules .main-wrapper ol.first li ul { margin-top:10px; } #darkness2-rules .main-wrapper ol.first li ul li ol { margin-top:10px; } #darkness2-rules .main-wrapper ol.first li ul li ol li { list-style:lower-roman; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ccc; margin-bottom:10px; text-align:left; } #darkness2-rules .main-wrapper ol.first li ul li ol li ol li { list-style:decimal; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ccc; margin-bottom:10px; text-align:left; } #darkness2-rules .main-wrapper p { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#ccc; margin-bottom:10px; } /* BUTTONS - Buttons go here! -----------------------------------------------------------------*/ #darkness2-content .textlink { color:#d30e21; font-size:15px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; } #darkness2-content .buttons, #darkness2-rules .buttons { display:block; text-indent:-9999px; border:none; outline:none; background:url(http://st.deviantart.net/news/the-darkness/darkness-buttons.png) 0px 0px no-repeat; } #darkness2-content .submit, #darkness2-rules .submit { height:43px; width:207px; background-position:0px 0px; } #darkness2-rules .submit { margin:80px auto; } #darkness2-content .submit:hover, #darkness2-rules .submit:hover { background-position:0px -43px; } #darkness2-content .submit:active, #darkness2-rules .submit:active { background-position:0px -86px; } #darkness2-content .download { height:34px; width:183px; background-position:-207px 0px; } #darkness2-content .download:hover { background-position:-207px -34px; } #darkness2-content .download:active { background-position:-207px -68px; } #darkness2-content .browse { height:43px; width:150px; background-position:-390px 0px; } #darkness2-content .browse:hover { background-position:-390px -43px; } #darkness2-content .browse:active { background-position:-390px -86px; } #darkness2-content .buynow { height:43px; width:176px; background-position:-540px 0px; margin:10px auto 54px auto; } #darkness2-content .buynow:hover { background-position:-540px -43px; } #darkness2-content .buynow:active { background-position:-540px -86px; } #darkness2-content .story { height:34px; width:124px; background-position:-716px 0px; } #darkness2-content .story:hover { background-position:-716px -34px; } #darkness2-content .story:active { background-position:-716px -68px; } /* LOVER, FACEBOOK, TWITTER -----------------------------------------------------------------*/ #news-special div.report a.loves, #news-special div.report div.love { display:none; } #news-special #social { top:15px; left:0px; padding:5px 5px 5px 20px; border-radius:0px 6px 6px 0px; -webkit-border-radius:0px 6px 6px 0px; -moz-border-radius:0px 6px 6px 0px; position:absolute; width:100px; z-index:1337; background:rgba(0,0,0,0.4); width:210px; } #news-special iframe.twitter-share-button { margin:2px 0; height:20px; float:left; overflow:hidden; border:none; padding:2px; width:97px !important; z-index:1337; background:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #news-special .fb-like{ margin:2px 10px 2px 0; height:20px; float:left; overflow:hidden; border:none; padding:2px; width:87px !important; z-index:1337; background:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } * html #news-special iframe.fb, * html #news-special iframe.twitter-share-button { height:24px; overflow:visible!important; } img.territory { position:absolute; right:0; top:15px; z-index:1339; } /* ARTICLE POSITIONING BASIC STUFF & 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.line2 { margin-left:2em; } #news-special .contestopen { text-align:left; margin-top:-2px!important; }