/* ---------------------------------------------------------- Women in the World Foundation CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - HTML5 Boilerplate 02 - COMMON STYLES# 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - SIDEBAR 07 - FRAMEWORK 08 - BROWSER SUPPORT 09 - UTILITY 10 - PRINT COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =HTML5 Boilerplate ------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select {vertical-align:middle;} /* end HTML5 Boilerplate reset */ /* HTML5 boilerplate base styles */ html { overflow-y: scroll; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } ul, ol { list-style-type: none; } small { font-size: 85%; } b, strong, th { font-weight: bold; } i, em { font-style: italic; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } .ie7 img { -ms-interpolation-mode: bicubic; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button { width: auto; overflow: visible; } /* end HTML5 boilerplate base styles */ /* BSD base styles */ caption, th { text-align: left; } /* 02 =COMMON STYLES ------------------------- */ html { } body { background: #f6f5f2 url(../page/-/wrapper/main/bkgd.png); font: 14px Georgia, "Times New Roman", Times, serif; color: #000; } select, input.text, textarea, #site-search-page input.gsc-input { font: 15px futura-pt, Helvetica, Arial, sans-serif; color: #818386; background: #e0e1e3; padding: 5px 10px; border: none; -moz-box-shadow: inset 1px 1px 1px #a6a7a9, 1px 1px 2px #f2f2f2; /* FF3.5 - 3.6 */ -webkit-box-shadow: inset 1px 1px 1px #a6a7a9, 1px 1px 2px #f2f2f2; /* Saf3.0+, Chrome */ box-shadow: inset 1px 1px 1px #a6a7a9, 1px 1px 2px #f2f2f2; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } textarea { padding: 10px; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: futura-pt, Helvetica, Arial, sans-serif; } .base h1 { text-transform: uppercase; font-size: 20px; margin: 0 0 20px; } .base h2 { font-size: 16px; margin: 20px 0; } .base h3 { font-size: 14px; color: #333; margin: 10px 0; } .base h4 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } .base h5 { font-weight: 500; font-size: 11px; text-transform: uppercase; } .base p { line-height: 1.3em; margin: 10px 0; } .image { display: block; overflow: hidden; } .image img { display: block; } a { text-decoration: none; color: #b0115a; } a:hover, a:active { outline: none; color: #666; } .base a:hover, .block a:hover, #home-content a:hover { -webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -ms-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -o-transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); transition: all 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */ -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */ } a:hover, a:focus { color: #666; } h4 a { background: url(../page/-/wrapper/main/arrow_black.png) right center no-repeat; padding: 0 20px 0 0; color: #000; } h4 a:hover { color: #666; } .base a { font-weight: bold; } .base blockquote { padding: 5px 0; font: 13px/1.2em futura-pt, Helvetica, Arial, sans-serif; margin: 20px 0; border-top: 1px solid #DADADC; border-bottom: 1px solid #DADADC; background: #fafafa; } .base blockquote p { line-height: 1.2em; margin: 5px 10px; } .base ul, .base ol { margin: 10px 40px; } .base ul li { list-style: disc; } .base ol li { list-style: decimal; } .base li ul, .base li ol { margin: 0 20px; } figure img { display: block; max-width: 100%; } /* 03 =LAYOUT ------------------------- */ .container { width: 960px; margin: 0 auto; } nav li, ul.socnet li { float: left; display: inline; } ul.socnet li a { text-indent: -9999em; overflow: hidden; display: block; } ul.socnet { width: 41px; height: 18px; margin: 0; } nav ul.socnet { float: right; margin: 16px 0 0; } ul.socnet a { width: 18px; height: 18px; background: url(../page/-/wrapper/main/socnet.png) 0 0 no-repeat; } ul.socnet li.facebook { width: 23px; } ul.socnet li.facebook a { margin: 0 5px 0 0; } ul.socnet li.twitter { width: 18px; } ul.socnet li.twitter a { background-position: -20px 0; } header { margin: 0 0 20px; } header input.text { text-transform: lowercase; font-weight: 700; } header nav { width: 100%; height: 50px; margin: 0 0 20px; background-color: #323133; background-image: -webkit-gradient(linear, left top, left bottom, from(#323133), to(#060707)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #323133, #060707); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #323133, #060707); /* FF3.6 */ background-image: -ms-linear-gradient(top, #323133, #060707); /* IE10 */ background-image: -o-linear-gradient(top, #323133, #060707); /* Opera 11.10+ */ background-image: linear-gradient(top, #323133, #060707); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#323133', EndColorStr='#060707'); /* IE6–IE9 */ } header nav ul.menu { float: left; width: 760px; padding-top: 16px; letter-spacing: .1pc; } header nav ul.menu a { height: 30px; color: #f0f0f0; text-transform: uppercase; position: relative; padding: 24px 10px 10px; font: 700 15px futura-pt, Helvetica, Arial, sans-serif; letter-spacing: 0; } header nav ul.menu a:hover { color: #706f73; } header nav ul.menu li.home a { padding-left: 0; } header nav li.donate a { color: #f26d1b; } header nav li.donate a:hover { color: #b41465; } form.search input.text, #site-search-page input.gsc-input { float: left; height: 17px; text-transform: lowercase; font-weight: 700; background: #fff; } form.search input.submit, #site-search-page .gsc-search-button { float: right; width: 28px; height: 27px; border: none; background: url(../page/-/wrapper/main/search.png) center no-repeat; line-height: 0; text-indent: -9999em; overflow: hidden; } header nav form.search { float: left; width: 150px; margin: 10px 0 0; } header nav form.search input.text { width: 95px; font-size: 13px; } header #tagline { font-size: 20px; color: #f26e1b; text-transform: uppercase; float: left; width: 250px; text-shadow: 1px 1px 2px rgba(116,28,23,.5); font-weight: 700; font-family: futura-pt, Helvetica, Arial, sans-serif; margin: 40px 0 0; } header #tagline em { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform: none; } header a#logo { float: left; background: url(../page/-/wrapper/main/logo.png) center no-repeat; width: 400px; height: 125px; text-indent: -9999em; overflow: hidden; display: block; } header form#qksignup { width: 310px; float: right; margin: 25px 0 0; } header form#qksignup legend { color: #818386; font-weight: 700; font-family: futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; } header form#qksignup input.text { margin: 10px 2px 0 0; height: 17px; float: left; } header input#qksignup-email { width: 160px; } header input#qksignup-zip { width: 40px; } header form#qksignup input.submit { float: right; width: 58px; height: 27px; border: none; background: url(../page/-/wrapper/main/submit.png) center no-repeat; line-height: 0; text-indent: -9999em; overflow: hidden; margin: 10px 0 0; } #header-facebook { width: 310px; float: right; margin: 10px 0 0; } footer { margin: 0 0 0; } #copyright { height: 25px; background: url(../page/-/wrapper/main/copyright_bkgd.png) center top no-repeat; text-align: center; font: 11px/27px futura-pt, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; margin-top: 40px; } footer nav { width: 100%; padding: 40px 0; border-top: 1px solid #333; background-color: #323133; background-image: -webkit-gradient(linear, left top, left bottom, from(#323133), to(#060707)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #323133, #060707); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #323133, #060707); /* FF3.6 */ background-image: -ms-linear-gradient(top, #323133, #060707); /* IE10 */ background-image: -o-linear-gradient(top, #323133, #060707); /* Opera 11.10+ */ background-image: linear-gradient(top, #323133, #060707); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#323133', EndColorStr='#060707'); /* IE6–IE9 */ } footer nav ul.menu { float: left; width: 760px; } footer nav ul.menu a { height: 16px; color: #f0f0f0; text-transform: uppercase; position: relative; padding: 10px 10px 10px; font: 700 13px futura-pt, Helvetica, Arial, sans-serif; letter-spacing: 0; } footer nav ul.menu a:hover { color: #706f73; } footer nav li.donate a { color: #f26d1b; } footer nav li.donate a:hover { color: #b41465; } footer nav li.home { /*width: 85px;*/ } footer nav li.about { /*width: 95px;*/ } footer nav li.about a { background-position: -85px center; } footer nav li.stories { /*width: 100px;*/ } footer nav li.stories a { background-position: -195px center; } footer nav li.solutions { /*width: 130px;*/ } footer nav li.solutions a { background-position: -300px center; } footer nav li.involved { /*width: 150px;*/ } footer nav li.involved a { background-position: -445px center; } footer nav li.donate { /*width: 110px;*/ } footer nav li.donate a { background-position: -580px center; } footer nav li.store { /*width: 90px;*/ } footer nav li.store a { background-position: -675px center; } footer nav ul.socnet { margin: 0; } footer #sponsors { background: #060707; padding: 20px 0 40px; color: #505153; font: normal 10px futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; } footer #sponsors ul { border: 1px solid #222; width: 958px; } footer #sponsors li { float: left; display: inline; line-height: 120px; padding: 0 13px; } footer #sponsors li.rfoundation { border-right: 1px solid #222; } footer #sponsors li a { display: block; overflow: hidden; background: url(../page/-/wrapper/main/sponsors.png) 0 center no-repeat; height: 120px; text-indent: -9999em; } footer #sponsors li.rphilanthropy a { width: 164px; } footer #sponsors li.rfoundation a { width: 134px; background-position: -295px center; } footer #sponsors li.aglobal a { width: 61px; background-position: -466px center; } footer #sponsors li.ffoundation a { width: 241px; background-position: -559px center; } /* 04 =HOMEPAGE ------------------------- */ #feature { width: 960px; height: 500px; position: relative; } #feature .bx-wrapper { width: 940px !important; margin: 0 auto; height: 500px; overflow: hidden; background: #fff; -moz-box-shadow: 0px 0px 5px #999; /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } #feature .bx-wrapper .bx-window { overflow: visible !important; margin: 0 auto; background: #b0115a; } #slider { width: 540px; height: 410px; margin: 0 auto; } #slider .entry { width: 540px; height: 480px; position: relative; } #slider .entry.active { z-index: 1; } #slider .entry a.image { width: 540px; height: 410px; } #slider .entry a.image img { width: 540px; } #slider .text { width: 720px; height: 30px; padding: 20px; background: #fff; margin: 0 auto; position: absolute; left: -200px; text-transform: uppercase; } #slider .text h5 { font-size: 11px; font-weight: 500; } #slider .text h4 { font-size: 20px; } #feature .bx-pager { position: absolute; bottom: 20px; right: 0; z-index: 4; width: 154px; padding: 27px 20px; background: #fff; height: 16px; } #feature .bx-pager a { float: left; display: block; text-indent: -9999em; overflow: hidden; width: 16px; height: 16px; background: url(../page/-/wrapper/main/feature_pager.png) 0 0 no-repeat; margin: 0 0 0 3px; } #feature .bx-pager a:hover, #feature .bx-pager a.pager-active { background-position: -16px 0; } #slider-nav { width: 960px; height: 410px; position: absolute; top: 0; } #slider-nav .nav { position: absolute; top: 0; height: 410px; width: 210px; } #slider-nav .prev.nav { left: 0; } #slider-nav .next.nav { right: 0; } #slider-nav .nav a { display: block; text-indent: -9999em; overflow: hidden; position: absolute; top: 0; left: 10px; } #slider-nav a.box { background: rgba(0,0,0,.7); width: 195px; height: 410px; border-left: 5px solid #b0115a; z-index: 2; } #slider-nav a.arrow { width: 28px; height: 28px; background: url(../page/-/wrapper/main/arrows_disc.png) 0 0 no-repeat; top: 191px; left: 0; z-index: 3; } #slider-nav .next a.box { right: 10px; left: auto; border-right: 5px solid #b0115a; border-left: none; } #slider-nav .next a.arrow { background-position: -28px 0; right: 0; left: auto; } #home-content { margin: 10px 0 20px; } .column.left { float: left; width: 240px; margin: 25px 0 0; } .column.middle { float: left; width: 400px; } .column.right { float: right; width: 320px; margin: 25px 0 0; } #home-tracks { margin: 0 0 10px; } #home-tracks ul { background: #fff; border-top: 5px solid #b0115a; border-bottom: 5px solid #b0115a; } #home-tracks li { background: #fff url(../page/-/wrapper/main/line.png) center no-repeat; height: 20px; padding: 15px 0; border-top: 1px solid #000; text-align: center; } #home-tracks li:first-child { border: none; } #home-tracks li a { background: #fff; font: 700 19px/20px futura-pt, Helvetica, Arial, sans-serif; color: #202020; padding: 0 10px; } #home-tracks li a:hover { color: #666; } #home-tracks li a em { font: italic 16px Georgia, "Times New Roman", Times, serif; } #home-content #stats a.image { width: 240px; } #home-content #stats a.image img { width: 240px; } #cheat-sheet { width: 960px; position: relative; margin: 0 auto 10px; padding: 25px 0 0; } #cheat-sheet .logo { position: absolute; top: -1px; left: 5px; } #cheat-sheet h1, #cheat-sheet h2, #cheat-sheet h3 { margin: 0; } #cheat-sheet .logo h1 a, #home #cheat-sheet .logo h2 a { width: 950px; height: 118px; text-indent: -9999em; overflow: hidden; background: url(../page/-/wrapper/main/cheat_sheet_wide.png) center top repeat-x; display: block; } #cheat-sheet span.count { color: #000; padding: 0 5px 0 0; font: bold 16px "Arial Narrow", Arial, sans-serif; } #cheat-sheet p.more a { padding: 0 20px 0 0; background: url(../page/-/wrapper/main/arrow_black.png) right center no-repeat; color: #666; } #cheat-sheet p.more a:hover { color: #999; } #cheat-sheet h5 { color: #c40a75; font: bold 11px Arial, sans-serif; text-transform: uppercase; } #home #cheat-sheet h4, #cheat-sheet #content .text h3, #cheat-sheet #content .text h3 a { font: normal 18px/18px "Times New Roman", Times, serif; color: #000; } #home #cheat-sheet { width: 360px; } #home #cheat-sheet .logo h2 a { width: 350px; } #home #cheat-sheet .container { padding: 90px 20px 10px; background: #f6f5ef; border: 5px solid #c40a75; width: auto; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.3); /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.3); /* Saf3.0+, Chrome */ box-shadow: 0px 0px 15px rgba(0,0,0,.3); /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } #home #cheat-sheet p { font: 11px/14px Arial, sans-serif; color: #666; margin: 5px 0; } #home #cheat-sheet li { padding: 10px; text-align: center; border-bottom: 1px solid #dadadc; } #home #cheat-sheet h4 a { background: none; padding: 0; } #home #cheat-sheet a.image { border: 3px solid #CCCABB; width: 156px; margin: 5px auto; } #home #cheat-sheet a.all { font-family: futura-pt, Helvetica, Arial; font-weight: 700; text-align: center; text-transform: uppercase; display: block; margin: 10px 0 0; text-shadow: 1px 1px 2px #ccc; } #home #spent { margin-bottom: 10px; } #home #spent h2 { margin-bottom: 20px; } #home #spent h4, #home #spent a { color: #B0115A; } #home #home-facebook { margin: 0 auto; width: 360px; } #home #lightbox { width: 640px; height: 451px; display: none; } #home #colorbox #lightbox { display: block; } #home #lightbox form { width: 560px; height: 451px; padding: 0 40px; background: url(../page/-/wrapper/main/lightbox.png) center no-repeat; } #home #lightbox legend span { display: block; font: 700 20px futura-pt, Helvetica, Arial, sans-serif; color: #f37119; text-shadow: 0px 1px 1px rgba(0,0,0,.5); text-align: center; padding: 271px 0 10px; width: 560px; height: 36px; } #home #lightbox input.text { float: left; width: 255px; margin: 5px 5px 0 0; font-size: 20px; height: 31px; -moz-box-shadow: inset 1px 1px 1px #444; /* FF3.5 - 3.6 */ -webkit-box-shadow: inset 1px 1px 1px #444; /* Saf3.0+, Chrome */ box-shadow: inset 1px 1px 1px #444; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } #home #lightbox input#lightbox-signup-zip { width: 148px; } #home #lightbox input.submit { float: right; width: 101px; height: 41px; border: none; background: url(../page/-/wrapper/main/lightbox_submit.png) center no-repeat; line-height: 0; text-indent: -9999em; overflow: hidden; margin: 5px 5px 0 0; } #home #cboxClose { font: 700 14px futura-pt, Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0,0,0,.5); position: absolute; right: 0; bottom: -25px; } .events-module .date, .evenwots-module .text { display: block; } /* 05 =SUBPAGES ------------------------- */ #content { width: 630px; float: left; background: #fff; -moz-box-shadow: 0px 0px 5px #999; /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } #content-heading { color: #fff; font: 700 18px futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: 1px 1px 0 #000; padding: 10px 40px; position: relative; background-color: #c40a75; background-image: -webkit-gradient(linear, left top, left bottom, from(#c40a75), to(#ac195d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #c40a75, #ac195d); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #c40a75, #ac195d); /* FF3.6 */ background-image: -ms-linear-gradient(top, #c40a75, #ac195d); /* IE10 */ background-image: -o-linear-gradient(top, #c40a75, #ac195d); /* Opera 11.10+ */ background-image: linear-gradient(top, #c40a75, #ac195d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c40a75', EndColorStr='#ac195d'); /* IE6–IE9 */ } #content-heading a { color: #fff; } #content-heading .lang-toggle { position: absolute; top: 9px; right: 29px; text-transform: none; font-weight: normal; background: url(../page/-/wrapper/main/arrow_white.png) right center no-repeat; padding-right: 17px; } #content-heading .lang-toggle:hover { color: #ddd; } article { padding: 20px 40px; } article .image, article .video { margin: 20px 0; } article .image { width: 550px; overflow: hidden; } article .caption { font: 500 10px futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 5px 0 0; } .list article { padding: 0; } .list article .entry { padding: 20px 40px; border-top: 1px solid #DADADC; } .list article .entry:first-child { border: none; } .list article .entry h2 { font-size: 18px; margin: 0 0 10px; color: #B0115A; } .list article .entry a.more { padding: 0 10px; } .list article .pagination { padding: 10px 40px; background: #f2f2f2; font-size: 16px; margin: 0; border-top: 1px solid #dadadc; } #cheat-sheet #content .pagination { padding: 10px 40px; background: #F2F2F2; font-size: 16px; margin: 0; border-top: 1px solid #DADADC; } .has-image .text { float: right; width: 335px; } .has-image .image { width: 200px; float: left; margin: 0; border: 1px solid #dadadc; } .has-image .side { width: 280px; float: left; } .article article h1 { margin: 0; } .article article .socnet { margin: 10px 0; } .article article a.more { background: url(../page/-/wrapper/main/arrow_black.png) right center no-repeat; padding: 0 20px 0 0; color: #000; } .article article a.more:hover { color: #666; } .full-width #content { width: 960px; float: none; } #stories.list article .entry h2 { margin: 0; } .solutions .has-image .image { width: 100px; padding: 10px; height: 100px; background: transparent center no-repeat; text-indent: -9999em; overflow: hidden; } .solutions .has-image .text { width: 410px; } .solutions.entry #content h1 { font-size: 22px; margin: 0; } .solutions.entry #content h5 { margin: 0 0 20px; } .solutions.entry #content .has-image .heading { float: left; width: 440px; } .solutions.entry #content .has-image .image { float: right; border: none; padding: 0; height: auto; } .solutions.entry #content .contact .column { width: 275px; margin: 0; float: left; } .solutions.entry #content .contact .address, .solutions.entry #content .contact ul { margin: 5px 10px; } .solutions.entry #content .contact p span { font-weight: bold; } .solutions.entry #content .contact .address span { display: block; float: left; width: 55px; font-weight: bold; } .solutions.entry #content .contact .address p { display: block; float: right; width: 200px; margin: 0; } /* Colorbox for image gallery on Solutions entry pages */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #cboxOverlay { background: #000; } #colorbox, #cboxWrapper { overflow: visible; } .entry #colorbox { font: 12px futura-pt, Helvetica, Arial, sans-serif; color: #ccc; } .entry #cboxTopCenter { background: #000; padding: 5px 10px 0; font-weight: bold; min-height: 35px; } .entry #cboxError { padding: 50px; border: 1px solid #ccc; } .entry #cboxLoadedContent { background: #fff; border: 5px solid #000; } .entry #cboxTitle { position: absolute; padding: 10px; background: rgba(0,0,0,.8); width: 300px; font-size: 12px; border-top: 2px solid #000; bottom: 0; } .entry #cboxCurrent { position: absolute; top: -16px; right: 10px; } .entry #cboxSlideshow { position: absolute; top: -16px; right: 100px; } .entry #cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(../page/-/wrapper/main/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; } .entry #cboxPrevious.hover { background-position: bottom left; } .entry #cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(../page/-/wrapper/main/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; } .entry #cboxNext.hover { background-position: bottom right; } .entry #cboxLoadingOverlay { background: #000; } .entry #cboxLoadingGraphic { background: url(../page/-/wrapper/main/loading.gif) no-repeat center center; } .entry #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(../page/-/wrapper/main/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; } .entry #cboxClose.hover { background-position: bottom center; } .entry #content .gallery { box-shadow: 0 0 5px #ccc; margin: 20px 0 0; } .entry #content .gallery h2 { margin: 0; padding: 10px 20px; background: #eee; } .entry #content .gallery ul { margin: 0; padding: 20px 10px 10px 20px; } .entry #content .gallery li { margin: 0; list-style: none; float: left; display: inline; width: 104px; height: 104px; } .entry #content .gallery li a { display: block; width: 92px; height: 92px; overflow: hidden; border: 1px solid #dadadc; position: relative; } .entry #content .gallery li img { display: block; } .list #content form.search { background: #f2f2f2; padding: 20px 40px; } .list #content form.search input.text { width: 90%; } #solutions-search-results h2.results { background: #f2f2f2; padding: 0 40px 20px; margin: 0; } .tracks article { padding: 40px; } .tracks a.all { display: block; margin: 20px 0 0; font-family: futura-pt, Helvetica, Arial, sans-serif; } .tracks h2 { font-size: 18px; text-transform: uppercase; margin: 0 0 20px; } .tracks article .block { float: right; width: 320px; clear: right; } .tracks #woman { width: 320px; } .tracks #woman a.image { width: 320px; margin: 0; } .tracks #woman a.image img { width: 320px; } #tracks-intro { padding: 0 0 40px; margin: 0 0 40px; border-bottom: 1px solid #DADADC; } #tracks-intro .text { width: 560px; } #tracks-intro .image { width: auto; height: auto; text-indent: 0; background: none; float: none; } #tracks-intro .photo .image { padding: 0; } #tracks-intro .photo .image img { width: 280px; } #tracks-intro .sponsor { margin: 20px 0 0; } #tracks-intro .sponsor .image img { margin: 0 auto; } #tracks-stories { margin: 0 0 40px; background: none; } #tracks-stories h2 { color: #000; font-size: 18px; text-shadow: none; text-align: left; padding: 0; margin: 0 0 20px; } #tracks-stories ul { margin: 0; } #tracks-stories li { list-style: none; margin: 10px 0 0; } #tracks-stories li:first-child { margin: 0; } #tracks-stories h4 { font-size: 14px; } #tracks-solutions { width: 520px; float: left; } #tracks-solutions .entry { margin: 20px 0; } #tracks-solutions h3 { font-size: 18px; margin: 0 0 10px; } #tracks-solutions h3 a { color: #000; } #tracks-solutions h3 a:hover { color: #666; } #tracks-solutions .has-image .text { width: 380px; } #cheat-sheet #content { padding: 90px 20px 20px; background: #f6f5ef; border: 5px solid #c40a75; width: auto; } #cheat-sheet #content .entry { padding: 20px 0; } #cheat-sheet #content p { font: 14px/21px Arial, sans-serif; color: #333; } #cheat-sheet #content h5 { text-align: right; font-size: 13px; margin: 0 0 10px; line-height: 35px; } #cheat-sheet #content span.count { font: inherit; color: #999; } #cheat-sheet #content .text h3 { padding: 0 70px 0 0; } #cheat-sheet #content .text h3, #cheat-sheet #content .text h3 a { font-size: 30px; line-height: 32px; } #cheat-sheet #content .text h3 a:hover { color: #c40a75; } #cheat-sheet #content .side, #cheat-sheet #content .image, #cheat-sheet #content .image img { width: 300px; } #cheat-sheet #content .caption { text-transform: none; text-align: right; font: 10px Arial, sans-serif; color: #666; } #cheat-sheet #content .text { width: 590px; } #cheat-sheet #content .text .container { width: 400px; margin: 0; } #cheat-sheet #content p.more { margin: 20px 0 0; font-style: italic; font: italic bold 12px Arial, sans-serif; } #cheat-sheet #content p.more a { color: #666; background: none; padding: 0; } #cheat-sheet #content p.more a:hover { color: #999; } #cheat-sheet #content p.date { font: italic 11px Arial, sans-serif; color: #666; margin: 0; } #cheat-sheet #content .socnet { margin: 20px 0 0; } #cheat-sheet #content .socnet .column { margin: 0; } #cheat-sheet #content .socnet .left { width: 400px; } #cheat-sheet #content .socnet .right { width: 170px; } #cheat-sheet #content .socnet .right a { background: url(../page/-/wrapper/main/arrow_comments.png) center no-repeat; color: #fff; font: bold 12px/29px Arial, sans-serif; width: 96px; display: block; text-align: center; height: 29px; text-transform: uppercase; padding: 0 0 0 10px; } #cheat-sheet #content .socnet .right a:hover { color: #999; } .article #cheat-sheet #content { padding-top: 120px; } .article #cheat-sheet #content .text { margin: 0 0 20px; } .article #cheat-sheet #content #disqus_thread { padding: 20px 190px 0 320px; border-top: 1px solid #DADADC; clear: both; float: none; } .gsc-branding, .gcsc-branding { display: none; } #site-search-page #content a { text-decoration: none; color: #b0115a; font-weight: normal; } #site-search-page #content a:hover, #site-search-page #content a:active { outline: none; color: #666; } #site-search-page form.gsc-search-box { width: 550px; padding: 20px 40px; background: #f2f2f2; margin: 0; border-bottom: 1px solid #DADADC; } #site-search-page table.gsc-search-box { width: auto; margin: 0; } #site-search-page td.gsc-input { padding: 0 5px 0 0; } #site-search-page input.gsc-input { width: 475px; background: #fff !important; } #site-search-page .gsc-result { padding: 20px 0; } #site-search-page .gsc-results { padding: 0 40px; width: auto; } #site-search-page .gs-result .gs-title, #site-search-page .gs-title * { text-decoration: none; color: #b0115a; } #site-search-page .gs-visibleUrl { color: #666; } #site-search-page .gsc-cursor-box { padding: 20px 0; } #site-search-page .gs-no-results-result .gs-snippet, #site-search-page .gs-error-result .gs-snippet { font: 700 16px futura-pt, Helvetica, Arial, sans-serif; border: none; padding: 0; margin: 0; background: transparent; } #about article h2 { text-transform: uppercase; } #about article ul li { list-style: none; } #get-involved article .floatl { width: 100px; padding: 0; } #get-involved article .floatr { width: 430px; padding: 0; } #get-involved article .clearfix { margin: 20px 0; } #get-involved article h2 { margin: 0 0 10px; } #get-involved article h2 a { background: url(../page/-/wrapper/main/arrow_black.png) right center no-repeat; padding: 0 20px 0 0; } /* Events page */ #events-links li { float: left; display: inline; width: 180px; margin: 10px 0; text-align: center; } #events article { padding: 0; } #events article .entry { padding: 20px 40px; border-top: 1px solid #dbdbdb; } #events article .entry:first-child { border: none; } #events article .date, .events-module .date { float: left; width: 80px; font: 700 14px futura-pt, Helvetica, Arial, sans-serif; color: #333; border: 1px solid #dbdbdb; text-transform: uppercase; text-align: center; } #events article .date > *, .events-module .date > * { padding: 5px; display: block; } #events article .month, .events-module .month { background: #dbdbdb; } #events article .day, .events-module .day { font-size: 30px; line-height: 30px; } #events article .year, .events-module .year { font-size: 10px; padding: 0 0 5px; font-weight: normal; } #events article .text { float: right; width: 450px; } #events article .text h2, .events-module .text h2 { margin: 0; font-size: 18px; } #events article .text h2 a, .events-module .text h2 a { background: url(../page/-/wrapper/main/arrow_black.png) right center no-repeat; padding: 0 20px 0 0; } #events article .text p, .events-module .text p { margin: 10px 0 0; } /* Event Module overrides */ .base .events-module { margin: 0; } .base .events-module li { list-style: none; } .column .events { margin: 0 0 10px; } .column .events h1 { color: #fff; font: 700 18px futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: 1px 1px 0 #000; padding: 10px 10px 10px 20px; position: relative; background-color: #c40a75; background-image: -webkit-gradient(linear, left top, left bottom, from(#c40a75), to(#ac195d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #c40a75, #ac195d); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #c40a75, #ac195d); /* FF3.6 */ background-image: -ms-linear-gradient(top, #c40a75, #ac195d); /* IE10 */ background-image: -o-linear-gradient(top, #c40a75, #ac195d); /* Opera 11.10+ */ background-image: linear-gradient(top, #c40a75, #ac195d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c40a75', EndColorStr='#ac195d'); /* IE6–IE9 */ margin-bottom: 0; } .events-module { background: white; padding: 20px; margin-bottom: 10px; } .block .events-module .entry { -webkit-box-shadow: none; box-shadow: none; } .events-module .entry { border-bottom: 1px solid #DADADC; margin-bottom: 20px; padding-bottom: 20px; } .events-module .entry:last-of-type { border-bottom: none; } .block .events-module .entry .text { float: right; width: 185px; padding: 0; } .events-module .entry .text h2 { text-transform: none; text-align: left; padding: 0; } /* FACEBOOK TAB */ #facebook, #facebook #container { overflow: hidden; } #facebook #content { float: none; width: auto; margin: 0 auto; background: transparent; } #facebook header a#logo { float: none; margin: 0 auto; height: 200px; } #facebook .block { margin: 10px 40px; } #facebook .block h2 { padding: 20px 0; } #facebook .block .entry { padding: 20px 40px; border-bottom: 5px solid #B0115A; } #facebook form#facebook-signup input.text { font-weight: bold; } #facebook form#facebook-signup input#facebook-signup-zip { width: 70px; } #facebook form#facebook-signup input.submit { width: 58px; height: 41px; border: none; background: url(../page/-/wrapper/main/facebook_submit.png) center no-repeat; line-height: 0; text-indent: -9999em; overflow: hidden; } /* Campus Pages */ .campus #tracks-intro .photo .image { border: none; } .campus #tracks-intro .photo .image img { width: 180px; } .campus .has-image .side { width: 180px; float: right; } .campus #tracks-intro .text { width: 660px; float: left; } .campus article #partners { margin: 10px 0; width: 280px; padding: 20px; } #campus .has-image .image { border: none; width: 120px; height: 120px; padding: 0; } #campus .has-image .image img { height: 120px; width: 120px; } /* Brazil Pages */ .brazil #tracks-intro .photo .image { border: none; } .brazil #tracks-intro .photo .image img { width: 180px; } .brazil .has-image .side { width: 180px; float: right; } .brazil #tracks-intro .text { width: 660px; float: left; } .brazil article #partners { margin: 10px 0; width: 280px; padding: 20px; } #brazil .has-image .image { border: none; width: 120px; height: 120px; padding: 0; } #brazil .has-image .image img { height: 120px; width: 120px; } #brazil #mission-list { width: 320px; float: right; } #brazil .sponsor-logo { text-align: center; clear: both; } #brazil .sponsor-logo p { font-weight: 500; font-size: 11px; text-transform: uppercase; font-family: futura-pt, Helvetica, Arial, sans-serif; margin-bottom: 10px; } #brazil .sponsor-logo img { display: block; margin: 0 auto; } /* Embedded forms */ #content .form-wrap { background: white; margin-bottom: 10px; width: 890px; margin: 0 auto;} #content .form-wrap header, #content .form-wrap .submit { background-color: #c40a75; background-image: -webkit-gradient(linear, left top, left bottom, from(#c40a75), to(#ac195d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #c40a75, #ac195d); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #c40a75, #ac195d); /* FF3.6 */ background-image: -ms-linear-gradient(top, #c40a75, #ac195d); /* IE10 */ background-image: -o-linear-gradient(top, #c40a75, #ac195d); /* Opera 11.10+ */ background-image: linear-gradient(top, #c40a75, #ac195d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c40a75', EndColorStr='#ac195d'); /* IE6–IE9 */ } #content .form-wrap header { margin-bottom: 1em;} #content .form-wrap h1 { color: #fff; font: 700 18px futura-pt, Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: 1px 1px 0 #000; padding: 10px 10px 10px 20px; position: relative; width: 285px; } #content .form-wrap form { padding: 0 10px 10px; } #content .form-wrap .p { display: block; margin-bottom: 1em; } #content .form-wrap .legend { margin-bottom: 1em; } #content .form-wrap .error { background: #FFC5C5; } #content .form-wrap fieldset { margin-bottom: 3px; -webkit-padding-after: .01em; } #content .form-wrap .fileupload { margin: 20px 0; } #content .form-wrap .fileupload label {font-weight: bold; display: block; margin-bottom: 5px; } #content .form-wrap form .text, #content .form-wrap form textarea, #content .form-wrap form select { margin: 0 3px 3px 0;} #content .form-wrap form select { width: 432px; height: 40px; border: 1px solid; float: left; display: block; padding-right: 0; } #content .form-wrap form .text { width: 412px; padding: 10px; display: block; float: left; } #content .form-wrap form textarea { max-width: 847px; min-width: 847px; width: 100%; height: 130px; } #content .form-wrap form .submit { border: none; color: white; font-weight: bold; font-size: 20px; text-align: center; width: 230px; padding: 10px; display: block; margin: 0 auto; } #content .form-wrap form input:invalid, #content .form-wrap form textarea:invalid { border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Responsive Donate Page */ header a#logo.simple { float: none; background: url(../page/-/wrapper/main/logo.png) center no-repeat; width: 250px; height: 125px; text-indent: -9999em; overflow: hidden; display: block; margin: 0 auto 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { body.responsive header a#logo.simple { background-image: url(../page/-/wrapper/main/logo-retina.png); background-size: 248px 125px; } } form.o-donate input.text { background: #FFF; border: 1px solid #dcdcdc; -webkit-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 0px 4px #DDD inset; box-shadow: 0px 0px 4px #DDD inset; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } /* Responsive styles */ body.responsive { background: #060606; } body.responsive img { max-width: 100%; height: auto; } body.responsive header nav { margin: 0 -20px 20px; width: auto; } body.responsive #container { background: #f6f5f2 url(../page/-/wrapper/main/bkgd.png); padding: 0 20px; } #donate { overflow: hidden; } #donate #content { padding: 40px; } #donate .intro { width: 46%; float: left; } #donate form { width: 46%; margin-left: 4%; float: left; } #donate h1.mobile-header { text-transform: uppercase; font-weight: bold; font-size: 40px; text-align: center; display: none; color: #ac4272 } #donate form label { display: block; margin-bottom: 5px; } #donate form h3 { font-size: 16px; padding-bottom: 3px; margin: 0 0 15px; border-bottom: 1px solid #ccc; } #donate form h3 span { font-weight: normal; } #donate form .donate-amounts { margin-bottom: 20px; font-weight: 700; font-family: futura-pt, Helvetica, Arial, sans-serif; } #donate .cc-images { margin: 10px 0; } #donate .cc-images input.radiobutton { margin: 0 5px 10px 0; } #donate .cc-images img { height: 30px; margin-right: 10px; } #donate form input, #donate form select { margin-bottom: 15px; } #donate form label.inline-label { display: inline-block; min-width: 80px; } #donate form label.primary { margin-bottom: 15px; } #donate form input.radiobutton { margin: 0 5px 0 0; } #donate form label.inline-label input.inline-text-input { width: 70px; display: inline-block; margin: 0 0 0 10px; } #donate form label.recurring_acknowledge_label { padding-left: 20px; position: relative; } #donate form label.recurring_acknowledge_label input.radiobutton { margin: 0; position: absolute; top: 2px; left: 0; } #donate .legal { font-size: 12px; color: #777; } #donate .half { width: 48%; float: left; } #donate .half + .half { margin-left: 4%; } #donate form input.submit { font-weight: 700; font-size: 18px; text-transform: uppercase; text-align: center; color: #FFF; text-shadow: 0 1px 1px #000; background-color: #bd3f79; background-image: -webkit-gradient(linear, left top, left bottom, from(#bd3f79), to(#921b52)); background-image: -webkit-linear-gradient(top, #bd3f79, #921b52); background-image: -moz-linear-gradient(top, #bd3f79, #921b52); background-image: -o-linear-gradient(top, #bd3f79, #921b52); background-image: linear-gradient(to bottom, #bd3f79, #921b52); border: 1px solid #921b52; padding: 10px 50px; } body.responsive .container { width: auto; max-width: 960px; } body.responsive.full-width #content { width: auto; max-width: 960px; } body.responsive footer #sponsors { border: 1px solid #222; padding: 0; } body.responsive footer #sponsors a { display: block; overflow: hidden; background: url(../page/-/wrapper/main/sponsors.png) 0 center no-repeat; height: 120px; text-indent: -9999em; } body.responsive footer #sponsors div { float: left; } body.responsive footer #sponsors h6 { float: left; margin: 50px 20px 0; } body.responsive footer #sponsors .partners { width: 650px; border-right: 1px solid #222; } body.responsive footer #sponsors .partners > div { margin-right: 20px; } body.responsive footer #sponsors .sponsors { width: 307px; } body.responsive footer #sponsors .partners .rfoundation { margin-right: 10px; } body.responsive footer #sponsors .rphilanthropy a { width: 164px; } body.responsive footer #sponsors .rfoundation a { width: 134px; background-position: -295px center; } body.responsive footer #sponsors .aglobal a { width: 61px; background-position: -466px center; } body.responsive footer #sponsors .ffoundation a { width: 241px; background-position: -559px center; } @media (max-width: 999px) { #donate #content { padding: 10px; } #donate form label.inline-label { width: 90%; } #donate form .donate-amounts { font-size: 18px; } body.responsive footer nav { padding: 10px 20px 0; width: auto; } body.responsive footer .socnet { display: none; } body.responsive footer ul.menu { float: none; width: auto; } body.responsive footer ul.menu li { float: none; display: block; text-align: left; padding: 10px 0; border-top: 1px solid #808080; } body.responsive footer ul.menu li:first-child { border-top: 0; } body.responsive footer ul.menu li a { height: auto; font-size: 20px; color: #808285; } body.responsive footer ul.menu li.donate a { color: #b43b6f; } body.responsive footer #sponsors { border: 1px solid #222; padding: 0; margin: 0 20px; text-align: center; } body.responsive footer #sponsors div { float: none; } body.responsive footer #sponsors h6 { float: none; text-align: center; margin: 10px 0 -20px; } body.responsive footer #sponsors .partners { width: auto; border: 0; float: none; border-bottom: 1px solid #222; } body.responsive footer #sponsors .partners > div { margin-right: 20px; display: inline-block; float: none; } body.responsive footer #sponsors .sponsors { width: auto; float: none; } body.responsive footer #sponsors .sponsors > div { display: inline-block; } body.responsive footer #sponsors .partners .rfoundation { margin-right: 0; } } @media (max-width: 768px) { #donate .intro { float: none; width: auto; display: none; } #donate form { float: none; width: auto; margin: 0; } #donate h1.mobile-header { display: block; } } /* 06 =SIDEBAR ------------------------- */ #sidebar { width: 320px; float: right; } #sidebar .woman, #sidebar .has-image .text { width: auto; } #sidebar .impact figure { padding-top: 26px; } .block { background: rgba(0,0,0,.1); } .block h2, .block h3 { text-transform: uppercase; text-align: center; margin: 0; } .block h2 { color: #b0115a; text-shadow: 1px 1px 1px rgba(0,0,0,.25); font-size: 20px; padding: 20px 0 0; line-height: 20px; } .block h3 { font-weight: 400; font-size: 12px; padding: 0; } .block .entry { background: #fff; margin-top: 20px; -moz-box-shadow: 0px 0px 5px #999; /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 5px #999; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 5px #999; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } .block .entry .text { padding: 10px; } .block .entry .text figure { float: left; padding-right: 15px; margin-top: 13px; margin-bottom: 40px; } #marketplace a.more { margin-right: 43px; } #stats { margin-bottom: 10px; } #stats h2 { padding: 20px 0; } #stats a.image { width: 320px; background: #ffede6; margin: 0; } #stats a.image img { margin: 0 auto; } #action { margin: 0 0 1px; padding: 0 0 20px; position: relative; } #action a { display: block; text-indent: -9999em; overflow: hidden; width: 295px; height: 70px; background: url(../page/-/wrapper/main/actions2.png) center 0 no-repeat; margin: 0 auto 1px; } #action a.donate { background-position: center -72px; } #action a.spread { background-position: center -144px; } form#solutions-search { width: 295px; margin: 0 auto; } form#solutions-search .container { width: 220px; } form#solutions-search legend a { width: 295px; height: 80px; background: url(../page/-/wrapper/main/actions.png) center -144px no-repeat; text-indent: -9999em; overflow: hidden; display: block; } #action span.or { position: absolute; color: #fff; font: italic bold 14px Georgia, "Times New Roman", Times, serif; text-shadow: 1px 1px 1px #000; bottom: -6px; left: 152px; } #partners { padding: 10px 20px 20px; margin: 0 0 10px; } #partners h3 { padding: 20px 0 0; } #partners h2 { padding: 0 0 20px; } #partners .bx-wrapper { background: #fff; position: relative; border-top: 5px solid #b0115a; border-bottom: 5px solid #b0115a; margin: 0 0 20px; -moz-box-shadow: 0px 0px 5px #666; /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 5px #666; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 5px #666; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } #partners .bx-wrapper a.bx-next, #partners .bx-wrapper a.bx-prev { width: 28px; height: 28px; background: url(../page/-/wrapper/main/arrows_disc.png) -56px 0 no-repeat; display: block; text-indent: -9999em; overflow: hidden; position: absolute; left: 126px; top: -17px; } #partners .bx-wrapper a.bx-next { background-position: -84px 0; top: auto; bottom: -17px; } #partners-slider { margin: 0; } #partners-slider li { font: 700 16px futura-pt, Helvetica, Arial, sans-serif; color: #202020; text-align: center; margin: 0; } #partners-slider li h4 { height: 42px; padding: 20px; border-bottom: 1px solid #dadadc; font-family: futura-pt, Helvetica, Arial, sans-serif; } #partners-slider li span.count { font-size: 10px; } #partners-slider li em { font: italic 16px Georgia, "Times New Roman", Times, serif; } .woman { width: 360px; margin: 0 auto 10px; } .woman a.image { width: 360px; height: 225px; margin: 0; } .woman a.image img { width: 360px; } .woman h2 { margin: 0; } #tracks-intro .content-wrap { width: 540px; float: left; } #tracks-intro .woman-side { float: right; margin-top: 175px; } .brazil #tracks-intro .text { width: auto; } .base a.more { text-align: right; display: block; padding: 10px; } #mission-list { margin: 0; } #mission-list li { font: 700 22px futura-pt, Helvetica, Arial, sans-serif; color: #202020; text-align: center; margin: 0; } #mission-list li h4 { padding: 25px 20px; border-bottom: 1px solid #dadadc; font-family: futura-pt, Helvetica, Arial, sans-serif; } #mission-list li span.count { font-size: 10px; } #mission-list li em { font: italic 22px Georgia, "Times New Roman", Times, serif; } #mission-list li { background: #fff; position: relative; border-top: 5px solid #b0115a; border-bottom: 5px solid #b0115a; margin: 0 0 20px; -moz-box-shadow: 0px 0px 5px #666; /* FF3.5 - 3.6 */ -webkit-box-shadow: 0px 0px 5px #666; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 5px #666; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ } .woman { width: 360px; margin: 0 auto 10px; } .woman a.image { width: 360px; height: 225px; margin: 0; } .woman a.image img { width: 360px; } .woman h2 { margin: 0; } #tracks-intro .content-wrap { width: 540px; float: left; } #tracks-intro .woman-side { float: right; margin-top: 175px; } .brazil #tracks-intro .text { width: auto; } .base a.more { text-align: right; display: block; padding: 10px; } /* 07 =FRAMEWORK ------------------------- */ #framework { padding: 20px 40px; } #framework select, #framework input.text, #framework textarea { background: #f2f2f2; color: #333; font-weight: normal; } #framework input.submit { border: 1px solid #8b0d47; padding: 10px 20px; font: bold 16px futura-pt, Helvetica, Arial, sans-serif; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,.5); text-transform: uppercase; background-color: #bf407a; background-image: -webkit-gradient(linear, left top, left bottom, from(#bf407a), to(#8b0d47)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #bf407a, #8b0d47); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #bf407a, #8b0d47); /* FF3.6 */ background-image: -ms-linear-gradient(top, #bf407a, #8b0d47); /* IE10 */ background-image: -o-linear-gradient(top, #bf407a, #8b0d47); /* Opera 11.10+ */ background-image: linear-gradient(top, #bf407a, #8b0d47); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bf407a', EndColorStr='#8b0d47'); /* IE6–IE9 */ } #framework .main.bsd-page-content { float: left; width: 555px; padding: 0; } #bsd #framework #control_set.bsd-page-header { float: ; width: 558px; } #bsd #framework #control_set.bsd-page-header h1 { margin-left: 0; } #bsd #framework #bsd-host-row { display: none; } /* 08 =BROWSER SUPPORT ------------------------- */ .ie #slider-nav a.box { background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .ie .block { background: #ddd; } .ie .solutions.entry #cboxTitle { background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .ie form#solutions-search .container { width: 240px; } /* 09 =UTILITY ------------------------- */ .edit-this { margin: 20px 0 0; } .cufon-loading * { visibility: hidden !important; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .error, .required { color: red; } .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } input:valid, textarea:valid {} input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #1fb9e7; color:#fff; text-shadow: none; } ::selection { background:#1fb9e7; color:#fff; text-shadow: none; } /* 10 =PRINT ------------------------- */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } #sidebar, #editToggle, .editThis, #navigation, #addthis, #search, #nav { display: none; } /* hide disqus since it is extraneous content that just increases page size */ #disqus_thread {display:none;} a.dsq-brlink {display:none;} /* float blog entry images to decrease page length */ #main {overflow:hidden;} #main img { float:left; clear:both; /*keeps images from piling up next to each other*/ margin:0 10px 10px 0; } }