/*







Theme Name: Strategy For Sustainability







Theme URI: http://strategyforsustainability.com/







Description: Design for Strategy For Sustainability created by SweenyVesty







Version: 1.0







Author: Douglas Blood







Author URI: http://dougblood.com/







*/















/* Default layout changes*/







body { 







	font-size: 12px;







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







	color: #464646;







	background-color: #efefef;







}







a {







	text-decoration: none;







	color: #008FD5;







}







a:hover, a:active {







	text-decoration: underline;







	color: #008FD5;







}







* { padding: 0; margin: 0; }







a img { border: none; }















.right, .alignright{







	float: right;	







}







.left, .alignleft{







	float: left;







}







.clear{







	clear: both;







	height: 1px;	







}







.doublespacer{







	border-top: 1px solid #DDD;







	border-bottom: 1px solid #DDD;







	height: 5px;	







}







hr {







	background-color:#DDD;







	border:0 none;







	color:#DDD;







	height:1px;







}







textarea, input {







	resize: none;







	font-family: Arial, Helvetica, Sans-Serif;







	font-size: 11px;







	padding-left: 5px;







	color: #AFA3A3;







}







h2{







	font-size: 16px;







	color: #008FD5;







}







#content li{







	list-style: none;







	margin: 0 0 8px 15px;







	padding-left: 20px;







	background: url(images/bullet.gif) 0px 3px no-repeat;







}







.post p{







	margin: 13px 0;	







}















h3.specialheading{







	font-size: 16px;







	color: #008FD5;	







}







/* CONTAINER  */







.custom #container {







	width: 959px;







	margin: 0 auto;







	background:none repeat scroll 0 0 #fff;







	border-color:#BBB;







	border-style:solid;







	border-width:0 2px;







}







.wrapper{







	clear:both;







}















/* Header */







#header{







	position: relative;	







}







#saatchis-link{







	display: block;







	position: absolute;







	width: 130px;







	height: 20px;







	top: 3px;







	left: 820px;	







}







#header .banner{







	background: url('images/header.jpg') no-repeat top left;







	width: 959px;







	height: 125px;







}















#headernav{







	background: url('images/menu-bg.gif') repeat-x top left;







	height: 39px;







	width: 100%;







}







#headernav ul{







	list-style: none;







}







#headernav li{







	float: left;







	border-right: 1px solid #9DCEEA;	







	font-size: 13px;







	text-align: center;







}







#headernav li a{







	display: block;







	padding: 12px 4px;







	width:85px;







	height: 15px;	







	color: #fff;







}







#headernav li a.active,#headernav li a:hover{







	background: url('images/menu-bg-active.gif') no-repeat top left;







	text-decoration: none;







}







#headernav #searchform{







	padding-top: 10px;	







	padding-right: 12px;







	float: right;







	position: relative;







}







#headernav #searchsubmit{







	background: url('images/search-submit.gif') no-repeat top left;







	width: 15px;







	height: 22px;







	border: 0px solid white;







	top: 9px;







	position: absolute;







	right: 14px;







}







#headernav #s{







	background: url('images/search-bg.gif') no-repeat top left;







	height: 22px;







	top: 9px;







	right: 29px;







	position: absolute;







	border-width: 0;







	padding-left: 5px;







	color: #AFA3A3;







	line-height: 22px;







}















/* content */







#content {







	width: 616px;







	float: left;







}















/* footer */







#footerspacer{

	height: 1px;

	clear: both;	

}



#footer{

	background-color: #008FD5;	

	height: 38px;

	padding: 10px;

}



#footericons {

  /*

  padding-left:10px;

  */

}



#footerright {

  float:right;

  align:right;

  text-align:right;

}

 

#footerlogo {

	background: url('images/footer-saatchi.gif');

	width: 186px;

	height: 31px;

}



#footer .footercopyright{

	color: #eee;

	font-size: 11px;

	white-space: nowrap;

	padding-top:3px;

}	









/* sidebar */







.sidebar ul{







	list-style: none;







}







.sidebar{







	width: 338px;







	margin-top: 2px;







}







.sidebar h2{







	font-size: 16px;







	margin-bottom: 13px;







	padding: 10px;







	background-color: #C4E5F5;







	margin-bottom: 0px;







	







}







