/* Import Blueprint's screen styles */ /*@import url(blueprint/compressed/screen.css);*/ /* Import structure for menu -- DO NOT MODIFY */ /* If you need to style the menu, you should add those styles in this screen.css file */ @import url(lib/main-menu.css); /* Uncomment the line below for helpful debugging CSS */ /*@import url(lib/debug.css);*/ /* Eric Meyer Reset CSS */ @import "reset.css"; /* Erase MS - Copyright 2008 Written by Lift Interactive Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px. 9px : 0.75em 10px : 0.8333em 11px : 0.9167em 12px : 1.0em 13px : 1.0833em 14px : 1.1667em 15px : 1.25em 16px : 1.3333em 17px : 1.4167em 18px : 1.5em 19px : 1.5833em 20px : 1.6667em 21px : 1.75em 22px : 1.8333em 23px : 1.9167em 24px : 2.0em 25px : 2.0833em 26px : 2.1667em 27px : 2.25em 28px : 2.3333em 29px : 2.4167em 30px : 2.5em 31px : 2.5833em 32px : 2.6667em */ html { background:#FF8B00 url('../img/bg-body.jpg') repeat-x top left; } body { background:#fff; /*border:10px solid #ff8b00; border-top:0;*/ color:#6B6B6B; font-size:75%; font-family:Arial, verdana, sans-serif; margin:0 auto; padding:0; width:950px; } h1 { margin:0; } a { color:#333; text-decoration:none; } p a { font-weight:bold; } p a:hover { color:#6B6B6B; } h2,h3,h4,h5,h6 { clear:left; } /* container clearing */ body:after, #branding:after, #nav:after, #features:after, #jumpboxes:after, #site-info:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #branding, #nav, #submenu, #features, #jumpboxes, #site-info {float:left;} p { line-height:1.4; } p, ul, ol { margin-bottom:1em; } /* ** Branding ****************************/ #branding { background:url('../img/bg-body.jpg') repeat-x 0 0; border-bottom:1px solid #ff8b00; height:95px; position:relative; width:950px; } #company-name { background:url('../img/bg-title.png') no-repeat; display:block; height:59px; left:20px; position:absolute; top:20px; text-indent:-9999px; width:369px; } #actions { margin:0; position:absolute; right:15px; top:20px; } #actions li { display:inline; float:left; margin-left:8px; } #actions a { background:no-repeat 0 0; display:block; text-indent:-9999px; height:50px; width:47px; } a#shop-now { background-image:url('../img/btn-shop-now.png'); width:104px; height: 45px; margin: 1px -15px 0 0; } a#donate-now { background-image:url('../img/btn-donate-now.png'); width:177px; margin-top:-5px; } a#facebook { background-image:url('../img/btn-facebook.png'); } a#twitter { background-image:url('../img/btn-twitter.png'); } /* ** Main Navigation ****************************/ #nav { background:#f36100 url('../img/bg-nav.jpg') repeat-x; margin:0; padding:0; width:950px; } #nav li { float:left; } #nav li a { background:url('../img/bg-nav-item.gif') repeat-y right top; color:#fff; display:block; font:bold 1.1667em arial, sans-serif; float:left; padding:0.67em 20px; margin:0; text-decoration:none; text-transform:uppercase; } #nav li a.last { background:0; } #nav a:hover { color:#FFB35B; } #nav li.current { background:url('../img/bg-nav-active.gif') no-repeat 45% bottom; } /* ** Sub Navigation ****************************/ #submenu { margin:1em 0 0 7px; width:943px; } #submenu li { display:inline; } #submenu a { color:#ff8b00; font-size:1.1667em; font-weight:bold; padding:0 1em; text-decoration:none; text-transform:uppercase; } /* ** Homepage Features ****************************/ /*#features { background:url('../img/bg-shading.jpg') no-repeat 1px 1px; }*/ #features div { display:inline; float:left; margin-top:11px; margin-left:11px; height:355px; overflow:hidden; width:460px; } #dedication { background:#fff; position:relative; width:459px; } #featureImage { background:#2c2c2c; padding:10px; height:395px !important; overflow:hidden; width:525px !important; position: relative; margin-bottom: 2em; } .home #featureImage { height:335px !important; overflow:hidden; width:440px !important; margin-bottom: 0; } .container #featureImage h2 { color:#bdbdbd; margin-top:5px; } .home #featureImage h2 { margin-top: 0.75em; } .container #featureImage p { color:#939393; font-size:0.8333em; text-transform:uppercase; margin: 5px 1em 0 0; } #featureImage div { height:auto; margin:0; width:auto; } #featureImage .next, #featureImage .prev { background: url('../img/next-back.png') no-repeat -24px 0; display: block; width: 24px; height: 42px; position: absolute; top: 175px; text-indent: -9999px; z-index: 199; } #featureImage .next { background-position: 0 0; right: 30px; } #featureImage .prev { left: 30px; } .home #featureImage .next, .home #featureImage .prev { top: 145px; } #featureImage .counter { position: absolute; bottom: 35px; right: 0; color: #939393; margin: 0; } #dedication blockquote { margin:90px 30px 0 20px; } #dedication blockquote p { /*background:url('../img/dedication.jpg') no-repeat; height:94px; width:388px; text-indent:-9999px;*/ } #save-the-date { background:url('../img/bg-save-the-date.gif') no-repeat 0 0; display:block; height:120px; position:absolute; bottom:0; left:0; /*text-indent:-9999em;*/ width:459px; } #save-the-date span { display:block; margin:80px 0 0 257px; } /* ** Homepage Jump Boxes ****************************/ #jumpboxes { background:#dadada; padding:11px; padding-left:0; margin-top:11px; } #jumpboxes div { background:#fff; display:inline; float:left; height:383px; margin-left:11px; width:302px; overflow:hidden; position:relative; } /*url('../img/bg-shading.jpg') no-repeat 1px 1px*/ #jumpboxes div div { background:0; margin:0; height:auto; overflow:hidden; } #jumpboxes h2 { border-bottom:5px solid #e3e3e3; font-size:1em; margin-top:2em; padding-bottom:1em; } #jumpboxes h2 a { display:block; text-transform:uppercase; } /*#events h2 { padding:0; }*/ #events h2 a, #news h2 a { background:url('../img/heading-blog.gif') no-repeat; text-indent:-9999px; font-size:1.75em; height:19px; } #events h2 a { background:url('../img/heading-events.gif') no-repeat; color:#40a9e0; } #jumpboxes h2, #events ul, #news ul { margin-left:1.75em; margin-right:1.75em; } #jumpboxes ul { float:left; margin-top:1em; margin-bottom:1em; } #jumpboxes li { margin-bottom:1em; } #jumpboxes li span { color:#989898; display:block; font-weight:normal; font-size:0.9167em; text-transform:uppercase; } #jumpboxes p { line-height:1.2; margin:0; } /* Events Jumpbox */ #events li { height:45px; overflow:hidden; } #events p a, #archive li a, #newsitems li a { color:#6b6b6b; font-weight:bold; font-size:1.0833em; text-decoration:none; } #events p a:hover, #archive li a:hover, #newsitems li a:hover { color:#494949; } #events div { background:url('../img/read-more-vert.png') no-repeat right top; color:#fff; position:absolute; left:0; } #events div p { color:#fff; font-weight:normal; margin:0 1em 0 0; } #events div img { border:1px solid #afa9a3; float:left; margin:0 11px 7px 7px; } #events div p a { color:#fff; display:block; font-size:1em; height:62px; padding-top: 7px; } #events div a span { display:block; font-size:1.25em; font-weight:bold; margin:0; text-transform:uppercase; } #events div a:hover { color:#fff; } #events #jump-1 { background-color:#ff8b00; top:245px; } #events #jump-2 { background-color:#ff6600; top:314px; } /* div#event-with-thumb styles to override default event update styles */ div#event-with-thumb a:hover { color:#ff8b00; } /* News Jumpbox */ #news div, div#event-with-thumb { margin:0 1.75em !important; width:260px; } #news h3, #event-with-thumb h3 { font-size:1.1667em; margin:0.5em 0; } #news h3 a, #event-with-thumb h3 a { color:#ff8b00; } #news img, div#event-with-thumb img { border:1px solid #b5afaa; float:left; margin:0 1em 1em 0; } #news p, div#event-with-thumb p { color:#5e5e5e; } #news p span, #event-with-thumb p span{ color:#999; display:block; font-size:0.9167em; margin-bottom:0.25em; text-transform:uppercase; } #news li { border-top:1px solid #d8d8d8; margin:0; overflow:hidden; } #news li p { font-size:1.1667em; font-weight:bold; } #news li a { color:#ff8b00; display:block; height:3.75em; padding:0.75em 0; width:260px; } #news li a:hover { background:#efefef; } #news li p span { font-size:0.75em; } #news li img { margin-bottom:0; } #jump-blog { background-color:#34a8e3; color:#fff; display: block; position:absolute; left:0; top:245px; height: 138px; width: 302px; } #jump-blog h3 { font-size: 22px; text-transform: uppercase; margin: 10px 0 3px 11px; } #jump-blog a { color:#fff; display:block; height:99px; padding:11px 0 0 11px; } #jump-blog img { border:1px solid #afa9a3; float:left; margin:0 11px 0 0; width: 80px; height: 80px; } #jump-blog p { color:#fff; margin:0 0.5em 0 0; } #jump-blog p span { color: #fff; display:block; font-size:1.25em; font-weight:bold; margin-bottom:0.25em; text-transform:uppercase; } /* Shopping Jumpbox */ #jumpboxes #shopping { background:#fff; height:383px; } #shopping div { background:#5b5b5b !important; } #shopping div a { color:#fff; display:block; height:99px; padding:11px 0 0 11px; } #shopping img { width: 303px; height: 280px; } #shopping div img { border:1px solid #afa9a3; float:left; margin:0 11px 0 0; width: 80px; height: 80px; } #shopping p { margin:0; } #shopping div p { color:#fff; margin:0 0.5em 0 0; } #shopping div span { display:block; font-size:1.25em; font-weight:bold; margin-bottom:0.25em; text-transform:uppercase; } /* ** Content ****************************/ #content { width:950px; } /* padding-top:2em; background:url('../img/bg-shading.jpg') no-repeat 1px 1px; */ #content, #main-content, #sub-content { display:inline; float:left; } #main-content, #sub-content { padding-top:2em; } /* Main Content */ #main-content { min-height:250px; margin-left:25px; width:545px; } .news-clipping #main-content, .media-videos #main-content, .fullwidth #main-content { width:900px; } #main-content p, #main-content li { font-size:1.1667em; } #main-content li { margin-bottom:0.25em; } #main-content h1 { color:#1B2E59; font-size:1.5833em; margin:0 0 0.5em; } #main-content h2 { color:#40A9E0; font-size:1.3333em; margin:0 0 0.5em; } #main-content h2 a { color:#FF8B00; } #main-content h2 a:hover{ color:#DF62A1; } #main-content p.meta { font-size:1em; font-style:italic; } #main-content a { color:#FF8B00; } #main-content a:hover { color:#DF62A1; } #main-content p img { float:left; margin:1em 1em 1em 0; } #main-content h3 { color:#DF62A1; font-size:1.25em; } #main-content .figure { } #main-content .caption { display: block; color: #999; font-size: 12px; position: relative; top: -10px; } /* Sub Content */ #sub-content { float:right; margin-right:20px; width:323px; } .news-clipping #sub-content, .media-videos #sub-content, .fullwidth #sub-content { display:none; } #feature p { margin:0; } #feature, #sub-content .box { border:10px solid #dadada; margin-bottom:1em; } #sub-content .box h2 { border-bottom:5px solid #e3e3e3; font-size:1em; margin:2em 1.75em 1em; padding-bottom:1em; } #sub-content .box h2 a { display:block; font-size:1.75em; height:19px; text-indent:-9999px; } #sub-content .box ul { margin:1em 1.75em; } #sub-content #shopping { background:#fff; } #sub-content #shopping p, #sub-content #news p { line-height:1.2em; } #sub-content #news ul { clear:both; } #sub-content #news li { margin-bottom:0; } #sub-content #news li p { margin:0; } #sub-content #events li { height:auto; } #sub-content #events li span { color:#989898; display:block; font-size:0.9167em; font-weight:normal; text-transform:uppercase; } #archive h2, #newsitems h2 { background:url('../img/heading-archive.gif') no-repeat; display:inline; font-size:1.75em; float:left; height:19px; margin:2em 1.75em 1em; text-indent:-9999px; width:261px; } #newsitems h2.press { background-image: url(../img/heading-press.gif); } #newsitems h2.topics { background-image: url(../img/heading-topics.gif); } #newsitems h2.archives { background-image: url(../img/heading-archives.gif); } #archive li, #newsitems li { font-weight:bold; margin-bottom:0.25em; } #newsitems a.active { color:#FF8B00; } /* Site Map */ #sitemap { font-size:1.1667em; } #sitemap ul { list-style-position:inside; } #sitemap ul li { font-weight:bold; line-height:1.5; } #sitemap li ul { list-style-type:disc; margin-left:10px; } #sitemap li li { font-weight:normal; } /* Gallery */ #gallery { height:360px; float:left; overflow:hidden; margin:0 0 10px; width:545px; } #gallery-controls { float:left; margin-bottom:0.25em; } #gallery-count { color:#40A9E0; font-weight:bold; float:right; width:100px; text-align:right; } #thumbs { margin-top:20px; } #thumbs li { display:inline; } #thumbs img { margin:0 10px 10px 0; } .clear { clear:both; width:100%; } /* =event-photos-list */ #event-photos-list { } #event-photos-list li { display: inline; float: left; margin: 0 0 25px 25px; width: 260px; } #event-photos-list li.left { margin-left: 0; } #event-photos-list img { display: block; margin: 0 0 5px; } /* =news-clippings */ #news-clippings {} #news-clippings li { font-size:1em; float:left; margin:0 15px 15px 0; overflow:hidden; width:210px; } #news-clippings li img { display:block; margin:0 auto; max-height:275px; } #news-clippings li p { margin:0; text-align:center; } #news-clippings li a { font-weight:normal; } /* =media-videos */ #media-videos {} #media-videos li { font-size:1em; float:left; margin:0 25px 25px 0; overflow:hidden; width:425px; } #media-videos li a { font-weight:normal; } /* =sponsors */ table.grid { width: 100%; } table.grid td { padding:0 10px 10px 0; vertical-align: middle; } ul.grid li { float: left; text-align: center; } ul.grid li img { display: block; margin: 0 auto; } /* =news */ .article { clear: both; border-bottom: 5px solid #E3E3E3; margin: 0 0 3em; padding: 0 0 2em; overflow: hidden; } /* =news =grid */ .grid .article { border: 0; clear:none; float:left; margin:0 10px 15px 0; padding:205px 0 0; overflow:hidden; width:170px; position: relative; } .grid .article img, .grid .article object, .grid .article embed, .grid .article iframe { display:block; margin:0 auto; max-height:200px; position: absolute; top:0; left:0; } .grid #main-content .article h2 { font-size:1em; margin:0; } .grid .article a { font-weight:normal; } .grid.video .article, .grid.video .article object, .grid.video .article embed, .grid.video .article iframe { width:260px; } /* ** Footer / Site Info ****************************/ #site-info { color:#bababa; font-size:0.9167em; letter-spacing:-0.05em; text-align:center; margin:2em 0; width:950px; } #site-info a { color:#bababa; } #site-info a:hover { color:#919191; } #footer-nav a { color:#ff8b00; font-weight:bold; padding:0 1.25em; text-decoration:none; text-transform:uppercase; } #sponsor { background:url('../img/bg-footer-sponsor.jpg') no-repeat 50% 0; padding-top:1em; } #sponsor em { font-style:normal; font-weight:bold; } #sponsor img { margin-left:10px; vertical-align:middle; } /* ** Comments ****************************/ #comments { border-top:5px solid #E3E3E3; padding-top:20px; clear:both; } #comments h1 { margin: 10px 0 15px; } #comments li { margin:0 0 20px; position: relative; padding:30px 0 20px 4px; } #comments blockquote { border-left: 5px solid #e3e3e3; padding: 0 0 0 20px; } #comments li cite { font-size:1.333em; position: absolute; top:0; left:0; } #comments li cite .time { color:#aaa; font-size:0.667em; } #comments p { font-size: 1em; } #comment-form { background:#eee; padding:20px; clear:both; } #comments form {} .field { position: relative; font-size: 1.1667em; margin:0 0 5px; } .field label { width: 100px; display: inline-block; vertical-align: top; padding: 5px 0 0 0; } .field input { width:200px; padding: 5px; margin: 0 0 0 2px; }