/* PlainGreen 2010 Main stylesheet styles.css Benjamin Bertrand, Sam Otis of Blend Interactive, Inc. Copyright © 2010 PlainGreen */ /***** BROWSER RESET **************************/ hmtl,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, iframe,object,pre,span,form,fieldset,textarea,p,blockquote, table,caption,tbody,tfoot,thead,tr,td,a,abbr,acronym,address,code, del,dfn,em,img,q,dl,dt,dd,ol,ul,li, fieldset,form,label,legend { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} address,caption,cite,code,dfn,var,td { font-style:normal; font-weight:normal; } i,cite,em,var,dfn {font-style:italic;} table { border-collapse:collapse; border-spacing:0; margin-bottom:1em; } caption,th { text-align:left; } strong,th { font-weight:bold; } fieldset,img { border:0; } ol,ul { list-style-position:outside; margin-left:0; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } abbr,acronym { border:0; } h1, h2 { color:#422615; font-size:36px; font-weight:500; line-height:1.3em; margin-bottom:0.25em; } h3 { color:#422615; font-size:22px; font-weight:600; } h4 { color:#422615; font-size:24px; font-weight:500;} h5 { color:#422615; font-size:1em; font-weight:600; margin:1em 0 0.5em 0; text-transform:uppercase; } h6 { color:#422615; } a { color:#998D50; } a:hover { color:#94B25B; text-decoration:underline; } p { margin:0.25em 0 0.75em 0; } input { color:#998D50; font-family:"Akzidenz-Grotesk","Helvetica Neue", Arial, Helvetica, sans; font-size:12px; } /***** LAYOUT **********************************/ body { color:#422615; background:#FCF7EC url(../images/bg_body.jpg) top center repeat; border:0; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:75%; font-style:inherit; font-weight:inherit; line-height:1.5; margin:0; padding:0; text-align:center; } * html>body { font-size:12px; } #PageWrapper { background:transparent url(../images/skyline.png) bottom center repeat-x; position:relative; } #Page { margin:0 auto; padding-bottom:132px; position:relative; text-align:left; width:940px; } #Main { position:relative; } /***** HEADER **********************************/ #Header { padding:14px 0; position:relative; } #Header h1 { position:relative; zleft:-79px; } #Header h1 a { display:block; width:1%; } #TopMenu { float:right; font-weight:300; line-height:1em; left:545px; position:absolute; text-transform:uppercase; top:98px; width:395px; } #TopMenu li { display:inline; float:left; list-style-type:none; } #TopMenu li a { color:#422615; display:list-item; padding:5px; text-decoration:none; } #TopMenu li a:hover { background:#E0DAC2; background:rgba(153,141,80,0.25); } #TopMenu li a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } /***** NAVIGATION ******************************/ #Navigation { height:37px; margin-bottom:35px; } #Navigation li { display:inline; float:left; list-style-type:none; margin-right:1px; } #Navigation li a { background:#A4B254; color:#ffffff; display:block; height:37px; overflow:hidden; position:relative; } #Navigation li a:hover { background:rgb(116,130,59); } #Navigation li a span { background:transparent url(../images/bg_nav.gif) 0px 0px no-repeat; display:block; height:37px; position:relative; } #Navigation li.cd a, #Navigation li.cd a span { width:188px; } #Navigation li.cd a:hover span { background:transparent url(../images/bg_nav.gif) 0px -38px no-repeat; } #Navigation li.sp a { width:109px; } #Navigation li.sp a span { background:transparent url(../images/bg_nav.gif) -192px 0px no-repeat; width:109px; } #Navigation li.rg a:hover span { background:transparent url(../images/bg_nav.gif) -192px -38px no-repeat; } #Navigation li.ws a { width:124px; } #Navigation li.ws a span { background:transparent url(../images/bg_nav.gif) -300px 0px no-repeat; width:124px; } #Navigation li.ws a:hover span { background:transparent url(../images/bg_nav.gif) -300px -38px no-repeat; } #Navigation li.sn a { width:113px; } #Navigation li.sn a span { background:transparent url(../images/bg_nav.gif) -426px 0px no-repeat; width:113px; } #Navigation li.sn a:hover span { background:transparent url(../images/bg_nav.gif) -426px -38px no-repeat; } #Navigation li.ex a { width:121px; } #Navigation li.ex a span { background:transparent url(../images/bg_nav.gif) -540px 0px no-repeat; width:121px; } #Navigation li.ex a:hover span { background:transparent url(../images/bg_nav.gif) -540px -38px no-repeat; } #Navigation li.gb a { width:124px; } #Navigation li.gb a span { background:transparent url(../images/bg_nav.gif) -662px 0px no-repeat; width:124px; } #Navigation li.gb a:hover span { background:transparent url(../images/bg_nav.gif) -662px -38px no-repeat; } #Navigation li.rg a { width:154px; } #Navigation li.rg a span { background:transparent url(../images/bg_nav.gif) -786px 0px no-repeat; width:154px; } #Navigation li.rg a:hover span { background:transparent url(../images/bg_nav.gif) -786px -38px no-repeat; } /***** CONTENT *********************************/ #Title { margin-bottom:34px; } #Content #Title div.button a { background:none; padding:0; } #Search form label { color:#422615; font-size:16px; font-weight:600; margin-right:1em; vertical-align:middle; } #Search form input.search { border:1px solid #ffffff; font-size:16px; margin:0; padding:6px 5px; top:3px; position:relative; width:300px; } #searchsubmit { vertical-align:middle; } #Content { float:right; position:relative; width:615px; } #Content .divider1 { background:transparent url(../images/divider_main1.gif); display:block; height:1px; margin:24px 0; width:100%; } #Content .divider2 { background:transparent url(../images/divider_main2.gif); display:block; height:3px; margin:24px 0; width:100%; } #Content .entry { position:relative; width:610px; } .home #Content h2 { color:#998d56; font-size:36px; font-weight:500; letter-spacing:-1px; line-height:1.3em; margin-bottom:0.75em; } #LatestNews { margin:3em 0; } #Content #LatestNews ul { border-top:1px solid #998D50; } #Content #LatestNews li { border-bottom:1px solid #998D50; font-size:14px; font-weight:600; list-style-image:url(../images/bullet01.gif); list-style-position:inside; text-transform:uppercase; } #Content ul { color:#998d56; list-style:none; list-style-type:square; margin:1.5em 0 1.5em 20px; } #Content ol { color:#998d56; list-style:none; list-style-type:decimal; margin:1.5em 0 1.5em 20px; } #Content li { font-size:1.15em; font-weight:600; } #Content li a { line-height:2em; text-decoration:none; width:100%; } #Content li a:hover { color:#94B25B; text-decoration:underline; } #Content p { color:#422615; font-size:1.167em; margin:10px 0; } #Content h1 { color:#422615; font-size:36px; font-weight:500; line-height:1.3em; margin-bottom:0.75em; } #Content h2 { color:#422615; font-size:24px; font-weight:600; } #Content h3 { color:#422615; font-size:18px; font-weight:600; margin:1em 0; text-transform:uppercase; } #Content h4 { color:#422615; font-size:20px; font-weight:600; margin:1em 0; } #Content h5 { color:#422615; font-size:1em; font-weight:300; margin:1em 0 0.5em 0; text-transform:uppercase; } #Content h6 { color:#422615; font-size:1em; font-weight:500; font-style:italic; margin:1em 0 0.5em 0; } #Content .pagetitle { color:#422615; font-size:36px; font-weight:500; line-height:1.3em; margin-top:0; margin-bottom:0.25em; } #Content h1 a { color:#998D56; text-decoration:none; } #Content h2 a { color:#998D56; text-decoration:none; } #Content h3 a { color:#998D56; text-decoration:none; } #Content h4 a { color:#998D56; text-decoration:none; } #Content h5 a { color:#998D56; text-decoration:none; } #Content h6 a { color:#998D56; text-decoration:none; } #Content h1 a:hover { color:#94B25B; text-decoration:underline; } #Content h2 a:hover { color:#94B25B; text-decoration:underline; } #Content h3 a:hover { color:#94B25B; text-decoration:underline; } #Content h4 a:hover { color:#94B25B; text-decoration:underline; } #Content h5 a:hover { color:#94B25B; text-decoration:underline; } #Content h6 a:hover { color:#94B25B; text-decoration:underline; } .page-id-6 #Content h3 a { color:#422615; text-decoration:underline; } .page-id-6 #Content h3 .Presentation a { text-decoration:none; } .page-id-6 #Content h3 a:hover { color:#94B25B; } .post .widget { width:574px; } .program tr.table-header-row { display:none; } .program td { padding:3px 0; } #Content .entry form label { display:block; float:left; font-size:13px; font-weight:600; margin-right:15px; position:relative; text-align:right; text-transform:lowercase; top:3px; width:180px; } #Content .entry form p { clear:left; min-height:30px; } #Content .entry form input { border:1px solid #ffffff; color:#422615; margin:0; display:block; float:left; padding:6px 5px; width:200px; } #Content .entry form input.hide { display:none; } #Content .entry form textarea { border:1px solid #ffffff; color:#422615; margin:0; padding:6px 5px; width:358px; } #Content .entry form input.Buttons { border:none; margin-left:195px; padding:0; width:106px; } div.wpcf7-validation-errors { background:#ffffff; } #Content .share-this ul { height:24px; margin:0 0 0 0; } #Content .share-this li { float:left; list-style-type:none; margin-right:5px; } #Content .share-this li a { display:block; padding:2px 5px; } #Content div.sponsor { padding-top:1em; clear:both; } #Content div.sponsor img { background:white; padding:10px; } #Content div.sponsor a img { border:1px solid #998D50; } #Content div.sponsor a:hover img { border:1px solid #94B25B; } #Content div.button { margin-bottom:0px; } #Content div.button a { background:transparent url(../images/bullet03.gif) top right no-repeat; padding:0px 21px 2px 0; text-decoration:none; } #Content h3 span.Presentation a { color:#998D50; } #Content h3 span.Presentation a:hover { color:#94B25B; text-decoration:underline; } /***** PAGINATION ******************************/ .navigation .alignleft a { background-color:#E0DAC2; background:rgba(153,141,80,0.25) url(../images/bg_prev.gif) 8px 3px no-repeat; padding:10px 12px 10px 28px; text-decoration:none; } .navigation .alignright a { background-color:#E0DAC2; background:rgba(153,141,80,0.25) url(../images/bg_next.gif) 45px 3px no-repeat; padding:10px 28px 10px 12px; text-decoration:none; } .navigation .alignleft a:hover { background:rgba(153,141,80,0.25) url(../images/bg_prev.gif) 8px -35px no-repeat; color:#A4B254; } .navigation .alignright a:hover { background:rgba(153,141,80,0.25) url(../images/bg_next.gif) 45px -35px no-repeat; color:#A4B254; } /***** COMMENTS ********************************/ #Posts ol.commentlist, #Posts ul.commentlist { margin-left:0; } #Posts ol.commentlist li, #Posts ul.commentlist li { list-style-position:inside; text-transform:none; padding:18px; } #Posts ol.commentlist li.even { background:#E0DAC2; background:rgba(153,141,80,0.25); } #Posts ol.commentlist div, #Posts ul.commentlist div { display:inline; font-weight:500; } #Posts ol.commentlist div.vcard img { display:none; } #Respond #comment_post_ID, #Respond #comment_parent, #Respond #_wp_unfiltered_html_comment { display:none; visibility:hidden; } /***** SIDEBAR *********************************/ #Sidebar { float:right; margin-right:45px; width:280px; } #Sidebar .divider { background:#998d50; display:block; height:1px; width:100%; } #Sidebar div { margin-bottom:14px; } #Sidebar div.button { margin-bottom:0px; } div#photos.photos, #Content .album, #Content .entry form, .widget { background:#E0DAC2; background:rgba(153,141,80,0.25); padding:18px; } .widget .button a { background:transparent url(../images/bullet03.gif) top right no-repeat; padding:0px 21px 2px 0; text-decoration:none; } #Menu ul li { border-bottom:1px solid #998D50; font-size:14px; font-weight:600; list-style:none; text-transform:uppercase; } #Menu li a { display:block; padding:7px 0px 7px 20px; text-decoration:none; width:260px; } #Menu li.parent a { display:block; padding-left:0px; text-decoration:none; width:100%; } #Menu li a:hover, #Menu li.selected a { background:transparent url(../images/bullet02.gif) 0 9px no-repeat; color:#422615; } #Menu li.parent a:hover { background:none; color:#422615; } #Menu li.parent.selected a { background:none; } #SocialNetworking.widget { padding:14px 18px 15px; } #SocialNetworking a { display:block; padding:2px 5px; } #SocialNetworking ul { height:24px; margin-left:-5px; } #SocialNetworking li { float:left; list-style-type:none; margin-right:5px; } #Twitter .tweet a { color:#422615; } #Twitter .tweet a:hover { color:#94B25B; } #flickr { text-align:center; } #flickr img { display:inline; margin:1px; padding:1px; border:1px solid #ccc; } #flickr .flickr_badge_image a { display:block; } #flickr div.flickr_badge_image { float:left; margin-right:2px; width:102px; } #Involved ul { height:36px; margin:0 0 5px 0; position:relative; } #Involved li { display:inline; float:left; list-style-type:none; margin-right:4px; } #Involved li a { background:#A4B254; color:#ffffff; display:block; padding:10px 15px; text-decoration:none; } #Involved li a:hover { background:rgb(116,130,59); } #Sidebar form { text-align:right; } #Sidebar form label { display:none; } #Sidebar form input.email, #Sidebar form input.search { border:1px solid #ffffff; font-size:12px; margin:1px 0 4px 0; padding:5px; top:0; width:232px; } /***** FOOTER **********************************/ #Footer { background:#717D35 url(../images/bg_footer.jpg) top center repeat; color:#FFFFFF; font-weight:300; margin-top:1px; min-height:240px; position:relative; } #Footer .inner { width:940px; } #Footer p { margin:0; padding:40px 0; } #Footer ul { margin-left:134px; padding:36px 0px 0px 0px; } #Footer li { display:inline; float:left; list-style-type:none; margin-right:22px; } #Footer li.bi a { display:block; height:135px; overflow:hidden; position:relative; width:152px; } #Footer li.bi a span { background:transparent url(../images/sponsor_logos.gif) 0px 0px no-repeat; display:block; height:135px; position:relative; width:152px; } #Footer li.kh a { display:block; height:135px; overflow:hidden; position:relative; width:135px; } #Footer li.kh a span { background:transparent url(../images/sponsor_logos.gif) -187px 0px no-repeat; display:block; height:135px; position:relative; width:135px; } #Footer li.vz a { display:block; height:137px; overflow:hidden; position:relative; width:135px; } #Footer li.vz a span { background:transparent url(../images/sponsor_logos.gif) -332px 0px no-repeat; display:block; height:137px; position:relative; width:135px; } #Footer li.gp { margin-right:0; } #Footer li.gp a { display:block; height:135px; overflow:hidden; position:relative; width:206px; } #Footer li.gp a span { background:transparent url(../images/sponsor_logos.gif) -498px 0px no-repeat; display:block; height:135px; position:relative; width:206px; } /***** CLASSES ***********************************/ .green { color:#A4B254; } .brown { color:#422615; } .tan { color:#FCF7EC; } .grbrown { color:#998D50; } .alignleft, .align-left { float:left; margin:3px 10px 3px 0px; } .alignright, .align-right { float:right; margin:3px 0px 3px 10px; } .clear:after { content:"."; display:block; height:0; clear:both; line-height:1px; visibility:hidden; } .clear { display:inline-block; line-height:1px; } /* Hide from IE Mac \*/ .clear { display:block; } /* End hide from IE Mac */ .divider hr, .divider1 hr, .divider2 hr{ display:none; } .inner { margin:0 auto; } .hide { display:none; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }