/*  

Theme Name: Warm Current

Theme URI: http://www.warmcurrent.org

Description: Custom theme for A Warm Current

Version: 1.0

Author: Ward Gross

Author URI: http://www.neonbrowndesign.com



*/



body, h1, h2, h3, h4, h5, h6, blockquote, p {

	margin: 0;

	padding: 0;

}



body {

	margin: 0;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 14px;

	text-align: center;

	vertical-align: top;

	background: #ffffff;

	color: #777777;

	background-image: url(images/main-bg.jpg);

	background-position: top center;

	background-repeat: repeat-x;

}



h1 {

	font-size: 30px;

	padding: 0 0 10px 0:

}



img {

    border: none;

}



#wrapper {

	text-align: left;

	width: 960px;

	height: 100%;

	margin: 0 auto 0 auto;

}



#header {

	width: 960px;

	height: 128px;

	background-image: url(images/header-bg.jpg);

	background-position: top right;

	background-repeat: no-repeat;

}



#main-logo {

	margin: 10px 0 0 35px;

	float: left;

}



#header h1 {

	font-size:6px;

	display: none;

}



#footer-wrapper {

	width: 100%;

	margin: 0 auto 0 auto;

	text-align: left;

}



#footerOne {

	width: 960px;

	margin: 10px auto 0 auto;

	clear: both;

}



#footerTwo {

	width: 960px;

	margin: 10px auto 0 auto;

	clear: both;

}



/**********************************************************************************

HYPERLINKS START   ****************************************************************

**********************************************************************************/

a:link, a:active, a:visited {

	color: #f36f21;

	text-decoration: none;

}



a:hover {

	color: #c82032;

	text-decoration:

}



	

/**********************************************************************************

HYPERLINKS END  *******************************************************************

**********************************************************************************/

	

	

/**********************************************************************************

GENERAL ELEMENTS START   **********************************************************

**********************************************************************************/



.black-bar {

	width: 960px;

	height: 6px;

	background-color: #000000;

	clear: both;

}



.black-bar-footer {

	width: 100%;

	height: 6px;

	background-color: #000000;

	clear: both;

}



.clear {

	clear: both;

}



.divider {

	background-image: url(images/divider-line.jpg);

	background-position: top center;

	background-repeat: no-repeat;

	width: 960px;

	height: 1px;

	margin-top: 18px;

	margin-bottom: 18px;

	clear: both;

}



.divider-short {

	background-image: url(images/divider-line-short.jpg);

	background-position: top center;

	background-repeat: no-repeat;

	width: 630px;

	height: 1px;

	margin-top: 18px 0 18px 0;

	clear: both;

}



.title-bar-text {

	font-family: Helvetica, Arial, sans-serif;

	color: #ffffff;

	font-size: 26px;

	margin: 1px auto auto 35px;

}



.bold-text {

	font-weight: bold;	

}



.recent-donations-home{

	float: left;

	width: 460px;

	margin: 0 5px 18px 15px;

}



.news-home {

	float: left;

	width: 460px;

	margin: 0 5px 18px 15px;

}



.twoSplitLeft {

	float: left;

	width: 460px;

	margin: 0 5px 18px 15px;

}



.twoSplitRight {

	float: left;

	width: 460px;

	margin: 0 15px 18px 5px;

}



.threeSplitLeft {

	width: 305px;

	float: left;

	margin: 10px 5px 10px 15px;

}



.threeSplitMiddle {

	width: 300px;

	float: left;

	margin: 10px 5px 10px 5px;

}



.threeSplitRight {

	width: 305px;

	float: left;

	margin: 10px 15px 10px 5px;

}



