@media screen { * { margin: 0; padding: 0; border: 0; } body { background: #1e243c url(/wp-content/themes/mag_edition/images/bg.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; } div { position: relative; margin: 0; padding: 0; } h1 { font-size: 26px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h1, h2, h3, h4, h5, h6, p { line-height: 20px; margin-bottom: 20px; } #slider { background: #1e243c url(/wp-content/themes/mag_edition/images/top_bg.jpg) top center no-repeat; min-width: 990px; width: expression(document.body.clientWidth < 992? "990px" : "auto"); } .body_wrapper { background: url(/wp-content/themes/mag_edition/images/bg_overlay.gif) top left; overflow: hidden; } .content_wrapper { position: relative; top: -60px; margin: 0; z-index: 101; } .mainframe { width: 980px; height: 1220px; margin: 0px auto; background: url(/wp-content/themes/mag_edition/images/border.png); } .pageframe { width: 900px; height: 1140px; background-color: #fff; } .padder1 { padding: 40px; } .padder2 { padding: 30px; } .long { height: 960px; } .col { width: 260px; margin: 0 30px 30px 0; float: left; } .cols { width: 550px; margin: 0 30px 0 0; float: left; } .righty { display: block; width: auto; text-align: right; } .bluetext { color: #3b60b8; } .marginbottom { margin-bottom: 20px; } .gallery { border: 2px solid #dceaf1; background-color: #fff; padding: 2px; width: auto; float: left; margin-right: 30px; margin-bottom: 30px; } .gallery a { display: block; border: 10px solid #dce2ee; } .gallery img { display: block; border: 1px solid #fff; } .profile_pic { border: 2px solid #dceaf1; background-color: #fff; padding: 2px; width: auto; float: left; margin-right: 20px; margin-bottom: 60px; overflow: hidden; } .profile_pic div { display: block; margin: 0; padding: 0; border: 10px solid #dce2ee; overflow: hidden; } .profile_pic img { display: block !important; margin: 0; padding: 0; border: 1px solid #fff; } .profile { border: 0; padding: 0; width: auto; float: left; } .recommendations { border: 2px solid #dceaf1; background-color: #fff; padding: 2px; width: auto; float: left; } .recommendations div { display: block; background-color: #dce2ee; padding: 30px; } .recommendations div img { display: block; } .contact_button { border: 0; padding: 0; width: auto; float: left; margin-bottom: 30px; } .resume_button { border: 0; padding: 0; width: auto; float: left; margin: 10px 0; } .latest, .project_label { position: absolute; z-index: 1000; right: -5px; top: -5px; border: 0 !important; } .bottomer { margin-bottom: 30px; } .noright { margin-right: 0; } .nobottom { margin-bottom: 0; } .blackbar { width: 100%; height: 30px; position: absolute; z-index: 1; top: 0; left: 0; background: url(/wp-content/themes/mag_edition/images/transparency.png); } .header { position: relative; width: 900px; margin: 0 auto; z-index: 100; } .footer { width: 900px; height: 40px; color: #fff; font-size: 10px; margin: 0 auto; margin-top: -60px; overflow: hidden; } .top { display: none; } .top span { display: block; margin: 10px 15px 0; font-size: 16px; font-weight: bold; text-transform: uppercase; white-space: nowrap; } .trademark { display: block; float: left; } .logo { position: absolute; top: 20px; left: 20px; color: #fff; z-index: 10000; } .logo img { width: 860px; visibility: hidden; } .slogan { position: absolute; top: 160px; left: 70px; width: auto; z-index: 10000; color: #fff; } .top_corner { position: absolute; top: 0; right: 0; z-index: 100; } .cover_background { position: absolute; bottom: 0; right: 0; text-align: right; background-color: #669bdf; width: 900px; height: 1140px; color: #fff; z-index: 10; } .cover_background img { display: block; width: 900px; } .cover_story { position: absolute; bottom: 0; right: 0; width: 900px; height: 1140px; text-align: right; color: #fff; z-index: 15; } .circle { position: absolute; bottom: -20px; right: 0; text-align: center; color: #fff; z-index: 10001; } .circle img { border: 0; } .date { position: absolute; bottom: 40px; left: 20px; z-index: 10; visibility: hidden; } .barcode { position: absolute; bottom: 40px; left: 50px; border: 1px solid #292929; z-index: 10001; } .barcode img { display: block; visibility: hidden; } .left_headlines { position: absolute; top: 520px; left: 0px; text-align: left; z-index: 100; } .left_headlines div { margin: 0 0 40px 0; overflow: hidden; } .headline00 { position: absolute; top: 300px; left: 0; text-align: left; z-index: 100; } .headline00 strong { float: left; display: block; clear: both; color: rgba(130,28,29,1); font-size: 72px; line-height: 72px; margin: 0; padding: 0 15px 0 20px; white-space: nowrap } .headline00 span { float: left; display: block; clear: both; color: rgba(204,0,0,1);font-size: 56px; font-weight: 700; margin: 0; padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .headline00 span span { float: none; display: inline; clear: none; color: rgba(130,28,29,1); font-size: 56px; line-height: 56px; font-weight: 700;padding: 0; white-space: nowrap; text-transform: none; } .headline00 span.cover_story_title { display: inline-block; clear: both; color: #fff; font-size: 34px; line-height: 34px; background: rgba(204,0,0,1); padding: 0 15px 0 20px; white-space: nowrap; text-transform: uppercase; } .headline00 a { text-decoration: none; } .headline00 a:hover { } .headline01 { margin-bottom: 40px !important; } .headline01 strong { float: left; display: block; clear: both; color: rgba(204,0,0,1);font-size: 48px; line-height: 48px; font-weight: 700; padding: 0 15px 0 20px; white-space: nowrap } .headline01 span { float: left; display: block; clear: both; color: rgba(0,0,0,1); font-size: 32px; line-height: 32px; padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .headline01 strong.second_line { font-size: 56px; line-height: 56px; } .headline01 a { text-decoration: none; } .headline01 a:hover { } .headline02 { margin-bottom: 40px !important; } .headline02 strong { float: left; display: block; clear: both; color: rgba(204,0,0,1);font-size: 48px; line-height: 48px; padding: 0 15px 0 20px; white-space: nowrap } .headline02 span { float: left; display: block; clear: both; color: rgba(0,0,0,1); font-size: 32px; line-height: 32px;font-weight: 700;padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .headline02 a { text-decoration: none; } .headline02 a:hover { } .headline03 { margin-bottom: 20px !important; } .headline03 strong { float: left; display: block; clear: both; color: rgba(130,28,29,1);font-size: 48px; line-height: 48px; padding: 0 15px 0 20px; white-space: nowrap } .headline03 span { float: left; display: block; clear: both; color: rgba(0,0,0,1); font-size: 32px; line-height: 32px;font-weight: 700;padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .headline03 a { text-decoration: none; } .headline03 a:hover { } .headline04 { margin-bottom: 40px !important; } .headline04 strong { float: left; display: block; clear: both; color: rgba(204,0,0,1); font-size: 48px;line-height: 48px; padding: 0 15px 0 20px; white-space: nowrap } .headline04 span { float: left; display: block; clear: both; color: rgba(0,0,0,1); font-size: 32px; line-height: 32px;font-weight: 700;padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .headline04 a { text-decoration: none; } .headline04 a:hover { } .circle_text { position: absolute; bottom: 100px; right: 20px; z-index: 10002; } .circle_text strong { float: right; display: block; clear: both; color: rgba(255,255,255,1);font-size: 40px; line-height: 48px; font-weight: 700; padding: 0 15px 0 20px; white-space: nowrap; } .circle_text span { float: right; display: block; clear: both; color: rgba(255,255,255,1); font-size: 28px; line-height: 32px; padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .circle_text strong.second_line { font-size: 56px; line-height: 56px; text-align: right } .circle_text span.small { float: right; display: block; clear: both; color: rgba(255,255,255,1); font-size: 32px; line-height: 32px; padding: 0 15px 0 20px; white-space: nowrap; text-transform: none; } .circle_text a { text-decoration: none; } .circle_text a:hover { } .clear { clear: both; } .scroll { overflow: auto; clear: left; } ul.navigation { width: auto; float: right; list-style: none; margin: 0; padding: 0; } ul.navigation li { display: block; width: auto; float: left; margin-right: 10px; } ul.navigation a { display: block; float: left; padding: 5px 22px 5px 8px; height: 60px; width: 70px; text-align: center; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; text-decoration: none; } ul.navigation a:hover { text-decoration: underline; } ul.navigation a.selected { background: url(/wp-content/themes/mag_edition/images/active_tab.png) top center no-repeat; } ul.navigation a:focus { outline: none; } .scrollButtons { position: absolute; top: 400px; cursor: pointer; } .scrollButtons.left { left: -41px; } .scrollButtons.right { right: -41px; } .hide { display: none; } #home, #about, #portfolio1, #portfolio2, #contact { width: 900px; height: 1140px; } #home { background-color: #fff; text-transform: uppercase; } #about, #portfolio1, #portfolio2, #contact { background: #fff url(/wp-content/themes/mag_edition/images/top_circles.jpg) top right no-repeat; } .page_header { font-size: 22px; padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; } .page_header span { font-weight: bold; } .page_header span a { font-size: 14px; margin-left: 20px; } .page_footer { width: 840px; position: absolute; left: 30px; bottom: 30px; padding-top: 10px; text-transform: uppercase;font-weight: bold; text-align: right; } .page_footer strong { width: auto; font-size: 18px; float: left; } .page_footer span { margin-left: 20px; font-size: 12px; } .page_footer span.thin { font-weight: normal; } #tweets li { position: relative; padding: 15px 20px; background-color: #3b60b8; list-style-type: none; color: #fff; margin-bottom: 30px; } #tweets li a { color: #0d2c3a; text-decoration: none; } #tweets li span { position: absolute; bottom: -13px; left: 0px; width: 100%; background: #fff url(/wp-content/themes/mag_edition/images/balloon_tip.png) top left no-repeat; display: block; text-align: right; color: #afafaf; font-weight: bold; } #tweets img { display: block; float: right; margin-top: -20px; border: 0; } #tweets h3, #tweets h4 { line-height: 20px; margin-bottom: 10px; font-size: 18px; color: #3b60b8; } #address h3, #address h4 { line-height: 20px; margin-bottom: 10px; font-size: 18px; color: #3b60b8; } .contact_ad { position: absolute; top: 680px; margin: 0 auto; width: 900px; height: 360px; z-index: 100; background: #000 url(/wp-content/themes/mag_edition/images/ad_bg.jpg) top right no-repeat; } .contact_ad img { position: relative; top: 35px; left: 0; } .contact_form input { border: 1px solid #afafaf; line-height: 20px; } .contact_form textarea { width: 95%; height: 140px; overflow: auto; border: 1px solid #afafaf; } hr { height: 1px; color: #afafaf; background-color: #afafaf; border: none; margin-bottom: 10px; } .social_icons { position: absolute; top: -30px; right: 0px; } .social_icons { border: 0; margin-left: 10px; } .validator { display: block; width: auto; float: right; color: #fff; } .validator a { color: #fff; } .wpcf7-form input, .wpcf7-form textarea { border: 2px solid #e0e0e0; } .wpcf7-form input:hover, .wpcf7-form textarea:hover { border: 2px solid #9f171a; } .wpcf7-form .wpcf7-form-button { position: relative; width: 139px; border: 3px solid #9f171a; background-color: #df2024; margin: 0; padding: 0; } .wpcf7-form .wpcf7-form-button input { width: 139px; display: block; border: 2px solid #fff !important; background-color: #df2024; margin: 0; padding: 15px; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; } .wpcf7-form .wpcf7-form-button img { position: absolute; top: 20px; right: -40px; } .clear { clear: both; } } @media screen { #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height:100%; position:fixed; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1200; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } } @media all {div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 .watermark { color: #888; } }