.sidebar .textwidget h2{







	display: inline;







	padding: 5px 0 0 0;







		







}







.sidebar li{







	margin: 0 0 6px 0;	







}







.sidebar .textwidget{







	background-color: #C4E5F5;







	padding: 10px;	







}







.textwidget a img{







	margin: -5px;	







}







.sidebar p{







	margin: 10px 0;	







}







.sidebar .constant-contact{
	padding: 10px 10px 15px 10px;
	background-color: #C9E7F6;	
}


.constant-contact h2{
	color: #464646;	
	font-size: 14px;
	display: block;
	padding: 0 0 10px 0;
	background-color: #C9E7F6;	
}


#gConstantcontact_email{
  float:left;
	width: 234px;
	height: 36px;
	background: url('images/dot-input-bg.gif') no-repeat center left;
	border: 0;
	line-height: 36px;
}


.constant-contact #gConstantcontact_Button{
  position:relative;
  top:0px;
	background: url('images/ClickToSubmit.gif') no-repeat center left;
	width: 58px;
	height: 36px;
	text-indent: -9999px;
	border: 0;
}	





#sidebar_right{







	float: right;	







}



#fb-fan-box {

	padding: 25px 10px;

	background-color: #DEF1FA;	

}



#fb-fan-box-iframe {

	background-color: #DEF1FA;	

}





#thebookimg{







	float: right;







	width: 123px;







	height: 187px;







	background: url('images/thebook.gif') no-repeat;







	margin-left: 10px;







}























/* gallery */







#gallery{







	background: url('images/gallery-bg.png') repeat-x;





	height: 593px;

/*

	height: 433px;

*/





	margin-top: 2px;







	padding: 12px;







	position: relative;







	background-color: #B2D5E9;







}















#gallery .description{







	font-size: 11px;







}







#gallery .gallery-nav{







	font-size: 10px;







	float: right;







	padding-top: 25px;







	position: absolute;







	top: 475px;

/*

	top: 385px;

*/





	left: 570px;







}







#gallery .gallery-nav a{







	color: #000;







}







#gallery .gallery-item{







	position: absolute;







	top: 12px;







	left: 12px;







	visibility: hidden;







}







#gallery .active{







	visibility: visible;







}







#gallery .fullimage img,#gallery .fullimage object{







	position: absolute;







	top: 0px;







	left: 0px;







}















#gallery h4{







	position: absolute;







	top: 485px;

/*

	top: 395px;

*/





	left: 0px;







	width: 590px;







	font-size: 12px;







	font-weight: bold; 







	margin-top: 3px;







	margin-bottom: 2px;







	line-height: 14px;







	display: none;







}







#gallery .active h4{







	display: block;







}







#gallery h4 a{







	color: #fff;







}







#gallery .description{







	position: absolute;







	top: 415px;







	left: 0px;







	width: 590px;







}







#campaign-gallery{







	width: 617px;







	height: 565px;

/*

	height: 475px;

*/





	background: url('images/gallery-bg.jpg') no-repeat bottom #038cdb;;







	margin-top: 1px;







	position: relative;







}







#campaign-gallery .post{







	padding: 0 0 3px 20px;	







	border:0;	







}







#campaign-gallery h2{

	color: white;	

	padding:30px 20px 10px 10px;

}







#campaign-gallery .entry{







	display: none;







	position: absolute;







	top: 475px;







}







#campaign-gallery .archive-list{







	position: absolute;







	top: 485px;

/*

	top: 390px;

*/





	left: 20px;	







	color: white;







	visibility: hidden;







	line-height: 14.4px;







}





#campaign-gallery .subtitle{

	color: white;	

	padding:0px 20px 17px 10px;

	font-size:13px;

	line-height:18px;

}



#campaign-gallery .fullimage{







	width: 475px;







	height: 300px;







	top: 152px;

/*

	top: 49px;

*/





	left: 10px;







	visibility: hidden;







	position: absolute;







}







#campaign-gallery .fullimage img{







	border: 1px solid white;	







}







#campaign-gallery .active .fullimage{







	visibility: visible;







}















#campaign-gallery .thumbnail-image{







	margin-left: 500px;







	background-color: #fff;







	width: 72px;







}







#campaign-gallery .thumbnail-image a img{







  	filter:alpha(opacity=70);







	opacity: 0.7;







}







