/* Theme Name: S3F Blue and Khaki Theme URI: http://s3f.yalebaseball.com/wp/wp-content/themes/s3f/style.css Description: Clean theme focusing on readability Author: John Bonfield Author URI: http://www.johnbonfield.com Version: 1.0 */ /* John Bonfield, at johnbonfield.com */ /* ==================================================== */ /* O B J E C T - O R I E N T E D C S S */ /* ==================================================== */ /* eMeyer reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, legend2, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* additional but not eMeyer reset officially */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } ul, ol, dl { position: relative; } /* disappearing bug squasher */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; } /* typography */ /* props to Wilson Miner for the inspiration */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; } h2 { font-size: 24px; letter-spacing: -1px; } h3, h3 a { font-size: 18px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } p { font-family: Palatino, Georgia, "Times New Roman", serif; margin-bottom: 1em; } #navigation *, #siteinfo *, #footer *, #secondaryContent *, #secondaryContentHome *, td { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } #secondaryContent *.small, #secondaryContentHome *.small { font-size: .875em; } #secondaryContentHome h3 { font-size: 18px; } ul, ol { margin: 0 0 1em; padding-top: 0; } /* double check the absolute font sizing */ li { margin: 0.5em 0; } img { border: 0; display: block; } /* because I'm a man and use strict doctype */ p img, li img { display: inline; vertical-align: baseline; } /* because that makes sense */ a, strong, .strong, b, .bold, m { font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: .913em; } em, .em, i, .italics, .ital { font-style: italic; } a em, strong em { font-weight: bold; font-style: italic; } .rom { font-style: normal; } .nowrap, i { white-space: nowrap; } /* the only use of i is the magazine title or book title and that shouldn't break */ .small { font-size:.75em; } .larger {font-size: 1.25em; } .uppercase { text-transform: uppercase; } .tight, ul.tight li { margin-top: 0; margin-bottom: 0; } .top { margin-top: 0; } .bottom { margin-bottom: 0; } .left, .first { margin-left: 0; } .right, .last { margin-right: 0; } .hidden { display: none; } .highlight { background-color:#ff3; } .notice { background-color: #fff7d2; border:1px solid #dcd62e; margin: 20px 0 0; padding: 10px; font-size: .875em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .orange { color: #af542c; } .thinSpaces { padding: 0 2px; } /* typographically-correct punctuation which takes thin spaces before and after but IE6 effs it up, so padding */ .amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.1em; } /* use the best possible ampersand, from Dan Cederholm's "Simple Bits" */ .quiet { color: #666; } .alt { font-style: italic; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; } .nobr { white-space: nowrap; } .alignC { text-align: center; } .alignR { text-align: right; } .alignL { text-align: left; } .clear { clear: both; } .floatR { float: right; } .floatL { float: left; } img.floatR { margin: 0 0 10px 10px; } /* check this: maybe classes instead, in case it's not an img we want to do it to ... like a div */ img.floatL { margin: 0 10px 10px 0; } a, a:link, a:visited { text-decoration: none; border-bottom: 1px dotted #006; color: #006; } a:hover, a:active { border-bottom: 1px dotted #900; color: #900; } .column { float: left; position: relative; } /* ==================================================== */ /* C U S T O M S I T E - S P E C I F I C C S S */ /* ==================================================== */ /* structure */ body { background-color: #fff; } h1, h2, h3, h4, h5, h6 { color: #492605; } #brand, #specialHomePgContent, #missionHm, #content, #presentationalBar, #footer { width: 100%; text-align: center; min-width: 976px; padding: 0; margin: 0; } .container { width: 960px; margin: 0 auto; text-align: left; padding: 0 8px; position: relative; } /* we're gonna need to double check IE6 here given box model + padding */ #brand { background-color: #08142e; color: #8a90a1; border-bottom: 1px solid #30466d; height: 60px; } #brand .container { padding: 0; width: 976px; position: relative; } h1 a { text-indent: -9999px; background: url(/i/navigation-sprite.png) 0 -120px no-repeat; height: 60px; width: 338px; margin: 0; display: block; border-bottom: none; } #homePg h1 a { background-position: 0 0; } #brand p { display: none; } h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, #topNavigation a, #topNavigation a:link, #topNavigation a:visited, #topNavigation a:hover, #topNavigation a:active { border-bottom: none; } #topNavigation { position: absolute; top: 0; left: 338px; margin: 0; padding: 0; } #topNavigation li { display: inline; margin: 0; padding: 0; } #topNavigation .navHome { display: none; } #topNavigation .navHome a, #topNavigation .navAbout a, #topNavigation .navNews a, #topNavigation .navEvents a, #topNavigation .navGrants a, #topNavigation .navDonate a { width: 120px; height: 60px; display: block; float: left; text-indent: -9999px; background: url(/i/navigation-sprite.png) -138px 0 no-repeat; } #topNavigation .navDonate a { width: 158px; } #topNavigation .navAbout a { background-position: -338px -120px; } #topNavigation .navNews a { background-position: -458px -120px; } #topNavigation .navEvents a { background-position: -578px -120px; } #topNavigation .navGrants a { background-position: -698px -120px; } #topNavigation .navDonate a { background-position: -818px -120px; } #homePg #topNavigation .navAbout a { background-position: -338px 0; } #homePg #topNavigation .navNews a { background-position: -458px 0; } #homePg #topNavigation .navEvents a { background-position: -578px 0; } #homePg #topNavigation .navGrants a { background-position: -698px 0; } #homePg #topNavigation .navDonate a { background-position: -818px 0; } #topNavigation .navAbout a:hover { background-position: -338px -180px; } #topNavigation .navNews a:hover { background-position: -458px -180px; } #topNavigation .navEvents a:hover { background-position: -578px -180px; } #topNavigation .navGrants a:hover { background-position: -698px -180px; } #topNavigation .navDonate a:hover { background-position: -818px -180px; } #homePg #topNavigation .navAbout a:hover { background-position: -338px -60px; } #homePg #topNavigation .navNews a:hover { background-position: -458px -60px; } #homePg #topNavigation .navEvents a:hover { background-position: -578px -60px; } #homePg #topNavigation .navGrants a:hover { background-position: -698px -60px; } #homePg #topNavigation .navDonate a:hover { background-position: -818px -60px; } .donateNow a, .buyNow a, .rsvpwineNow a, .whatsthecountNow a, .nyysteakNow a, .talkingbaseballNow a, .steveNow a, .baileybowlNow a { display: block; text-indent: -9999px; background: url(/i/btn_sprite.png) 0 0 no-repeat; width: 235px; height: 54px; border: none; margin-left: 20px; } .donateNow a:hover { background: url(/i/btn_sprite.png) -235px 0 no-repeat; border: none; } #donatePg .donateNow a { margin-left: 15px; } .buyNow a { background-position: 0 -54px; } .buyNow a:hover { background-position: -235px -54px; } .rsvpwineNow a { background-position: 0 -108px; } .rsvpwineNow a:hover { background-position: -235px -108px; } .whatsthecountNow a { background-position: 0 -162px; } .whatsthecountNow a:hover { background-position: -235px -162px; }ß .nyysteakNow a { background-position: 0 -216px; } .nyysteakNow a:hover { background-position: -235px -216px; } .talkingbaseballNow a { background-position: 0 -270px; } .talkingbaseballNow a:hover { background-position: -235px -270px; } .steveNow a { background-position: 0 -324px; } .steveNow a:hover { background-position: -235px -324px; } .baileybowlNow a { background-position: 0 -378px; } .baileybowlNow a:hover { background-position: -235px -378px; } #breadNav { position: absolute; font-size: 13px; top: 15px; right: 18px; text-transform: capitalize; } #specialHomePgContent .donateNow a { display: block; text-indent: -9999px; background: url(/i/btn_donate.png) 0 0 no-repeat; width: 315px; height: 74px; border: none; position: absolute; top: 363px; left: 124px; margin: 0; } #specialHomePgContent .donateNow a:hover { background: url(/i/btn_donate.png) 0 -74px no-repeat; border: none; } #splashHomePgContent .container { background: url(/i/2011galainvitation.jpg) 0 0 no-repeat; height: 533; position: relative; } #specialHomePgContent { background: #142143 url(/i/bg_special-content-home.png) 50% 100% no-repeat; padding-bottom: 20px; } #specialHomePgContent .container { background: url(/i/bg_craig-breslow-with-child.jpg) 0 0 no-repeat; height: 452px; position: relative; } #specialHomePgContent blockquote { background: url(/i/craig-quote-home.png) 0 0 no-repeat; position: absolute; top: 187px; left: 0; text-indent: -9999px; height: 165px; width: 575px; } #specialHomePgContent p { margin: 0; } #missionHm { background: url(/i/bg_mission_home.png) 0 0 repeat-x; height: 31px; } #missionHm h3 { display: none; } #missionHm p { margin: 0 auto; padding: 0; display: block; width: 959px; height: 31px; background:url(/i/mission.gif) 0 11px no-repeat; text-indent: -9999px; } #content { background: #eee8e1 url(/i/bg_content.png) 0 -156px repeat-x; width: 100%; overflow: hidden; } #homePg #content { background-image: none; } #mainContent { width: 620px; float: left; margin-left: 10px; padding-bottom: 20px; } #homePg #mainContent { float: none; text-align: center; min-width: 976px; width: 100%; overflow: hidden; padding-bottom: 20px; } #homePg #mainContent .column { width: 300px; margin-left: 0; margin-right: 20px; } #mainContent p, #mainContent ul, #mainContent ol, #mainContent table, #mainContent h4 { margin-left: 20px; } #mainContent .noindent { margin-left: 0; } #homePg #mainContent p, #homePg #mainContent ul, #homePg #mainContent ol, #homePg #mainContent table { margin-left: 0; } h2 { margin-bottom: 30px; margin-top: 5px; color: #000; } #homePg h2 { margin-bottom: .5em; margin-top: 20px; color: #492605; } #mainContent h3 { margin-top: 30px; } #mainContent h3.uppercase { margin-bottom: 5px; border-bottom: 1px solid #cdb9a1; } #mainContent h4 { /* border-top: 1px solid #cdb9a1; padding-top: 10px;*/ } .moreInfo { border: 1px solid #cdb9a1; padding: 10px; /* background-color: #e3d9cd; */ } .secondaryPg #mainContent ul, .secondaryPg #mainContent ol { list-style-type: disc; position: relative; } .secondaryPg #mainContent li { margin-left: 20px; } .secondaryPg #mainContent ul.nobullets, .secondaryPg #mainContent ol.nobullets { list-style-type: none; } .secondaryPg #mainContent ul.links li, .secondaryPg #mainContent ol.links li { margin-left: 0; margin-bottom: 50px; } .secondaryPg #mainContent ul#partners { margin-left: 0;} #partners li { position: relative; } #partners li p, #partners li h3 { margin-left: 160px; } #partners li h3 { margin-top: 0; margin-bottom: 5px; } #partners img { position: absolute; top: 5px; left: 0; } #partners #yhhch img { left: 8px; } #partners #ccmc img { left: 25px; } #partners #asco img { left: 8px; } #partners #chop img { left: 8px; } #partners #wecan img { left: 8px; } #sponsors li { position: relative; } #sponsors li p, #sponsors li h3 { margin-left: 225px; } #sponsors li h3 { margin-top: 0; margin-bottom: 5px; } #sponsors img { position: absolute; top: 5px; left: 0; } #sponsors #aptuit img { left: 8px; } #sponsors #diamondelite img { left: 8px; } #sponsors #etrade img { left: 8px; } #sponsors #manfredi img { left: 8px; } #sponsors #sonyplaystation img { left: 60px; } #sponsors #texasliquids img { left: 20px; } #newsContent ul p, #newsContent ul p span, .author { font-style: italic; color: #666; font-size: 14px; } .seeMore { } .news, .events, .about { position: absolute; top: 27px; } /* remove events to set new line */ .news { left: 80px; } .events { left: 95px; } .about { left: 125px; } .seeMore a, .seeMore a:link, .seeMore a:visited, .seeMore a:hover, .seeMore a:active { padding: 4px 8px; background-color: #e3d9cd; border: 1px solid #cdb9a1; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; color: #666; font-size: 10px; text-transform: uppercase; } .seeMore a:hover, .seeMore a:active { color: #000; } .stripeMe { width: 600px; } td { padding: 5px 10px; } .odd { background-color: #e3d9cd; } .over { background-color: #cdb9a1; } #secondaryContent { width: 300px; float: right; margin-right: 10px; margin-top: 70px; } #secondaryContentHome { width: 100%; overflow: hidden; float: none; background-color: #e3d9cd; border-top: 1px solid #beb9b4; text-align: center; min-width: 976px; } #secondaryContentHome .container { background: #e3d9cd url(/i/bg_breslow-message.png) 0 -10px no-repeat; padding: 20px 0; } #secondaryContentHome #msgContent { width: 350px; float: left; margin: 0 10px 0 280px; } #secondaryContentHome #connectSec { float: right; margin: 0 10px; } #secondaryContent > div, #secondaryContentHome #connectSec { width: 298px; background-color: #e3d9cd; border: 1px solid #cdb9a1; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 20px; } #secondaryContent > div > *, #secondaryContentHome #connectSec > * { margin-right: 10px; margin-left: 10px; } #secondaryContent > div > h3, #connectSec h3 { margin-top: 1em; margin-bottom: .5em; text-transform: uppercase; font-size: 12px; color: #000; } #secondaryContentHome #connectSec { background-color: #d9cbba; } #missionSec { background: url(/i/bg_mission.gif) 200px -20px no-repeat; } #missionSec p { margin-right: 100px; } #donatePg #donateSec, #eventsPg #specialSec, #eventsPg2009gala #specialSec { display: none; } .gallery li img { float: left; margin: 0 20px 20px 0; } .gallery li a { border: none; } #presentationalBar { background: #dfd4c6 url(/i/bg_content.png) 0 0 repeat-x; height: 35px; width: 100%; overflow: hidden; } #homePg #presentationalBar { display: none; } #footer { background: #142143 url(/i/bg_siteinfo.png) 50% 0 no-repeat; border-top: 1px solid #434d69; color: #8a90a1; padding-bottom: 30px; } #footer * { font-size: 12px; } #footer h4 { color: #fff; margin-bottom: 0; margin-top: 20px; } #footer h5 { color: #8a90a1; font-weight: normal; margin-top: 20px; } #footer h5 strong, #footer h5 b { color: #fff; } #footer a, #footer a:link, #footer a:visited { color: #8a90a1; border: none; } #footer a:hover, #footer a:active { color: #fff200; border: none; } #footer .column { width: 140px; margin-left: 10px; margin-right: 10px; } #navigation { float: left; width: 650px; } #topNavigation h3, #navigation h3 { display: none; } #siteinfo { width: 300px; float: right; margin-right: 10px; } form { margin-left: 0; padding-left: 0; } fieldset { padding: 10px 0 0; } form ol, form li { list-style-type: none; } form li { background: none; padding: 0; } form li .red { color: #c00; } form li .error { clear: both; color: #c00; display: block; margin-left: 120px; } label { float: left; font-size: 12px; width: 100px; margin-top: 5px; text-align: right; padding-right: 20px; } input#submit { width: 122px; } #areacode, #phone3 { width: 50px; } #phone4 { width: 80px; } #zipcode { width: 120px; } #btnSubmit { width: 100px; margin-left: 120px; } .checkbox input { width: auto; } .checkbox { font-size: 12px; } form h4 { padding-bottom: 0; margin-bottom: 0; } legend { font-size: 18px; margin: 20px; } legend2 { font-size: 18px; } #btnPaypal { width: 122px; margin-left: 10px; } /* WORD PRESS STUFF */ .wp-caption { padding: 10px; border: 1px solid #cdb9a1; background-color: #fff; margin: 0 0 20px; } .wp-caption img { margin: 0 auto; text-align: center; } .wp-caption-text { color: #999; font-size: 13px; margin: 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; }