.titleBarDonations {

	width: 445px;

	height:25px;

	margin-right: 15px;

	margin-bottom: 2px;

	float: left;

	background-image: url(images/bar-donations.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



.titleBarNews {

	width: 445px;

	height:25px;

	margin-right: 15px;

	margin-bottom: 12px;

	float: left;

	background-image: url(images/bar-news.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



.page-title-wrapper {

	width: 910px;

	height: 40px;

	float: left;

	clear: both;

	margin: 0 0 15px 25px;

}



#post-nav-left {

	float: left;

}



#post-nav-right {

	float: left;

	margin-left: 25px;

}



.navigation {

	margin: 20px 0 20px 0;

}



.breadcrumb {

	margin: 30px 0 8px 30px;	

}







/**********************************************************************************

GENERAL ELEMENTS END   ************************************************************

**********************************************************************************/





/**********************************************************************************

FOOTER START   ********************************************************************

**********************************************************************************/

#home-donate-button {

		width: 132px;

		height: 29px;

		margin: 25px auto 10px auto;

}



.titleBarDonate {

	width: 290px;

	height: 25px;

	float: left;

	margin: 0 5px 10px 10px;

	background-image: url(images/bar-donate.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



.titleBarPhotos{

	width: 290px;

	height: 25px;

	float: left;

	margin: 0 5px 10px 5px;

	background-image: url(images/bar-photos.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



.titleBarBlog {

	width: 290px;

	height: 25px;

	float: left;

	margin: 0 10px 10px 5px;

	background-image: url(images/bar-blog.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



.third-text {

	width: 270px;

	margin: 0 auto 0 auto;

}



.third-text h2{

	font-size: 16px;

	font-weight: normal;

}



.third-text h2 a:link, .third-text h2 a:active, .third-text h2 a:visited {

	color: #777777;

}



.third-text h2 a:hover {

	color: #c82032;

}



.threeSplitMiddle a:link, .threeSplitMiddle a:active, .threeSplitMiddle a:visited {

	color: #149eda;

}



.threeSplitMiddle a:hover {

	color: #c82032;	

}



#footerOne .post-date {

	color: #f36f21;

	font-size: 10px;

	font-weight:normal;

}



#footerOne .post {

	margin-bottom: 5px;	

}



#social-wrapper {

	width: 630px;

	height: 35px;

	margin: 10px auto 15px auto;

}



#social-wrapper p {

	float: left;

	font-size:13px;

	padding-top: 9px;

	padding-left: 6px;

	padding-right: 25px;

}



.social-block {

	height: 35px;

	float: left;

	vertical-align: middle;

}



#social-wrapper a:link, #social-wrapper a:active, #social-wrapper a:visited {

	color: #999999;

	font-weight: normal;

}



#social-wrapper a:hover {

	color: #555555;	

	font-weight: normal;

}



#footer-map {

	margin: 8px 0 0 65px; ;	

}

/**********************************************************************************

FOOTER END   **********************************************************************

**********************************************************************************/





/**********************************************************************************

HOME PAGE START   *****************************************************************

**********************************************************************************/

#main-banner {

	height: 300px;

	width: 930px;

	margin: 20px auto 10px auto;

	border: thin solid #ffffff;

	background-image: url(http://www.warmcurrent.org/wp-content/uploads/2011/06/Homepage.jpg);

	background-position: top left;

	background-repeat: no-repeat;
        
        display: block;

}


.banner-text {

	width: 260px;

	height: 205px;

	margin-top: 45px;

	margin-left: 20px;

	color: #312c86;

	font-weight: bold;

	font-size: 18px;

        visibility: hidden;

}



#under-banner-text {

	width: 900px;

	margin:  0 0 20px 30px;

	line-height: 20px;

}



#under-banner-text p {

	padding-top: 10px;	

}

.under-banner-text {

line-height:20px;

}

.recent-donations {

	width: 446px;

	height: 40px;

	overflow: hidden;

	float: left;

	clear: right;

	background-image: url(images/donations-bg.jpg);

	background-position:top left;

	background-repeat: no-repeat;

}



.recent-donations-home a:link,

.recent-donations-home a:active,

.recent-donations-home a:visited {

	text-decoration: none;

	color: #149eda;

	font-size: 12px;

}



.recent-donations-home a:hover {

	color: #f36f21;	

}



