/* ------------------------------------------- GLOBALS */

body	{ background: #FFF url(../images/background.png) repeat-x; font-size: 14px; color: #666666; font-family: Gotham, Helvetica, Arial, sans-serif; overflow-y: scroll; }
.clear	{ clear: both; }
.wrapper	{ width:960px; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -121px;}
.wrapper2	{ width:960px; position: relative; height: auto !important; height: 100%; margin: 0 auto -121px;}
.push		{ height: 121px; }
.footer		{ height: 112px; width: 100%; clear: both; position: relative; }
.footer2	{ height: 260px; width: 100%; clear: both; position: relative; }

/* ------------------------------------------- TYPOGRAPHY, IMAGE, AND TEXT LAYOUT */

p	 	{ color: #666666; font-size: 14px; line-height: 18px; padding: 16px 0 0 0; }
a		{ color: inherit; }
li	 	{ color: #666666; font-size: 12px; line-height: 22px; }
h2		{ color: #034ca4; font-size: 54px; line-height: 0; }
h3		{ color: #27c9ff; font-size: 18px; line-height: 34px; }
h4		{ font-size: 24px; text-transform: none; font-family: Comic Sans MS, Helvetica, Arial, sans-serif; font-weight: normal; }
.content#touched h4		{ color: #b585ff; }
.content#lend h4		{ color: #ff69b9; }

p.post-blog	a {text-decoration:underline;}	
p.post-info-top		{ font-size: 10px; padding: 0 0 20px 0; line-height: 8px; }
p.post-info-bottom	{ font-size: 10px; color:#F17803; font-weight:bold; float:right; font-family: Comic Sans MS, Helvetica, Arial, sans-serif;  }
.post-info-pagination	{ font-size: 12px; color:#F17803; font-weight:bold; font-family: Comic Sans MS, Helvetica, Arial, sans-serif;  }
.column img			{ padding: 10px 0 0 0; }

span.event-name		{ text-transform: uppercase; }

.box ul		{ padding-top: 10px; }
.box li		{ background: url(../images/bullet-star.png) no-repeat 0 4px; padding-left: 24px; position: relative; left: -2px; }

.content#touched p		{ font-size: 13px; }
.content#touched p span	{ color: #9d5eff; }
.content#touched .column#profile p	{ background: url(../images/bullet-star.png) no-repeat 0 4px; padding: 0 0 0 24px; position: relative; left: -2px; margin: 0; font-size: 15px; }
.content#foundation .column#profile p	{ background: url(../images/bullet-star.png) no-repeat 0 4px; padding: 0 0 0 24px; position: relative; left: -2px; margin: 0; font-size: 15px; }

.footer p	{ color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; padding-top: 20px; }

/* ------------------------------------------- DESIGN LAYOUT */

.header		{ height: 155px; clear: both; position: relative; }
.header h1	{ display:block; width: 949px; height: 155px; background-image: url(../images/header2012.jpg); position: absolute; top: 0; left: 31px; text-indent: -8989px; }
.header .tagline	{
	width: 421px;
	height: 78px;
	background-image: url(../images/logo-tagline.png);
	position: absolute;
	top: 21px;
	left: 558px;
	text-indent: -8989px;
}
#site-logo {
    display:block;
    height:155px;
    width:250px;
}
#site-email {
position: absolute;
top: 68px;
left: 741px;
height: 40px;
width: 240px;
background-color: transparent;
}

.nav		{ height: 35px; clear: both; padding: 0; margin: 0; position: relative; z-index: 100; }
.nav ul		{ position: absolute; z-index: 100; }
.nav li		{ height: 35px; position:  relative; margin-right: 1px; float: left; }
.nav li a	{ height: 35px; display: block; text-indent: -8989px; }
.nav li a#home			{ width: 110px; background-image: url(../images/nav-home.png); margin-left: 31px }
.nav li a#foundation	{ width: 139px; background-image: url(../images/nav-foundation.png); }
.nav li a#blog			{ width: 83px; background-image: url(../images/nav-blog.png); }
.nav li a#media			{ width: 162px; background-image: url(../images/nav-media.png); }
.nav li a#touched		{ width: 190px; background-image: url(../images/nav-touched.png); }
.nav li a#lend			{ width: 154px; background-image: url(../images/nav-lend.png); }

.content			{ background-repeat: repeat-y; clear: both; position: relative; top:-2px; }
.content#home		{ background:none }
.content#foundation	{ background-image: url(../images/content-bg-foundation.png); }
.content#blog		{ background-image: url(../images/content-bg-blog.png); }
.content#media		{ background-image: url(../images/content-bg-media.png); }
.content#touched	{ background-image: url(../images/content-bg-touched.png); }
.content#lend		{ background-image: url(../images/content-bg-lend.png); }

.content .bg-overlay	{ background: repeat-x top left; padding: 0 16px 0px; background-color: #FFF; position: relative; }
.content#home		.bg-overlay		{ background:none; }
.content#foundation	.bg-overlay		{ background-image: url(../images/content-bg-overlay-foundation.png); }
.content#blog		.bg-overlay		{ background-image: url(../images/content-bg-overlay-blog.png); }
.content#media		.bg-overlay		{ background-image: url(../images/content-bg-overlay-media.png); }
.content#touched	.bg-overlay		{ background-image: url(../images/content-bg-overlay-touched.png); }
.content#lend		.bg-overlay		{ background-image: url(../images/content-bg-overlay-lend.png); }

.content-header		{ height: 23px; clear: both; position: relative; }
.content#home		.content-header	{ background: url(../images/content-header-home.png); }
.content#foundation	.content-header	{ background: url(../images/content-header-foundation.png); }
.content#blog		.content-header	{ background: url(../images/content-header-blog.png); }
.content#media		.content-header	{ background: url(../images/content-header-media.png); }
.content#touched	.content-header	{ background: url(../images/content-header-touched.png); }
.content#lend		.content-header	{ background: url(../images/content-header-lend.png); }

.banner-photo	{ width: 876px; height: 360px; padding-bottom: 20px; clear: both; background-repeat: no-repeat; position: relative; }
.content#home		.banner-photo		{ background-image: url(../images/banner-photo-home.jpg); }
.content#foundation	.banner-photo		{ background-image: url(../images/banner-photo-foundation.jpg); }
.content#blog		.banner-photo		{ background-image: url(../images/banner-photo-media.jpg); }
.content#media		.banner-photo		{ background-image: url(../images/banner-photo-media.jpg); }
.content#lend		.banner-photo		{ background-image: url(../images/banner-photo-lend.png); }

.column					{ position: relative; }
.column#home			{ width: 518px; float: left; }
.column#home-sidebar	{ width: 342px; float: right; }
.column#page			{ width: 618px; float: left; }
.column#page-sidebar	{ width: 242px; float: right; }
.column#profile			{ width: 278px; float: left; margin-right: 14px; }
.column#home-videos		{ }
	
.content .column .box		{ background-color: #FFFFFF; padding: 22px; margin-bottom: 17px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.content .column .box2		{ background-color: #FFFFFF; padding: 0px; margin-bottom: 0px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.content .column .box#events	{ margin-bottom: 0; }
.content .column#home .box		{ padding: 22px 30px; }
.content .column#page .box		{ padding: 22px 30px; }
.content .column#profile .box	{ padding: 14px 16px 22px; }

.content .column#home .box #post-excerpt-holder		{ overflow: hidden; position: relative; }	
.content .column#home .box .post-excerpt			{ position: relative; }
.content .column#page .box .post	{ padding-bottom: 20px; }
.content a.donate-button { background: url(../images/donate-button2.png) no-repeat bottom; width: 213px; height: 96px; position: relative; left: -15px; display: block; text-indent: -8989px; padding-top: 18px; }



.footer .footer-content	{ background: url(../images/footer_slice2012.png) repeat-x ; height: 112px; width: 100%; position: absolute; bottom: -40px; text-align:center;}
.footer .footer-text p { width: 960px; margin: 0 auto; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-decoration:none;  }
.footer .footer-text a { width: 960px; margin: 0 auto; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-decoration:none;  }
.footer .footer-text a:hover { color:#F00;  }

.footer2 .footer2-content	{ background: url(../images/footer2_slice2012.png) repeat-x ; height: 260px; width: 100%; position: absolute; bottom: -20px; text-align:center;}
.footer2 .footer2-text p { width: 960px; margin: 0 auto; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-decoration:none; text-align:center; }
.footer2 .footer2-text a { width: 960px; margin: 0 auto; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;  text-decoration:none; text-align:center; }
.footer2 .footer2-text a:hover { color:#F00;  }

.lend-link	 	{ color: #ffffff; font-size: 12px; text-decoration: none; font-weight:bold;  }



/* carousel */
.carousel {width:940px; margin:0 auto; position:relative; overflow:hidden; height:262px; padding:0px 40px 0; background:url(../images/carousel_bg.png) no-repeat 50% 0%; margin:0px -30px 0}
.wide .carousel, .wide_alternative .carousel {width:940px; margin:0 auto; position:relative; overflow:hidden; height:402px; padding:28px 40px 0; background:url(../images/carousel_bg.png) no-repeat 50% 0%; margin-top:-28px}
.slider {display:none; height:344px}
.wide .slider {display:none; height:344px;}
#prev2 {position:absolute; left:32px; top:169px; width:38px; height:62px; background:url(../images/arrow.gif) repeat 0% 0%; z-index:150}
#prev2:hover {background:url(../images/arrow.gif) repeat 100% 0%;}
#next2 {position:absolute; right:32px; top:169px; width:38px; height:62px; background:url(../images/arrow.gif) repeat 100% 100%; z-index:150}
#next2:hover { background:url(../images/arrow.gif) repeat 0% 100%;}



#nav { display:none; overflow:hidden; text-align:center; padding:8px 0 30px }
	#nav a {display:none;  background:url(../images/slider_dot.png) repeat 0% 0%; width:8px; height:8px; text-indent:-9000px; margin-right:4px }
	#nav a:hover, .activeSlide {display:none; background:url(../images/slider_dot.png) repeat 100% 0% !important; width:8px; height:8px;}

/* TEMP hide
	#nav { overflow:hidden; text-align:center; padding:8px 0 30px }
	#nav a {display:inline-block;  background:url(../images/slider_dot.png) repeat 0% 0%; width:8px; height:8px; text-indent:-9000px; margin-right:4px }
	#nav a:hover, .activeSlide {background:url(../images/slider_dot.png) repeat 100% 0% !important; width:8px; height:8px;}
	*/
/* carousel */