#campaign-gallery .active .thumbnail-image a img,#campaign-gallery .thumbnail-image a:hover img{







	filter:alpha(opacity=100);







	opacity: 1.0;







}







#campaign-gallery .thumbnail-image img{







	border: 1px solid white;	







}







#campaign-gallery .active .thumbnail-image img{







	border: 1px solid #004CED;







}















#campaign-gallery .active .archive-list{







	visibility: visible;







}	







#campaign-gallery .archive-list h3{







	color: white;	







	line-height: 20px;







}















#campaign-gallery .previous{







	position: absolute;







	top: 135px;

/*

	top: 30px;

*/





	left: 547px;







	padding: 0;







}







#campaign-gallery .previous a{







	display: block;







	width: 20px;







	height: 20px;







	background: url('images/gallery-nav-next.gif') no-repeat;







}







#campaign-gallery .next{







	position: absolute;







	top: 532px;

/*

	top: 496px;

*/







	left: 547px;







	padding: 0;







}







#campaign-gallery .next a{







	display: block;







	width: 20px;







	height: 20px;







	background: url('images/gallery-nav-previous.gif') no-repeat;







}







#activedescription{







	padding: 10px;	







}







#campaign-description{







	padding: 0 10px 10px 10px;	







}







#campaign-description b{







	color: #008FD5;







}







#campaign-description p{







	margin: 0 0 13px 0;







}	







/* post */







.post{







	padding: 10px;







	line-height: 20px;







	border-bottom: 1px solid #BBB;







}







h2.pagetitle{







	margin-top: 5px;







}







.archive h2.pagetitle{

	margin: 30px 10px 5px 10px;

}







.single h2.pagetitle, .archive h2.pagetitle, #campaign-gallery h2, #dot-page .sectionheader  {

	font-size: 18px;

}















.post h2 a{







	color: #464646;







}







.post .byline{







	font-size: 11px;







	margin: 5px 0;







	color: #464646;







}







.post .excerpt{







	font-size: 12px;







	line-height: 20px;







	color: #464646;







}







.post h3{







	font-size: 16px;







	color: #464646;







}







.post .format_teaser p{







	margin: 8px 0;	







}















/* navigation 







.navigation{







	padding: 10px 0 13px 0;







	height: 10px;







}















/* Do One Thing (DOT) */







#dot-counter{







	float: left;







	padding: 10px;





	background-color: #E0F1FA;





	width: 230px;







	font-size: 11px;







	height: 70px;







}







#dot-counter h3{







	font-size: 26px;







	display: inline;







}







.do-one-thing {







	margin-top: 3px;	







}







.do-one-thing img{







	margin-right: 4px;	







}















.do-one-thing .dot-comments li{







	margin: 1px 0;







	background-color: #C9E7F6;







	padding: 5px 10px;







}







.do-one-thing .dot-comments{







	font-size: 12px;







	font-weight: bold;	







	margin-top: 5px;







}







.do-one-thing .dot-comments cite{







	font-style: normal;                         







}







.do-one-thing .comment-author{







	font-size: 10px;







	font-weight: normal;







}







.do-one-thing #commentform{







	padding: 10px;







	background-color: #C9E7F6;







	font-size: 12px;







	line-height: 14px;







}







.do-one-thing #commentform h2 {







	color:#464646;







	display:block;







	font-size:14px;







	padding:0 0 10px;







	background-color: #C9E7F6;







}







.do-one-thing form #author, .do-one-thing form #email, .do-one-thing form #comment, .do-one-thing form #category{

	width: 234px;

	height: 18px;

	line-height: 18px;

	background: url('images/dot-input-bg.gif') no-repeat top left;

	border: 0px solid white;

	margin-top: 5px;

}



.do-one-thing form #submit{

	background: url('images/dot-submit.gif') no-repeat top left;

	width: 53px;

	height: 18px;

	text-indent: -9999px;

	border: 0;

	margin: 0 0 0 235px;

}	



.do-one-thing form label{

	width: 50px;	

	display: block;

	float: left;

	margin-top: 7px;

}







#dot-counter-wrapper{

/*

	background: url('images/dot-counter-bg2.png') repeat-x top left;

	background-color: #93cbe8;



	position: absolute;

	top: 650px;

*/

	position: relative;

	top: 110px;

	height:125px;

}



