/* ELEXIO | Where Ministry Clicks http://www.elexio.com Site: Grid Canvas - White (Amp Web Version) File: content.css Author: jeverhart@elexio.com Colors: 2c2c38, dbcf4d Notes: */ @font-face { font-family: 'Francois One'; src: url('../Type/francoisone-webfont.eot'); src: local('?'), url('https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/Type/francoisone-webfont.woff') format('woff'), url('../Type/francoisone-webfont.ttf') format('truetype'), url('../Type/francoisone-webfont.svg') format('svg'); } body { background:#f7f7fe; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; } h1, h2, h3, h4, h5 { margin:0; padding:0; } p { margin:0; padding:8px 0; } a { color:#444; outline: none; } #background-image { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:0; } #realBody { position:relative; z-index:1; } #top-wrap { background:url(../images/top-wrap.png); height:36px; width:100%; } #top-bar { height:36px; margin:0 auto; position:relative; width:960px; z-index:100; } #countdown { font-size:10px; text-transform:uppercase; height:36px; color:#eee; line-height:36px; position:absolute; top:0px; left:0px; width:500px; } #yearchosen { display:none; margin-left:-10px; } #monthchosen { display:none; } #daychosen { display:none; } #hourchosen { display:none; } #minchosen { display:none; } #secchosen { display:none; } #defaultCountdown { background:url(../images/countdown-back.png) no-repeat; color:#eee;height:36px; padding-left:8px; position:absolute; left:140px; top:0px; width:375px;} .countdown_section { float:left; padding-right:15px; } .countdown_section span { font-size:25px; height:36px; line-height:36px; display:block; float:left; width:73px;} #countdown-controls { background:url(../images/countdown-edit.png) no-repeat top left; display:none; height:34px; position:absolute; top:2px; left:-10px; width:600px; } #yearedit { color:#fff; font-size:16px; font-weight:bold; position:absolute; top:9px; left:217px; } #monthedit { color:#fff; font-size:16px; font-weight:bold; position:absolute; top:9px; left:322px; } #dayedit { color:#fff; font-size:16px; font-weight:bold; position:absolute; top:9px; left:399px; } #houredit { color:#fff; font-size:16px; font-weight:bold; position:absolute; top:9px; left:486px; } #minedit { color:#fff; font-size:16px; font-weight:bold; position:absolute; top:9px; left:554px; } #top-dropdown { position:absolute; top:0px; right:0px; width:366px; z-index:100; } #top-dropdown-button { background:url(../images/dropdown-button.png) no-repeat top left; display:block; font-size:10px; text-decoration:none; text-transform:uppercase; height:36px; color:#eee; line-height:36px; padding-left:30px; width:336px; text-align:center; } #top-dropdown-button.show { background:url(../images/dropdown-button.png) no-repeat bottom left; } #top-dropdown-content { background:#525252; width:100%; } #top-dropdown-content #shelf-inner { color:#000000; display:none; margin:0px auto; overflow:hidden; padding:25px 15px; width:960px; } .shelf-left { float:left; width:450px; } .shelf-right { float:right; width:450px; } #mid-wrap { background:url(../images/header-wrap.png) repeat-x top center; /*background:#272931 url(../images/main-back.jpg) repeat-x top center; */ width:100%; } #header { background:url(https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/images/header.png) no-repeat top center; height:97px; margin:auto; overflow:hidden; padding:15px 0 0 0px; position:relative; width:960px; } #logo * { overflow:hidden; vertical-align:middle; } #logo { } #ctl00_wLogoBlock1 {} #logo div.ews_block {} #logo div.logoblock {} div.ews_orglogo { display:block; float:left; height:97px; line-height:97px; overflow:hidden; padding:0; position:relative; vertical-align:middle; } div.ews_orglogo a { color:#fff; display:block; line-height:97px; text-decoration:none; vertical-align:middle; } div.ews_orglogo a:link, div.ews_orglogo a:visited {} div.ews_orglogo a:hover, div.ews_orglogo a:active { } .ews_orglogo a img { border:0 none; line-height:97px; vertical-align:middle; } div.ews_orglogo a span.ews_orglogo_spacer { display:inline-block !important; height:97px; vertical-align:middle; width:1px; } div.ews_orgname { display:block; font-family:"Francois One", Arial, Helvetica, Sans-Serif; font-size:36px; height:97px; padding:0 0 0 15px; position:relative; text-transform:none; vertical-align:middle; } div.ews_orgname a { color:#444; display:block; line-height:97px; text-decoration:none; vertical-align:middle; text-shadow:0 1px 0 rgba(255, 255, 255, 0.75); } div.ews_orgname a:hover { color:#000; } div.ews_logotextbig { font-size:40px; } div.ews_logotextbig a { color:#444; display:block; line-height:97px; text-decoration:none; vertical-align:middle; } div.ews_logotextbig a:link, div.ews_logotextbig a:visited {} div.ews_logotextbig a:hover, div.ews_logotextbig a:active {} .ews_orgtagline { color:#fff; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; height:34px; padding-top:0px; padding-left:25px; text-transform:uppercase; } /* Logo Block Size Options */ .ews_orgname.ews_logotextbig { font-size:42px; } .ews_orgname.ews_logotextmedium { font-size:36px; } .ews_orgname.ews_logotextsmall { font-size:24px; } .ews_orgtagline.ews_logotaglinebig { font-size:18px; } .ews_orgtagline.ews_logotaglinemedium { font-size:16px; } .ews_orgtagline.ews_logotaglinesmall { font-size:14px; } #social-networks { position:absolute; right:0px; top:50px; z-index:99; } #social-networks ul { list-style:none; margin:0; padding:0; } #social-networks ul li { float:left; margin-left:5px; } #social-networks ul li a { display:block; height:39px; text-indent:-9999px; width:39px; } #social-networks ul li a:hover { background-position:bottom left; } #nav { width:960px; margin:0 auto; height:97px; } #main { width:972px; margin:0 auto; overflow:hidden; padding-bottom:45px; padding-top:25px; } #ewsmenu_grid { list-style:none; margin:0; overflow:hidden; padding:0 0 25px; } #ewsmenu_grid li { background:url(../images/grid-item.png) no-repeat; display:block; float:left; height:166px; margin:0 7px 14px 7px; padding:5px; width:219px; } #ewsmenu_grid li a { display:block; height:116px; padding:25px; text-align:left; text-indent:-9999px; width:169px; } #ewsmenu_grid li a:hover { background-image:none !important; color:#fff; font-family:"Francois One"; font-size:24px; line-height:1em; text-align:left; text-decoration:none; text-indent:0px; } #home-content { background:url(../images/divider.png) repeat-x top; width:960px; margin:0 auto; padding-top:10px; } #home-content-left { float:left; font-size:12px; line-height:1.5em; padding:0px 15px 0 5px; width:563px; } #home-content-left h1 { } #home-content-right { background:url(../images/video-back.png) no-repeat; float:right; height:207px; margin-top:15px; width:367px; padding:5px 5px 6px 5px; } #sub-content { background:url(../images/sub-left.png) no-repeat 0px 50px; margin:0 auto; overflow:hidden; width:964px; } #sub-content-left { position:relative; z-index:4; float:left; padding:0 1px 0 9px; position:relative; width:226px; } #sub-content-left div.page-name { height:44px; position:absolute; top:0px; left:0px; width:226px; } #sub-content-left h2 { color:#222;font-weight:normal; font-family:"Droid Serif"; font-size:18px; position:absolute; bottom:0px; left:20px; } #sub-content-left #sub-nav { min-height:400px; padding-top:60px; } #sub-content-left #sub-nav ul { list-style:none; margin:0; padding:0; } #sub-content-left #sub-nav ul li { } #sub-content-left #sub-nav ul li ul { display:none; } #sub-content-left #sub-nav ul li a { background:url(../images/nav-hover.png) repeat-x; color:#fff; display:block; padding:12px 20px; text-decoration:none; } #sub-content-left #sub-nav ul li a:hover { background:url(../images/nav-hover.png) repeat-x bottom; display:block; padding:12px 20px; text-decoration:none; } #sub-content-left #sub-nav ul li.selected a { background:#333; color:#fff; font-weight:bold; } #sub-content-right { position:relative; z-index:5; background:url(../images/sub-content-top.png) no-repeat top left; float:right; padding-top:12px; width:724px; } #sub-content-right-top { background:url(../images/sub-content-bottom.png) no-repeat bottom left; overflow:hidden; padding-bottom:12px; width:724px; } #sub-content-right-bottom { background:url(../images/sub-content-back.png) repeat-y top left;overflow:hidden; min-height:500px; padding:10px 30px 20px; width:664px; } #sub-content-grid { overflow:hidden; width:972px; } #half-grid { float:left; padding-top:3px; width:486px; } #sub-half-content { background:url(../images/sub-half-content-top.png) no-repeat top left; float:right; padding-top:11px; width:481px; } #sub-half-content-top { background:url(../images/sub-half-content-bottom.png) no-repeat bottom left; overflow:hidden; padding-bottom:11px; width:481px; } #sub-half-content-bottom { background:url(../images/sub-half-content-back.png) repeat-y top left;overflow:hidden; min-height:200px; padding:15px 30px; width:421px; } #sub-content-grid { overflow:hidden; width:972px; } #single-grid { float:left; padding-top:3px; width:486px; } #sub-half-content { background:url(../images/sub-half-content-top.png) no-repeat top left; float:right; padding-top:11px; width:481px; } #sub-half-content-top { background:url(../images/sub-half-content-bottom.png) no-repeat bottom left; overflow:hidden; padding-bottom:11px; width:481px; } #sub-half-content-bottom { background:url(../images/sub-half-content-back.png) repeat-y top left;overflow:hidden; min-height:200px; padding:15px 30px; width:421px; } #wide-content { background:url(../images/wide-content-top.png) no-repeat top center; padding-top:14px; margin:0 auto; width:969px; } #wide-content-top { background:url(../images/wide-content-bottom.png) no-repeat bottom center; padding-bottom:14px; width:969px; } #wide-content-bottom { background:url(../images/wide-content-back.png) repeat-y top center; min-height:200px; padding:0 20px; } #footer-wrap { background:url(../images/footer-wrap.png) repeat-x top center; padding-bottom:25px; width:100%; } #footer-events-wrap { background:url(../images/footer-shade.png) no-repeat bottom center; padding:15px 0; width:100%; } #footer-content { margin:0 auto; overflow:hidden; padding-top:20px; width:972px; } #footer-content #ewsmenu { min-height:40px; overflow:hidden; } #footer { margin:0 auto; padding:25px 300px 25px 0; position:relative; width:660px; } #footer-copyright { color:#000; font-family:"Francois One"; text-align:left; } #footer-copyright a { color:#444; } #footer-credits { color:#666; font-family:"Francois One"; font-size:14px; position:absolute; top:20px; right:0px; text-transform:uppercase; } #footer-credits a { color:#666; text-decoration:none; } #background-edit { display:none; background:#000; border:1px solid #333; color:#fff; font-family:"Francois One"; font-size:18px; text-transform:uppercase; height:30px; line-height:30px; position:absolute; top:20px; right:0px; text-align:center; width:250px; } #footer-content ul#ewsmenu { display:table; list-style:none; margin:0; padding:0 0 15px 0; } #footer-content ul#ewsmenu>li { display:table-cell; float:left; font-size:1.3em; font-weight:bold; width:18%; } #footer-content ul#ewsmenu li a { color:#eee; text-decoration:none; } #footer-content ul#ewsmenu li a:hover { text-decoration:underline; } #footer-content ul#ewsmenu li ul { list-style:none; margin:0; padding:5px 0 5px 10px; } #footer-content ul#ewsmenu li ul li { font-size:.7em; font-weight:normal; } #footer-content ul#ewsmenu li ul li ul { display:none; }