/* reset.css ----------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} html, body{width:100%;height:100%;min-width:980px;} body { line-height:1.5; } table { border-collapse:separate; border-spacing: 0 ; } caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img { border:none; } /* Foundation ----------------------------------------*/ html { font-size: 100.01%; margin-bottom:1px; background: #f3f3f3; cursor: default; } body { min-height:101%; margin-bottom:1px; font-size: 101%; font-family: "Helvetica", Helvetica, Arial, sans-serif; } h1, h2 { font-weight: normal; color: #EEE; font-family: "Georgia", serif; } h1 { font-family: "Georgia"; font-weight: 500; font-size: 30px; line-height: 30px; margin: 10px 0; } h2 { font-size: 18px; } h3 { font-size: 11px; .helvetica; } h4 { font-size: 12px; .georgia; } a { font-size: 12px; text-decoration: none; cursor: pointer; outline: none; border: none; &:visited { .dblue; } &:hover { .nhover } } p { font-size: 14px; line-height: 18px; .georgia; color: #3f4c6b; padding: 0 10px; } /* Color Pal ----------------------------------------*/ @purple: #7465e5; @green: #368207; @maroon: #87275b; @gold: #db9617; @blue: #31689b; @bblue: #c2d0dd; @dblue: #1d3f5f; @pblue : #3f4c6b; @hover: #f0f7fe; @nhover: #2c7fcc; .purple, .excellence_in_philanthropy { color: @purple; } .green, .philanthropic_freedom { color: @green; } .maroon, .donor_intent { color: @maroon; } .gold, .events, .event { color: @gold; } .blue, .in_the_news, .entrepreneurship, .american_heritage, .faith_based, .higher_education, .marriage_and_family, .medical_research, .spending_down_vs_perpetuity, .teacher_excellence, .k_12_education, .liberty_and_free_markets, .economic_opportunity, .guidebook, .guidebooks, .museums_and_libraries, .annual_meeting { color: @blue; } .dblue { color: @dblue; } .bblue { color: @bblue; } .pblue { color: @pblue; } .hover { color: @hover; } .nhover { color: @nhover; } /* Global Mixins ----------------------------------------*/ .helvetica { font-family: "Helvetica";} .georgia { font-family: "Georgia"!important;} .uppercase { text-transform: uppercase; } .prel { position:relative; } .boxborder { border: 1px solid #c2d0dd; } .pointer { cursor: pointer; } .list { li { list-style-type: none; font-size: 12px; margin: 7px 10px 7px 12px; padding: 0 0 0 10px; .pointer; display: block; vertical-align: center; background: url("/images/site/blt_nbox.gif") no-repeat scroll 0 7px transparent; } } .listPlink { li { .georgia; list-style-type: none; font-size: 14px; color: #3F4C6B; margin: 7px 10px 7px 12px; padding: 0 0 0 10px; display: block; vertical-align: center; background: url("/images/site/blt_nbox.gif") no-repeat scroll 0 7px transparent; } } .container { img { float: left; margin: 10px 15px 10px 10px; border: 1px solid #d9d9d9; } .quote { margin-bottom: 10px;} .boxborder; .prel; margin: 0px 4px 4px 0px; background: #fff; float: left; } /* Containers ----------------------------------------*/ #wrapper { width: 980px; margin: auto; } #wrapper_h { width: 100%; background: url(/images/site/header.jpg) repeat-x; } #header { width: 980px; height: 157px; margin: auto; .prel; z-index: 101; } #main { width: 571px; min-height: 400px; margin: 20px 6px 0px 10px; float: left; } #main print { width: 100%; } #guide { width: 760px; min-height: 400px; margin: 20px 0px 0px 10px; float: left; } #events, #sbnav { width: 184px; min-height: 184px; float:left; margin: 20px 0 0 0; } #sbnav { margin: 20px 0 0 12px; } #logo { width: 247px; height: 100px; margin-top: 35px; .prel; left: 10px; } #logoSolid { } .secHeader { margin: 0 0 30px 0; h1 { margin: 0 0 10px 0;} p { padding: 0px; } a.back { line-height: 30px; } } /* #slider { width: 565px; height: 305px; background: #ddd url(/images/site/sliderdummy2.jpg) top left no-repeat; margin: 0px 4px 4px 0px; .boxborder; } */ .twotwo, .oneone, .onetwo, .onefour, .twoone, .ebox, .nbox, .rbox, .zine, .full, .threeone, .fourone { .container; h2 { line-height: 20px; margin: 10px 10px; } h2 { line-height: 20px; margin: 10px 10px; } h3 { font-size: 11px; text-transform: uppercase; line-height: 14px; margin: 10px 10px 0 10px; } h4 { font-size: 12px; line-height: 16px; margin: 10px; font-weight: 600;} .nomar { margin: 10px 0 0 0; } .smlr { font-size: 16px; } } .full { width: 760px; min-height: 80px; } .threeone, { width: 555px; float:right; h1 { font-size: 24px; margin: 10px; } p { margin-bottom: 10px; } } .fourone, .excerpt, .meta { width: 760px; float:right; h1 { font-size: 24px; margin: 10px; } h2 { .pblue; font-size: 16px; line-height: 18px; .helvetica; font-weight: 100; } p { margin-bottom: 10px; } } .14o18hel {font-size: 14px; line-height: 18px; .helvetica;} .14o18geor {font-size: 14px; line-height: 18px; .georgia;} #plink { width: 525px; min-height: 280px; padding: 0 20px 20px; strong { font-weight: bold; } em { font-style: italic; } h1 { clear: both; } h2 { .pblue; font-size: 16px; line-height: 18px; .helvetica; font-weight: 100; padding: 0 0 10px 0; } .entry { float:left; } .entry li {.14o18geor } .entry ul { .listPlink; } .entry ol { margin: 0px 0 0 20px; li { color: #3F4C6B; margin: 0px 10px 7px 12px; padding: 0; } } p { padding: 0 0 20px 0; font-weight: 100; } p.pullquote { font-size: 24px; line-height: 30px; .georgia; width: 171px; margin: 20px;} p.left, img.left { float : left; } p.right, img.right { float: right; } .container; .feature { position: relative; } .minguide { min-height: 260px; } p.guidebooks { padding: 20px 0 0 0; } img.feature { margin: 20px 0 0 0; } img.guidebooks { margin: 20px 20px 0 0; } img.small { margin: 15px 20px 15px 0; } img.left { float: left; margin-left: 0px; } img.right { float: right; margin-right: 0px; } img.none { margin: 10px 0; } a { .nhover; .14o18geor; &:hover { color: #479eee; } } .byline { float: left; .prel; font-style: italic; margin-top: 5px; p { .pblue; .14o18hel; } a { .nhover; .14o18hel; &:hover { color: #479eee; } } } .share { float: right; width: 115px; outline: none; img { margin: 20px 0px 10px 5px; border: none; outline: none; } img:hover { opacity: .8; } .hj_social_bookmarks { list-style: none; width: 64px; float: left; li.first { float: left; } } } .attr { min-width: 235px; clear: both; height: 15px; margin-top: -13px; p { font-size: 9px; text-align:right; color: #676d7a; } .left { float: left; } .right { float: right; } .none { float: right; height: none; } } .pdf { background: url(/images/site/icn_pdf_tiny.gif) center left no-repeat; height: 18px; padding-left: 17px; margin: 15px 0 0 0; a:hover { color: #479eee; } } .amz { background: url(/images/site/icn_amazon_tiny.gif) center left no-repeat; height: 18px; padding-left: 17px; margin: 5px 0 0 0; a:hover { color: #479eee; } } .story { width: 475px; background: #f6f6f6; padding: 25px; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; p { padding: 0; } h2 { margin-bottom: 15px; } } } #zineList { h2 { .pblue; font-size: 16px; line-height: 18px; .helvetica; font-weight: 100; } .info { float: right; width: 398px; } .infoL { float: left; width: 550px; } p.author { } } .pullquote { .left { float: left; } .right { float: right; } } .ebox, .nbox, .rbox { width: 184px; min-height: 10px; padding-bottom: 8px; } .ebox { h3 { font-size: 12px; } p { margin-bottom: 15px; } .related {font-family:helvetica; font-size: 11px; text-transform:uppercase; font-weight:500;} } .nbox, { background: #e4e4e4; border: none; min-height: 10px; a { .dblue; &:visited { .dblue } &:hover { .nhover; } } .list; h2 { .dblue; margin: 10px 10px 20px 10px; line-height: 14px; } .more { margin-left: 23px; line-height: 32px; font-style:italic; } li.nprint { background: url("/images/site/icn_nprint.png") no-repeat scroll left top transparent; padding-left: 35px; padding-top: 3px; } } .rbox { .list; padding: 5px 0px 0px 0px; a { .dblue; &:visited { .dblue } &:hover { .nhover; } } } .acr { width: 180px; height: 41px; margin: 0 10px; .pointer; background: url(/images/site/btn_acr.gif) left top no-repeat; &:hover { background: url(/images/site/btn_acr.gif) left bottom no-repeat; } } .v4p { width: 180px; height: 41px; margin: 10px 10px 10px 10px; .pointer; background: url(/images/site/btn_v4p.gif) left top no-repeat; &:hover { background: url(/images/site/btn_v4p.gif) left bottom no-repeat; } } .oneone, .onetwo, .onefour, .ebox, .nbox, .full { p { font-size: 12px; line-height: 16px; margin-bottom:10px; } h1 { font-size: 18px; line-height: 20px; margin: 10px 10px; } } +html, *+html { .onetwo { p { font-size: 11px; } } } .twotwo { width: 374px; min-height: 374px; img { margin: 10px 20px 10px 10px; } h1 { margin: 10px; } p { margin-bottom: 10px; } } .twoone {width: 374px; height: 184px; p { font-style: italic; } h2 { padding: 0 0 10px 0; } } .zine { width: 247px; height: 290px; p {font-style: italic; } h3 { padding: 0; margin-left: 40px; } img { float: left; margin: 10px 25px 10px 39px } } .zineIssue { width: 193px; height: 243px; .container; margin-top: 20px; img { float: left; margin: 10px; } } .onetwo { width: 184px; min-height: 374px; } .oneone { width: 184px; min-height: 184px; } .onefour { width: 184px; min-height: 784px; } #ue { width: 184px; height: 26px; background: #db9617; .boxborder; margin-bottom: 4px; h3 { color: #eee; font-size: 12px; .uppercase; text-align: center; padding: 4px; } } #sneak { width: 174px; min-height: 13px; line-height: 12px; padding: 3px 0 0 10px; font-weight: 100; .boxborder; .uppercase; text-align: left; color: #fff; margin-bottom: 5px; float:left; } .bkg (@color: @color) { background: @color } .bkgblue, .bkgin_the_news, .bkgentrepreneurship, .bkgamerican_heritage, .bkgfaith_based, .bkghigher_education, .bkgmarriage_and_family, .bkgmedical_research, .bkgspending_down_vs_perpetuity, .bkgteacher_excellence, .bkgk_12_education, .bkgliberty_and_free_markets, .bkgeconomic_opportunity { .bkg(@blue); } .bkgexcellence_in_philanthropy { .bkg(@purple); } .bkgphilanthropic_freedom { .bkg(@green); } .bkgdonor_intent { .bkg(@maroon); } .bkgevents, .bkgannual_meeting { .bkg(@gold); } .bkgdblue { .bkg(@dblue); } #search { width: 184px; height: 26px; background: url(/images/site/search.jpg) top center no-repeat; .boxborder; margin-bottom: 4px; img { float:right; .prel; right: 6px; top: 4px; } } #search input { width: 130px; height: 26px; border:none; background: transparent; padding: 0px 0 0 13px; outline: none; } #search input.button { background: url(/images/site/btn_search.jpg) no-repeat center center; border: none; cursor: pointer; height: 25px; width: 25px; float:right; margin-right: 3px; padding: 0;} #events { fieldset, .default, select, .input {width: 180px; } fieldset { h3 { text-transform: uppercase; } } select { margin: 5px 0 ; } .all { padding: 10px 0 0 20px; clear:both; display:block; } } #sitemap { ul { margin-left: 20px; } } /* Nav ----------------------------------------*/ .navBorder (@color: @color) { border-left: 10px solid @color; } .colorExtras { height: 25px; z-index: 1; position: absolute; } .navLink { font-weight: 100; letter-spacing: .35px; color: #eee; .uppercase; line-height: 30px; padding: 5px 5px 3px 19px; .prel; z-index: 3; } #pnav { width: 226px; height: 125px; margin-top: 20px; padding-left: 10px; border-left: 1px dotted #8A9DAF; float: right; .prel; z-index: 1; .purple { .navBorder(@purple); .colorExtras; } .green { .navBorder(@green); .colorExtras; } .maroon { .navBorder(@maroon); .colorExtras; } .gold { .navBorder(@gold); .colorExtras; } a { .navLink } .active { border-left-width: 226px; } } *+html #pnav { position:absolute; z-index: 1; right: 0px; } /* Feature Slider ------------------------------------*/ #slider, #slider li { height: 305px; width: 565px; .boxborder; border: none; } #slider { list-style: none !important; margin: 0 0 5px 0 !important; padding: 0 !important; overflow: hidden !important;position: relative !important;} #slider li { display: none; float: left; margin: 0; position: absolute; width: 100%;} #slider li.current { display: block; z-index: 2 !important;} #slider li.next { display: block; z-index: 1 !important; } #slider li ul li { display: block !important; position: relative !important; } #feature2 { width: 570px; height: 311px; } .slider_arrow_left { cursor: pointer !important; float: left; width: 22px; height: 22px; z-index: 20; } .slider_arrow_left { background: url(/images/site/slider_l_arrow.png) no-repeat top left; } .slider_arrow_right { cursor: pointer; float: left; width: 22px; height: 22px; left: 45px; position: absolute; z-index: 20; } .slider_arrow_right { background: url(/images/site/slider_r_arrow.png) no-repeat top left; } /* Sets configs for selectors containers : absolute positioned in relation to #slider */ .slider_selector, .slider_selector_dis { float: right; list-style: none; margin: 0 0 0 5px; padding: 9px 20px 10px 0; z-index: 5; } .slider_selector li, .slider_selector_dis li { display: block !important; background: url(/images/site/slider_selector.png) no-repeat top left; cursor: pointer; float: left; margin: 0 3px !important; height: 10px !important; position: relative !important; width: 10px !important; } .slider_selector li.current, .slider_selector_dis li.current { background: url(/images/site/slider_selector_current.png) no-repeat top left;} /* Disables the selectors */ .slider_selector_dis li { cursor: default !important; z-index: 5; } .Xcontainer { position: relative; padding: 0 0 0 15px; top: -35px; width: 560px; z-index: 15; } .cslide { width: 565px; height: 305px; padding: 0; color: #fff; } .cslide h1, .cslide p { color: #fff; } .cslide .green { color: #61bd18; } .cslide .grey { color: #6D6E70; } .cslide h1 { font-family: 'Georgia', arial, serif; font-size: 28px; padding-left: 15px; line-height: 32px; width: 230px; } .cslide p { font-size: 14px; line-height: 18px; font-weight: 100; width: 150px; padding: 0 0 0 15px; } .slidebkg { background: url(/images/site/slidebkg.png); width: 230px; height: 305px; position: absolute; z-index: 4; zoom: 1; } .slidecopy { position: absolute; z-index: 5; } /* Foot ----------------------------------------*/ #footer { width: 100%; height: 415px; background: #193651; float:left; margin-top: 20px; .highlight { background: .dblue; } .col { width: 167px; padding: 25px 20px; .prel; float: left; } .long { width: 95%; padding: 25px 20px; .prel; float: left; } h3 { font-size: 14px; line-height: 14px; margin-bottom: 12px; color: #fff; .uppercase; } a,p { font-size: 12px; line-height: 23px; color: #afafaf; &:hover { color: #fff; } } p { padding: 0px; display: inline; padding-right: 34px; } } /* Fieldset ----------------------------------------*/ /* MISC ----------------------------------------*/ .brdash { border-bottom: 1px dotted #6e8397; margin: 10px 0; line-height: 0px; } .brsolid { border-bottom: 1px solid #d6d6d6; margin: 10px 0 ; line-height: 0px; .prel; float:left; width: 100%; } .foot { width: 160px; } .nopad { padding: 0!important;} .nomar { margin: 0!important; } .nopadZine { margin: 10px 0; width: 193px; padding: 0; } .fwn { font-weight:300!important; } .fleft { float: left!important; } .eventborder { border: 1px solid #db9617!important; } .h2info { .pblue; font-size: 16px; line-height: 18px; .helvetica; font-weight: 100; } li ul { margin-left: 20px; a { font-size: 13px; color: #1D3F5F; font-family: "Helvetica", Helvetica, Arial, sans-serif; &:hover { .nhover } } } /* SEARCH RESULTS */ #searchresults li { padding-bottom: 5px; font-size: 12px; list-style: none; a { font-size: 14px; .blue; text-decoration: underline; &:visited { .dblue; } &:hover { .nhover } } } .excerpt, .meta { font-size: 12px; } .meta { font-style: italic; color: #808080; padding-bottom: 15px;} .pagination { text-align: center; a { font-size: 16px; } } .count, .prev, .next { font-size: 16px; } #highlight { em { background: #fffec6;} } /* PETE MISC ----------------------------------------*/ #paginate { display: inline-block; display: inline\9; /* target ie8 and below */ width: 100%; height:20px; text-align: center; margin: auto; margin-bottom: 20px; padding: 15px 0 0 0; p { word-spacing: 7px; } a { font-size: 13px; color: #1D3F5F; text-transform: uppercase; font-family: "Helvetica", Helvetica, Arial, sans-serif; &:hover { .nhover } } } /* CALENDAR ----------------------------------------*/ .calview { background: url("/images/site/icn_cal.gif") no-repeat scroll 7px 3px #DDDDDD; cursor: pointer; display: block; float: right; font-size: 12px; list-style-type: none; padding: 5px 15px 5px 33px; } .calendarBG { background-color: #000; width: 715px; margin: 0px; .calendarBlank { background-color: #eee; float: left; width: 100px; height: 100px; border: 1px dotted #ddd; font-size: 14px; text-align: center; } .calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #193651; } } .calendarHeader { font-weight: bold; color: #fff; text-align: center; background-color: #000; } .calendarMonthLinks { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 11px; font-weight: bold; letter-spacing: .1em; text-decoration: none; color: #fff!important; background-color: transparent; } .calendarMonthLinks a { color: #fff; text-decoration: none; background-color: transparent; } .calendarMonthLinks a:visited { color: #fff; text-decoration: none; background-color: transparent; } .calendarMonthLinks a:hover { color: #ccc; text-decoration: underline; background-color: transparent; } .calendarDayHeading { font-weight: bold; font-size: 11px; color: #fff; background-color: #31689b; text-align: center; vertical-align: middle; padding: 5px 1px; width: 100px; float: left; } .calendarToday { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #f0f7fe; float: left; width: 100px; height: 100px; } .calendarCell { width: 100px; height: 100px; font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; vertical-align: middle; color: #666; background-color: #fff; border: 1px dotted #ccc; float: left; } .calendarCell a { color: #000; background-color: transparent; text-align: left; line-height: 14px; } .calendarCell a:visited { color: #000; background-color: transparent; } .calendarCell a:hover { color: #2c7fcc; text-decoration: none; }