/* Theme Name: Dungeon Overlord Theme URI: https://dungeonoverlord.com Description: A theme by Night Owl Games/Creeris Ventures Designs soley for the Dungeon Overlord site Author: Kaycie L. Author URI: http://nightowlgames.net Version: 1.0 */ HTML, BODY { background-color: #000; padding: 0; margin: 0; width: 100%; height: 100%; } BODY { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.8em; color: #F0E7DE; } *:focus { outline: none; } A { text-decoration: none; color: #FFBC04; } A:hover { text-decoration: underline; } A.wra { display: inline-block; background: url('/images/link_arrow_right.gif') right center no-repeat; padding-right: 8px; } h6 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.8em; color: #F0E7DE; padding: 0; margin: 0; width: 100%; height: 100%; } h6:target { background: #ce9e03; } @font-face { font-family: 'CelticHandRegular'; src: url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/celtichd-webfont.eot'); src: url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/celtichd-webfont.eot?#iefix') format('embedded-opentype'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/celtichd-webfont.woff') format('woff'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/celtichd-webfont.ttf') format('truetype'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/celtichd-webfont.svg#CelticHandRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MaiandraGDRegular'; src: url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/maian-webfont.eot'); src: url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/maian-webfont.eot?#iefix') format('embedded-opentype'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/maian-webfont.woff') format('woff'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/maian-webfont.ttf') format('truetype'), url('http://fb.do.nightowlgames.net/1/game/css/webfontkit/maian-webfont.svg#MaiandraGDRegular') format('svg'); font-weight: normal; font-style: normal; } IMG { border: none; } #container { background: #000 url('/images/cnt_bg_blk.png') center top repeat-y; } #container .wrp_c1 { background: transparent url('/images/hdr_bg.jpg') center 36px no-repeat; text-align: center; } #container .wrp_c2 { background: transparent url('/images/hdr_bg.jpg') center 0 no-repeat; margin: 0 auto; width: 856px; text-align: left; } #mb_hdr { background: #000; height: 36px; text-align: center; } #mb_hdr img { vertical-align: middle; } #soc_hdr { margin: 0 auto; width: 856px; height: 36px; line-height: 36px; text-align: right; color: #FFCC00; } #nav { position: relative; margin: 0 auto; padding: 87px 0 0; width: 856px; height: 49px; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; text-align: center; } #nav a { display: inline-block; padding: 0 17px; height: 49px; line-height: 49px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; color: #DDD3CA; } #nav a:hover, #nav a.current { color: #FFF; } #nav a span { background: transparent; display: inline-block; height: 25px; line-height: 25px; padding: 0 8px; vertical-align: middle; } #nav a.current span { background: url('/images/current_bg.png') 0 -2px repeat-x; } #nav .logo_overlay { position: relative; padding: 0; width: 250px; z-index: 10000; } #nav .logo_overlay img { height: 190px; margin: -71px 0 -70px 0; width: 250px; } #nav a img, #nav img { vertical-align: middle; } #content { margin: 0 auto; padding: 19px 0 0; width: 856px; min-height: 880px; text-align: left; color: #F0E7DE; } #content .hp { background: #000 url('/images/hp_bg_tall.jpg') center top no-repeat; position: relative; min-height: 880px; } #content .hp .forge_realm { position: relative; height: 421px; } /*#content .hp .forge_realm { position: relative; height: 491px; }*/ #content .hp .forge_realm .message { position: absolute; top: 95px; left: 40px; width: 360px; text-align: justify; } #content .hp .forge_realm .message .indent { float: left; width: 60px; height: 40px; } #content .play_now_s { margin: 0; padding-top: 20px; text-align: center; } #content .play_now_s a { display: inline-block; background: url('/images/play_now_states.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .play_now_s a:hover { background: url('/images/play_now_states.png') 0 -98px no-repeat; } #content .play_now_s a img { } #content .hp .forge_realm .play_now { margin: 0; padding-top: 20px; text-align: center; } #content .hp .forge_realm .play_now a { display: inline-block; background: url('/images/play_now_states.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .hp .forge_realm .play_now a:hover { background: url('/images/play_now_states.png') 0 -98px no-repeat; } #content .hp .forge_realm .play_now a img { } #content .hp .forge_realm .play_now_facebook { margin: 0; padding-top: 20px; text-align: center; } #content .hp .forge_realm .play_now_facebook a { display: inline-block; background: url('/wp-content/uploads/2012/11/play_now_states_Facebook.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .hp .forge_realm .play_now_facebook a:hover { background: url('/wp-content/uploads/2012/11/play_now_states_Facebook.png') 0 -98px no-repeat; } #content .hp .forge_realm .play_now_facebook a img { } #content .play_now_kabam { margin: 0; padding-top: 20px; text-align: center; position: relative; left: 0px; top: 0px; } #content .play_now_kabam a { display: inline-block; background: url('/wp-content/uploads/2013/01/play_now_states_KABAM.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .play_now_kabam a:hover { background: url('/wp-content/uploads/2013/01/play_now_states_KABAM.png') 0 -98px no-repeat; } #content .play_now_kabam a img { } #content .play_now_kong { margin: 0; padding-top: 20px; text-align: center; position: relative; left: 0px; top: 0px; } #content .play_now_kong a { display: inline-block; background: url('/wp-content/uploads/2012/11/play_now_states_Kongregate.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .play_now_kong a:hover { background: url('/wp-content/uploads/2012/11/play_now_states_Kongregate.png') 0 -98px no-repeat; } #content .play_now_kong a img { } #content .hp .forge_realm .play_now_kong { margin: 0; padding-top: 20px; text-align: center; position: relative; left: 400px; top: -102px; } #content .hp .forge_realm .play_now_kong a { display: inline-block; background: url('/wp-content/uploads/2012/11/play_now_states_Kongregate.png') 0 0 no-repeat; width: 336px; height: 98px; } #content .hp .forge_realm .play_now_kong a:hover { background: url('/wp-content/uploads/2012/11/play_now_states_Kongregate.png') 0 -98px no-repeat; } #content .hp .forge_realm .play_now_kong a img { } #content .hp .visit_overlord { position: relative; height: 296px; } #content .hp .visit_overlord .soc { position: absolute; top: 155px; left: 340px; } #content .hp .visit_overlord .soc a { margin-left: 10px; } #content .hp .visit_overlord .soc a:first-child { margin-left: 0; } #content .hp .visit_overlord .soc a img { vertical-align: middle; } #content .hp .visit_overlord .video { position: absolute; top: 35px; left: 517px; width: 310px; height: 173px; } #content .hp .visit_overlord .video img { vertical-align: middle; } #content .hp .visit_overlord .view { position: absolute; top: 225px; left: 517px; background: url('/images/view_trailer_states.png') 0 0 no-repeat; width: 311px; height: 39px; } #content .hp .visit_overlord .view:hover { background: url('/images/view_trailer_states.png') 0 -39px no-repeat; } #content .hp .visit_overlord .vid img { vertical-align: middle; } #content .hp .visit_overlord .vid { position: absolute; top: 225px; left: 517px; background: url('/images/view_trailer_states.png') 0 0 no-repeat; width: 311px; height: 39px; } #content .hp .visit_overlord .vid:hover { background: url('/images/view_trailer_states.png') 0 -39px no-repeat; } #content .hp .visit_overlord .vid img { vertical-align: middle; } #content .hp .screens { padding: 30px 0; text-align: center; } #content .hp .screens a { display: inline-block; width: 150px; margin: 0 0 0 15px; } #content .hp .screens a:first-child { margin: 0; } #content .hp .screens a img { vertical-align: middle; border: 1px solid #996600; } #content .hp .fb_like_box { background: #FFF; margin: 10px 12px 0; padding-top: 10px; width: 830px; height: 590px; } #content .game_info { background: #000 url('/images/gameinfo_bg.jpg') center top no-repeat; position: relative; min-height: 1065px; } #content .plain_bg { background: #000 url('/images/gameinfo_bg_doonly.jpg') center top no-repeat; position: relative; min-height: 1065px; } #content .plain_bg2 { background: #000 url('/wp-content/uploads/2012/02/gameinfo_bg_doonly_no_top.jpg') center top no-repeat; position: relative; min-height: 1065px; top: -5px; } #content .game_info .intro_message { position: absolute; top: 100px; left: 40px; width: 360px; text-align: justify; } #content .game_info .intro_message .indent { float: left; width: 75px; height: 40px; } #content .intro_message_s { width: 360px; text-align: justify; } #content .intro_message_s .indent { float: left; width: 75px; height: 40px; } #content .game_info .ingame_features { padding: 450px 20px 20px; width: 816px; text-align: justify; } #content .game_info .ingame_features .ftr_item { background: #37130E; margin: 0 0 20px 0; padding: 15px; height: 148px; } #content .game_info .ingame_features .ftr_item .screen { float: left; margin-right: 15px; width: 143px; height: 146px; border: 1px solid #cc9966; } #content .game_info .ingame_features .ftr_item h3 { margin: 0 0 10px 0; text-transform: uppercase; color: #ce9e03; } #content .yellow_headers h3 { margin: 0 0 10px 0; text-transform: uppercase; color: #ce9e03; font-family: 'CelticHandRegular','Trebuchet MS'; } #content .faq { background: #000 url('/images/faq_bg.jpg') center top no-repeat; position: relative; padding: 20px; padding-top: 120px; min-height: 1065px; } #content .faq .contact_support { position: absolute; top: 20px; right: 20px; width: 140px; text-align: center; color: #FFCC00; } #content .faq .contact_support a { display: inline-block; background: url('/images/contact_support_states.png') 0 0 no-repeat; width: 135px; height: 34px; } #content .faq .contact_support a:hover { background: url('/images/contact_support_states.png') 0 -34px no-repeat; } #content .faq .contact_support a img { vertical-align: middle; } #content .faq .faq_item { background: #37130E; margin: 0 0 20px 0; padding: 15px; } #content .faq .faq_item .questions { padding: 0 0 0 20px; margin: 0; list-style: square; color: #592c16; } #content .faq .faq_item .questions a { text-decoration: none; color: #ce9e03; } #content .faq .faq_item .questions a:hover { text-decoration: underline; } #content .faq .faq_item h3 { margin: 0 0 10px 0; color: #ce9e03; } #content .faq .faq_item .top { float: right; margin-right: 15px; text-decoration: none; font-size: 11px; color: #ce9e03; } #content .faq .faq_item .top:hover { color: #e6c661; } #content .standard_width { width: 786px; margin-left: 30px;} #content .eula { background: #000 url('/images/eula_bg.jpg') center top no-repeat; position: relative; padding: 20px; padding-top: 60px; min-height: 1065px; } #footer { background: transparent url('/images/ftr_bg.jpg') center bottom no-repeat; height: 1058px; color: #000; text-align: center; } #footer .legal { margin: 0 auto; padding: 550px 0 0; width: 856px; font-size: 11px; font-weight: bold; } #footer .legal p { margin: 15px 0; font-family:Tahoma, Geneva, sans-serif; } #footer .legal p:first-child { margin-top: 0; } #footer .legal p a { text-decoration: none; color: black; } #footer .legal p a:hover { text-decoration: underline; } #footer .legal p .sep { margin: 0 6px; } #footer .legal .logos a { margin-left: 15px; } #footer .legal .logos a:first-child { margin-left: 0; } #footer .legal .logos a img { vertical-align: middle; border:1px solid #000; } .post-header { position: relative; left: 20px; font-size: 18px; }