#dot-counter-wrapper .entry{

	margin: 0 20px;

	color: white;	

	padding-top: 7px;

}

	

#dot-counter-large{

	height: 75px;

	position: relative;

	padding: 20px;

}



#dot-counter-large #counter{

	width: 586px;

	position: absolute; 

	padding-left: 6px;

	padding-top: 0px;

	top: 43px;

	left: 17px;

	background: url('images/dot-counter-num-bg2-ful-trnl.png') no-repeat top left;

}



#dot-counter-large #counter .dot-number{

	color: white;

	font-size: 60px;

	line-height: 87px;

	float: left;

	width: 57px;

	text-align: center;

}



#dot-counter-large h2{

	color: white;

}



#dot-page{

	padding: 0px;

	background: url('images/dot-bg.jpg') repeat-x top #9bcee8;

}



#dot-page .intro{

	margin: 0 20px 0px 10px;

	color: white;	

	position: relative;

	top: -15px;

}



#dot-form{

/*

	background: url('images/dot-form-bg2.png') repeat-x top left;

	height: 250px;

	position: relative;

*/

	margin-top: 1px;

}



#dot-form-detail {

	position: relative;

	top: -65px;

/*

	position: absolute;

	top: 350px;

*/

}



#dot-form #author, #dot-form #email, #dot-form #category, #dot-form #profession{

	height: 20px;

	line-height: 20px;

	position: absolute;

}

#dot-form #author, #dot-form #email{

	background: url('images/dot-form-input-trn.png') no-repeat center left;

	width: 234px;

	top: 160px;

}

#dot-form #category, #dot-form #profession{

	background: url('images/dot-form-input-trn.png') no-repeat center left;

	width: 230px;

	top: 205px;

}



#dot-form #authorlabel, #dot-form #emaillabel,#dot-form #categorylabel,#dot-form #professionlabel{

	color: white;

	font-weight: bold;

	position: absolute;

}

#dot-form #authorlabel, #dot-form #emaillabel{

	top: 140px;

}

#dot-form #categorylabel,#dot-form #professionlabel{

	top: 185px;

}



#dot-form #author,#dot-form #authorlabel, #dot-form #category, #dot-form #categorylabel{

	left: 20px;

}



#dot-form #email,#dot-form #emaillabel, #dot-form #profession, #dot-form #professionlabel{

	left: 270px;

}



#dot-form #category{

	border: 0;

	padding: 2px 0 0 5px;

}

#dot-form #profession{

	border: 0;

	padding: 2px 0 0 5px;

}



#dot-form #submit{

	background: url('images/dot-form-submit-trn.png') no-repeat top left;

	height: 80px;

	width: 90px;

	position: absolute;

	top: 135px;

	left: 525px;

}	



#dot-form #comment{

	background: url('images/dot-form-textarea-trn.png') no-repeat top left;

	height: 61px;

	width: 490px;

	position: absolute;

	top: 47px;

	left: 20px;

	padding: 13px 4px 17px 90px;

	overflow: auto;

}



#dot-page li{

	list-style: none;

  list-style-image: none;

  list-style-type: none;

	margin: 0;

	padding: 18px 0 0 10px;

	background-image: none;

	background-color: white;

  border-bottom: 1px solid #cccccc;       

}



#dot-page .navigation{

	background-color: white;

	padding: 18px 0 20px 10px;

	height: 20px;

}



#dot-page .navigation a{

	color: #008FD5;

}





#dot-page h2.sectionheader{

	color: white;

	background-color: #008FD5;

	padding: 30px 10px 15px 10px;

}

#dotcounterheader{

	color: white;

	background-color: #008FD5;

	padding: 10px 20px 20px 0px;

}



#dot-comments-wrapper, .dotFooter {

  position: relative;

  top: 100px;

}



#dot-page h2.commentheader{

	color: #008FD5;

	background-color: white;

	padding: 20px 20px 0 10px;

}



#dot-page ol.commentlist{

	color: #080808;

	background-color: white;

	padding: 0px;

}



#dot-page ol.commentlist p{

	display: inline;

	margin: 0;

}



.dot-social-links{

	float: right;

	height: 25px;

	width: 52px;

}



.dot-comment-number{

	font-weight: bold;

	font-size: 16px;	

}