.recent-donations-home p {

	margin: 13px 0 0 16px;

	color: #888888;

}



.home-donator {

	float: left;

	width: 318px;

	overflow: hidden;

}



.home-donation {

	float: left;

	width: ;

	overflow: hidden;

}



.news-arrow {

	width: 18px;

	height: 17px;

	float: left;

	margin-left: 5px;

	margin-right: 8px;

	background-image: url(images/news-arrow);

	background-position: top left;

	background-repeat: no-repeat;

}



.news-home .post-date {

	margin-left: 35px;

	margin-bottom: 8px;

	color: #f36f21;

	font-size: 10px;

	font-weight:normal;

}



.news-home h2{

	font-size: 16px;

	font-weight: normal;

}



.news-home h2 a:link, .news-home h2 a:active, .news-home h2 a:visited {

	color: #777777;

}



.news-home h2 a:hover {

	color: #c82032;

}



#tweet-face-wrapper {

	width: 960px;	

}



#tweet-wrapper {

	width: 575px;

	float: left;

	margin: 18px 0px 18px 0px;

}



#tweet-mug {

	float: left;

	margin-left: 25px;

}



#tweet-text {

	float: left;

	overflow: hidden;

	width: 480px;

	margin-left: 15px;

}



#tweet-text p {

	font-size: 13px;	

}



#home-like-wrapper {

	float: left;

	width: 385px;

	margin: 22px 0 18px 0;

}

/**********************************************************************************

HOME PAGE END   *******************************************************************

**********************************************************************************/



/**********************************************************************************

WORK PAGES START   ****************************************************************

**********************************************************************************/

#work-content {

	width: 960px;

	margin-top: 18px;

	margin-bottom: 18px;

}



#work-content p {

	font-size: 16px;

	color: #666666;

	margin: 0 0 10px 0;

}



#work-content h2 {

	font-size: 20px;

	color: #c82032;

	font-weight: bold;

	margin: 0 0 8px 0;

}



.work-button {

	width: 249px;

	height: 29px;

	background-image: url(images/location-button.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	text-align: center;

}



#work-content .work-button a:link, #work-content .work-button a:active, #work-content .work-button a:visited {

	color: #fffff0;	

	font-size: 16px;

	font-weight: bold;

	line-height: 30px;

}



#work-content a:hover {

	color: #c82032;	

}



.partner-wrapper {
	width: 935px;
	margin: 0 0 15px 25px;
}

.partner-logo {
	float: left;
	padding: 2px;
	margin: 5px 15px 20px 5px;
	border: thin solid #dddddd;
}

.partner-text {
	float: left;
	width: 770px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.partner-text h3 {
	color: #555555;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.partner-text p {
	color: #777777;
	font-size: 14px;
	font-weight: normal;
}

#work-content .partner-text a:link, #work-content .partner-text a:active, #work-content .partner-text a:visited {
	color: #149eda;	
	font-size: 14px;
}

#work-content .partner-text a:hover {
	color: #c82032;	
}

.location {
	width: 900px;
	clear: both;
	margin: 0 0 15px 35px;
}

.location-image {
	float: left;
	margin: 10px 10px 15px 0;
	overflow: hidden;
	border: thin solid #444444;
}

.location-text {
	float: left;
	margin: 15px 0 0 0;
	width: 650px;
}

.partner-location-title {
	margin-left: 50px;	
}

#work-map {
	float: left;
	margin: 0 0 15px 25px;
}

#work-top-text {
	width: 535px;
	float: left;
	margin: 0 0 0 25px;
}

/**********************************************************************************

WORK PAGES END   ******************************************************************

**********************************************************************************/



/**********************************************************************************

ABOUT PAGES START   ***************************************************************

**********************************************************************************/

#about-content {

	width: 960px;

	margin-top: 18px;

	margin-left: 0px;

	margin-bottom: 18px;

	font-size: 16px;

}



#about-content a:link, #about-content a:active, #about-content a:visited {

	color: 	#c82032;

	font-size: 20px;

	font-weight: bold;

}



