/* Theme Name: Global Support Mission Theme URI: http://youneedadesigner.com Description: Custom Theme made specifically for Global Support Mission Version: 1.0 Author: Nathanael Moody Author URI: http://youneedadesigner.com Global Support Mission This theme was designed and built by Nathanael Moody, whose website you will find at http://youneedadesigner.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ @import "_css/reset.css"; /* General ================================== */ body{background:rgb(255,255,255) url(_images/body_background.png) top left repeat-x;font-family:Arial,Helvetica,serif;color:rgb(0,0,0);font-size:100%;line-height:18px;} #wrapper-shadow{width:1045px;background:url(_images/shadow.png) no-repeat top center;margin:0 auto;} #wrapper{background:rgb(255,255,255);margin:0 auto;width:1000px;} .left{float:left;} .right{float:right;} .clear{clear:both;} .block{display:block;} .center{text-align:center;} .shadow{-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.25);} .shadow_two{-webkit-box-shadow:0px 2px 11px rgba(0,0,0,.45);} .structurer{width:980px;} .heightfixone{height:255px;} /* Divs ================================== ================================== */ #commentsform{padding:3px 0 0 0;} #comments{padding:2px 0 0 0;margin:30px 0;} #donate-form-wrapper{width:700px;margin:0 auto;} #donate-form{margin:25px 0;} #confirmation{width:700px;margin:30px auto;} /* Header ================================== */ #header{margin:0;} #tier-one{margin:-2px auto;width:980px;} #tier-one #navigation {float:left;margin:15px 0 0 0;width:810px;} #tier-one #navigation #main-nav{background:url(_images/navigation_shadow.png) no-repeat bottom left;margin:0 0 0 5px;padding:0 25px 20px 25px;float:left;} #tier-one #navigation #main-nav li{float:left;padding:0 15px 0 15px;} #tier-one #navigation .sub-nav{margin:0 0 0 25px;padding:10px 0 5px 0px;float:left;} #tier-one #navigation .sub-nav li{color:rgb(221,221,221);float:left;} #tier-one #donate-box{background:url(_images/donate_background.png) top left no-repeat;width:170px;float:right;} /* Home Page ================================== */ #tier-two{clear:both;margin:0 auto;width:980px;} #tier-two #featured-content{background:url(_images/featuredcontent_background.png) no-repeat top center;padding:18px 0 0 0;margin:15px 0 0 0;} #tier-two #featured-content ul{margin:0 auto;width:940px;} #tier-two #featured-content #featured_nav{margin:5px auto;width:940px;} #tier-two #featured-content .activeSlide{color:rgb(186,45,26);} #tier-two .subfeatured-content{background:url(_images/subfeaturedcontent_background.png) no-repeat top center;margin:15px 0;width:480px;} #tier-two .subfeatured-content object,#tier-two .subfeatured-content embed{display:block;width:460;margin:20px auto 0 auto;} #tier-two #twitter{background:url(_images/twitter_background.png) no-repeat top center;padding:20px 0 0 0;width:310px;} #twitter .twitter{background:rgb(229,229,229);margin:0 auto;width:280px;padding:0 0 20px 0;} #twitter .twitter li{background:url(_images/twitter_divider.png) no-repeat bottom center;padding:10px 0 5px 0;margin:0 auto;width:260px;} .twitter-item{font-size:14px;} .twitter-timestamp{font-size:10px;display:block;margin:5px 0 0 0;} #twitter .twitter li p{margin:0 0 10px 0;} #twitter-link{/*background:url(_images/twitterbottom_shadow.png) no-repeat bottom center;*/margin:0 0 0 15px;float:left;width:280px;padding:0px 0 7px 0;} #thread_twitter li{background:url(_images/twitter_divider.png) no-repeat bottom center;padding:10px 0 5px 0;margin:0 auto;width:260px;display:block;} .twitter_avatar,.twitter_reply,.twitter_rt,#twitter_pagebar{display:none;} .twtr-hd{display:none !important;} #tier-two #blogs{background:url(_images/blog_background.png) no-repeat top center;width:620px;margin:3px 6px 0 0;} #tier-two #blogs .image-wrapper{margin:0 0 10px 0;} #tier-two #blogs #blog-at-home{margin:20px 0 0 37px;width:230px;} #tier-two #blogs #blog-home img{margin:0 0 10px 0;} #tier-two #blogs #blog-at-home ul{width:230px;float:left;} #tier-two #blogs #blog-at-home ul li{min-height:350px;} #tier-two #blogs #blog-abroad{margin:20px 37px 0 0;width:230px;} #tier-two #blogs #blog-abroad ul{width:230px;float:left;} #tier-two #blogs #blog-abroad ul li{min-height:350px;} .post-excerpt{font-size:12px;line-height:16px;} .nav-arrows{clear:both;padding:15px 0 0 0;} .left-arrow{background:url(_images/redarrow_left.png) no-repeat;float:left;height:14px;width:10px;} .right-arrow{background:url(_images/redarrow_right.png) no-repeat;float:left;height:14px;margin:0 0 0 5px;width:10px;} /*Advisory Board ================================== */ #advisory-board{margin:0 auto;padding:30px 0;width:940px;} .board-member-meta{margin:20px 0 0 20px;width:540px;} .board-member-info{border-top: 1px solid rgb(204,204,204);margin:20px 0;padding:20px 0 0 0;} .divider{background:url(_images/divider.png) no-repeat top center;height:35px;margin:15px 0 0 0;width:940px;} /*Affiliates ================================== */ #affiliates-list{margin:0 auto;padding:30px 0;width:960px;} #affiliates-list li{background:url(_images/affiliate_home_background.png) no-repeat top center;margin:0 0 20px 0;width:960px;} #affiliates-list li img{margin:15px 0 0 10px;} /*Affiliates Page ================================== */ #affiliates-individual{margin:0px auto;padding:30px 0;width:940px;} #affiliates-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} #affiliates-post{margin:0 auto;padding:20px 0;width:620px;} #affiliates-post img{margin:0 0 15px 0;} .affiliate-post-info{border-top: 1px solid rgb(204,204,204);margin:25px 0 0 0;padding:20px 0 0 0;} /*Press Single ================================== */ #press-individual{margin:0px auto;padding:30px 0;width:940px;} #press-individual .image{display:block;} #press-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} #press-post{margin:0 auto;padding:20px 0;width:620px;} #press-post img{margin:0 0 15px 0;} .affiliate-post-info{border-top: 1px solid rgb(204,204,204);margin:25px 0 0 0;padding:20px 0 0 0;} /*Education ================================== */ #education-box{margin:0 auto;padding:30px 0;width:940px;} #education-list li{width:930px;} #education-list li a{width:930px;height:100px;} #water-sanitation{background:url(_images/_education/water-sanitation.png) no-repeat top center;} #water-sanitation:hover{background-position: bottom center;} #agriculture{background:url(_images/_education/agriculture.png) no-repeat top center;} #agriculture:hover{background-position: bottom center;} #education{background:url(_images/_education/education.png) no-repeat top center;} #education:hover{background-position: bottom center;} #healthcare{background:url(_images/_education/healthcare.png) no-repeat top center;} #healthcare:hover{background-position: bottom center;} #construction{background:url(_images/_education/construction.png) no-repeat top center;} #construction:hover{background-position: bottom center;} #other{background:url(_images/_education/other.png) no-repeat top center;} #other:hover{background-position: bottom center;} /*Events ================================== */ #events-home{margin:0 auto;padding:30px 0;width:940px;overflow:hidden;} .events-box{width:300px;margin:0 0 3px 16px;} .events-box:first-child{margin:0;} .events-box:nth-child(4){margin:0;} .events-box img{margin:0 0 10px 0;} /*Video ================================== */ #video-meta{margin:30px 0 0 0;} #video-home{margin:0 auto;padding:15px 0;width:940px;overflow:hidden;} .video-box{width:300px;margin:0 0 13px 16px;} .video-box:first-child{margin:0;} .video-box:nth-child(4){margin:0;} .video-box:nth-child(7){margin:0;} .video-box img{margin:0 0 10px 0;} /*Financials ================================== */ #financials{margin:0 auto;padding:30px 0;width:940px;overflow:hidden;} .financials-box{width:300px;margin:0 0 3px 16px;} .financials-box:first-child{margin:0;} .financials-box:nth-child(4){margin:0;} .financials-box img{margin:0 0 10px 0;} /*Photo ================================== */ #photo-home{margin:0 auto;padding:30px 0;width:800px;} .photo-wrapper{background:url(_images/photo_background.png) no-repeat top center;width:800px;padding:5px 0 0 0;} #photo-home ul{margin:5px auto;padding:0px 0 0 0;width:780px;} #photo-home ul li{position:relative;display:block;} .photo-meta{background:rgba(0,0,0,.5);padding:0px 0 0px 10px;position:absolute;width:98%;} .photo-meta p{margin:10px 0;} #photo-navigation{margin:10px 0 0 0;} #photo-left{background:url(_images/photo_left.png) no-repeat center center;height:50px;margin:0 5px 0 0;width:48px;} #photo-navigation-list{width:695px !important;display:inline-block;margin:0 !important;} #photo-navigation-list li{margin:0 0 0 10px !important;display:inline-block !important;} #photo-right{background:url(_images/photo_right.png) no-repeat center center;height:50px;width:48px;} /*Events Page ================================== */ #events-individual{margin:0 auto;padding:30px 0;width:940px;} #events-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} #events-post{margin:0 auto;padding:20px 0;width:620px;} #events-post img{margin:0 0 15px 0;} .events-post-info{border-top: 1px solid rgb(204,204,204);margin:25px 0 0 0;padding:20px 0 0 0;} /*Generic Page ================================== */ .single-page{margin:0 auto;padding:20px 0 30px 0;width:940px;} .single-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} .page-post{margin:0 auto;padding:20px 0;width:620px;} .page-post img.alignright{margin:0 0 15px 15px;} .page-post p{font-size:12px;} .page-post h5{margin:0 0 5px 0;} /*Purpose Page Page ================================== */ #purpose{margin:0 auto;padding:20px 0 30px 0;width:940px;} #purpose-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} .purpose-post{margin:0 auto;padding:20px 0;width:780px;} .purpose-post img.alignright{margin:0 0 15px 15px;} .purpose-post p{font-size:12px;} /*volunteer Page Page ================================== */ #volunteer{margin:0 auto;padding:20px 0 30px 0;width:940px;} #volunteer-wrapper{background:url(_images/affiliates_background.png) no-repeat top center;margin:20px auto;padding:20px 0;width:940px;} .volunteer-post{margin:0 auto;padding:20px 0;width:780px;} .volunteer-post img{margin-bottom:15px !important;} .volunteer-post p{font-size:12px;} /*Press ================================== */ #press{margin:0 auto;padding:30px 0;width:940px;} .press-box{border-bottom: 1px solid rgb(204,204,204);margin:0 0 20px 0;padding:0 0 15px 0;} .press-box img{margin:0 10px 0 0;} .press-info{width:620px;} .press-info p{margin:0 0 3px 0;font-size:12px;} .press-navigation{margin:10px 0 0 0;} /*Alternative giving ================================== */ #altgiving{margin:0 auto;padding:30px 0;width:940px;} .altgiving-box{border-bottom: 1px solid rgb(204,204,204);margin:0 0 20px 0;padding:0 0 15px 0;} .altgiving-box img{margin:0 10px 0 0;} .altgiving-info{width:620px;} .altgiving-info p{margin:0 0 3px 0;font-size:12px;} .altgiving-navigation{margin:10px 0 0 0;} /*Take Action ================================== */ #take-action-page{margin:0 auto;padding:30px 0;width:940px;} #knowthinkact-image,#developmentpartner-image{margin:0 0 20px 0;} #spreadtheword-img,#alternatewaystogive-img{margin:0 0 0 15px;} /*Jobs ================================== */ #jobs-page{} /*Donate ================================== */ #donate-page{margin:0 auto;padding:30px 0;width:640px;} #donate-page ul{} #donate-page ul li{display:block;margin:0 0 10px 0;position:relative;} .watch-video{background:url(_images/watchvideored.png) right top no-repeat;bottom:5px;display:block;height:39px;position:absolute;right:-5px;width:172px;z-index:100;} /*Blogs ================================== */ #blog-page{margin:50px auto;width:900px;} #blog-id{margin:0 0 20px 0;} #columnA{width:640px;} #columnA .blog-post{border-bottom: 1px solid rgb(155,155,155);margin:10px 0 0px 0;padding:0 0 10px 0;} #columnA .content{font-size:12px;line-height:16px;width:640px;} #columnA .blog-meta p{margin:0 !important;} #columnB{width:240px;} #columnB h4{border-bottom: 1px solid rgb(155,155,155);padding:0 0 5px 10px;} #columnB #archives-list{margin:5px 0;} #columnB #archives-list li{font-size:12px;margin:0 0 0 10px;} /*archive ================================== */ #archive-page{margin:50px auto;width:780px;} #columnA{width:500px;} #columnA .archive-post{border-bottom: 1px solid rgb(155,155,155);margin:0 0 10px 0;padding:0 0 10px 0;} #columnA .content{font-size:12px;line-height:16px;} #columnA .archive-meta p{margin:0 !important;} #columnB{width:240px;} #columnB h4{border-bottom: 1px solid rgb(155,155,155);padding:0 0 5px 10px;} #columnB #archives-list{margin:5px 0;} #columnB #archives-list li{font-size:12px;margin:0 0 0 10px;} .archive_navigation{margin:0 0 20px 0;} /*Who We Are ================================== */ #who-we-are-page{margin:0 auto;padding:30px 0;width:940px;} .employee-box{margin:0 0 20px 0;} .employee-box img{margin:0 30px 0 0;} .employee-info{margin:20px 0 0 0;width:435px;} .employee-info-meta{border-top:1px solid rgb(204,204,204);margin:20px 0 0 0;padding:20px 0 0 0;} .employee-info-meta{font-size:12px;} .employee-info p{margin:0 0 3px 0;} /*Footer ================================== */ #footer{background:url(_images/footerbackground.png) no-repeat top left;float:left;margin:20px 0 0 0;padding:30px 0 20px 0;width:1000px;} #footer .footer-wrapper{width:450px;float:left;} #footer #social-icons{margin:0 0 0 30px;} #footer #social-icons li{float:left;} #footer #footer-navigation{margin:10px 0 0 35px;width:450px;} #footer #footer-navigation li{float:left;margin:0 5px 0 0;} #footer #newsletter-wrapper{width:460px;} #footer #newsletter{background:url(_images/newsletter_background.png) no-repeat;height:55px;margin:0 0 0 -30px;position:relative;width:460px;} #footer #newsletter input#email{background:url(_images/newsletterinput_background.png) no-repeat top left;border:none;width:125px;padding:8px 5px 15px 5px;position:absolute;top:10px;right:115px;float:left;} #footer #newsletter input#submit{background:url(_images/_sprites/submit.png) no-repeat top left;border:none;cursor:pointer;height:33px;width:100px;position:absolute;top:9px;right:10px;float:left;} #footer #newsletter input#submit:active{background:url(_images/_sprites/submit.png) no-repeat bottom left;} /* Links ================================== */ #affiliate_url{background:url(_images/view_affiliate_needs.png) top left no-repeat;display:block;width:264px;height:35px;} #affiliate_url:hover{background:url(_images/view_affiliate_needs.png) bottom left no-repeat;} a{color:rgb(0,0,0);text-decoration:none;} a:hover{color:rgb(191,46,26);} #main-nav li a{color:rgb(0,0,0);text-transform:capitalize;font-weight:bold;font-size:1em;} #main-nav li a:hover{color:rgb(191,46,26);} #main-nav li a.selected{background:rgb(255,255,255);color:rgb(191,46,26);padding:10px 15px 25px 15px;} .current_page_item a{color:rgb(191,46,26) !important;} #tier-one #donate-box #donate-button{background:url(_images/_sprites/donate.png) no-repeat top left;float:left;height:34px;margin:15px 0 10px 20px;width:120px;} #tier-one #donate-box #donate-button:active{background:url(_images/_sprites/donate.png) no-repeat bottom left;} #tier-one #navigation .sub-nav li a{padding:3px 10px;} #tier-one #navigation .sub-nav li a:hover{background:rgb(221,221,221);color:rgb(0,0,0);} .twitter a{color:rgb(191,46,26);} .read-more-link{background:url(_images/readmore_arrow.png)center left no-repeat;padding:0px 3px 0 20px;float:left;height:17px;} #follow-us-button{/*background:rgb(151,151,151);*/display:block;width:100%;padding:8px 0 6px 0;float:left;} #twitter-icon{background:url(_images/icon_twitter.png) no-repeat center center;float:left;height:22px;width:30px;} #facebook{background:url(_images/icon_facebook.png) no-repeat center center;float:left;height:22px;width:30px;} #vimeo{background:url(_images/icon_vimeo.png) no-repeat center center;float:left;height:22px;width:30px;} #myspace{background:url(_images/icon_myspace.png) no-repeat center center;float:left;height:22px;width:30px;} .board-member-link{background:url(_images/board-member-link.png) no-repeat top left;color:rgb(186,45,26);margin:10px 0;padding:2px 0 0 22px;} .board-member-link:hover{color:rgb(204,204,204);} #back-to-affiliates,#back-to-events{background:url(_images/button.png) no-repeat top left;height:40px;margin:20px 0 0 30px;width:95px;padding:9px 0 0 12px;} .press-read-more{background:url(_images/read-more.png) no-repeat left center;height:19px;padding:0 0 0 10px;width:52px;} .press-navigation a,.altgiving-navigation a{background:url(_images/navigation_back.png) no-repeat left top;height:20px;padding:2px 0 0 6px;width:20px;} #featured_nav a{background:url(_images/navigation_back.png) no-repeat left top;height:20px;padding:2px 0 0 6px;width:18px;float:left;margin:0 0 0 -2px;} /* Typography ================================== */ h1{font-size:2.5em;line-height:1em;} h2{font-size:1.1em;line-height:1em;font-weight:400;} h3{font-size:1.25em;line-height:1.1em;font-weight:400;} h4{font-size:1.125em;} h5{font-size:16px} .font10{font-size:0.625em;} .font12{font-size:0.75em;} .font14{font-size:0.875em;} .font18{font-size:1.125em;} .font24{font-size:1.25em;} .font36{font-size:2.25em; line-height:1em;} .font40{font-size:2.5em;} .italic{font-style:italic;} .bold{font-weight:bold;} .red{color:rgb(186,45,26);} .white{color:rgb(255,255,255);} p{margin:0 0 18px 0;} .blog-text{margin:10px 0;} .uppercase{text-transform:uppercase;} /* Images ================================== */ .imgborder{background:rgb(255,255,255);padding:5px;border: 1px solid rgb(204,204,204);} img{float:left;} #affiliates-image{margin:20px 0 0 15px;} #vimeo-image{margin:20px 0 0 15px;} #twitter-link img{margin:0 0 0 0px;} .alignright{float:right;} .aligncenter{margin:0 auto;display:block;} .blog-at-home-headertext{margin:0 0 7px 0;} .blog-abroad-headertext{margin:0 0 11px 0;;} .blog-image{margin:0 0 7px 0;} /* Forms ================================== */ #commentform{margin:18px 0;width:340px;} #commentform li{margin:0 0 9px 0;} input,textarea{background:rgb(60,60,57);font-family:"Helvetica Neue",Helvetica,Arial, sans-serif;padding:10px 0 10px 10px;width:330px;border:none;} textarea{padding-top:15px;} input#submit{width:220px;padding:6px 0;} input#searchinput{width:200px;} input#searchsubmit{width:110px;padding:6px 0;} input#submit:hover,input#searchsubmit:hover{background:rgb(186,45,26);cursor:pointer;} #donate_form{} #donate_form li{display:block;margin:0 0 10px 0;} #donate_form li ol li{display:inline;margin:0 10px 0 0;} #donate_form li ol li a{background:rgb(222,222,222);padding:4px 8px;} #donate_form label{display:block;font-size:12px;} #donate_form input{background:rgb(255,255,255);border: 1px solid rgb(225,225,225);width:230px;} #donate_form input.short{width:80px;} #donate_form p{margin:0;} #donate_form option{font-size:14px;} #donate_form #x_submit{background:url(_images/_sprites/submit.png) no-repeat top left;border:none;cursor:pointer;height:33px;width:100px;} #donate_form #x_submit:active{background:url(_images/_sprites/submit.png) no-repeat bottom left;} #confirm_submit{background:url(_images/_sprites/submit.png) no-repeat top left;border:none;cursor:pointer;height:33px;width:100px;} #confirm_submit:active{background:url(_images/_sprites/submit.png) no-repeat bottom left;} /*Comments ================================== */ #comments ol{margin:18px 0 0 0;width:340px;} #comments ol li{background:rgb(243,243,243);padding:20px;} .comment_author{margin:9px 0 0 0;} .commentlist li{margin:0 0 10px 0;} #commentform a:visited{color:rgb(186,45,26);} #comments a{color:rgb(186,45,26);} #comments p{font-family: Georgia, Times, serif;} .comment_author p{margin:0 !important;padding:0;color:rgb(186,45,26);} /* Clearfix ================================== */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { _display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*Coming Soon ================================== */ .comingsoon{background:rgb(0,0,0);background:rgba(0,0,0,.8);position:absolute;margin:0 auto;width:980px;height:760px;z-index:100;} .comingsoon + div{height:760px;} .comingsoon h1{color:rgb(255,255,255);margin:30% auto 0 auto;width:350px;} /*Photo Galleries ================================== */ .gbackgr{background:none !important;border:none !important;margin:10px auto !important;} /* Etc ================================== */ .blog-post p{clear:both;} .blog-post p a{color:rgb(191,46,26) !important;} .blog-post img{margin:0px auto 18px auto;padding:20px 0 0 0;display:block;float:none !important;} .the-date{margin:5px 0;} #copyright{padding:35px 0 0 0;} #copyright p{margin:1px 0 !important;} .twtr-doc{display:block;width:290px;margin:0 auto;} .twtr-ft{display:none;} /* Galleria? ================================== */ .galleria{list-style:none;width:99999px;padding:0 0 0 5px;} .galleria li{display:block;width:70px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0;} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .caption{display:none !important;} #galleria img{display:block;margin:0 auto;} * html .galleria li div span{width:400px} /* MSIE bug */ /* JCarousel ================================== */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; width:100%; clear:both; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width:550px; top:0; left:39px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 10px; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 60px; height: 40px; } /** * The buttons are added dynamically by jCarousel before * the