/* @override http://www.tonyblairfaithfoundation.org/?css=styles/index.v.1259075416 */ /* ---------------------------------------------------------- Tony Blair Faith Foundation CSS Managed by: Blue State Digital Last Update: October 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) ---------------------------------------------------------- */ /* 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; font: 62.5%; line-height: 1.35em; } 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 ---------------------------------------------------------- */ body { font-family: Helvetica, sans-serif !important; font-size: 62.5% !important; } a { color: #2d517a; text-decoration: underline; } a:hover { color: #ab6536; } #container { color: #666666; font-size:1.2em; } #header { z-index: 5; } #header a#logo{ background-image:url(/page/-/wrappers/images/background-logo.gif); display: block; text-indent: -9999px; width: 405px; height: 80px; float: left; } #header a#logo-usa{ background-image:url(/page/-/wrappers/images/background-logo-usa.png); display: block; text-indent: -9999px; width: 405px; height: 80px; float: left; } .pagination { padding-top: 15px; text-align: center; } .pagination a { display: inline-block; padding: 6px; border: 1px solid; text-decoration: none; } .pagination a:hover { background: #5a7c9d; color: #fff;} #header #sign-up-search { height: 61px; width: 303px; float: right; background-image:url(/page/-/wrappers/images/background-sign-up-search.gif); padding: 8px 0px 0px 75px; } #header #sign-up-search span.input input { border: 1px solid #b7bcc1; padding: 3px; color: #808a93; float: left; margin-right: 5px; font-size: 0.9em; } #header #sign-up-search span.input.postcode input { width: 91px; .width:93px !important; } #header #sign-up-search span.input.keywords input { width: 224px; } #header #sign-up-search legend { display: none; } #header #sign-up-search form { display: block; clear: both; margin-top: 4px; } #header #sign-up-search label { display: none; } #header #sign-up-search .submit input { width: 53px; height: 19px; display: block; float: left; text-indent: -9999px; border: 0px; margin-top: 2px; cursor:pointer; color: transparent; text-transform: capitalize; } #header #sign-up-search .submit.sign-up input { background-image:url(/page/-/wrappers/images/button-signup-submit.gif); } #header #sign-up-search .submit.search input { background-image:url(/page/-/wrappers/images/button-search.gif); } .footer a.cufon { color: #fff; font-size: .75em; text-transform: Uppercase; font-weight: bold; letter-spacing: .1em; margin-right: 20px; text-decoration:none; } .footer a:hover {text-decoration:none;} .footer .top { background: url(/page/-/footer-top.png); height: 12px; display: block; } .footer .inner { background: url(/page/-/footer-bottom.png); background-repeat: no-repeat; text-align: center; /*.width:950px;*/ } .footer li { display:inline; } .footer .hd { padding: 12px; font-size: 1.2em; margin: 0 auto !important; display:inline-block; position:relative; } .footer .bd a { height: 40px; display: inline-block; float:left; width: 145px; text-indent: -999em;} .footer .bd { padding: 18px; display: inline-block; font-size: 1.2em; margin: 0 auto; width: 100%; } .footer .ft { display: block; font-size: .9em; padding: 10px 0; } .footer .bdTop { margin-left: 10px; } .footer .bdBreak { margin-left: 30px; } .footer hr, .footer h3 { display: none; } #nav { z-index: 1000000000;} #nav ul#primary-nav { width: 970px; height: 36px; dipsplay: block; clear: both; position: relative; z-index: 1000000000000;} #nav ul#primary-nav li { float: left; position: relative; } #nav ul#primary-nav li a { background-image:url(/page/-/wrappers/images/background-menu.gif); height: 36px; display: block; text-indent: -9999px; float: left; } #nav ul#primary-nav li#navA a { width: 109px; } #nav ul#primary-nav li#navA a:hover, #nav ul#primary-nav li#navA:hover a { background-position: 0px -36px;} #nav ul#primary-nav li#navB a { background-position: -109px 0px; width: 126px; } #nav ul#primary-nav li#navB a:hover, #nav ul#primary-nav li#navB:hover a { background-position: -109px -36px;} #nav ul#primary-nav li#navC a { background-position: -236px 0px; width: 214px; } #nav ul#primary-nav li#navC a:hover, #nav ul#primary-nav li#navC:hover a { background-position: -236px -36px; } #nav ul#primary-nav li#navD a { background-position: -450px 0px; width: 247px; } #nav ul#primary-nav li#navD a:hover, #nav ul#primary-nav li#navD:hover a { background-position: -450px -36px; } #nav ul#primary-nav li#navE a { background-position: -697px 0px; width: 169px; } #nav ul#primary-nav li#navE a:hover, #nav ul#primary-nav li#navE:hover a { background-position: -697px -36px;} #nav ul#primary-nav li#navF a { background-position: -868px 0px; width: 102px; } #nav ul#primary-nav li#navF a:hover, #nav ul#primary-nav li#navF:hover a { background-position: -868px -36px; } #nav ul#primary-nav li ul{ background-image:url(/page/-/wrappers/images/background-sub-menu.png); position: absolute; z-index: 100000000000000000000; top: 36px; left: 0px; padding: 10px; display: none; border-bottom: 4px solid #557190;} #nav ul#primary-nav li:hover ul { display: block; } #nav ul#primary-nav li.hasjs:hover ul { display: none; } #nav ul#primary-nav li ul li { float: none; } #nav ul#primary-nav li ul li a { background-image: none; text-indent: 0px; color: #FFF; font-size: 1.2em; height: auto; width: auto; padding: 5px; margin-bottom: 4px; text-decoration:none; float: none; } #nav ul#primary-nav li ul li a:hover{ background-color: #324b65; } #nav ul#primary-nav li ul li ul{ display: block; width: auto; } #nav ul#primary-nav li ul li ul li{ width: 50px; padding-left: 10px; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container{ width: 970px; margin: 0 auto; display: block; overflow: hidden; } #content { margin-bottom: 25px; display: block; overflow: hidden; margin-top: 10px; min-height: 600px; z-index: 2; } #content #left { width: 656px; display: block; overflow: hidden; float: left; margin: 0px 10px 0px 0px; } #content #sidebar-right { width: 304px; display: block; overflow: hidden; float: right; margin: 0px 0px 0px 0px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ body#home #left .col1{ width: 302px; float: left; margin: 15px 20px 0px 0px; } body#home #left .col2{ width: 325px; _width: 315px; _overflow: hidden; float: left; margin: 15px 0px 0px 0px; } body#home #blog li{ margin-bottom: 15px; color: #666666; font-size: 1.1em;} body#home #blog li strong a { color: #aa6435; text-decoration:none; display: block; font-size: 1.1em; } body#home #blog li em a { color: #666666; text-decoration:underline; font-style: normal; } body#home #blog li a:hover { color: #99592e; text-decoration:underline; } body#home h2.blog { background-image:url(/page/-/wrappers/images/header-blog.gif); width: 305px; height: 25px; margin-bottom: 13px; } body#home h2.videos { background-image:url(/page/-/wrappers/images/header-videos.gif); width: 305px; height: 25px; margin-bottom: 13px; } body#home h2.news { background-image:url(/page/-/wrappers/images/header-news.gif); width: 331px; height: 25px; margin-bottom: 13px; } body#home h3.recent { color: #22517e; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; } body#home h3.recent a { text-decoration: underline; color: #22517e;font-weight: normal; } body#home ul#news-items { background-image:url(/page/-/wrappers/images/dotted-line.gif); background-position: bottom; background-repeat:repeat-x; padding-bottom: 5px; margin-bottom: 15px; } body#home ul#news-items li { margin-bottom: 15px; font-size: 1.1em; } body#home ul#news-items li em { font-style:normal; color: #666666; font-size: 0.9em; display: block; } body#home ul#news-items li strong a { color: #22517e; font-size: 0.9em; display: block; font-size: 1.2em; text-decoration:none; padding: 5px 0px;} body#home ul#news-items li strong a:hover { text-decoration:underline;} body#home ul#news-items li a { color: #22517e; font-size: 0.9em; display: block; margin-top: 5px; } body#home ul#news-items li strong a { margin-top: 0;} body#home ul#news-items li a:hover { color: #2d5278;} body#home ul#news-items li img { margin-bottom: 10px; display: block; width: 320px; } body#home ul#recent-headlines li { color: #666666; font-style: normal; padding: 3px;} body#home ul#recent-headlines a { color: #666666; font-weight: bold; text-decoration: none; font-size: 1.1em;} body#home ul#recent-headlines a:hover { text-decoration: underline; color: #333333; } #feature{ width: 656px; height: 312px; display: block; position: relative; overflow:hidden; } #caption { margin-top: 5px; font-size: 10px; height:25px; margin-bottom:-5px; } #pager { display: block; text-align: right; overflow: hidden; position: absolute; top: 280px; right: 20px; z-index: 99; } #pager a { background-image:url(/page/-/wrappers/images/pager.png); width: 10px; height: 9px; display: block; float: left; text-indent: -9999px; margin-right: 3px; color: #8c8682; color: transparent; } #pager a.activeSlide { background-position: bottom left; } #pager a:focus { outline: none; } #video-feature { padding-bottom:10px; display:inline-block; } #video-feature-inner {height:220px;} .video-gallery li { float: left; border: 3px solid #fff; display:inline; } .video-gallery img { width: 69px; } /* 05 =SIDEBAR ---------------------------------------------------------- */ #sidebar-right a#donate { width: 304px; height: 47px; display: block; background-image: url(/page/-/wrappers/images/button-donate.gif); text-indent: -9999px; margin-bottom: 10px; } #sidebar-right a#donate:hover { background-position: bottom left; } #sidebar-right .box span.top { width: 303px; height: 9px; display: block; clear: both; } #sidebar-right .box { width: 303px; margin-bottom: 10px; } #sidebar-right .box span.bottom { width: 303px; height: 9px; display: block; clear: both; } #sidebar-right .box.blue { background-image:url(/page/-/wrappers/images/sidebar-box-blue-bg.gif); } #sidebar-right .box.blue span.top { background-image:url(/page/-/wrappers/images/sidebar-box-blue-top.gif); } #sidebar-right .box.blue span.bottom { background-image:url(/page/-/wrappers/images/sidebar-box-blue-bottom.gif);} #sidebar-right .box.orange { background-image: url(/page/-/wrappers/images/sidebar-box-orange-bg.gif); } #sidebar-right .box.orange span.top { background-image:url(/page/-/wrappers/images/sidebar-box-orange-top.gif); } #sidebar-right .box.orange span.bottom { background-image:url(/page/-/wrappers/images/sidebar-box-orange-bottom.gif);} #sidebar-right .box.grey { background-image:url(/page/-/wrappers/images/sidebar-box-grey-bg.gif); } #sidebar-right .box.grey span.top { background-image:url(/page/-/wrappers/images/sidebar-box-grey-top.gif); } #sidebar-right .box.grey span.bottom { background-image:url(/page/-/wrappers/images/sidebar-box-grey-bottom.gif);} #sidebar-right .box.green { background-image:url(/page/-/wrappers/images/sidebar-box-green-bg.gif); } #sidebar-right .box.green span.top { background-image:url(/page/-/wrappers/images/sidebar-box-green-top.gif); } #sidebar-right .box.green span.bottom { background-image:url(/page/-/wrappers/images/sidebar-box-green-bottom.gif); } #sidebar-right .box.darkgreen { background-image:url(/page/-/wrappers/images/sidebar-box-darkgreen-bg.gif); } #sidebar-right .box.darkgreen span.top { background-image:url(/page/-/wrappers/images/sidebar-box-darkgreen-top.gif); } #sidebar-right .box.darkgreen span.bottom { background-image:url(/page/-/wrappers/images/sidebar-box-darkgreen-bottom.gif); } #sidebar-right h3 { color: #FFFFFF; font-size: 1.7em; text-align: center; margin-bottom: 10px;} #sidebar-right p { color: #FFFFFF; padding: 10px; } #sidebar-right span { text-align: center; display: block; } #sidebar-right .box a { color: #FFF; font-weight: bold; text-decoration: none; } #sidebar-right .box a:hover { text-decoration: underline; } #sidebar-right blockquote { font-size: 1.8em; color: #fff; margin: 0 15px; line-height: 1em; text-align: center; margin-bottom: 15px; font-weight: bold; } #sidebar-right cite { color: #FFF; font-style: italic; margin: 0 50px 0 15px; float: right; } #sidebar-right #quotes h3 { font-size: 1.2em; padding: 10px 10px 0px 10px; } ul#tertiary-nav { margin-left: 5px; } ul#tertiary-nav li ul { display:none; } ul#tertiary-nav li a { background-image:url(/page/-/wrappers/images/background-secondary-menu.gif); width: 277px; height: 25px; display: block; padding: 8px; font-size: 1.4em; } ul#tertiary-nav li a:hover { background-position: 0px -42px; } ul#tertiary-nav li.open a { background-position: 0px -84px;} ul#tertiary-nav li.open ul { background-position: 0px -84px; display:block;} ul#tertiary-nav li ul { background-color: #5dc0c6; width: 279px; padding: 0px 7px 7px 7px; } ul#tertiary-nav li ul li a{ background-image:url(/page/-/wrappers/images/background-sub-menu-open.gif); background-position: left top !important; width: 272px; font-size: 1.2em; height: 20px; background-repeat:no-repeat; padding: 6px; } ul#tertiary-nav li ul { background-image:url(/page/-/wrappers/images/background-sidebar-submenu-bottom.gif); background-position: bottom left !important; background-repeat: no-repeat; margin-bottom: 2px; } #sidebar-right .box.grey { background-image:url(/page/-/wrappers/images/stay_connected.png); background-position: 0px -129px; height: 129px; background-repeat:no-repeat !important; } #sidebar-right .box.grey h3 { padding-top: 4px; } #sidebar-right ul#socnets { position: relative; } #sidebar-right ul#socnets li { display: inline; position: absolute; } #sidebar-right ul#socnets li a { display: block; width: 65px; height: 85px; text-indent: -9999px; } #sidebar-right ul#socnets li a:hover { background-position: -8px -39px; background-image:url(/page/-/wrappers/images/stay_connected.png); background-repeat:no-repeat !important; } #sidebar-right ul#socnets li#netA { left: 8px; } #sidebar-right ul#socnets li#netB { left: 82px; } #sidebar-right ul#socnets li#netC { left: 155px; } #sidebar-right ul#socnets li#netD { left: 229px; } #sidebar-right ul#socnets li#netB a:hover { background-position: -82px -39px; } #sidebar-right ul#socnets li#netC a:hover { background-position: -155px -39px; } #sidebar-right ul#socnets li#netD a:hover { background-position: -229px -39px; } a#faf-app-button { display: block; width: 304px; height: 194px; background: url(/page/-/images/faf-app-sidebar-button.jpg) no-repeat center; text-indent: -9999em; overflow: hidden; margin: 0 0 10px; } #quotes { background: #aa6335 none; background-image: url(/page/-/images/bg-browns.png) !important; background-repeat: no-repeat; background-position: 0px 10px;} .dec-su-num { width:304px; height:152px; background: url(http://www.tonyblairfaithfoundation.org/page/-/images/action-pages/tbff-dec-su.png) center center; margin-bottom:12px; color:#fff; } .dec-su-num .inner { padding:8px; position: relative; } .dec-su-num h3 { line-height:20px !important; text-align:left !important; font-weight:bold !important; font-size:19px !important; } .dec-su-num .dec-count { display: inline !important; } .dec-su-num p { margin-top: 35px; } .dec-count { font-weight: bold !important; } .dec-su-num a { position: absolute; display: block; width: 246px; left: 30px; height: 35px; top: 102px; text-indent: -999em; } /* 06 =SUBPAGES ---------------------------------------------------------- */ #left.general.general { padding: 10px 10px 0px 10px; width: 636px !important; } h1, h2, h3, h4 { margin-bottom: 10px; } h1 { color: #ab6536; font-size: 2.0em; text-transform:uppercase; } h1 a { color: #ab6536; text-decoration: none; } #left.general ul#secondary-nav, .general-full-width #secondary-nav { display: block; background-image:url(/page/-/wrappers/images/background-secondary-nav.gif); background-repeat:repeat-x; height: 25px; padding-top: 10px; margin: 0 0 15px 0; } #left.general ul#secondary-nav li, .general-full-width ul#secondary-nav li { float: left; margin: 0 10px 0 0; list-style: none; } #left.general ul#secondary-nav li a, .general-full-width ul#secondary-nav li a { float: left; margin-right: 10px; font-size: 0.9em; color: #2d517a; text-decoration:none; text-transform:uppercase; } #left.general ul#secondary-nav li a:hover, .general-full-width ul#secondary-nav li a:hover { color: #4574a9; text-decoration:underline; } #left.general ul#secondary-nav li a.selected, .general-full-width ul#secondary-nav li a.selected { color: #a15826; } .section { padding-bottom:5px; margin-bottom: 20px; } .section h2, #article-list h2, .article h2 { color: #36888D; font-size: 1.5em; } .section h2 a { text-decoration: none; } .section blockquote { margin: 0 0 10px 25px; color: #666666; line-height: 18px; } .section h3 { font-size: 1.3em; color: #2d517a; font-weight: bold; } .section h3 a { text-decoration: none; } .section p { margin-bottom: 10px; color: #666666; line-height: 18px; } .section ul, .section ol { margin: 10px 0 10px 50px; } .section ul li { list-style: disc; } .section ul ul li { list-style: square; } .section ol li { list-style: decimal; } .section ol ol li { list-style: lower-alpha; } .section ul ul, .section ul ol, .section ol ul, .section ol ol { margin-top: 10px; } .section li { line-height: 18px; color: #666; } .section h4 { font-size: 1.1em; color: #2d517a; font-weight: bold; } .section-more { border-top: 1px dotted #2D517A; margin: 20px 0;} .section-more .entry { position: relative; padding: 20px 0; border-bottom: 1px dotted #2D517A; } .section-more .entry-thumb { position: absolute; top: 20px; } .section-more .entry-text { padding-left: 220px; } #left.general ul#article-list li { margin-bottom: 20px; padding-bottom: 20px; background-image:url(/page/-/wrappers/images/dotted-line.gif); background-repeat:repeat-x; background-position: bottom left; color: #666666; line-height: 18px; overflow:hidden; } #left.general ul#article-list em, #left.general .article em { font-size: 0.9em; color: #666666; display: block; padding: 2px 0px; } #left.general ul#article-list strong a { font-size: 1.2em; color: #2d517a; text-decoration: none; display: block; padding: 4px 0px; } #left.general ul#article-list strong a:hover { text-decoration: underline; } .general-full-width { width: auto !important; padding: 10px 10px 0px 10px; } .article em { font-size: 0.9em; color: #666666; display: block; } .article h3, #article-list h3 { font-size: 1.2em; color: #2d517a; text-decoration: none; font-weight: bold; display: block; } .article p { margin-bottom: 15px; color: #666666; line-height: 18px; } #four-column { padding-top: 10px; } #four-column .column h3 { font-size: 1.3em; color: #2d517a; text-decoration: none; font-weight: bold; display: block; margin: 0px 0px 15px; } #four-column .column p { margin-bottom: 15px; color: #666666; line-height: 18px; } #article-list li p img { float: left; margin-right: 15px; margin-bottom: 5px; } #article-list li h3 a { text-decoration: none; } /* Quick Sam additions to get the four-col down to three */ #four-column .column { width: 295px; border-right: 1px solid #cfd2d5; float: left; padding-right: 15px; margin-right: 15px;} #four-column .column.three { border: 0px; padding-right: 0px; margin-right: 0px; } #four-column .column.four { display: none; width: 200px; padding-right: 0px; margin-right: 0px; border: 0px; } #newsroom-types h3 { margin-top: 10px; font-size: 1.2em; color: #2d517a; text-decoration: none; font-weight: bold; display: block; line-height: 1.2em; } #type1 { margin-bottom: 25px; margin-top: 20px; padding-bottom: 10px; background-image:url(/page/-/wrappers/images/dotted-line.gif); background-repeat:repeat-x; background-position: bottom left; } #newsroom-types h4 { font-weight: bold; color: #666; margin-bottom: 5px; } #newsroom-types ul li { color: #666; line-height: 1.3em; margin-bottom: 3px; padding: 3px 0px; border-bottom: 1px dotted #999; } #newsroom-types a { text-decoration: none; } #newsroom-types p { line-height: 1.3em; margin-bottom: 10px; } .mod.gray.news a { height: auto; background:none; display:inline; } .mod.gray.news a.hd { height:149px; text-indent:-999em; display:block; } #newsA { background: url(/page/-/images/news-room/newsA.jpg) bottom;} #newsB { background: url(/page/-/images/news-room/newsB.jpg) top;} #newsC { background: url(/page/-/images/news-room/newsC.jpg) top;} #newsD { background: url(/page/-/images/news-room/newsD.jpg) bottom;} #newsA:hover, #newsD:hover { background-position: bottom; } /* What can I do pages */ .mod.gray a { width: 297px; display: block; height: 149px; background: red; margin: 10px 0; } /* id targeted individual bg mods for acnhor tags */ .mod.gray #a1 { background: url(/page/-/images/what-can-i-do/donate-gray.jpg) top; } .mod.gray #a2 { background: url(/page/-/images/what-can-i-do/faiths-act-gray.jpg) top; } .mod.gray #a3 { background: url(/page/-/images/what-can-i-do/meetthefellows-gray.jpg) top; } .mod.gray #a4 { background: url(/page/-/images/what-can-i-do/events-gray.jpg) top; } .mod.gray #b1 { background: url(/page/-/images/what-can-i-do/tell-us-gray.jpg) top; } .mod.gray #b2 { background: url(/page/-/images/what-can-i-do/schools-gray.jpg) top; } .mod.gray #a1:hover, .mod.gray #a2:hover, .mod.gray #a3:hover, .mod.gray #a4:hover, .mod.gray #b1:hover, .mod.gray #b2:hover { background-position: bottom; } /* DECLARATION FORM SKINS */ /*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/ .basic .inner { padding:10px; background:#e6e8e9; } .basic b {background-image:url(/page/-/wrappers/images/forms/tbff-basic-rounded.png) !important; } .basic .hd h3 { font-size: 1.6em; color: #ab6536; font-weight: bold; } .basic #signup .label { padding-bottom: 8px; color:#666; } .basic #signup label.field,.basic #signup input{ font-size: 14px !important; } .basic #signup input { padding: 10px !important; } .basic #signup input.text { background: #fff url(/page/-/wrappers/images/forms/basic-form-bg-repeat.png) repeat-x; } .basic #signup input.text:focus { background-color: #f7f1ec; } .basic #signup #email { width: 358px; } .basic table { width: auto !important; } .declaration .hd strong { font-size: 21px; line-height: 28px; } .declaration .hd h3 { font-size: 14px !important; } .module { margin-bottom: 10px; } .complex.declaration .inner { padding:20px; } .complex b{background-image:url(/page/-/wrappers/images/forms/tbff-basic-rounded.png); } .complex .hd h3 { font-size: 1.6em; color: #fff; font-weight: bold; } .complex #signup .label { padding-bottom: 8px; color:#898900; } .complex #signup label.field,.complex #signup input{ font-size: 14px !important; } .complex #signup input { padding: 10px !important; } .complex #signup input.text { background: #fff url(/page/-/wrappers/images/forms/basic-form-bg-repeat.png) repeat-x; } .complex #signup input.text:focus { background-color: #f7f1ec; } .complex #signup #email { width: 358px; } .complex table { width: auto !important; } .module { margin-bottom: 10px; } /*=FAITH ACTS FELLOWS*/ /*= */ #fellows #main { float: left; overflow: hidden; width: 656px; } #fellows #main .module { float: left; margin: 0 0 40px 0; width: 315px; } #fellows #main .module h2 { color: #9c4c00; padding: 0 10px; } /*sidebar*/ #fellows #sidebar { float: right; margin-bottom: 20px; overflow: hidden; width: 304px; } #fellows #sidebar a { color: #fff; font-weight: bold; } #fellows #sidebar .module { margin-bottom: 10px; } #fellows #sidebar .module h3 { font-size: 18px; margin-bottom: 8px; text-align: center; } #fellows #sidebar .module p { margin-top: 5px; padding: 0 15px; } #fellows #get-involved { text-align: center; } #fellows #get-involved li { line-height: 0; margin: 0; padding: 0; } #fellows #featured-campaign { background: #5694ad; color: #fff; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #fellows #featured-campaign a {color:#FFF; text-decoration:none; } #fellows #global-movement { background: #ca6500; color: #fff; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #fellows #stay-connected { background: #8e9295; color: #fff; padding: 15px 5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #fellows #stay-connected img { margin: 0 3px; } /*=FEATURE*/ #fellows #fellow-feature { background: #ca6400; margin: 0 0 10px; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: relative;} #fellows #fellow-feature h2 { background: url(/page/-/images/fellows/faiths-act-fellows.gif) left top no-repeat; margin: 0 5px 10px; width: 500px; height: 70px; text-indent: -999px; } #fellows #fellow-feature #secondary-nav { border-top: 1px dotted #9c4c00; border-bottom: 1px dotted #9c4c00; margin-bottom: 10px; overflow: hidden; padding: 5px 0; width: 646px; } #fellows #fellow-feature #secondary-nav li { float: left; margin: 0 10px 0 5px; } #fellows #fellow-feature a { color: #fff; text-decoration: none; } #fellows #fellow-feature a:hover { color: #4f2600; } #fellows #fellow-feature .thumbs { background: #9c4c00; clear: both; margin-top: 5px; padding: 15px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #fellows #fellow-feature .thumbs .blurb { background: url(/page/-/images/fellows/meet-the-fellows01.gif) left top no-repeat; color: #fff; font-size: 11px; line-height: 14px; margin: 0 0 10px 0; padding-left: 165px; } #fellows #fellow-feature #headshots { clear: both; margin: 5px 0 5px 0; text-align: center; } #fellows .photo-credit { color: #ca6400; font-size: 10px; } #fellows #fellows-blog h2 { background: url(/page/-/images/fellows/fellows-blog.gif) left top no-repeat; margin: 0 10px; width: 300px; height: 120px; text-indent: -999px; } #fellows #fellows-blog h3 { font-size: 14px; margin-bottom: 0; } #fellows #fellows-blog h3 a { color: #ca6400; text-decoration: none; } #fellows #fellows-blog .entry { padding: 10px; } #fellows #news h2 { background: url(/page/-/images/fellows/latest-news.gif) left top no-repeat; margin: 0 10px; width: 300px; height: 120px; text-indent: -999px; } #fellows #news h3 { font-size: 18px; } #fellows #news .entry { border-bottom: 1px dotted #ddd; color: #999; margin: 0 10px; padding: 10px 0; } #fellows #news img { margin-bottom: 10px; } /*=FAITH ACTS*/ /*= */ #faiths-act #main { float: left; overflow: hidden; width: 656px; } #faiths-act #main .module { float: left; padding:0 ; width:; display: inline-block; } #faiths-act-blog { margin-right: 12px; } #faiths-act #main .module h2 { color: #9c4c00; margin: 0; width: 321px; } * html .col.gradient { width: 321px; } .col.gradient .bd { background-image: url(/page/-/images/faiths-act/col-bg-repeat.png); background-repeat: repeat-x; } .col.gradient h3 { line-height:1.4em; margin-bottom: 5px !important; width:100%; } .col.gradient p { line-height: 1.5em; } .col.gradient p { width: 214px !important; } .entry { position: relative; } #faiths-act-blog.col.gradient p { width: auto !important; } #faiths-act-blog.col.gradient img, #faiths-act-blog.col.gradient h3 { float: left; clear: left; } #faiths-act-blog.col.gradient img { width: 130px; height: auto; margin: 0 10px 10px 0 !important; } #discover.col.gradient p { float: left; } #discover.col.gradient img { position: absolute; right: 0; top:20px; } #disocver.col.gradient h3 { float: left; clear: left; } .faiths .inner { padding: 10px; background: #c1c100; } .faiths .bottom, .faiths .top, .faiths .tr, .faiths .tl, .faiths .br, .faiths .bl { background-image: url(/page/-/images/faiths-act/faiths-act-hero-bg.png) ; } .faiths.complex .bottom, .faiths.complex .top { height: 10px; } .faiths .tr, .faiths .tl { width: 14px !important; } .faiths .bottom, .faiths .top { height: 14px !important; } .faiths .br, .faiths .bl { margin-top: -px !important; width: 14px; height: 14px; } .faiths .slide { text-align: center; margin: 0 !important; } .faiths .slide img { margin: 0 auto; } .thumbs .name { display: none; } .thumbs .location { width: 98%; background: white; position:absolute; bottom: 0; color: #898900; font-weight: bold; opacity: .8; padding: 2%; left:0; font-size: .6em; line-height: 1em; } #sign-the-declaration-link { text-indent: -999em; display: block; position: absolute; width: 300px; height: 40px; top: 350px; left: 335px; background: transparent; filter: alpha(opacity = 01); opacity:0.01; } #meet-the-fellows-faiths-act, #meet-the-fellows-fellows { background: red; display: block; position: absolute; text-indent: -999em; top: 415px; width: 170px; filter: alpha(opacity = 01); opacity:0.01; } #meet-the-fellows-fellows { top: 425px; } #meet-the-fellows-fellows-hero-link { display: block; text-indent: -999em; outline: none; width: 400px; left: 220px; position: absolute; top: 370px; background: white; filter: alpha(opacity = 01); opacity:0.01; } /* Fellows Profile Page */ .fellows { margin-bottom: 12px !important; } /* Link & Style Reset */ .fellows a { text-decoration: none; } .fellows p { color: #666 !important; } /* Grid Stucture for Different Mod Types */ .fellows .inner .col1, .fellows .inner .col2 { width: 44%; padding: 15px; float: left; padding-bottom:0; } .fellows .entry.col1 { width: 12%; } .fellows .entry.col2 { width: 78%; } /* Background Image for Mods */ .fellows b { background-image: url(/page/-/images/fellows-profile/mod-fellow-bg.png); background-repeat: no-repeat; background-color: transparent; } .fellows .top { height: 2px !important; } .fellows .inner { overflow: hidden; } .fellows .br, .fellows .bl { margin-top: -5px !important; } /* Heading and Body Styles for Mods */ .fellows .hd { text-indent: 15px; background: url(/page/-/images/fellows-profile/heading-repeat.png); margin-top: 8px; padding-right: 15px; font-size: 1.4em; } .fellows .bd { margin: 15px; } /* Button Classes for page */ .fellows .button { display: inline-block; width: 121px; height: 29px; background: url(/page/-/images/fellows-profile/new-button-sprite.png); margin-top: 10px; text-align: center; line-height: 32px ; *line-height: 26px ; text-decoration: none; margin-bottom: 10px; } .fellows .button { background-position: 0 -29px; } .fellows .button:hover { background-position: 0 -59px; } .fellows .button:active { background-position: 0 0; color: #fff; } /* Events Mods */ .fellows .location p { display: inline; } .fellows .events h5 { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .fellows .events p { margin-bottom: 5px; } .fellows .events .location { font-weight: bold; } .fellows .month { display: inline-block !important; text-indent: 38px; *text-indent: 19px; line-height: 38px; color: #fff; font-weight: bold; } .fellows .day { display: block !important; font-size: 3.2em; font-weight: bold; line-height: 33px; } .fellows .col1.events { padding:0; margin:15px; width: 30%; height: 90px; background: yellow; background: url(/page/-/images/fellows-profile/calendar-sprite.png) no-repeat;} /* Blog Mods */ .fellows .blog-date { display: inline-block; position: relative; width: 48px; height: 50px; } .fellows .entry .day-blog { font-size: 2em; position: absolute; top: 0px; *line-height: 20px; } .fellows .entry .month-blog { display: block; position: absolute; top: 16px; text-indent: 3px; font-weight: bold; line-height: 19px; } .fellows .entry .year-blog { position: absolute; right: 0 ; top: 0px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 10px; letter-spacing: 1px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .fellows .description a { display: block; } .fellows h4.title a { font-weight: bold; text-decoration: none; } #blog-counter a { margin-left: 10px; } /* Flickr Gallery */ .fellows ul#flick-gallery { text-align: center; } .fellows ul#flick-gallery li { display: inline; margin: 10px; } /* Overlay Styles */ .overlay .inner { background: #fff; } .overlay .hd { padding-right: 35px; } .overlay .bd { text-align: center; } .overlay #close { position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; cursor: pointer; text-align: left; text-indent: 4px; color: #fff; text-decoration: none; line-height: 18px; } .overlay .bd p { text-align: left; } .overlay .intro { display: block; margin-bottom: 8px; letter-spacing: 0; word-spacing: 0; text-transform: none; font-weight: bold; font-size: 1.2em; line-height: 1.4em; } /* Top Profile Box Styles */ .fellows.profile { color: #fff; } .fellows.profile p { display: none; } .fellows.profile img, .overlay .fellows img { padding: 8px; border: 1px solid; margin-right:15px ; margin-bottom: 10px; } a.fellows { display: block; font-size: 1.5em; color: #fff; } /* Social Net Links in Profile Box */ .fellows h3 { font-size: 1.8em; color: #fff;} /* Headings for the profile box */ .socnet-links { display: inline !important; } .socnet-links img { padding: 0 !important; margin: 0 !important; border: 0 !important; padding-top: 5px !important; } /* Misc Styles */ #char-logo { float: right; padding: 5px; } #sidebar-right .fellows p { padding: 0; } /* End Fellows Profile Page */ /*.jcarousel-container { width: 100px !important; overflow: hidden; }*/ /*sidebar*/ #faiths-act #sidebar { float: right; margin-bottom: 20px; overflow: hidden; width: 304px; } #faiths-act #sidebar a { color: #fff; font-weight: bold; } #faiths-act #sidebar .module { margin-bottom: 10px; } #faiths-act #sidebar .module h3 { font-size: 18px; margin-bottom: 8px; text-align: center; } #faiths-act #sidebar .module p { margin-top: 5px; padding: 0 15px; } #faiths-act #get-involved { text-align: center; } #faiths-act #get-involved li { line-height: 0; margin: 0; padding: 0; } #faiths-act #featured-campaign { background: #898900; color: #fff; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #faiths-act #quotes { background: #898900 url(/page/-/images/faiths-act/quote.gif) left top no-repeat !important; color: #fff; line-height: 18px; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #faiths-act #global-movement { background: #ca6500; color: #fff; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #faiths-act #stay-connected { background: #8e9295; color: #fff; padding: 15px 5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #faiths-act #stay-connected img { margin: 0 3px; } #faiths-act .module { margin-bottom: 10px; } /*=FEATURE*/ #faiths-act #fellow-feature { margin: 0 0 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #faiths-act #fellow-feature h2 { background: url(/page/-/images/faiths-act/faiths-act-logo.png) left top no-repeat; margin: 0 5px 10px; width: 480px; height: 70px; text-indent: -999px; } #faiths-act #fellow-feature #secondary-nav { border-top: 1px dotted #898900; border-bottom: 1px dotted #898900; margin-bottom: 10px; overflow: hidden; padding: 5px 0; width: 646px; } #faiths-act #fellow-feature #secondary-nav li { float: left; margin: 0 10px 0 5px; } #faiths-act #fellow-feature a { color: #fff; text-decoration: none; } #faiths-act #fellow-feature a:hover { color: #4f2600; } #faiths-act #fellow-feature .thumbs { background: #898900; clear: both; margin-top: 5px; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 605px; margin: 10px auto; } #faiths-act #fellow-feature .thumbs .blurb { background: url(/page/-/images/faiths-act/meet-the-fellows01.gif) left top no-repeat; color: #fff; font-size: 11px; line-height: 14px; margin: 0 0 10px 0; padding-left: 165px; } #faiths-act #fellow-feature #headshots { clear: both; margin: 5px 0 5px 0; text-align: center; } #faiths-act .photo-credit { color: #cccc00; font-size: 10px; } #faiths-act #faiths-act-blog h2 { background: url(/page/-/images/faiths-act/ahead.png) left top no-repeat; margin: 0 10px; width: 300px; height: 87px; text-indent: -999px; } #faiths-act #faiths-act-blog h3 { font-size: 14px; margin-bottom: 0; } #faiths-act #faiths-act-blog h3 a { color: #878621; text-decoration: none; } #faiths-act #faiths-act-blog .entry { padding: 10px; width: 301px; border-bottom: 1px dotted #DDDDDD; } #faiths-act #discover h2 { background: url(/page/-/images/faiths-act/bhead.png) left top no-repeat; margin: 0 10px; width: 300px; height: 87px; text-indent: -999px; } #faiths-act #discover h3 { font-size: 14px; margin-bottom: 0; } #faiths-act #discover a { color: #ca6400; text-decoration: none; } #faiths-act #discover .entry { border-bottom: 1px dotted #ddd; padding: 10px; width: 301px; } #faiths-act #discover img { margin-bottom: 10px; } /* FAITHS ACT DECLARATION FORM */ #signupheader img { margin-right: 15px; /*border: 1px dotted gray; padding: 5px;*/} .dakota.signature { font-size: 24px; color: #333; position: absolute; top: 535px; left: 35px; } /*=EDUCATION PROJECT*/ /*=MAIN CONTENT*/ #education-project #main { float: left; overflow: hidden; width: 656px; } #education-project #main .module { float: left; margin: 0 0 40px 0; width: 315px; } #education-project #main .module h2 { color: #9c4c00; padding: 0 10px; } /*=SIDEBAR*/ #education-project #sidebar-right { float: right; margin-bottom: 20px; overflow: hidden; width: 304px; } /* #education-project #sidebar-right a { color: #111; font-weight: bold; } */ #education-project #sidebar-right #donate { margin-bottom: 10px; } #education-project #sidebar-right .module { background: #eee; color: #333; margin-bottom: 10px; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #education-project #sidebar-right h3 { font-size: 18px; margin-bottom: 8px; text-align: center; } #education-project #sidebar-right p { margin-top: 5px; padding: 0 15px; } /* #education-project #sidebar-right ul { text-align: center; } */ #education-project #stay-connected { background: #8e9295; color: #fff; padding: 15px 5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #education-project #stay-connected img { margin: 0 3px; } #education-project #global-movement { background: #ca6500; color: #fff; margin-bottom: 10px; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*#education-project #quotes { background: #eee url(/page/-/images/education-project/quote.gif) left top no-repeat; color: #333; line-height: 18px; margin-bottom: 10px; padding: 15px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/ /*=EDUCATION FEATURE*/ #education-project #education-feature { background: #fff; margin: 0px 0px 13px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(/page/-/wrappers/images/education_hero.jpg); background-repeat: no-repeat; height: 386px; } #education-project #education-feature h2 { left top no-repeat; margin: 0 5px 10px; width: 520px; height: 80px; text-indent: -999px; } #education-project #education-feature #secondary-nav { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; margin-bottom: 10px; overflow: hidden; padding: 5px 0; width: 626px; position: relative; top: 256px; margin-left: 15px; } #education-project #education-feature #secondary-nav li { float: left; margin: 0 10px 0 5px; } #education-project #education-feature a { color: #fff; text-decoration: none; } #education-project #education-feature a:hover { color: #eee; } #education-project .blurb { margin-bottom: 10px; padding: 0 5px; } #education-project .photo-credit { color: #bababa; font-size: 10px; } #education-project #education-project-blog h2 { background: url(/page/-/wrappers/images/education_blog_header.png) left top no-repeat; margin: 0; width: 300px; height: 87px; text-indent: -999px; } #education-project #education-project-blog h3 { font-size: 14px; margin-bottom: 0; } #education-project #education-project-blog h3 a { color: #368aab; text-decoration: none; } #education-project #education-project-blog h3 a:hover { color: #87c3db; } #education-project #education-project-blog .entry { padding: 10px 0px; border-bottom: 1px dotted #ddd; } #education-project #discover h2 { background: url(/page/-/wrappers/images/education_projects_header.png) left top no-repeat; margin: 0px; width: 300px; height: 87px; text-indent: -999px; } #education-project #discover h3 { font-size: 14px; margin-bottom: 0; } #education-project #discover h3 a { color: color: #aa7321; text-decoration: none; } #education-project #discover h3 a:hover { color: #ce994b; } #education-project #discover .entry { border-bottom: 1px dotted #ddd; margin: 0; padding: 10px; } #education-project #discover img { margin-bottom: 10px; } #education-project #content #main .module { width: 320px; background-image: url(/page/-/wrappers/images/education_module_bg.png); background-repeat: repeat-x; min-height: 500px; } #education-project #content #main .module .entry { width: 300px; padding: 10px; } #education-project #content #main #education-project-blog.module { margin-right: 12px; } /* TOOLKIT PAGES */ .toolkit p, .toolkit h2 { color: #fff; } .toolkit .inner { padding: 15px; } .toolkit .hd h2 { font-size: 4em; color:#fff; line-height: 0; margin-bottom: 0; border-bottom: 1px solid #fff; margin: 0 0 10px 0; } .col-left, .col-right { width: 49%; } .col-left { float: left; } .col-right { float: right; margin-left: 2%; } .toolkit-inner { padding-top: 5%; overflow: hidden !important; text-align: left !important; position:relative; } .toolkit-inner .bottom { background: #fff; } .toolkit-inner .top { background: #a0a000; } .toolkit-inner .tl, .toolkit-inner .tr, .toolkit-inner .bl, .toolkit-inner .br { background-image: url(/page/-/images/toolkit/toolkit-inner-bg.png) !important; height: 15px !important; } .toolkit-inner .inner { background: #fff; padding: 0; } .toolkit-inner .bd { padding: 10px; height: 200px; } .toolkit-inner .hd { background: #a0a000; padding: 5px; padding-left: 10px; text-align: left; color: #fff; font-size: 1.8em; line-height: 0; text-transform: Capitalize; } .toolkit-inner .bd ul { padding: 0; margin: 0; } .toolkit-inner .bd li { background-repeat: no-repeat; height: 33px; list-style-type: none; padding:15px 0px; padding-left: 85px !important; font-size: 1.4em; color: #c1c100; } .toolkit-inner .bd a { color: #a0a000; text-transform: capitalize; text-decoration:none; } /* Individual toolkit pages */ .toolkit-inner #a1 { background-image: url(/page/-/images/toolkit/a1.png); height: 45px; } .toolkit-inner #a2 { background-image: url(/page/-/images/toolkit/a2.png); height: 45px; } .toolkit-inner #a3 { background-image: url(/page/-/images/toolkit/a3.png); height: 45px; } .toolkit-inner #b1 { background-image: url(/page/-/images/toolkit/b1.png); height: 45px; } .toolkit-inner #b2 { background-image: url(/page/-/images/toolkit/b2.png); height: 45px; } .toolkit-inner #b3 { background-image: url(/page/-/images/toolkit/b3.png); height: 45px; } .toolkit-inner #c1 { background-image: url(/page/-/images/toolkit/c1.png); height: 45px; } .toolkit-inner #c2 { background-image: url(/page/-/images/toolkit/c2.png); height: 45px; } .toolkit-inner #c3 { background-image: url(/page/-/images/toolkit/c3.png); height: 45px; } .toolkit-inner #d1 { background-image: url(/page/-/images/toolkit/d1.png); height: 45px; } .toolkit-inner #d2 { background-image: url(/page/-/images/toolkit/d2.png); height: 45px; } .toolkit-inner #d3 { background-image: url(/page/-/images/toolkit/d3.png); height: 45px; } /* FAITH ACTS FELLOWS HOLDING PAGE */ .complex.toolkit-inner { background: url(/page/-/images/fellows/faiths-acts-fellows.jpg) center center; padding: 0; margin-bottom: -16px !important;} .complex.toolkit-inner .bottom { .margin-bottom: -16px !important; } .complex.toolkit-inner .hd, .complex.toolkit-inner .top, .complex.toolkit-inner .bottom, .complex.toolkit-inner .inner { background-color: transparent !important; } .complex.toolkit-inner .bd { height: 350px; } .complex.toolkit-inner .inset-quote { font-size: 1.6em; background: #b0693a; opacity: .8; padding: 15px; width: 50%; float: right; margin-top: 120px;} .complex.toolkit-inner .author { font-size: 12px; display: block; } .faiths.toolkit .ft { font-size: 1.4em; padding-top: 15px; } .faiths.toolkit .ft p { margin: 0; } .faiths.toolkit a { color: #406891; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ /* apply to non js divs to prevent flash of content */ #carousel { height: 100px; overflow: hidden; } #carousel li { width: 74px; height: 100px; /*text-indent: -999em;*/ overflow: hidden; } .jcarousel-skin-tango { margin-bottom: 10px; margin-left: -8px; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 74px; height: 100px; /*text-indent:-999em;*/ } /** * The buttons are added dynamically by jCarousel before * the