#about-content a:hover {

	color: #444444;	

}



#about-content p {

	font-size: 16px;

	color: #666666;

	margin: 0 0 10px 0;

}



#about-content h2 {

	font-size: 20px;

	color: #c82032;

	font-weight: bold;

	margin: 0 0 8px 0;

}



.about-button {

	width: 249px;

	height: 29px;

	background-image: url(images/location-button.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	text-align: center;

}



#about-content .about-button a:link, #about-content .about-button a:active, #about-content .about-button a:visited {

	color: #fffff0;	

	font-size: 16px;

	font-weight: bold;

	line-height: 30px;

}



#about-content .about-button a:hover {

	color: #444444;	

}



#about-content a:link, #about-content a:active, #about-content a:visited {

	color: #149eda;

	font-size: 14px;

	font-weight: normal;

}



#about-content a:hover {

	color: #c82032;	

}



#about-content .post h2 a:link, #about-content .post h2 a:active, #about-content .post h2 a:visited {

	color: #c82032;	

	font-size: 20px;

	font-weight: bold;

	text-decoration: none;

}



#about-content .post h2 a:hover {

	color: #444444;	

}



.the-more-tag {

	color: #149eda;

	font-size: 13px;

}



#about-content .post {

	margin-left: 35px;	

	width: 890px;

}



#about-content .entry {

	margin: 0 0 0 15px;	

}



#event-post-container h2 {

	color: #444444;

	font-size: 20px;

	font-weight: bold;

}



.event-title{

	color: #444444;

	font-size:22px;

	font-weight: bold;

	margin: 0 0 20px 30px;

}



#event-post-container a:link, #event-post-container a:active, #event-post-container a:visited {

	color: #149eda;	

	font-size: 14px;

	font-weight: bold;

	text-decoration: none;

}



#event-post-container a:hover {

	color: #444444;	

}



/**********************************************************************************

ABOUT PAGES START   ***************************************************************

**********************************************************************************/





/**********************************************************************************

BLOG PAGES START   ****************************************************************

**********************************************************************************/

#blog-content {

	width: 635px;

	float: left; 

	margin: 15px 0 15px 15px;	

}



#blog-content .post {	

	margin-bottom: 15px;

}	



#blog-content h2 a:link, #blog-content h2 a:active, #blog-content h2 a:visited {

	color: #c82032;

	font-size: 20px;

	font-weight: bold;

	}

	

#blog-content h2 a:hover {

	color: #444444;	

}



#blog-content .entry {

	margin-left: 15px;

}

#blog-content .entry p {
	line-height: 18px;
	margin-bottom: 20px;
}



#blog-content a:link, #blog-content a:active, #blog-content a:visited {

	color: #149eda;	

}



#blog-content a:hover {

	color: #c82032;	

}



#blog-content .postmetadata {
	margin-top: 10px;
	font-size: 10px;
}

#blog-content .postmetadata p {
	font-size: 10px;	
}


#blog-sidebar {

	width: 290px;

	float: left;

	margin: 0 0 20px 0;

}



.blog-sidebar-header{

	width: 270px;

	height: 25px;

	float: left;

	margin: 15px 10px 10px 0;

	background-image: url(images/bar-photos.jpg);

	background-position: top left;

	background-repeat: no-repeat;

}



#blog-sidebar h2 {

	font-family: Helvetica, Arial, sans-serif;

	color: #ffffff;

	font-size: 16px;

	font-weight: bold;

	margin: 4px auto auto 35px;

}



#blog-sidebar ul {

	list-style: none;

	margin-left: 0px;

}



#blog-sidebar li {

	list-style: none;

	margin-left: 0px;	

}



#author-name {

	font-weight: bold;

	font-size: 16px;

	margin-bottom: 10px;

}



.social-post {

	float: left;

	width: 200px;

	margin:  10px 0 10px 0;

}



.single-social-post {

	float: left;

	width: 200px;

	margin:  20px 0 20px 0;

}



