/* Day of Service website styling Design by Rouviere Media - http://www.rouviere.com Revised - 20110605 */ /* Key colors for this site - blue #0a6292 | cream #f0daaf | light cream #f3e7c8 */ /* @group General Layout */ * { margin: 0; padding: 0; } body { font-family: "Myriad Pro", Arial, sans-serif; font-size: .825em; color: #000; background: #0A6292 url(../photos/bg_body.png) repeat-x left top;} #container { width: 960px ;margin: 0 auto; background: url(../photos/bg_content.png) repeat-y left top; overflow: hidden; } #header { width: 960px; height: 65px; background: #f0daaf url(../photos/bg_body.png) repeat-x left top; } #header h1 { background: url('http://www.dayofservice.org/photos/header-year.png') no-repeat; text-indent: -9999px; width: 534px; height: 57px;} #content { width: 960px; height: auto; } #main_content { float: right; width: 690px; margin-top: 0; } #sidebar { width: 270px; float: left; background-color: #f0daaf; } #sidebar h2 { color: #f41a13; } img.logo { position: relative; top: -28px; left: 10px; } #top { width: 690px; min-height: 350px; background-color: #fff; } #main_left { float: left; width: 435px; background: #fff; margin-top: -5px; } #main_right, #results { float: right; width: 240px; margin-top: -5px; } /* @end */ /* @group General Styling */ h1, h2, h3, h4, h5 { color: #0A6292; } h1 { font-size: 1.5em; font-weight: normal; } h2 { font-size: 1.4em; font-weight: normal; } h3 { font-size: 1.3em; font-weight: normal; } h4 { font-size: 1.2em; font-weight: normal; } h5 { font-size: 1.1em; font-weight: normal; } #main_content h2 { margin: 20px 0 20px 40px; } #main_content h3 { color: #000; margin: 15px 0 0 40px; } #main_content h4 { margin: 15px 0 10px 40px; } #main_content #proclamations h4 { margin: 0; } #main_content p { font-size: 1em; font-weight: normal; line-height: 1.5em; margin-bottom: 10px; padding: 0 40px; } #main_content p.more { margin-top: -10px; } a:link, a:visited { color: #0A6292; text-decoration: underline; } a:hover, a:active { color: #0A6292; text-decoration: none; } a img { border: none; } li { list-style-type: none; } .clearfloats { clear: both; } #main_content img { margin-left: 20px; } /* @end */ /* @group Main Navigation */ ul#main_nav { width: 960px; height: 30px; padding: 10px 0 2px 260px; position: relative; top: 0; left: 0; background-color: #0A6292; overflow: hidden; } ul#main_nav li { display: block; float: left; padding: .2em 1em; font-weight: normal; border-right: 1px solid #fff; } ul#main_nav li.last { border-right: none; } ul#main_nav li a:link, ul#main_nav li a:visited { color: #fff; font-weight: normal; text-shadow: #333 1px 1px 1px; text-decoration: none; } ul#main_nav li a:hover, ul#main_nav li a:active { text-decoration: underline; } /* @end */ /* @group Sub Navigation */ #sidebar h2 { font-size: 1.5em; text-align: center; } #sidebar h3, #sidebar p { margin: 5px 0 5px 30px; } ul#sub_nav { margin: 30px; padding: 0; list-style-type: none; } ul#sub_nav li { width: 200px; height: 20px; margin: 10px 0 0 10px; } ul#sub_nav li a { font-size: 1.3em; display: block; font-weight: normal; color: #0A6292; text-decoration: none; width: 10em; padding: .2em .2em .1em .2em; line-height: 1.4em; border-bottom: 1px solid #0A6292; text-indent: 30px; } ul#sub_nav li a:hover { background-color: #f3e7c8; } body#state.al ul#sub_nav li a.al, body#stake.al ul#sub_nav li a.al, body#state.ar ul#sub_nav li a.ar, body#stake.ar ul#sub_nav li a.ar, body#state.fl ul#sub_nav li a.fl, body#stake.fl ul#sub_nav li a.fl, body#state.ga ul#sub_nav li a.ga, body#stake.ga ul#sub_nav li a.ga, body#state.il ul#sub_nav li a.il, body#stake.il ul#sub_nav li a.il, body#state.in ul#sub_nav li a.in, body#stake.in ul#sub_nav li a.in, body#state.ky ul#sub_nav li a.ky, body#stake.ky ul#sub_nav li a.ky, body#state.la ul#sub_nav li a.la, body#stake.la ul#sub_nav li a.la, body#state.mi ul#sub_nav li a.mi, body#stake.mi ul#sub_nav li a.mi, body#state.nc ul#sub_nav li a.nc, body#stake.nc ul#sub_nav li a.nc, body#state.oh ul#sub_nav li a.oh, body#stake.oh ul#sub_nav li a.oh, body#state.sc ul#sub_nav li a.sc, body#stake.sc ul#sub_nav li a.sc, body#state.tn ul#sub_nav li a.tn, body#stake.tn ul#sub_nav li a.tn, body#state.tx ul#sub_nav li a.tx, body#stake.tx ul#sub_nav li a.tx, body#state.va ul#sub_nav li a.va, body#stake.va ul#sub_nav li a.va { background-color: #f3e7c8; } /* @end */ /* @group Home Page */ #flash { margin: 0; padding: 0; } #main_left h2 { font-size: 1.6em; font-weight: normal; text-align: center; margin: 20px 0 10px 10px; } #main_left h3 { font-size: 1.3em; color: red; text-align: center; } ul.blue { margin: 10px 0 20px 30px; } ul.blue li { list-style-type: disc; list-style-position: outside; font-size: 1.3em; color: #0A6292; margin: 0 0 5px 25px; } #main_right h4 { font-size: 1.3em; text-align: center; padding: 20px 5px 5px 5px; } #main_right p { padding: 0 10px; margin: 5px 0 7px 0; color: #000; } #proclamations { background: #f2f2f2; min-height: 385px; } #proclamations a:link, #proclamation a:visited { color: #0A6292; text-decoration: none; } #proclamations a:hover, #proclamations a:active { text-decoration: underline; } #results p.red { font-size: 1.1em; color: red; padding: 10px; } p.hours { font-size: 1.2em; text-align: center; } span.numbers { color: red; } img.map { margin-bottom: -5px; } #results h4 { margin-top: 20px; text-align: center; } #social_links p { text-align: center; margin: 0; padding: 0; } #social_links img { margin: 0; padding: 0; } #social_links h3, #social_links h4 { text-align: center; margin: 10px 0; } #social_links h3 { font-size: 1.3em; font-weight: normal; color: #000; margin: 0 0 20px 0;} .slideshow { margin-left: 40px} .blue-rule { width: 200px; height: 1px; text-align: center; background-color: #0a6292; margin: 10px 0 20px 30px; } #orgs img { margin: 10px 0; } #orgs h3 { margin-bottom: 5px; } #orgs h4 { font-size: 1.2em; } /* @end */ /* @group About */ #about #main_content p { padding: 0 40px; font-size: 1.1em; line-height: 1.7em; } #about #main_content p.blue { font-size: 1.1em; color: #0A6292; text-align: center; } #about #main_content p.caption { font-size: 1em; font-weight: bold; padding-left: 80px; line-height: 1.5em; } #about #main_content h2 { font-size: 1.7em; text-align: center; font-weight: normal; margin: 20px 0 10px 0; } #about #main_content h3 { font-size: 1.3em; color: #000; text-align: center; margin: 20px; } #about.legal #main_content h3 { font-size: 1.2em; font-weight: bold; text-align: left; margin: 20px 0 10px 40px; } #about #main_content #leader_photo { width: 300px; float: right; margin: 10px 0 20px 20px; padding: 0; } #about #main_content img.flush_rt { position: relative; top: 0; right: -12px; } /* @end */ /* @group Press Page */ #information #main_content h2 { margin: 20px 0 20px 40px; } #information #main_content h3 { font-size: 1.3em; font-weight: normal; color: #000; margin: 0 0 10px 40px; } #information #main_content h4 { margin: 0 0 0 40px; } #information #main_content p { font-size: 1em; font-weight: normal; line-height: 1.5em; margin-bottom: 10px; padding: 0 40px; } #information #main_content #preview p { padding-right: 0; } #information #main_content div#thumbs p { padding: 0; } /* @end */ /* @group News Reports */ #news h3 { font-size: 1.3em; font-weight: normal; color: #000; margin: 15px 0 0 40px; } #news #main_content p.more { margin-top: -10px; } #album-20 { margin: 10px 0 20px 35px; } /* @end */ /* @group Resources */ #resources #main_content h3 { color: #000; margin: 15px 0 0 40px; } #resources #main_content p.more { margin-top: -10px; } /* @end */ /* @group State Page */ #state h2 { font-size: 1.5em; font-weight: normal; text-align: center; margin: 20px 0 5px 0; } #state p.sub_head { font-size: 1em; font-weight: bold; color: #000; text-align: center; margin: 0; } #stake_nav { width: 400px; margin: 10px auto; background-color: #e5e5e5; border: 1px solid #4b4b4b; } .stakes { float: left; width: 200px; padding: 10px 0; } .stakes li { margin: 0; padding: 0; } .stakes li a { display: block; width: 10.7em; padding: 3px 0 1px 2em; } .stakes li a:link, .stakes li a:visited { font-size: 1.2em; color: #0a6292; text-decoration: none; } .stakes li a:hover { background-color: #f41a13; color: #fff; } /* @end */ /* @group Area / Stake Pages */ #opptys { width: 620px; height: 100%; margin-left: 30px; padding: 10px 30px 10px 10px; } #stake #main_content h2 { margin-bottom: 0; } #stake #main_content h3 { margin: 0; } #stake #opptys p { margin-bottom: 5px; } #stake #opptys strong { font-size: 1em; } #stake div.ui-accordion-content p { font-size: .825em; } /* @end */ /* @group Disaster Relief Page */ #tabs { width: 650px; margin: 20px 0 0 15px; } .map { width: 530px; height: 350px; border: 2px solid #d5d5d5; margin: 10px 0 20px 40px; } /* @end */ /* @group Reports Page */ body#reports p { margin: 3px 0; } body#reports table { margin-left: 40px; } body#reports table th, body#reports table td { padding: 2px 10px;border: 1px solid #cbcbcb; } /* @end */ /* @group Forms */ /* @group Contact Form */ #freeform { width: 600px; margin-left: 40px; margin-top: 30px; font-size: 16px; } #freeform label, label span { display: block; padding-bottom: .25em; color: #1776a5; } #freeform label { float: left; width: 100%; } #freeform label span { float: left; width: 30%; text-align: left; } fieldset { width: 600px; height: 350px; border: none; } .durham-special { height: 450px; margin-bottom: 20px; } fieldset input, textarea { float: left; width: 50%; border: 1px solid #999; font-family: "Myriad Pro", Arial, sans-serif; font-size: 14px; padding: 2px 0 0 2px; } input.captcha { width: 135px; height: 30px; font-size: 1.4em; color: #656565; text-indent: 5px;} /* Event Page Form */ #stake #freeform { width: 450px; height: 250px; font-size: 1em; } #stake fieldset { width: 450px; height: 200px; } #stake input.captcha { width: 135px; height: 25px; font-size: 1em; color: #656565; text-indent: 5px;} #stake .ui-accordion-content h4 { font-size: 1em; margin: 10px 0 0 40px; } #stake #freeform label span { font-size: .9em; } #stake fieldset input { font-size: .825em; } input#username, input#password { border: 1px solid #999; font-size: 1.2em; color: #333; } fieldset textarea#comments { float: left; border: 1px solid #999; font-size: 16px; height: 150px; } #freeform fieldset img { margin-top: 3px; margin-left: 0; } select#state { margin: 3px 0; } fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { border-color: #1776a5; } fieldset input:active, input:focus, #search_input input:focus { border-color: #1776a5; } select.dropdown { width: 230px; float: right; margin-right: 85px; padding-left: 5px; } #content p#choose-one { width: 360px; height: 60px; clear: left; padding: 10px 0;} #durham-content { width: 400px; height: 150px; margin-bottom: 20px; padding: 10px 10px 0 0; } #main_content #durham-content p { padding: 0 0 0 20px; } fieldset#durham input.submit_button { width: 140px; height: 25px; margin: 10px 0 20px 135px; } /* @end */ /* @group Search Box */ #search_box { width: 180px; height: 39px; background: url(../photos/bg_search.png) no-repeat left top; position: relative; top: -40px; left: 780px; overflow: hidden; } #search_box #s { float: left;width: 110px; height: 10px; margin: 10px 0 0 40px ; border: none; } #search_box #go { visibility: hidden; } input#keywords { display: block; margin: 12px 0 0 30px; width: 130px; height: 13px; background: #edf6fb; border: none; color: #1776a5; } input[type=text]:focus, input[type=password]:focus, textarea { outline: 0 none; } #cse-search-results iframe { width: 620px; margin: 20px 0 0 30px; } /* @end */ /* @end */ /* @group Footer */ #footer { clear: both; width: 960px; margin: 0 auto; height: 60px; background-color: #0A6292; padding-bottom: 50px; overflow: hidden;} #footer ul { width: 960px; height: 30px; padding: 10px 0 2px 260px; position: relative; top: 0; left: 0; background-color: #0A6292; } #footer ul li { display: block; float: left; padding: .2em .9em; font-weight: normal; border-right: 1px solid #fff; } #footer ul li.last { border-right: none; } #footer ul li a:link, #footer ul li a:visited { color: #fff; font-weight: normal; text-shadow: #333 1px 1px 1px; text-decoration: none; } #footer ul li a:hover, #footer ul li a:active { text-decoration: underline; } #footer p#copyright { float: left; font-size: .825em; color: #fff; font-weight: normal; text-shadow: #333 1px 1px 1px; } #footer p#copyright a:link, #footer p#copyright a:visited { color: #fff; font-weight: normal; text-shadow: #333 1px 1px 1px; } #footer p#rouviere { float: right; font-size: .825em; color: #fff; font-weight: normal; text-shadow: #333 1px 1px 1px; } #rouviere a:link, #rouviere a:visited { color: #fff; text-decoration: none; } #rouviere a:hover, #rouviere a:active { text-decoration: underline; } background { color: #efd9ae; } /* @end */