/* ---------------------------------------------------------- **Fund for Theological Education** CSS Managed by: Blue State Digital Last Update: Dec 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) PURPLE: #7C0040 DARK ORANGE: #ff9900 LIGHT ORANGE: #d98c40 ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ html { background: #a58a71 url("/page/-/wrappers/img/bg.jpg") 0 0; height: 100%; } body { font: 62.5%/1.4 "Helvetica", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; background: url("/page/-/wrappers/img/bg-top.jpg") 0 0 repeat-x; color: #333; height: 100%; } h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #7C0040; text-transform: uppercase; } #main.base { padding: 26px 30px 0; width: 577px; border-right: 1px solid #e0d1da; background: #FFF; } #main.base.banner { padding-top: 202px; } .full-width #main.base { border: none; width: 900px; } h1.base { font-size: 22px; color: #FFF; background: #5e0d3e url("/page/-/wrappers/img/title-bar.jpg") 100% 0 no-repeat; text-transform: uppercase; padding: 20px 0 0 30px; height: 51px; letter-spacing: 2px; } h1 { font-size: 16px; } h2 { font-size: 20px; margin-bottom: 16px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 12px; font-weight: bold; } .base h2, .base h3 { text-transform: none; } .base h4 { font: 12px Helvetica, Arial, sans-serif; margin-top: 35px; text-transform: none; color: #333; font-weight: bold; } .base h4.date { margin-top: 10px; } .base #summary+h2, .base #banner+h2 { margin-top: 20px; } p { font-size: 12px; margin-bottom: 12px; } a:link, a:visited { color: #5e0d3e; text-decoration: none; } a:hover { text-decoration: underline; color: #861459; } .base a { font-weight: bold; } #wrap h2 a, #wrap h3 a, #wrap h4 a { color: #7C0040; font-weight: normal; } blockquote { margin: 0 30px 20px; border-left: 5px solid #e2e3e4; padding-left: 20px; font-size: 12px; } .base ul, .base ol { font-size: 12px; margin-bottom: 12px; } .base ul li, .base ol li { list-style-position: inside; } .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base li ol { padding-left: 20px; margin-bottom: 0; } .base li ul { padding-left: 20px; margin-bottom: 0; } a[href$=".pdf"]:before { content: url("/page/-/wrappers/img/icon-pdf.gif"); vertical-align: bottom; border: none; margin-right: 5px; position: relative; top: 5px; } a[href$=".pdf"].no-icon:before { content: none; } .img-brdr-left {border: 2px solid #a98f76; margin: 8px 8px 8px 0pt; padding: 0pt; float: left;} .img-brdr-right {border: 2px solid #a98f76; margin: 8px 0 8px 8px; padding: 0pt; float: right;} .img-captl {float:left;font-size:10px;width:105px;margin:8px 10px 8px 0;} .img-captr {float:right;font-size:10px;width:105px;margin:8px 0 8px 8px;} /* 03 =LAYOUT ---------------------------------------------------------- */ #bg { background: url("/page/-/wrappers/img/wrap.jpg") 50% 0 no-repeat; min-height: 100%; } #wrap { margin: 0 auto; width: 960px; } #content { margin: 0 auto; background: #FFF; -moz-border-radius: 0 0 15px 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; padding-bottom: 25px; } #main { float: left; width: 960px; position: relative; } #header { height: 150px; position: relative; padding-top: 20px; } #header h2 { height: 85px; width: 370px; color: #FFF; background: url("/page/-/wrappers/img/logo.png") 0 100% no-repeat; font-size: 15px; font-family: "Hoefler Text", Georgia, "Times New Roman", serif; padding-top: 15px; } #header h2 a { height: 85px; width: 370px; position: absolute; display: block; color: #7c0041; text-indent: -9999em; } #header label, #header input.text { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } #header input.text { height: 16px; padding: 2px 4px 1px; } #header .buttonImage { position: relative; top: 7px; } #header-donate { position: absolute; right: 10px; top: 63px; } #quick-signup { position: absolute; right: 0; top: 35px; padding: 9px 10px 26px 10px; width:445px; background: url("/page/-/wrappers/img/signup-bg.jpg") 0 0 no-repeat; -moz-border-radius: 5px; } #header #quick-signup .buttonImage { top: 1px; } #quick-signup fieldset { position: relative; } #quick-signup legend { font-family: "Minion Pro", Georgia, "Times New Roman", serif; color: #a0341f; text-transform: uppercase; font-size: 13px; font-weight: bold; letter-spacing: .1em; } #quick-signup input { position: relative; top: -6px; } #quick-email { width: 190px; } #quick-zip { width: 75px; } #cse-search-box { position: absolute; right: 10px; top: 130px; width: 170px; z-index: 10; } #cse-search-box input.text { width: 125px; padding:2px 4px 3px;} #main input.text { padding: 3px; } ul#navigation { font-family: "Minion Pro", Georgia, "Times New Roman", serif; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: url("/page/-/wrappers/img/nav.png") 0 0 no-repeat; } #navigation li.home { width: 35px; } #navigation li.home a { width: 20px; background: url("/page/-/wrappers/img/home.png") 12px 12px no-repeat; text-indent: -9999em; position: absolute; display: block; top: 0; left: 0; } /* #navigation li.home a:hover, #navigation li.home a:active { background: url("/page/-/wrappers/img/home-hover.png") } */ #navigation a { position: relative; display: inline-block; font-weight: bold; color: #661947; text-shadow: #bbb 0px 0px 1px; font-size: 12px; letter-spacing: .02em; text-transform: uppercase; padding: 13px 6px 0 7px; height: 27px; } #navigation a:hover, #navigation a:active { color: #000; border: none; text-decoration: none; } #navigation li { float: left; position: relative; height: 40px; } #navigation li.first { padding-left: 15px; } ul#gateways { position: absolute; top: 105px; left: 485px; font-size: 12px; font-weight: bold; } #gateways li { float: left; padding-left: 25px; background: url("/page/-/wrappers/img/gateway.gif") 16px 40% no-repeat; } #gateways a:link, #gateways a:visited { color: #661947; } #gateways a:hover, #gateways a:active { text-decoration: none; color: #4b0b31; } .tout { background: url("/page/-/wrappers/img/tout-bg.gif") 0 100% no-repeat; height: 126px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 286px; position: relative; float: left; width: 286px; } #wrap .tout h4 a { background: url("/page/-/wrappers/img/tout-blue.gif") 0 0 no-repeat; padding: 7px 15px 0; height: 29px; color: #fff; display: block; } #fellow.tout h4 a { background: url("/page/-/wrappers/img/tout-green.gif") 0 0 no-repeat; } #staff.tout h4 a { background: url("/page/-/wrappers/img/tout-purple.gif") 0 0 no-repeat; } #static.tout h4 a { background: url("/page/-/wrappers/img/tout-purple.gif") 0 0 no-repeat; } #event.tout p.date { position: absolute; top: 36px; left: 0; width: 45px; height: 35px; padding: 5px 0; text-align: center; color: #FFF; text-transform: uppercase; background: #c5b19d; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 14px; line-height: .95; margin: 8px 0 0 98px; } #event.tout p.date span { display: block; font-size: 26px; } #event .tout-content { padding-left: 151px; } .tout-content { background: url("/page/-/wrappers/img/tout-shadow.png") 50% 0 no-repeat; padding: 8px 5px 0 98px; position: relative; line-height: 1.3; } .tout-img { position: absolute; bottom: 0; left: 0; -moz-border-radius-bottomleft: 4px; -webkit-border-radius-borderleft: 4px; height: 90px; width: 90px; background-position: 0 0; background-repeat: no-repeat; } .tout-content p { margin-bottom: 8px; line-height: 1.2; } .entry { clear: both; margin-bottom: 1em; float: left; border-top: 1px solid #DDD; padding-top: 1em; width: 100%; } .entry.first { border: none; } .date { color: #666666; margin-bottom: 5px; font-size: 11px; } .base form { font-size: 12px; margin-bottom: 30px; } .base label {margin-top: 15px; font-weight: bold; } .base select { padding: 1px; border: 1px solid #CCC; } #footer { color: #fff; clear: both; padding: 12px 0 30px; font-size: 11px; margin: 8px auto 0; width: 960px; text-align: center; } #footer li { display: inline; padding: 0 4px 0 7px; border-left: 1px solid #FFF; } #footer li.first { background: none; border: none; } #footer a { color: #fff; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #feature { position: relative; height: 303px; } #rotator { color: #fff; line-height: 1.2; overflow: hidden; height: 303px; background: #5b0d3c url("/page/-/wrappers/img/rotator-bg.png") 0 0 no-repeat; position: relative; overflow: hidden; } #rotator p { font-size: 14px; } #rotator a { color: #ff9900; } #rotator h2 { font-size: 22px; padding: 30px 0 15px; letter-spacing: 2px; } #rotator h2 a { color: #fff; } #rotator .summary { font-size: 12px; position: absolute; top: 238px; left: 100px; width: 190px; } .slide { padding: 0 0 0 30px; width: 930px;} .slide img { float: right; width: 655px; height: 303px; margin-left: 25px; } #pager { position: absolute; bottom: 30px; left: 30px; z-index: 10; width: 250px; } #pager a { float: left; display: block; height: 24px; width: 24px; margin-right: 8px; color: #FFF; background: url("/page/-/wrappers/img/pager.png") 0 0 no-repeat; } #pager a:focus, #pager a:active { outline: 0; } #pager-nums a { text-align: center; font-weight: bold; font-size: 18px; line-height: 1.5; } #pager-nums a.activeSlide { color: #5b0d3c; } #pager #next { background: url("/page/-/wrappers/img/arrow-next.png") 0 0 no-repeat; text-indent: -9999em; } #pager #prev { background: url("/page/-/wrappers/img/arrow-prev.png") 0 0 no-repeat; text-indent: -9999em; } #content-home { background: #FFF url("/page/-/wrappers/img/home-bg.gif") 50% 0 repeat-y; border-top: 25px solid #FFF; border-bottom: 20px solid #FFF; } #content-home h3 { margin-bottom: 15px; } #content-home h4 { margin-bottom: 5px; text-transform: none; font-family: Helvetica, Arial, sans-serif; } #content-home h4 a { color: #d98c40; font-weight: bold; } #blog-home, #actions-home, #media-home { float: left; padding: 0 4px 0 24px; width: 286px; } #touts-home { padding-top: 30px; background: url("/page/-/wrappers/img/content-border-home.jpg") 50% 0 no-repeat; } #touts-home .tout { margin: 0 4px 0 24px; } #actions-home h5 a {color:#d98c40} /* 05 =SUBPAGES ---------------------------------------------------------- */ img#banner { position: absolute; top: 0; left: 0; } p#summary { font: 16px Georgia, "Times New Roman", serif; background: url("/page/-/wrappers/img/content-border-summary.jpg") 50% 100% no-repeat; padding-bottom: 20px; } #sidebar { width: 286px; float: right; font-size: 12px; background: #FFF url("/page/-/wrappers/img/sidebar.jpg") 0 0 no-repeat; padding: 20px 18px 13px; } .side-button a { letter-spacing: 1px; padding: 9px 25px 0px 15px; background: url("/page/-/wrappers/img/side-button.gif") 0 0 no-repeat; margin: 0 auto 10px; height: 31px; } .side-button.donate a { background-image: url("/page/-/wrappers/img/side-button-donate.gif"); } #sidebar h4 a { display: block; color: #FFF; } #sidebar.banner { position: relative; top: -172px; } #section-links { border-bottom: 1px solid #e0d0d9; padding-bottom: 25px; margin-bottom: 15px; } #section-links h2 { font-size: 18px; letter-spacing: 1px; } #section-links a, #extra a { color: #d98c40; font-weight: bold; } #extra { clear: both; padding-top: 35px; background: url("/page/-/wrappers/img/content-border.jpg") 50% 0 no-repeat; } #extra h5 { font-weight: bold; } #extra ul li {list-style-type: none; } #extra .download-link { margin-top: -10px; } .base #extra div { width: 50%; float: left; } #extra div img { float: left; padding-right: 10px; } .pullquote { float: right; border-top: 5px solid #9e3928; border-bottom: 5px solid #9e3928; width: 262px; padding: 10px 10px 0 10px; margin: 0 0 10px 20px; } .pullquote blockquote { border: none; color: #9e3928; font: 22px Georgia, "Times New Roman", serif; padding: 0; margin: 0 0 10px 0; } .pullquote p { color: #666; } .author_position { font-style: italic; } /* FundFinder */ #fundfinder .even { background: #e3dbd5; } #fundfinder .odd { background: #f1ebe5; } .search-entry { padding: 10px; margin-bottom: 10px; } .search-entry h4 { margin-top: 0; } #fundfinder h3 { margin-top: 20px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #framework { font-size: 12px; } /* 07 =UTILITY ---------------------------------------------------------- */ #dsq-content .dsq-item-cp { display: none; } /* hides Disqus community page link */ .clickable { cursor: pointer; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* CAM'S PATCHES TO RESTORE MISSING STYLES */ /* ERRORS */ #contribution .error { color: red; font-size: 110%; } .contriberrorbanner { color: red; font-size: 110%; font-weight: bold; padding-top: 15px; } #paypal_notice { display: none; } .nested_table, #country_table td, #custom_country_field_table_1 td, #custom_country_field_table_2 td { padding: 0px; } #pa_iframe { border: 0; } /*=SIGN UP*/ #signupheader { margin: 0 0; padding: 0; } #signupfooter { } .signuperror { color: red; font-size: 100%; font-weight: bold; text-transform: uppercase; } #signup .uploaded_file_saved { width: 100%; overflow: auto; color: red; font-weight: bold; } #signup .opt_in_description { overflow: auto; width: 100%; height: 100px; } /*=INVITE/TAF*/ #invitationpage span.error { color:red;font-weight:bold;line-height: 1.5em;} #invitationpage #captcha_container #recaptcha_image embed { margin-bottom: -15px; }/* CAM'S PATCHES TO RESTORE MISSING STYLES */ /* ERRORS */ #contribution .error { color: red; font-size: 110%; } .contriberrorbanner { color: red; font-size: 110%; font-weight: bold; padding-top: 15px; } #paypal_notice { display: none; } .nested_table, #country_table td, #custom_country_field_table_1 td, #custom_country_field_table_2 td { padding: 0px; } #pa_iframe { border: 0; } /*=SIGN UP*/ #signupheader { margin: 0 0; padding: 0; } #signupfooter { } .signuperror { color: red; font-size: 100%; font-weight: bold; text-transform: uppercase; } #signup .uploaded_file_saved { width: 100%; overflow: auto; color: red; font-weight: bold; } #signup .opt_in_description { overflow: auto; width: 100%; height: 100px; } /*=INVITE/TAF*/ #invitationpage span.error { color:red;font-weight:bold;line-height: 1.5em;} #invitationpage #captcha_container #recaptcha_image embed { margin-bottom: -15px; } /* etc */ #framework .bsd-contribForm-wrap .fieldlabel { text-transform: none; } #framework .bsd-contribForm-wrap .radiobutton { margin:0 0.4em 0 0.5em; } .contribcolumn { vertical-align: top; }