/*
/////SOCIAL THINKER
		by Alex Schemagin
		for http://www.socialthinker.org
		www.countereverything.com
	 
/////COLOR KEY:
	 	Orange: #fe4902;
	 	Dark Gray: #2e2e2e;
	 	Light Gray: #5e5d5d;
	 	Blue: #3680a1;
	 	Dark Red: #64291a;
*/


* 									{ margin:0; padding:0; }
body								{ color:#666; font:10px Helvetica, Sans-Serif; letter-spacing:0px;}
body2								{ color:#666; font:1.56em Georgia, Times New Roman, Serif; font-style:italic; letter-spacing:0px; line-height:1.4em;} 
#page-wrap							{ width: 900px; margin:0px auto; } 
a {
	color:#F57002;
	text-decoration:none;
	font-weight:normal;
	border-bottom-width:1px;
	border-bottom-style:none;
	border-bottom-color:#666;
}
ul									{ list-style: none; }
p                                   { color:#666; font:11px Verdana, Sans-Serif; letter-spacing:0px; line-height:1.4em; margin:15px 0px; }
.clear 								{ clear:both; }


/*
/////TYPE
*/

h1 {
color:#64291A;
font-family:"Garamound", Serif;
font-size:9px;
font-weight:normal;
font-style:normal;
float:right;
line-height:25px;
letter-spacing:4px;
margin:0px 0px 0px 4px;
text-transform:uppercase;
}

h2 {
color:#2E2E2E;
font-family:"Gill Sans", Verdana;
font-size:10px;
font-weight:normal;
float:left;
line-height:30px;
letter-spacing:2px;
margin:0px 0px 0px 4px;
text-transform:uppercase;
}

h3{
background-color:#666;
color:#FFF;
font-family:"Georgia", Helvetica, Arial, sans-serif;
font-size:22px;
font-weight:normal;
letter-spacing:-0.02em;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 10px;
text-align:left;
}

h5 {
font-family:Georgia, serif;
color:#3B200F;
font-size:11px;
font-weight:normal;
line-height:125%;
text-align:left;
}

h6 {
font-family:Georgia, serif;
color:#3B200F;
font-size:16px;
font-weight:bold;
line-height:125%;
text-align:left;
}


/*
/////BEGIN CHECKLIST
*/

.checklist {
	margin-bottom:1em;
	list-style-type:none;
	padding-left:5px;
	color:#666;
	font:11px Verdana, Sans-Serif;
	letter-spacing:0px;
	line-height:1.4em;
	margin:15px 0px;
}

.checklist li {
	background-image:url("../images/bullet01.gif");
	background-repeat:no-repeat;
	background-position:0 0.3em;
	margin:0 0 0.3em 5px;
	padding:0 0 0 20px
}

/*
/////END CHECKLIST
*/


/*
/////TOP NAVIGATION
*/

#topNavWrap							{ position:absolute; top:0px; right:195px; width:900px; height:80px; }			  
#topNav								{ position:absolute; top:0px; right:195px; width:900px; list-style:none; }
#topNav li							{ float:right; margin-left:1px; }
#topNav li a						{ display:block; padding:2px 5px; color:#FFF; background:#CCC; 
									  text-decoration: none; font-family: "Helvetica", Arial, Sans-Serif;
									  font-size:9px; background:#CCC; }
#topNav li a:hover          		{ background:#333; }									  


/* 
/////MAIN NAVIGATION, LEVEL ONE
*/

ul.dropdown                         { position:relative; }
ul.dropdown li                      { font-size:11px; float:left; background:#FFF; }
ul.dropdown a:hover		            { color: #FFF; }
ul.dropdown a:active                { color: #CCC; }
ul.dropdown li a                    { display: block; padding: 8px 10px; border-right: 1px solid #CCC;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #666; color: #FFF; position: relative; }
ul.dropdown li.hover a              { color:#FFF; }


/* 
/////DONATE NOW
*/

div.nav_donate { width: 180px; height: 31px; margin: 0px; background: url("../images/donatenow.gif") 0px -29px no-repeat; float: right; }
div.nav_donate a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/donatenow.gif") top left no-repeat; }
div.nav_donate a:hover { background-image: none; }
div.nav_donate_on { width: 180px; height: 31px; margin: 0px; background: url("../images/donatenow.gif") 0px -31px no-repeat; }

div.nav_seecc { width: 130px; height: 19px; margin: 0px; background: url("../images/seecurrentcause.gif") 0px -16px no-repeat; float: left; }
div.nav_seecc a { display: block; margin: 0; padding: 0; border-bottom:none; width: 100%; height: 100%; overflow: hidden; background: url("../images/seecurrentcause.gif") top left no-repeat; }
div.nav_seecc a:hover { background-image: none; }
div.nav_seecc_on { width: 130px; height: 19px; margin: 0px; text-decoration:none; background: url("../images/seecurrentcause.gif") 0px -16px no-repeat; }

div.nav_facebook { width: 77px; height: 19px; margin: 0px; background: url("../images/link_fb.gif") 0px -16px no-repeat; float: left; }
div.nav_facebook a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_fb.gif") top left no-repeat; }
div.nav_facebook a:hover { background-image: none; }
div.nav_facebook_on { width: 77px; height: 19px; margin: 0px; background: url("../images/link_fb.gif") 0px -16px no-repeat; }

div.nav_myspace { width: 73px; height: 19px; margin: 0px; background: url("../images/link_ms.gif") 0px -16px no-repeat; float: left; }
div.nav_myspace a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_ms.gif") top left no-repeat; }
div.nav_myspace a:hover { background-image: none; }
div.nav_myspace_on { width: 73px; height: 19px; margin: 0px; background: url("../images/link_ms.gif") 0px -16px no-repeat; }

div.nav_georges { width: 130px; height: 19px; margin: 0px; background: url("../images/link_georgesschemagin.gif") 0px -16px no-repeat; float: left; }
div.nav_georges a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_georgesschemagin.gif") top left no-repeat; }
div.nav_georges a:hover { background-image: none; }
div.nav_georges_on { width: 130px; height: 19px; margin: 0px; background: url("../images/link_georgesschemagin.gif") 0px -16px no-repeat; }

div.nav_erica { width: 102px; height: 19px; margin: 0px; background: url("../images/link_ericazelenak.gif") 0px -16px no-repeat; float: left; }
div.nav_erica a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_ericazelenak.gif") top left no-repeat; }
div.nav_erica a:hover { background-image: none; }
div.nav_erica_on { width: 102px; height: 19px; margin: 0px; background: url("../images/link_ericazelenak.gif") 0px -16px no-repeat; }

div.nav_email { width: 164px; height: 19px; margin: 0px; background: url("../images/link_emailinfoat.gif") 0px -16px no-repeat; float: left; }
div.nav_email a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_emailinfoat.gif") top left no-repeat; }
div.nav_email a:hover { background-image: none; }
div.nav_email_on { width: 164px; height: 19px; margin: 0px; background: url("../images/link_merch.gif") 0px -16px no-repeat; }

div.nav_merch { width: 96px; height: 19px; margin: 0px; background: url("../images/link_merch.gif") 0px -16px no-repeat; float: left; }
div.nav_merch a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_merch.gif") top left no-repeat; }
div.nav_merch a:hover { background-image: none; }
div.nav_merch_on { width: 96px; height: 19px; margin: 0px; background: url("../images/link_merch.gif") 0px -16px no-repeat; }

div.nav_donate2 { width: 90px; height: 19px; margin: 0px; background: url("../images/link_donate.gif") 0px -16px no-repeat; float: left; }
div.nav_donate2 a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_donate.gif") top left no-repeat; }
div.nav_donate2 a:hover { background-image: none; }
div.nav_donate2_on { width: 90px; height: 19px; margin: 0px; background: url("../images/link_donate.gif") 0px -16px no-repeat; }

div.nav_causes { width: 155px; height: 19px; margin: 0px; background: url("../images/link_causes.gif") 0px -16px no-repeat; float: left; }
div.nav_causes a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_causes.gif") top left no-repeat; }
div.nav_causes a:hover { background-image: none; }
div.nav_causes_on { width: 155px; height: 19px; margin: 0px; background: url("../images/link_causes.gif") 0px -16px no-repeat; }

div.nav_events { width: 108px; height: 19px; margin: 0px; background: url("../images/link_events.gif") 0px -16px no-repeat; float: left; }
div.nav_events a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: url("../images/link_events.gif") top left no-repeat; }
div.nav_events a:hover { background-image: none; }
div.nav_events_on { width: 108px; height: 19px; margin: 0px; background: url("../images/link_events.gif") 0px -16px no-repeat; }


/*
/////CONTENT SECTION
*/

.section {
	border-bottom:#CCC solid 1px;
	margin:-10px 0px 0px 0px;
	padding-bottom:10px;
	height:26px;
	width:900px;
}


/*
/////MODS
*/

.mod_wrapper { 
	margin:30px 0 0 0;
	padding:0 0 10px 0;
}

.mod_intro {
	margin:0px 0px 40px 4px;
	width:900px;
}

.mod_1 {
	height:300px;
	width:260px;
	margin-bottom:10px;
	padding-left:9px;
	padding-right:22px;
	margin-right:10px;
	border-right:#CCC solid 1px;
	float:left;
}

.mod_2 {
	height:300px;
	width:260px;
	margin-bottom:10px;
	padding-left:0px;
	padding-right:22px;
	margin-left:15px;
	margin-right:15px;
	border-right:#CCC solid 1px;
	float:left;
}

.mod_3 {
	height:300px;
	width:260px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
	border-right:none;
	float:left;
}

.mod_3about {
	height:300px;
	width:260px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:0px;
	margin-right:0px;
	border-right:none;
	float:right;
}

.mod_4 {
	width:520px;
	margin-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	margin-right:5px;
	border-right:none;
	float:left;
}

.mod_4 h3 {width: 225px;}
.mod_4 p {line-height: 1.5em;}

.mod_4f {
	width:520px;
	margin-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	margin-right:5px;
	border-right:none;
	float:left;
}
.mod_4f h3 { width: 340px; }
.mod_4f p { line-height: 1.5em; }

.mod_4e {
	width:520px;
	margin-bottom:10px;
	padding-right:10px;
	margin-right:5px;
	border-right:none;
	float:left;
}
.mod_4e h3 { width: 340px; }
.mod_4e p { line-height: 1.5em; }

.mod_5 { /*skinny breakup column*/
	width: 60px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-bottom:400px;
	padding-right:10px;
	margin-right:5px;
	border-right:none;
	float:left;
}

.partners-bars {
	width:430px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	border-right:#CCC 1px solid;
}

.partners-restaurants {
	width:430px;
	margin:0;
	padding:0;
	float:left;
	border-top:#CCC 1px dashed;
}

.partners-entry {
	height:170px;
	width:430px;
	margin:0 0 30px 0;
	padding:0;
	border-bottom:#CCC 1px dashed;
}
.partners-entry img {
	margin:0;
	padding:0 0 10px 0;
}


.title-about {
	background:transparent url(../images/title-about.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-causes {
	background:transparent url(../images/title-causes.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-causes-index {
	background:transparent url(../images/title-causes.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0 0 10px 0;
}
.title-contact {
	background:transparent url(../images/title-contact.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-events {
	background:transparent url(../images/title-events.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-funding {
	background:transparent url(../images/title-funding.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-partners {
	background:transparent url(../images/title-partners.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0;
}
.title-partners-index {
	background:transparent url(../images/title-partners-home.gif) no-repeat scroll;
	height:40px;
	margin:0;
	padding:0 0 10px 0;
}
.title-team {
	background:transparent url(../images/title-theteam.gif) no-repeat scroll;
	height:46px;
	margin:0;
	padding:0;
}
.title-join {
	background:transparent url(../images/title-join.gif) no-repeat scroll;
	height:46px;
	margin:0;
	padding:0;
}
.title-bars {
	background:transparent url(../images/title-bars.gif) no-repeat scroll;
	height:25px;
	width:430px;
	margin:30px 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:2px #CCC solid;
}
.title-restaurants {
	background:transparent url(../images/title-restaurants.gif) no-repeat scroll;
	height:25px;
	width:430px;
	margin:30px 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:2px #CCC solid;
}
/*
/////FOOTER
*/

div.footer {
	float:left;
	width:100%;
	background-color:#F4F4F4;
	height:200px;
	padding-top:20px;
	margin:10px 0 0 0;
	border-top:1px #CCC solid;
}

div.footerInner img {
	float:left;
	padding-left:15px;
	padding-right:5px;
}

div.footerInner {
	float:left; 
	width:560px;
	margin:0px;
}

div.footerInner2 {
	float:right;
	width:200px;
	margin:0 10px 0 0;
}

div.footerInner2 img {
	float:right;
	padding-left:15px;
	padding-right:20px;
	padding-bottom:20px;	
}

div.footerInner p {
	color:#999999;
	padding-left:12px;
	width:420px;
	float:left;
	padding:0px;
	margin:0 0 0 10px;
	font-size:11px;
	line-height:1.3em;
	height:180px;
}

div.footer div.footerInner div p a {
	color:#F57002;
	background:url(../images/divider_footer.gif) 100% 3px no-repeat;
	padding-right: 5px;
}

/*
/////LIGHTBOX
*/

#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;
	border-bottom:none;
}

/*
/////TOOLTIP
*/

a:hover { text-decoration:none; }
a.tooltip span { display:none; padding:5px; margin:1px 0 0 0px; width:150px; }
a.tooltip:hover span{ display:inline; position:absolute; background:#ffffff; border:1px solid #FF6600; color:#6c6c6c; border-left:none; }

a.tooltip2 span { font-size:11px; display:none; padding:5px; margin:0px 0 0 10px; width:150px; }
a.tooltip2:hover span{ font-size:11px; display:inline; position:absolute; background:#ffffff; border:1px solid #FF6600; color:#6c6c6c; }


/* Twitter Updates 
=========================================== */

#twitter_div {
	}

#twitter_div h3.sectionHeader {
	height: 15px;
	padding: 5px 0 5px 35px; }

ul#twitter_update_list {
	background: #fff;
	padding: 5px 5px;
	list-style: none;
	margin: 0px 0;
	height: 200px;
	width: 260px;
	overflow: auto; }

ul#twitter_update_list li {
	display:block;
	font:normal 11px/18px Georgia, Times New Roman, Times, serif, serif;
	color: #272727;
	font-style: none;
	height:auto;
	margin-left: -8px;
	min-height:1em;
	padding:6px 7px;
	border-bottom:1px dotted #999999; }

ul#twitter_update_list li:hover { background: #ededed; }
ul#twitter_update_list li a { font-family: Arial, Helvetica, Verdana, sans-serif; }
#twitter_div .leadOut { padding-top: 5px; }

/* Twitter Aggregator (Section Fronts)
================================================= */

.query .tweet_list .tweet_avatar img {
	float:left;
	margin-right: 5px; }
	
ul#twitter_update_list li.tweet_even,
ul#twitter_update_list li.tweet_odd {
	clear: both;
	min-height: 32px; }
	
#twitter_div .introText {
	margin-top: 5px;
	font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif; }
	
#twitter_div a:hover img { border-bottom: none; }
	
#twitter_div .loading {
	position: relative;
	top: -125px;
	height: 20px;
	background-position: 16% 0%; }
	
.loading {
	text-align: center;
	color:#666;
	font-size: 11px; }
	

/* Twitter Aggregator - Full page
================================== */


#twitter_div.nineCol .query ul.tweet_list {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #999;
  width: 260px; }
  
#twitter_div.nineCol .query .tweet_list li {
	clear: both;
    padding: 9px 7px;
    min-height: 40px; }
     
#twitter_div.nineCol .query .tweet_list .tweet_even { background-color: #FFF; }
 
#twitter_div.nineCol .query .tweet_list .tweet_odd { background-color: #EBF4FB; }
 
#twitter_div.nineCol .tweet_text {
	font:normal 13px/17px Georgia, Times, Times New Roman, sans-serif;
	color: #272727; }   
	
#twitter_div.nineCol .loading {
	position: relative;
	height: 20px;
	background-position: 16% 0%; }


	
.repeat, .repeat:visited {
	background: #666 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #FFF; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer; }

	.repeat:hover									{ background-color: #555; color: #FFF; }
	.repeat:active									{ top: 1px; }
	.small.repeat, .small.repeat:visited 			{ font-size: 11px; }
	.repeat, .repeat:visited,
	.medium.repeat, .medium.repeat:visited 			{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.repeat, .large.repeat:visited 			{ font-size: 16px; padding: 8px 14px 9px; }
	
	.blue.repeat, .blue.repeat:visited				{ background-color: #8DC0C2; }
	.blue.repeat:hover								{ background-color: #86B6B8; }
	
	.blue2.repeat, .blue2.repeat:visited			{ background-color: #3B5998; }
	.blue2.repeat:hover								{ background-color: #37538C; }
	
	.orange.repeat, .orange.repeat:visited			{ background-color: #F57002; }
	.orange.repeat:hover							{ background-color: #E06702; }