.blog-tweet {

	float: left;

}



.blog-facebook {

	float: left;

	margin: -18px 0 0 125px;

}



/**********************************************************************************

BLOG PAGES END   ******************************************************************

**********************************************************************************/





/**********************************************************************************

COMMENTS START   ******************************************************************

**********************************************************************************/

.comments-template {

	margin: 0 0 0 20px;	

}



#respond {

	margin: 10px 0 10px 0;	

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #ccc;

}



.comments-template h2, .comments-template h3{

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Helvetica, Arial, Georgia, Sans-serif;

	font-size: 12px;

}

/**********************************************************************************

COMMENTS END   ********************************************************************

**********************************************************************************/







/**********************************************************************************

GET INVOLVED PAGE STARTS   ********************************************************

**********************************************************************************/



#involved-content {

	width: 960px;

	margin-top: 18px;

	margin-bottom: 18px;

}



#involved-content p {

	font-size: 13px;

	color: #666666;

	margin: 0 0 10px 0;

}



#involved-content h2 {

	font-size: 20px;

	color: #c82032;

	font-weight: bold;

	margin: 0 0 8px 0;

}



.involved-button {

	width: 379px;

	height: 29px;

	background-image: url(images/long-button.jpg);

	background-position: top left;

	background-repeat: no-repeat;

	text-align: center;

	margin: 15px 0 20px 0;

}



#involved-content .involved-button a:link, #involved-content .involved-button a:active, #involved-content .involved-button a:visited {

	color: #fffff0;	

	font-size: 16px;

	font-weight: bold;

	line-height: 30px;

}



#involved-content .involved-button a:hover {

	color: #444444;	

}



#involved-content a:link, #involved-content a:active, #involved-content a:visited {

	color: #149eda;	

}



#involved-content a:hover {

	color: #c82032;	

}



#paypal {

	margin: 10px 0 15px 50px;	

}



#donate-address p{

	line-height: 6px;

}

/**********************************************************************************

GET INVOLVED PAGE ENDS   **********************************************************

**********************************************************************************/





/**********************************************************************************

NEWSLETTER SIGNUP START   *********************************************************

**********************************************************************************/

#newsletter-wrapper {

	width: 900px;

	margin: 10px 0 10px 25px;

}



#newsletter-wrapper input {

	width: 100px;

}



input#f-ddfs-name {

	width: 320px;

	margin: 6px 0 6px 0;

}



input#f-ddfs-email {

	width: 320px;

	margin: 6px 0 6px 0;

}



input#f-ddfs-repeat-email {

	width: 320px;

	margin: 6px 0 6px 0;

}



#newsletter-wrapper label {

	width: 180px;

	float: left;

}







.ddf label {

	font-size: 14px;

	font-weight: normal;

}



.ddf p {

	line-height: 30px;

}



#newsletter-wrapper .intro {

	font-weight: bold;

	font-size: 18px;

}



p.error {

	color: #ff0000;

}



p.success {

	font-weight: bold;

}





/**********************************************************************************

NEWSLETTER SIGNUP START   *********************************************************

**********************************************************************************/





/**********************************************************************************

FLICKR GALLERY START   ************************************************************

**********************************************************************************/

#flickr_badge_wrapper {

	padding:10px 0 10px 0;

}



#flickr_badge_wrapper p {

	font-size: 12px;

}



.flickr_badge_image {

	margin:0 10px 10px 10px;

}



.flickr_badge_image img {

	float: left;

	padding: 2px;

	margin: 4px;

	border: 1px solid;

	border-color: #dddddd;

	width: 55px;

	height: 55px;

}



#flickr_badge_source {

	text-align:left;

	margin:0 10px 0 10px;

}



#flickr_badge_wrapper a:hover img{

	border-color: #f36f21;

}



#flickr_badge_wrapper p a:link,

#flickr_badge_wrapper p a:active,

#flickr_badge_wrapper p a:visited {

	text-decoration:none !important;

	color: #149eda;

	font-size: 12px;

}