#showMoreDots, #showLessDots{

  cursor: pointer;

	color: #008FD5;

}

#showLessDots{

  display:none;

}



.extraDot {

  display:none;

}



.connections {

  background-color:#ee0000;

}



/* twitter */







a.twitterlogo{







	background: url('images/twitter.gif') no-repeat top right;







	padding: 5px 25px 0 0;







	height: 23px;







	float: right;







	display: block;







	font-size: 11px;







	color: #000;







}







.tweeter h2{







	display: inline;







	padding: 0;







	background-color: #DEF1FA;







	line-height:23px;







}







.tweeter li{







	background-color: #DEF1FA;







	margin-bottom: 1px;







	padding: 5px 10px;







	font-size: 11px;







	line-height: 15px;







}







/* Comments */







ol.commentlist{







	background-color: #F3FAFD;







	list-style: none;







	padding: 5px 10px;	







	font-size: 12px;







}







ol.commentlist li{







	background: none;







}







.commentlist cite{







	font-style: normal;	







}







.commentlist .comment-author{







	margin-bottom: 5px;







}







#commentform{

	font-size: 11px;	

	line-height: 24px;

}



textarea{

	width: 569px;

	height: 82px;	

	background: url('images/comment-textarea.gif') no-repeat top left;

	padding: 5px;

	border: 0;

}







#author, #email{







	height: 24px;







	line-height: 24px;







	width: 236px;







	background: url('images/comment-input.gif') no-repeat top left;







	padding-left: 5px;







	border: 0;







}







.wpcf7-form #submit{







	display: block;







	background: url('images/send-message.gif') no-repeat top left;







	width: 115px;







	height: 24px;







	margin: 20px 0;	







	text-indent: -9999px;







	border: 0;







}







input#submit, input#gConstantcontact_Button {



  cursor:pointer;



  border:none;



}







.ajax-loader{





	display: none;	





}







#respond{







	padding: 10px;	







}















/* Contact */







#your-name, #your-email, #your-subject, #your-type, #your-source{







	height: 24px;







	line-height: 24px;







	width: 236px;







	background: url('images/comment-input.gif') no-repeat top left;







	padding-left: 5px;







	border: 0;







}







#your-type{







	padding-top: 1px;	







}







.wpcf7 label{







	display: block;







	margin-bottom: 7px;







}







.page .post {







	border:0;







}







/* Facebook Iframe */







#facebooklike  {







	border:medium none;







	height:25px;







	overflow:hidden;







	padding-right:10px;







	width:55px;







}















/* Single */







#content.single{







	padding-top: 15px;







}















/* Navigation */







.navigation #wp_page_numbers{







	margin-left: 10px;	







}







.navigation #wp_page_numbers ul{







	border: 0;







}







.navigation #wp_page_numbers li a:hover {







	border-bottom:2px solid #008FD5;







	border-top:2px solid #008FD5;







	color:#008FD5;







}







.navigation #wp_page_numbers li.active_page a {







	background:none repeat scroll 0 0 #008FD5;







	border-bottom:2px solid #008FD5;







	border-top:2px solid #008FD5;







	color:#FFFFFF;







}







.f404 h2 {

	padding: 30px 20px 20px 20px;

}



.search h2 {

	padding: 10px 20px 5px 0px;

}













.search #searchform{







	padding-top: 10px;	







	padding-left: 20px;







	position: relative;







}







.search #searchsubmit{







	background: url('images/search-bar-submit.gif') no-repeat top left;







	width: 19px;







	height: 22px;







	border: 0px solid white;







	top: 9px;







	position: absolute;







	left: 175px;







}







.search #s{







	background: url('images/search-bar.gif') no-repeat top left;







	height: 22px;







	top: 9px;







	left: 20px;







	position: absolute;







	border-width: 0;







	padding-left: 5px;







	color: #AFA3A3;







	line-height: 22px;







}

#dot-recent {
	margin: 6px 0;
	background-color: #C9E7F6;
}
#dot-recent p {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}
#dot-recent p span {
	font-weight: bold;
}
#dot-recent p.dot-recent-cta {
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 6px;
}
#dot-recent p.dot-recent-timestamp {
	font-size: 11px;
	line-height: 11px;
	margin: 4px 0 6px 0;
	color: #008FD5;
}