#flickr_badge_wrapper p a:hover {

	color: #f36f21;

}



/**********************************************************************************

FLICKR GALLERY END   **************************************************************

**********************************************************************************/





/**********************************************************************************

CONTACT FORM START   **************************************************************

**********************************************************************************/



.formcontainer{

	width: 800px;

	margin: 10px 0 0 30px;

	border: none;

}



.contact-form {

	border: none;

}



.formcontainer fieldset {

	margin: 10px 0 10px 0;

	border-top-width: thin;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #cccccc;

}



.formcontainer legend {

	font-weight: bold;

	color: #c82032;

	font-size: 16px;

}



.formcontainer .form-label{

	margin: 12px 0 0 0;	

}



.formcontainer .form-input {

	margin: 2px 0 0 0;

}



.information {

	font-weight: bold;	

}

/**********************************************************************************

CONTACT FORM END   ****************************************************************

**********************************************************************************/



/**********************************************************************************

MAIN NAV START   ******************************************************************

**********************************************************************************/

#main-nav {

	width: 650px;

	height:30px;

	margin-left: 32px;

	margin-bottom: 10px;

}



#main-nav ul {

	list-style: none;	

}



#navMenu{

	display: inline;

	margin: 0;

	padding: 0px;

	position: relative;

	z-index: 6;



}

#navMenu li{

	float: left;

	display: inline;

	margin-right: 20px;

}



/***************** HOME ********************/

a.navHome, a.navHome_a{

	display:block;

	float:left;

	width:76px;

	height:30px;

	background: url("images/nav-home.jpg");

	background-repeat:no-repeat;

}



a.navHome:hover{



	background: url("images/nav-home.jpg") 0 60px;

}



a.navHome_a{



	background: url("images/nav-home.jpg") 0 30px;

}





/***************** WORK ****************************/

a.navWork, a.navWork_a{

	display:block;

	float:left;

	width:73px;

	height:30px;

	background: url("images/nav-work.jpg");

	background-repeat:no-repeat;

}



a.navWork:hover{

	background: url("images/nav-work.jpg") 0 60px;

}



a.navWork_a{



	background: url("images/nav-work.jpg") 0 30px;

}





/***************** Partners ****************************/

a.navPartners, a.navPartners_a{

	display:block;

	float:left;

	width:96px;

	height:30px;

	background: url("images/nav-partners.jpg");

	background-repeat:no-repeat;

}



a.navPartners:hover{

	background: url("images/nav-partners.jpg") 0 60px;

}



a.navPartners_a{



	background: url("images/nav-partners.jpg") 0 30px;

}





/***************** ABOUT ***************************/

a.navAbout, a.navAbout_a{

	display:block;

	float:left;

	width:80px;

	height:30px;

	background: url("images/nav-about.jpg");

	background-repeat:no-repeat;

}



a.navAbout:hover{

	background: url("images/nav-about.jpg") 0 60px;

}



a.navAbout_a{

	background: url("images/nav-about.jpg") 0 30px;

}





/***************** BLOG ****************************/

a.navBlog, a.navBlog_a{

	display:block;

	float:left;

	width:66px;

	height:30px;

	background: url("images/nav-blog.jpg");

	background-repeat:no-repeat;

}



a.navBlog:hover{

	background: url("images/nav-blog.jpg") 0 60px;

}



a.navBlog_a{

	background: url("images/nav-blog.jpg") 0 30px;

}





/***************** GET INVOLVED ********************/

a.navInvolved, a.navInvolved_a{

	display:block;

	float:left;

	width:131px;

	height:30px;

	background: url("images/nav-involved.jpg");

	background-repeat:no-repeat;

}



a.navInvolved:hover{



	background: url("images/nav-involved.jpg") 0 60px;

}



a.navInvolved_a{



	background: url("images/nav-involved.jpg") 0 30px;

}



/**********************************************************************************

MAIN NAV END   ********************************************************************

**********************************************************************************/