/* @override http://www.davidsuzuki.org/css/base.css */

/* DAVIDSUZUKI.ORG base.css */

/* @import url(donationform.css);*/
@import url(defaults.css);
@import url(lightwindow.css);
@import url(lightbox.css);

/* @group BASIC STRUCTURE */

body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: #181614;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl
@font-face {
	font-family: "Anivers";
	src: url("../fonts/anivers_Regular.otf") format('opentype');
}

/* added sept 17 */
body#home ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	border: none;
}

p {
	margin: 0;
	padding-bottom: 0.938em;
}

/* hide // used on search results page at bottom */
p.small,
span.small {
	font-size: 0.814em;
	line-height: 140%;
}

#sidebar p.small {
	font-size: 0.814em;
	display: block;
}

#container {
	width: 100%;
	height: auto;
	/* height: 2030px;*/
	position: relative;
	top: 0px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}

#container-inner {
	background: #fff;
	padding: 0px;
	height: auto;
	/* height: 1750px;*/
	position: relative;
	margin: 0 auto;
	top: 0px;
}

#page {
	width: 987px;
	/* height: 1750px;*/
	/* adjusts for container-inner background 10px on either side */
	/* no padding on right side */
	padding: 0px;
	position: relative;
	top: 0px;
	margin: 0 auto;
	background: #fff;
	/* change to relative font sizes or use pts/half-pts */
	/* base font size 10pt */
	font: 0.875em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	line-height: 1.375em;
}

#header {
	height: 145px;
	background: url(../images/assets/wood-masthead.jpg) repeat-x center;
	min-width:987px; /* from #page width */
}

#header-inner {
	width: 966px;
	/* WHEN REVERTING, UPDATE ie6.css WITH THE PREVIOUS VERSION (no -20th) */
	background: url(../images/assets/masthead.png) no-repeat 0 0;
	padding: 0 21px 0 0;
	position: relative;
	top: 0;
	margin: 0 auto;
	text-align: left;
	height: 145px;
}

#main-column {
	width: 678px;
	padding: 0 21px 30px 21px;
	float: left;
	position: relative;
	top: 0px;
	border-right: 246px solid #efebe3;
	margin-right: -246px;
	clear: both;
}

#home #main-column {
	width: 945px;
	padding: 21px 21px 20px 21px;
	border-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* faux column applied using border on #main-column and absolute positioning. when using relative, top positioning is 39px. */
#sidebar {
	width: 212px;
	background: #efebe3;
	position: relative;
	padding: 16px 17px 30px 17px;
	left: 0px;
	top: 0px;
	float: left;
	/* margin-right: -306px;*/
	text-align: left;
}

#bottom-section {
	background: #302B27 url(../images/assets/bottom-area-bg.jpg) 0 0;
	clear: both;
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	border-top: 6px solid #302B27;
}

.third-width {
	width: 301px;
	position: relative;
	float: left;
	margin-right: 21px;
}


#bottom-section a {
	color: #0AB9C0;
}

#bottom-section a:visited {
	color: #999;
}

#bottom-section a:hover {
	color: #c1c1c1;
}

#bottom-section a:visited:hover {
	color: #999;
}

#bottom-section-inner {
	width: 945px;
	font: 0.875em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	line-height: 1.375em;
	margin: 0 auto;
	padding: 23px 0;
}

#features:after,
#entry-footer-related:after,
#page:after,
.section:after,
#bottom-section:after,
#bottom-section-inner:after,
#article-footer:after,
#footer-inner:after,
#footer:after,
#more-content-footer .row1:after,
#more-content-footer .row2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.entry-content {
	font-size: 0.938em;
	line-height: 160%;
}

.entry-content p {
	margin-bottom: 10pt;
}

#sidebar p {
	margin-bottom: 1.2pt;
}

.entry-content ul {
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 17px;
}

#article-content,
#index-content,
#project-content {
	width: 480px;
	float: left;
	font-size: 0.938em;
	top: 0px;
	position: relative;
	padding: 30px 0 10px 0;
}



body.search #index-content {
	width: 550px;
}

p#article-author {
	font-style: italic;
}

p#article-author span.authname {
	margin-right: 7px;
}

p#article-author a.twitter {
	font-size: 0.875em;
	border-bottom: none !important;
	background: url(/images/assets/twitterbird.jpg) no-repeat right 1px;
	padding-right: 18px;
}

#article-content hr {
	border: none;
	border-top: 1px dotted #ccc;
}

#article-content p a,
#article-content p a:hover,
#article-content .entry-listing p a,
#index-description-content a,
#index-description-content a:hover,
#comments.comments a:hover,
#article-content ul li a,
#article-content ul li a:hover,
#article-content ol li a,
#article-content ol li a:hover,
a.more-link,
p a.more-link {
	border-bottom: 1px dotted #9e9e9e !important;
	margin-bottom: 4px;
}

#article-content #entry-footer-metadata ul li a {
	border: none !important;
}

#article-content .date-comments a.comments-link,
#article-content .date-comments a,
#index-content .date-comments a {
	border-bottom: none;
}

#article-content #article-footer {
	border-bottom: none;
}

#article-content ol {
	list-style: decimal;
	padding: 0 0 0 34px;
	margin: 0 0 0.85em 0 ;
}

#article-content ul {
	list-style-type: disc;
	padding: 0 0 0 32px;
	margin: 0 0 0.75em 0;
}

#article-content ul li ul,
#article-content ol li ul {
       margin-top: 0.5em;
}

#article-content ul li,
#article-content ol li {
	margin-bottom: 0;
}

#article-content h3 {
	font-size: 1.188em;
	padding: 13px 0 7px 0;
	line-height: 1.375em;
}

#article-content h4 {
	font-size: 1.125em;
	padding: 3px 0 2px 0;
}

#article-content blockquote {
	margin-left: 15px;
	margin-right: 15px;
}

/* @end */

/* @group LINKS */

a {
	color: #26797F;
	text-decoration: none;
}

a:hover, #page a:hover,
body#home #feature-2 .date-comments a:hover,
body#home #feature-3 a:hover,
#left-column #left-nav ul li#current ul li a.link-current:hover,
#main-column #feature-1 h3 a:hover,
#main-column #feature-2 h3 a:hover {
	/* border-bottom: 1px solid;*/
	color: #346269;
	border: none;
}

a:visited {
	color: #416f75;
}

#left-nav a:visited {
	color: #26797F;
}

a:active {
	border: none;
}

#main-column a:visited {

}

a:hover, a:active, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

body.qog-index a {
	color: #008883;
}

/* @end */

/* @group FOOTER */

#footer {
	background: #181614;
	width: 100%;
	height: 90px; /* temporarily reduced from 125px; */
	position: relative;
	top: 0px; /*sidebar is 39px from top */
	margin: 0px auto;
	clear: both;
	padding: 0 0 8px 0;
}

#footer-inner {
	width: 943px;
	margin: 0 auto;
	padding: 21px 22px 0px 22px;
	border: none;
	text-align: left;
	font-size: 0.938em;
	height: 100%;
}

/* footer
.footer-column {
	float: left;
	margin-right: 35px;
	font-size: 0.814em;
	min-width: 60px;
	width: auto !important;
  	width: 60px;
}*/

#footer ul {
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
}

#footer li a {
	color: #fff;
}

#footer li a:hover {
	color: #669192;
}

#footer div#search {
	display: none;
}

div#search span {
	float: right;
}

input#search {
	float: right;
	color: #fff;
}

#footer-items {
	width: 580px;
	float: left;
}

#footer #credits {
	width: 301px;
	float: right;
	text-align: left;
	/* float: left;*/
	margin: 0;
	height: 57px;
	font-size: 0.875em;
	position: relative;
	line-height: 160%;
	color: #888;
}

#footer #credits a span {
	color: #888;
}

#footer #credits span#web-support {
	color: #bebebe;
}

#footer #credits span#web-support a,
#footer #credits span#web-support a:visited {
	color: #0ab9c0;
}

#footer #credits span#web-support a:hover {
	color: #346269;
}




/*RYAN*/


#socialmedia img {


opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;


-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;


}


#socialmedia img:hover {

opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;

-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;

}


/*END RYAN*/


#logo {
	/* position: absolute;
	bottom: 30px;
	right: 22px; */
	float: right;
	/* display: inline;*/
	width: 140px;
	height: 77px;
	display: none;
}

/*used on search results page */
#pagination-nav {
	padding: 8px 0 0 0;
	width: 480px;
	text-align: right;
}

.pagination-navigation {
	width: 480px;
	text-align: right;
	clear: both;
	height: 20px;
	font-size: 1.064em;
	color: #333;
}

.content-nav {
	font-weight: bold;
	clear: both;
	padding: 10px 0 0 0;
}

.content-nav a {
	font-weight: normal;
}

/* make adjustments */

#footer-nav-inner {
	float: left;
	padding: 0 0 15px 0;
}

#footer-nav-inner ul li {
	display: inline;
	margin: 8px 22px 0 0;
}

#footer-nav-inner li a {
	/* color: #ebebeb; */
	color: #f6f3ea;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	/* font-size: 8.5pt; */
	/* text-transform: uppercase;
	letter-spacing: 0.09em; */
}

#footer-nav-inner li a:hover, #footer-nav-inner li#language a:hover, #footer-nav-inner li#login a:hover {
	color: #00ABB1;
}

#footer-nav-inner li#language a {
	color: #A4CCCD;
}

#footer-nav-inner li#login a {
	color: #00ABB1;
}

#footer #socialmedia {
	height: 23px;
	width: 550px;
	padding: 0;
	position: relative;
	height: 44px;
	float: left;
}

	/* IE doesn't like clear: both here; safari needs it
	clear: both;*/

/* hack for IE7, IE6 (respectively)
html > body #socialmedia {
	*clear: none;
	_clear: none;
} */

#footer #socialmedia ul {
	display: inline;
	list-style-type: none;
}

#footer #socialmedia ul li {
	margin: 0 22px 0 0;
}

#footer #socialmedia img {
	height: 24px;
}



#footer #socialmedia ul li#rss {
	margin: 0;
}

/* TWITTER */

.module.twitter .module-content {
	padding: 14px 7px 11px;
	background: #fff;
}

.module.twitter .module-content a.follow {
	font-size: 0.814em;
}

#tweets li {
	font-size: 0.938em;
	/*background:url(images/twitter.png) no-repeat left ;*/
	padding: 0 0 5px 0;
	margin: 0;
	list-style-type:none;
	height: 17px;
}

#tweets .hash { color: #26797F; }

#tweets .reply { color: #26797F; }

#tweets a:link { text-decoration:none; color: #26797F;}
#tweets a:active { text-decoration:none; color: #26797F;}
#tweets a:hover { text-decoration:underline; color: #26797F;}
#tweets a:visited { text-decoration:none; color: #26797F;}

.tweetList {
	width: 196px;
	height: auto;
	padding: 0 0 2px 0;
}

.tweetList li {
	display: table;
}

.tweetList li span {
	/*display: table;*/
}

.tweetList small {
	color: #666;
	font-size: 0.875em;
}

p.tweet_link_0 {
	padding-bottom: 0px;
}

/* @end */



/* @group HEADER */
/* TOP-LEVEL MAIN CONTENT */

#homelink {
	display: block;
	/* revert to 400px when removing 20th logo */
	width: 450px;
	height: 145px;
	cursor: pointer;
	position: relative;
	left: 22px;
	top: 0;
	z-index: 50;
}

#homelink a {
	display: block;
	/* revert to 375px when removing 20th logo */
	width: 425px;
	height: 145px;
	cursor: pointer;
	position: relative;
	left: 22px;
	top: 0;
	z-index: 50;
}

#header a:hover {
	background: none;
	border: none;
}

#header-widgets {
	width: 500px;
	height: 60px;
	position: absolute;
	top: 14px;
	z-index: 100;
	text-align: right;
	font-size: 0.75em;
	right: 21px;
}

#header-sign-in {
	position: relative;
	width: 500px;
	text-align: right;
	height: 20px;
	clear: both;
	float: right;
	padding: 0 0 11px 0;
	right: -21px; /* otherwise has a mysterious 21px right margin */
}

#header-search {
	top: 10px;
}

#header-search input {
	font-size: 1.064em;
}

#header-francais {
	position: relative;
	top: 0px;
	width: 400px;
	height: 20px;
	clear: both;
	float: right;
	padding: 7px 0 0 0;
	color: #999;
}

/*
#header a.holiday {
	background: #0c5923;
	padding: 0px 5px;
}

#header a.holiday:hover {
	background: #b2030f;
}*/

#header-francais a {
	color: #fff;
}

#header-francais a.lang {
	color: #dedede;
}

#header-sign-in a:hover,
#header-francais a:hover {
	color: #fff;
	border-bottom: 1px solid;
	margin-bottom: 2px;
}

/* @end */

/* @group NAV */

#menu {
	display: none; /* used only for mobile */
}

#nav {
	height: 37px;
	/* added 70 pixels for version with Blogs included */
	width: 577px;
	padding: 0;
	position: absolute;
	top: 108px;
	right: 20px;
	background: none;
	z-index: 100;
}

#nav-background {
	height: 37px;
	/* subtracted 15px when taking out WYCD D-D */
	/* added 70 pixels for version with Blogs included */
	width: 488px;
	padding: 0;
	position: absolute;
	top: 108px;
	right: 109px;
	background: #80746B;
	z-index: 60;
}

#nav ul {
	position: relative;
	list-style-type: none;
	z-index: 100;
	/* added sept 17 */
	margin: 0;
	padding: 0;
}

#nav li {
	zoom: 1;
	float: left;
}

#nav ul li a {
	float: left;
	display: block;
	width: 100%;
	height: 37px;
	padding: 0;
	color: none;
	border: none;
}

#nav ul li.hover {
	position: relative;
}

/* drop-down section */
#nav ul li ul {
	width: 245px;
	visibility: hidden;
	position: absolute;
	border: 1px solid #af9e92;
	border-top: none;
	left: -1px;
	top: 100%;
	list-style: none;
	background: #fff;
}

#nav ul li#issues ul {
	width: 190px;
}

#nav ul li#donate ul {
	width: 180px;
	/*position: absolute;*/
	left: -99px;
}

/*
#nav ul li#donate ul li a {
	color: #000 !important;
	visibility: visible;
	background: #000;
}*/

#nav ul li#what-you-can-do ul {
	display: none;
}

#nav ul li ul li {
	float: none;
	background: #fff;
	border: none;
	padding: 5px 12px 4px 12px;
	font-size: 0.875em;
}

#nav ul li ul li:first-child {
	padding-top: 12px;
}

#nav ul li ul li a {
	float: none;
	height: 20px;
	color: #26797f;
	border: none;
	width: 100%;
	/* IE 6/7 needs this */
	display: inline-block;
}

/*dropdown hover colour */
#nav ul.dropdown li ul li a {
	color: #333;
}

#nav ul.dropdown li ul.sub_menu li a:hover {
	color: #26797f;
}

#nav ul li ul.sub_menu li a:hover {
	float: none;
	height: 20px;
	color: #346269;
	border: none;
}

#nav ul.dropdown li:hover {
	background-position: 0% -37px;
	border: none;
	/*border-left: 1px solid #fff;*/
	color: #38332f;
	position: relative;
}

#nav ul.dropdown li:hover a {
	background-position: 0% -37px;
	border: none;
	color: #38332f;
	position: relative;
}


/*body.about-us #nav ul li#issues {
	border-left: 1px solid #fff;
}
*/

/* add li#id: over state won't appear otherwise. doesn't work with class */
#nav ul li#about-us:hover,
#nav ul li#issues:hover,
#nav ul li#what-you-can-do:hover,
#nav ul li#blogs:hover,
#nav ul li#david:hover,
#nav ul.dropdown li#donate:hover {
	background-position: 100% -37px;
	color: #38332f;
	position: relative;
	height: 37px;
}

body.about-us #nav ul.dropdown li#about-us:hover,
#nav ul.dropdown li#about-us:hover {
	border-left: none;
}

#nav ul.dropdown li#donate:hover {
	border: none;
}

#nav ul.dropdown li:hover > ul {
	visibility: visible;
}

#nav ul.dropdown li:hover > ul > li {
	border-left: none;
}

#nav ul li#about-us {
	float: left;
	background: url("../images/assets/about.jpg") no-repeat left top;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 96px;
	/*border-left: 1px solid #312825;*/
}

#nav ul li#issues {
	float: left;
	background: url("../images/assets/issues.jpg") no-repeat left top;
	margin: 0 0 0 1px;
	padding: 0;
	text-indent: -9999px;
	width: 89px;
}

#nav ul li#what-you-can-do {
	float: left;
	background: url("../images/assets/what-you-can-do.jpg") no-repeat left top;
	margin: 0 0 0 1px;
	padding: 0;
	text-indent: -9999px;
	width: 161px;
}

#nav ul li#blogs {
	float: left;
	background: url("../images/assets/blogs.jpg") no-repeat left top;
	margin: 0 0 0 1px;
	padding: 0;
	text-indent: -9999px;
	width: 69px;
}

#nav ul li#david {
	float: left;
	background: url("../images/assets/david.jpg") no-repeat left top;
	margin: 0 0 0 1px;
	padding: 0;
	text-indent: -9999px;
	width: 69px;
}

#nav ul li#donate {
	float: left;
	background: url("../images/assets/donate.jpg") no-repeat left top;
	margin: 0 0 0 6px;
	padding: 0;
	text-indent: -9999px;
	width: 82px;
}


/* makes text in drop-down appear */
#nav ul li#issues ul li,
#nav ul li#donate ul li {
	text-indent: 0px;
}

/* active state */

body.about-us #nav ul li#about-us,
body.faq #nav ul li#about-us,
body.issues #nav ul li#issues,
body.what-you-can-do #nav ul li#what-you-can-do,
body.blogs #nav ul li#blogs,
body.david-suzuki #nav ul li#david,
body.donate #nav ul li#donate {
	background-position: 0% -37px;
	border-left: none;
}

body.about-us li#about-us a,
body.faq li#about-us,
body.issues li#issues a,
body.what-you-can-do li#what-you-can-do a,
body.blogs li#blogs a,
body.david-suzuki li#david a,
body.donate li#donate a {
	background-position: 100% -37px;
	/*color: #38332f;*/
}



/* add active state for drop-downs here; do dynamically??? */

#nav ul li ul li#current,
body#more-ways-to-give li#donate li#moreways {
	background: #efebe3;
}

/* hide except on mobile */

#nav ul li#about-us ul,
#nav ul li#what-you-can-do ul,
#nav ul li#blogs ul,
#nav ul li#david ul,
#nav ul li#contact {
	display: none;
}

/* @end */

/* MAIN COLUMN CONTENT */

h1.title,
#headline-area h1.title,
.asset-body h2 {
	margin: 0 0 9px 0;
	color: #333;
	font: 1.5em Arial, sans-serif;
	font-weight: bold;
	line-height: 140%;
}

#headline-area .metadata h1.title {
	font: 1.75em Georgia, serif;
	font-weight: normal;
	line-height: 140%;
	padding: 0 0 2px 0;
}

body#entry h2.title a {
	color: #666;
}

h2.sharegroup {
	margin: 0px 0px 7px 0px;
	color: #333;
	font-size: 1.313em;
}


h2#share-form-header {
	font-size: 1.25em;
	margin: 0 0 10px 0;
}

/* @group HOMEPAGE */

body#home #main-column {
	padding-top: 35px;
}


body#home #features {
	clear: both;
	height: auto;
	margin-bottom: 30px;
}

body#home #features .features-item-image {
	position: relative;
	z-index: 0;
}

body#home #features .features-item-image.portrait img {
	margin-top: -40px;
}

body#home #features .features-item-image embed,
body#home #features .features-item-image object,
body#home #features .features-item-image iframe {
	width: 301px;
	height: 200px;
}

#sidebar embed,
#sidebar object {
	margin-bottom: 10px;
	width: 212px;
	height: 127px;
}

#features .category {
	color: #666;
	font-size: 0.814em;
	margin: 2px 0 0 0;
}

body#home #feature-1 {
	/* fixes IE bug where it slides up to top right */
	clear: left;
}

body#home #feature-1,
body#home #feature-2,
body#home #feature-3 {
	width: 301px;
	position: relative;
	float: left;
	border-top: 3px solid #333;
	padding-top: 17px;
}

body#home #feature-1,
body#home #feature-2 {
	margin-right: 21px;
}

/* news/pubs */
body#home #feature-1 ul li a {
	font: 1em Georgia, serif;
	line-height: 140%;
}

body#home #feature-1 .publications {
	border-top: 1px solid #ccc;
	margin-top: 15px;
	padding-top: 9px;
	width: 301px;
}

body#home #feature-1 ul li {
	margin: 0 0 8px 0;
}

body#home #feature-1 li p {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 0.75em;
}

/* projects */
body#home #feature-3 ul {
	margin-left: 0;
	float: left;
}

body#home #feature-1 ul
body#home #feature-3 ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}


body#home #feature-3 li img {
	margin: 0 0 5px 0;
}

body#home #feature-3 ul li {
	margin: 0 0 13px 0;
	padding: 0;
}

/*
body#home #feature-3 ul li a {
	font: 0.875em Arial, sans-serif;
	color: #666;
	font-style: italic;
}*/

/* blog item */
body#home #feature-2 h4 a {
	font-size: 1.064em;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

body#home #feature-2 .date-comments {
	padding: 3px 0 4px 0;
}

/*body#home #feature-2 .date-comments a {
	color: #333;
}*/

body#home #feature-2 .date-comments a.comments-link {
	background: none;
	padding-right: 0;
}

body#home #feature-2 p {
	font-size: 0.875em;
}

body#home #feature-2 #image-wrapper {
	width: 140px;
	height: 109px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0 13px 5px 0;
}

body#home #feature-2 #image-wrapper embed,
body#home #feature-2 #image-wrapper object,
body#home #feature-2 #image-wrapper iframe {
	width: 140px;
	height: 87px;
}

body#home #feature-1 h3,
body#home #feature-2 h3,
body#home #feature-3 h3 {
	/*padding-bottom: 8px;*/
	font-size: 0.875em;
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	font-weight: bold;
	padding-bottom: 8px;
}

body#home #feature-1 h3 a,
body#home #feature-2 h3 a,
body#home #feature-3 h3 a {
	color: #333;
}

/* temp while flipped with newsletter */
body#home #feature-3 h3 {
	padding-bottom: 5px;
}

/* @end */

/* @group SEARCH PAGE */


body#home.search #main-column {
	padding-top: 0px;
}

#cse-search-results {
	float: left;
	width: 500px;
}

#cse-search-results a {
	text-decoration: none;
}


/* @end */


/* MOVE THIS INTO GENERAL AREA LATER */
.excerpt-image-left {
	height: 110px;
	width: 150px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.excerpt-image-left img {
	width: 150px;
}

/* ---- */

/* @group INDEXES */

#index-content h3 {
	font-size: 1.125em;
	padding: 3px 0 7px 0;
	line-height: 1.375em;
}

#index-content ul {
	list-style-type: none;
	/* corrected sept 19 */
	margin-left: 0;
	padding-left: 0;
}

#index-content ul.index-list li {
	/*min-height: 130px;
	height: auto !important;
    height: 130px;*/
	clear: both;
	border-top: 1px solid #ccc;
	padding: 22px 0 10px 0;
	margin-bottom: 25px;
	font-size: 1em;
}

body.what-you-can-do #index-content ul.index-list li {
	margin-bottom: 10px;
	padding: 22px 0 0 0;
}

/* new WYCD index */

body#what-you-can-do #index-content #featured.section.halfwidth h3 {
	padding: 0;
	font-size: 1.438em;
	margin: 0 0 8px 0;
}

body#what-you-can-do p#blog-name {
	padding: 0 0 6px 0;
}

body#what-you-can-do p#blog-name a {
	color: #777;
	font-size: 0.814em;
}

/* body.what-you-can-do #index-content ul.index-list li p {
	margin-left: 165px;
}*/

body.issues #index-content ul.index-list li p {
	margin-left: 165px;
}

body.issues #index-content ul.index-list li {
	margin-bottom: 15px;
}

#index-content ul li .index-image-left {
	height: 110px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
}

#index-content ul li:first-child {
	border-top: none;
}

#index-content.entry-with-image ul,
body.events #index-content ul,
body.evenements #index-content ul {
	width: 480px;
}

#index-content.entry-with-image li {
	width: 480px;
	clear: both;
	border-top: 1px dotted #ccc;
	padding: 20px 0 15px 0;
}

body.events #index-content li,
body.evenements #index-content li {
	width: 480px;
	clear: both;
	border-top: none;
	padding: 10px 0 15px 0;
}

body.events h1.events-group-header,
body.evenements h1.events-group-header {
	font-size: 1.5em;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 2px 0 0 0;
	line-height: 140%;
	clear: both;
}

body.events ul.events-group-list,
body.evenements ul.events-group-list {
	margin-bottom: 15px;
}
body.events ul.events-group-list:last-child,
body.evenements ul.events-group-list:last-child {
	margin-bottom: 0px;
}

body.events li.event,
body.evenements li.event {
	clear: both;
	padding: 25px 0px 18px 0px
}

body.events .event h2.event-title,
body.evenements .event h2.event-title {
	font: 1.563em Georgia, serif;
	padding-bottom: 3px;
	line-height: 140%;
}

body.events .event .event-meta,
body.evenements .event .event-meta {
	color: #666;
	font-size: 0.938em;
	line-height: 1.2em;
	margin:0 0 5px 0;
}

body.events .event .event-map-image,
body.evenements .event .event-map-image {
	float: right;
	margin: 6px 0px 10px 14px;
}

body.what-you-can-do #index-content.entry-with-image .section li {
	padding: 0px 0 15px 0;
}

/* @group featured area with 225px width image/video (used for Cause an Effect) */


.section.halfwidth .excerpt-image-left {
	height: auto;
	max-height: 150px;
	height: auto! important;
	height: 150px;
	/* width: 225px;*/
	width: auto;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	float: right;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.section.halfwidth .excerpt-image-left img {
	max-width: 200px;
	width: auto !important;
	width: 200px;
}

.section.halfwidth .excerpt-image-left .embed embed,
.section.halfwidth .excerpt-image-left .embed object,
.section.halfwidth .excerpt-image-left .embed iframe {
	width: 225px;
	height: 150px;
	margin-right: /*15px*/ 0px;
}

#featured.section.halfwidth h3 {
	font-size: 1.313em;
}

#featured.section.halfwidth p {
	/*margin-left: 235px;*/
	margin-left: 0px;
	font-size: 1.064em;
}

body.project #featured.section.halfwidth {
	padding: 15px 0 27px 0;
}

body.project #featured.section.halfwidth h3 {
	padding-bottom: 6px;
}

body.project #featured.section.halfwidth p {
	padding-bottom: 0;
}

/* @end */

body#freshwater #index-content .section#take-action {
	border-top: 1px dotted #999;
	margin-top: 25px;
}

#index-content ul.index-list li p,
.entry-with-image ul li p {
	margin-left: 165px;
}

body.news .entry-with-image ul li p {
	margin: 5px 0 0 0;
}

#index-content h1,
#article-content h1 {
	font-size: 1.5em;
	padding: 0 0 12px 0;
	margin: 2px 0 0 0;
	line-height: 140%;
}

/* e.g on events page */
#index-content.entry-with-image h1 {
	padding: 0 0 3px 0;
}

body.project #index-content h1 {
	padding: 6px 0 12px 0;
}

/* used on issues, wycd index */
#index-content .index-list h2 {
	font-size: 1.25em;
	padding: 0 0 8px 0;
}

#index-content .issue-descript {
	padding-bottom: 15px;
}

#index-content .issue-descript p {
	font-size: 1em;
}

#index-content .issue-descript img {
	margin: 10px 0 10px 15px  !important;
}

#index-content .issue-descript ul {
	list-style-type: disc;
	padding: 0 0 0 32px;
	margin: 0 0 0.75em 0 ;
	list-style-position: outside;
}

#index-content .issue-descript ul li {
	margin-bottom: 0;

}

.section {
	border-top: 1px solid #ccc;
	padding: 15px 0 27px 0;
	width: 480px;
}

.section.last {
	padding-bottom: 0px;
}

.section.custom {
	padding: 15px 0 25px 0;
}

.section#blog {
	padding: 15px 0 24px 0;
}

.section#blog #section-blog-image {
	margin: 5px 0 0px 15px;
	height: 110px;
	width: 150px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	float: right;
}

.section#blog #section-blog-image img {
	width: 150px;
}

.section#blog #section-blog-image embed,
.section#blog #section-blog-image object,
.section#blog #section-blog-image iframe {
	width: 150px;
	height: 100px;
}

.section#blog p#blog-name {
	padding: 0 0 4px 0;
	font-size: 0.875em;
}

.section#blog p#blog-name a {
	color: #333;
}

.section#blog p#blog-name a:hover {
	color: #346269;
}

.section#blog p {
	position: relative;
	float: left;
	width: 315px;
	padding: 0;
}

.section#blog h2 a,
.section#blog h2 a:visited {
	color: #7f7f7f;
}

.section#blog h3 {
	width: 315px;
	position: relative;
	float: left;
	font-size: 1.25em;
	padding: 0 0 2px 0;
}

.section#science-policy h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.section#project-banner {
	border-top: none;
	border-bottom: 1px solid #ccc;
	padding: 16px 0 10px;
}

.section.custom#opentext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 12px;
	font-size: 1.375em;
}

.section.custom#opentext h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 2px;
	font-size: 1.125em;
}


#index-content .section#project-banner:first-child {
	border-top: none;
	background: #000;
}

#project-banner.section p {
	width: 315px;
}

.project-banner-thumb {
	float: right;
	margin: 3px 0 0 15px;
	height: 100px;
	overflow: hidden;
}

img#project-page-banner,
body.what-you-can-do img.banner-padding,
body.ce-que-vous-pouvez-faire img.banner-padding {
	padding-bottom: 10px;
}


.section h2 {
	font-size: 1.313em;
	padding: 0 0 8px;
}

.section#project-banner h2 {
	padding: 0px 0 8px 0;
}

.section h3,
.section h4,
#index-content.entry-with-image h3,
body.events #index-content h3,
body.evenements #index-content h3 {
	font-size: 1.125em;
	font-family: Georgia, serif;
	font-weight: normal;
	padding: 0 0 4px 0;
	line-height: 140%;
}

.section h4 {
	font-size: 1.064em;
}

body.single-issue #index-content .section#projects {
	border-top: 1px dotted #999;
	margin-top: 26px;
}

body#green-workplace #index-content .section#featured,
body#what-you-can-do #index-content .section#featured {
	margin-top: 3px;
	padding: 22px 0 20px 0;
}

body#green-workplace #index-content .section#featured .excerpt-image-left,
body#what-you-can-do #index-content .section#featured .excerpt-image-left {
	margin-top: 4px;
}

body#green-workplace #index-content .section.custom,
body#what-you-can-do #index-content .section.custom {
	padding: 15px 0 25px 0;
	border-top: 1px solid #ccc;
}

body.single-issue #index-content .section#projects h3 {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.064em;
}

body.allvideo .videorow {
	width: 480px;
	min-height: 5px;
}

body.allvideo .videorow .threecolumn-item:first-child {
	margin-left: 0;
}

.threecolumn-item {
	margin: 0 0 0 15px;
	width: 150px;
	position: relative;
	float: left;
}

.threecolumn-item p {
	padding-bottom: 0;
}

.threecolumn-item.first {
	margin-left: 0px;
}

/* outdents section content when the "first" loop isn't available. otherwise content jumps down 15px */

.section-wrapper {
	margin-left: -15px;
	position: relative;
	border: none;
	/* fixes bug in certain version of IE where it ignores neg margin til hovering over */
	display: inline-block;
}


.threecolumn-item-image {
	height: 100px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
}

.threecolumn-item h3 {
	font-size: 1.064em;
}

h2.smallcaps,
.open-section h2,
.open-section#open-field h2,
.open-section#featured-entry h2 {
	font-size: 0.875em;
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0 0 5px 0;
	color: #7f7f7f;
}

.section h2.smallcaps a,
.section h2.smallcaps a:visited {
	color: #7f7f7f;
}

#page h2.smallcaps a:hover {
	color: #26797F;
}

.open-section h3 {
	font-size: 1.064em;
	padding-top: 0;
}

.open-section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.open-section {
	width: 480px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.open-section #feature-1 {
	width: 225px;
	margin-right: 30px;
	float: left;
	border-bottom: none;
}

.open-section #feature-2 {
	width: 225px;
	float: left;
	border-bottom: none;
}

.open-section #feature-1 embed,
.open-section #feature-1 object,
.open-section #feature-1 iframe,
.open-section #feature-2 embed,
.open-section #feature-2 object,
.open-section #feature-2 iframe {
	width: 225px;
	height: 150px;
}

.open-section .feature-image {
	width: 225px;
	height: 150px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.open-section #feature-1 img,
.open-section #feature-2 img {
	width: auto;
	margin: 0 15px 5px 0;
}

.section .open-section ul {
	border: none;
	list-style: disc;
	padding-left: 17px;
	margin-left: 0px;
}

.section .open-section ul li {
	border: none;
	list-style: disc;
	padding-left: 2px;
	margin: 0 0 6px 0;
}

/* for WYCD entries with custom area */
.open-section#entry {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}

div.more-link {
	clear: both;
	text-align: right;
	padding: 5px 0;
	font-family: Arial, sans-serif;
	font-size: 1.064em;
	font-weight: bold;
	width: 480px;
}

body#live-sustainably .more-link {
	text-align: left;
	padding: 5px 0 0 0;
	width: 150px;
	border-top: 1px solid #ccc;
}

.section h2 a,
.section h2 a:visited {
	color: #333;
}

#article-content #older-posts.section ul {
	list-style-type: none;
	padding-left: 0;
}

#article-content #older-posts.section ul li {
	margin-bottom: 3px;
}

#older-posts.section {
	border-top: 3px solid #333;
}

#older-posts.section ul li ul {
	border-top: 1px solid #ccc;
	width: 480px;
}

#older-posts.section ul li ul li.entry-title {
	margin: 7px 0;
	width: 309px;
	display: inline-block;
	float: none;
	font-family: Georgia, serif;
}

#older-posts.section ul li ul li.date {
	margin: 7px 12px 7px 0;
	width: 150px;
	display: inline-block;
	vertical-align: top;
}

#older-posts.section ul li a {
	border-bottom: none;
}

/* link to Older posts at foot of blogs */
.blog-archives-link h2 {
	/*border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 0 6px 0;*/
	width: 480px;
	margin: 0px 0 15px 0;
	height: auto;
	font-size: 1.125em;
	text-align: right;
}

/* events listing */

body#events #index-content ul li h3,
body.evenements #index-content ul li h3 {
	font-size: 1.438em;
	line-height: 130%;
	margin-bottom: 5px;
}

body.events h4,
body.evenements h4 {
	font-size: 1.188em;
	margin-bottom: 4px;
}

body.events #index-content h4,
body.evenements #index-content h4 {
	font-size: 1.188em;
	/*margin-bottom: 8px;
	border-bottom: 1px dotted #999;*/
	padding-bottom: 5px;
}

body.events p.event-location,
body.evenements p.event-location {
	font-size: 1.064em;
	border-bottom: 1px dotted #999;
	padding-bottom: 8px;
	margin-bottom: 9px;
}

body.events #image-wrapper,
body.evenements #image-wrapper {
	clear: left;
}

/* QUEEN OF GREEN INDEX */

body.qog-index #index-signup-bar {
	background: url(http://www.davidsuzuki.org/what-you-can-do/images/QoGsignupbar.jpg) no-repeat;
	width: 480px;
	height: 40px;
	clear: both;
	margin: 10px 0 0 0;
}

body.qog-index #index-signup-bar input.ti {
	width: 131px;
	position: relative;
	left: 310px;
	top: 9px;
	font-size: 1em;
	height: 18px;
	border: 0;
	padding-left: 4px;
}

body.qog-index #index-signup-bar input.index-signup-submit {
	position: relative;
	left: 453px;
	vertical-align: top;
	top: -13px;
	background: url(http://www.davidsuzuki.org/images/assets/QoGsignupbarBtnOff.png) no-repeat;
	border: none;
	width: 20px;
	height: 21px;
}

body.qog-index #index-signup-bar input.index-signup-submit:hover {
	background: url(http://www.davidsuzuki.org/images/assets/QoGsignupbarBtnOver.png) no-repeat;
}

body.qog-index #index-signup-bar label.hidden-field {
	display: none;
}

body.qog-index #index-content #featured.section.halfwidth {
	padding-top: 15px !important;
}

body.qog-index #index-content #featured.section.halfwidth h3 {
	margin-top: -2px !important;
}

body.qog-index .date-comments {
	font-size: 0.875em;
	margin: 5px 0 8px 0;
}


body.qog-index #more-content-footer .related-item a {
	font-size: 1.125em;
	line-height: 140%;
}

body.qog-index.videos #index-content #featured.section.halfwidth,
body.qog-index.recipes #index-content #featured.section.halfwidth {
	padding-bottom: 7px !important;
	border-top: none;
}

body.qog-index.videos #index-content #featured.section.halfwidth h3,
body.qog-index.recipes #index-content #featured.section.halfwidth h3 {
	padding-bottom: 7px !important;
}

body.qog-index.videos .section.custom,
body.qog-index.recipes .section.custom {
	margin-top: 7px;
	border-top: none !important;
}

body.qog-index.videos .section .col,
body.qog-index.recipes .section .col {
	width: 225px;
	float: left;
}

body.qog-index.videos .section .col.first,
body.qog-index.recipes .section .col.first {
	margin-right: 30px;
}

body.qog-index.videos .section .col ul,
body.qog-index.recipes .section .col ul {
	list-style-position: outside;
	list-style-type: disc !important;
	margin: 2px 0 0 15px;
	padding-left: 15px !important;
}

/* @end */


/* eat for healthy oceans -- adaptation of above */
body.healthy-oceans #index-content #featured.section.halfwidth {
	padding-top: 15px !important;
}

body.healthy-oceans.videos #index-content #featured.section.halfwidth,
body.healthy-oceans.recipes #index-content #featured.section.halfwidth
/*body.healthy-oceans.learn-more #index-content #featured.section.halfwidth */ {
	padding-bottom: 7px !important;
	border-top: none;
}

body.healthy-oceans.videos #index-content #featured.section.halfwidth h3,
body.healthy-oceans.recipes #index-content #featured.section.halfwidth h3,
body.healthy-oceans.learn-more #index-content #featured.section.halfwidth h3  {
	padding-bottom: 7px !important;
}

body.healthy-oceans.videos .section.custom,
body.healthy-oceans.recipes .section.custom,
body.healthy-oceans.learn-more .section.custom {
	margin-top: 7px;
	/*border-top: none !important;*/
}

body.healthy-oceans.videos .section .col,
body.healthy-oceans.recipes .section .col,
body.healthy-oceans.learn-more .section .col {
	width: 225px;
	float: left;
}

body.healthy-oceans.videos .section .col.first,
body.healthy-oceans.recipes .section .col.first,
body.healthy-oceans.learn-more .section .col.first {
	margin-right: 30px;
}

body.healthy-oceans.videos .section .col ul,
body.healthy-oceans.recipes .section .col ul,
body.healthy-oceans.learn-more .section .col ul {
	list-style-position: outside;
	list-style-type: disc !important;
	margin: 2px 0 0 15px;
	padding-left: 15px !important;
}


/* @group date-based index */
/* blog, news, publications, other date-based indexes */

#article-content h1.latest-header,
#index-content h1.latest-header {
	font-size: 1.5em;
	border-bottom: 3px solid #444;
	padding: 0 0 3px 0;
	margin: 2px 0 0 0;
	line-height: 140%;
}

.blogs #article-content h1.latest-header {
	font-size: 0.938em;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	color: #777;
}

.entry-listing {
	padding: 25px 0px 18px 0px;
	font-size: 1em;
	clear: both;
	border-top: 3px solid #333;
}

.entry-listing.first {
	border-top: none;
}

body.news.archives .entry-listing {
	border-top: none;
	border-bottom: 3px solid #333;
}

/* can't get the "first" class var to show up on inside paginated pages */
body.publications .entry-listing {
	border-top: none;
	border-bottom: 1px solid #ccc;
}

body.publications .entry-listing:first-child {
	padding-top: 0;
}

/* no pagination so this should be different */
body.publications.main-index .entry-listing {
	border-bottom: none;
	border-top: 1px solid #ccc;
	padding-top: 35px;
}

body.publications.main-index .entry-listing.first {
	border: none;
}

.index-image-left {
	float: left;
	width: 150px;
	margin-right: 15px;
	position: relative;
  	min-height: 1px;
  	height: auto !important;
  	height: 1px;
}

body.what-you-can-do #index-content ul li .index-image-left {
  	height: 100px;
	overflow: hidden;
	/* required by IE bugs */
	position: relative;
}

.index-photo-crop {
	height: 100px;
	/* required by IE bugs */
	overflow: hidden;
}

.entry-listing-image img,
.index-image-left img {
	margin-bottom: 6px;
}

.entry-listing-image embed,
.entry-listing-image object,
.entry-listing-image iframe,
.threecolumn-item-image embed,
.threecolumn-item-image object,
.threecolumn-item-image iframe,
.excerpt-image-left .embed embed,
.excerpt-image-left .embed object,
.excerpt-image-left .embed iframe,
.entry-footer-related embed,
.entry-footer-related object,
.entry-footer-related iframe,
.related-item-image embed,
.related-item-image object,
.related-item-image iframe {
	width: 150px;
	height: 100px;
}

.entry-listing h2 {
	font: 1.563em Georgia, serif;
	padding-bottom: 9px;
	line-height: 140%;
}

#article-content .entry-listing h2 a,
#article-content .entry-listing p a {
	border-bottom: none;
}


.entry-listing .date-comments {
	color: #666;
	font-size: 0.938em; /* 8pt */
	margin: 0 0 8px 0;
}

body.publications .entry-listing .date-comments {
	margin-bottom: 8px;
}

body#learn .date-comments .comments-link,
body#do .date-comments .comments-link {
	margin-right: 15px;
}



/* @end */

/* @group INDIVID PAGES */

sup {
	vertical-align: super;
	font-size: 0.875em;
}

sub {
	vertical-align: sub;
	font-size: 0.875em;
}

sup a {
	padding-bottom: 0;
	border-bottom: none;
}

.mt-dynamic-error #article-content {
	padding-top: 12px;
	width: 623px;
}

#headline-area {
	height: auto;
	width: 480px;
	padding: 0 0 9px 0;
}

#headline-area .metadata {
	position: relative;
	left: 0px;
	width: 480px;
}

#left-column {
	width: 150px;
	padding: 38px 0 20px 0;
	position: relative;
	margin-right: 48px;
	float: left;
  	min-height: 1px;
  	height: auto !important;
  	height: 1px;
  	clear: right;
}

#left-column #left-nav h4 {
	font-size: 1.125em;
}

#left-column #left-nav ul {
	list-style-type: none;
	padding: 0;
	margin-top: 6px;
}

#left-column #left-nav ul.secondary-ul {
	margin-top: 0;
}

#left-column #left-nav ul li {
	/* text-transform: uppercase;
	font-size: 0.875em;*/
	font-size: 0.914em;
	line-height: 140%;
	border-top: 1px solid #dedede;
	padding: 7px 0 5px 10px;
}

body.issues #left-column #left-nav ul li,
body.become-a-fundraiser #left-column #left-nav ul li,
body.recueillez-des-fonds-pour-la-fondation #left-column #left-nav ul li,
body.recueillez-des-fonds #left-column #left-nav ul li,
body.qog-index #left-column #left-nav ul li,
body.what-you-can-do.healthy-oceans #left-column #left-nav ul li,
body.what-you-can-do.videos #left-column #left-nav ul li,
body.what-you-can-do.faqs #left-column #left-nav ul li,
body.what-you-can-do.book-club #left-column #left-nav ul li,
body.people #left-column #left-nav ul li
/*body.about-us #left-column #left-nav ul li*/ {
	margin: 0 0 5px 0;
	padding-bottom: 0;
}

#left-nav ul li#current {
	background: #efebe3;
}


body.issues #left-column #left-nav ul li ul li,
#left-column #left-nav ul li ul li,
body.become-a-fundraiser #left-column #left-nav ul li ul li,
body.recueillez-des-fonds-pour-la-fondation #left-column #left-nav ul li ul li,
body.recueillez-des-fonds #left-column #left-nav ul li ul li,
body.qog-index #left-column #left-nav ul li ul li,
body.what-you-can-do.healthy-oceans #left-column #left-nav ul li ul li,
body.what-you-can-do.videos #left-column #left-nav ul li ul li,
body.what-you-can-do.recipes #left-column #left-nav ul li ul li,
body.what-you-can-do.faqs #left-column #left-nav ul li ul li,
body.what-you-can-do.book-club #left-column #left-nav ul li ul li,
body.people #left-column #left-nav ul li ul li {
	border-top: none;
	padding-left: 40px;
	margin-left: -30px;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

#left-column #left-nav ul li ul li a {
	font-weight: normal;
	padding: 0;
}

#left-nav ul li#current ul {
	background: #fff;
	margin-bottom: 12px;
}

#left-nav li a.link-current,
#left-nav li ul li a.link-current,
#left-nav li ul li#current a {
	color: #333;
}

body#sign-up-for-david-suzukis-newsletter #special-first.module {
	border-top: none;
	margin-top: 0;
}

/*previous
body.issues #left-column #left-nav ul li ul li,
#left-column #left-nav ul li ul li {
	border-top: none;
	padding-left: 20px;
	margin: 0;
	font-weight: bold;
}

#left-column #left-nav ul li ul li a {
	font-weight: normal;
	padding: 0;
}

#left-nav ul li#current ul {
	background: #fff;
	padding: 0 0 8px 0;
}
*/

/*body.finding-solutions #left-nav ul > li#current,*/
body.issues #left-nav ul > li#current {
	border-bottom: none;
}

/*body#projects.projects h3 {
	font-size: 1.375em;
	padding: 0px 0px 14px 0px;
}*/


/* used for portrait photos on entries, with caption */
#image-wrapper {
	float: right;
	width: 200px;
	margin: 6px 0px 10px 14px;
}

#image-wrapper img {
	padding: 0;
	margin: 0;
}

img.right-align {
	float: right;
	margin: 6px 0px 10px 14px;
	clear: right;
}

.image-right-block {
	float: right;
	width: 215px;
	padding: 10px;
}

.image-right-block img {
	float: right;
}

/*body.entry #article-content p:first-child,
body.learn #article-content p:first-child,
body.do #article-content p:first-child,
body.share #article-content p:first-child,
#page-article-content p:first-child {
	font-size: 1.25em;
}*/

.imgcaption {
	font-size: 0.814em;
	padding: 6px 0px 9px 0px
}

.imgcaption img {
	display: inline;
}

/* displays tags on entry */
#entry-footer-metadata {
	font-size: 0.914em;
	color: #999;
	padding: 7px 0 6px 0;
	border-top: 3px solid #ccc;
	margin: 17px 0 0 0;
	clear: both;
}


#entry-footer-metadata ul, .metadata ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#entry-footer-metadata ul li, .metadata ul li {
	display: inline;
}

#entry-footer-metadata a {
	border-bottom: none;
}

/* if no tags just add space */
#entry-footer-no-tags {
	height: 15px;
	clear: both;
}


/* left col content */

#left-column .module#special-first {
	border-top: 3px solid #666;
	margin-top: 90px;
	padding: 12px 0px 5px;
	font-size: 0.875em;
	color: #333;
}

/* donate section only */
#left-column .module.donate#special-first {
	margin-top: 30px;
}

/* book reviews in Publications > BOOKS */
body.books #left-column .module#special-first,
body.books #left-column .module#special {
	font-size: 0.814em;
}

body.books #left-column .module#special-first h2,
body.books #left-column .module#special h2 {
	font-size: 1em;
	text-transform: uppercase;
}

#left-column .module#special {
	border-top: 2px solid #666;
	padding: 6px 0px 5px;
	color: #333;
	font-size: 0.875em;
}

body.publications #article-content img.cover {
	float: left;
	margin: 0 15px 8px 0;
	width: 150px;
}

body.e-version img.cover

img.banner-padding {
	margin-top: 10px;
}

.leaf {
	margin-left: 5px;
	background: url(../images/assets/leaf.gif) no-repeat 0 0;
	height: 13px;
	width: 16px;
	position: absolute;
}

/* top 10 seafood */

#top-ten-seafood {
	width: 480px;
	margin-top: 10px;
	height: 399px;
}

#top-ten-seafood img {
	margin-bottom: 15px;
	width: 150px;
	height: 123px;
}

#top-ten-seafood #col-1,
#top-ten-seafood #col-2,
#top-ten-seafood #col-3 {
	width: 150px;
	float: left;
	position: relative;
	height: 399px;
	margin-right: 15px;
}

#top-ten-seafood #col-3 {
	margin-right: 0px;
}

/* edit for monthly donor page */

body.donorform #article-content {
	padding-bottom: 0;
}

body.donorform #comments textarea#comment-text {
	height: 100px;
}

body.donorform #comments,
body.donorform #comments #comment,
body.donorform .comment,
body.donorform #comments #comments-open {
	width: 480px;
}

body.donorform #comments #comments-open {
	padding-top: 0;
	border-top: none;
}

body.donorform #comments {
	clear: none;
}

body.donorform #comments-list .userinfo {
	display: none;
}

body.donorform .comment-content-inner,
body.donorform .comment-content-inner p {
	width: 480px;
}

body.donorform #share-services {
	display: none;
}

body.what-you-can-do.book-club h4 {
	clear: both;
}

body.what-you-can-do.book-club #sidebar embed,
body.what-you-can-do.book-club #sidebar object {
	margin-bottom: 2px;
}

table.cleaners {
	padding-bottom: 18px;
}

table.cleaners th {
	padding: 0 0 4px 0;
	font-size: 1.125em;
	border-bottom: 1px solid #ccc;
}

table.cleaners tr td {
	width: 48%;
	padding: 4px 15px 4px 0;
	vertical-align: top;
	font-size: 0.938em;
	line-height: 150%;
	border-bottom: 1px dotted #ccc;
}

/* @end */

/* assets */

/* @group assets */

#breadcrumb {
	padding: 20px 0 7px 0;
	font-size: 1.064em;
	line-height: 120%;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial;
	font-weight: normal;
	color: #333;
	/*height: 18px;*/
	display: none;
}

#breadcrumb a.category-linked:hover {
	color: #346269;
}

.date-comments {
	color: #666;
	font-size: 0.938em; /* 8pt */
	margin: 0;
}

body#home .date-comments {
	font-size: 0.814em;
}

.date-comments a.comments-link {
	color: #669192;
	padding-right: 21px;
	background: transparent url(../images/assets/speech-bubble.gif) no-repeat right center;
}

.date-comments a:hover {
	color: #446d6f;
}

.entry-content .photo {
	margin: 8px 0px 15px 0px;
}



/* @end */

/* @group HOMEPAGE FEATURES */

.features-item {
	width: 301px;
	position: relative;
	float: left;
	margin-right: 21px;
}

.projectindex {
	font-size: 0.938em;
	margin: 0px 10px 10px 0px;
	padding-bottom: 20px;
}

.projectindex a {
	color: #333;
}

.features-item#share,
.third-width#last,
.features-item #tag-cloud-module {
	margin-right: 0px;
}

.features-item h1 {
	padding-bottom: 13px;
	font-size: 1.688em;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial;
	font-weight: bold;
	/*margin-left: -2px;*/
}

#learn.features-item h1 {
	color: #99bf59;
}

#do.features-item h1 {
	color: #ff7f19;
}

#share.features-item h1 {
	color: #00abb1;
}

.features-item h2 {
	font: 1.438em Georgia, serif;
	font-size: 1.5em;
	margin-bottom: 8px;
}

.features-item h2 a {
	color: #26797F;
}

.features-item h1 a:hover {
	color: #446d6f;
	border-bottom: none;
}

.column-content img {
	margin-bottom: 11px;
}

.features-item p {
	font-size: 0.938em;
	padding-bottom: 3px;
	color: #333;
}

.features-item p a.excerpt {
	color: #333;
}

.features-item .column-content-inner {
	height: 171px;
}

.features-item p a:hover {
	color: #333;
	border: none;
}

.features-item a img:hover {
	border: none;
}

.more-content {
	padding: 2px 0px 1px 0px;
	text-transform: uppercase;
	font-size: 0.75em; /* 11px */
	font-weight: bold;
	width: 181px;
	height: 16px;
}

.features-item#learn .more-content a {
	color: #99BF59;
}

.features-item#do .more-content a {
	color: #FF7F19;
}

.features-item#share .more-content a {
	color: #00ABB1;
}

.features-item-image {
	max-height: 200px; /* mdb sep 30, 2016 height: 200px */
	margin-bottom: 15px;
	/* required by IE bugs */
	position: relative;
	overflow: hidden;
}

.threecol-mini-image {
	width: 184px;
	height: 122px;
	/* required by IE bugs */
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}

/* @end */

/* @group BOTTOM SECTION */

#bottom-section #most-read-module ul {
	list-style-type: disc;
	padding-left: 17px;
}

#bottom-section #get-updates {
	padding: 8px 0;
}

.mostviewed-entry-category {
	font-size: 0.814em;
	color: #666;
	padding: 2px 0 0 0;
}

#bottom-section #blogs-module,
#bottom-section #most-read-module {
	font-size: 0.914em;
}

#bottom-section #latest-news-module li {
	margin-bottom: 8px;
}

div.fdpoweredby {
	display: none;
}

/* @end */

/* @group PROJECT DESCRIPTION BOX */

#project-header {
	width: 945px;
	padding: 5px 0px 24px 0px;
}

#project-description {
	width: 623px;
	float: left;
	padding-left: 17px;
}

#project-description b {
	font-size: 1.125em;
}

#project-headlines {
	float: left;
	width: 298px;
	float: left;
	clear: right;
	padding: 0px 7px 7px 0px;
}

#project-description a#more-link {
	font-weight: bold;
}

#project-header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#project-description-content {
	font-size: 1.064em;
	width: 594px;
	/* color: #666;*/
	line-height: 140%;
}

#project-headlines h4 {
	color: #666;
	width: 298px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

#project-headlines ul li {
	font-size: 0.938em;
	margin-bottom: 5px;
}

/* @end */

/* @group INDEX DESCRIPTIONS */

#index-description {
	width: 100%;
	float: left;
	padding: 12px 0 15px 0;
	border-bottom: 1px dotted #333;
	margin-bottom: 0px;
	font-size: 1.064em;
	line-height: 150%;
}

body.books #index-description {
	margin: 7px 0 0;
}

body.science-matters #sidebar .module.blog-bio,
body.queen-of-green #sidebar .module.blog-bio {
	padding-bottom: 3px;
}

#sidebar .module.blog-bio p {
	font-size: 0.875em;

}

#sidebar .module.blog-bio img {
	float: right;
	margin: 5px 0 3px 7px;
}

#sidebar .module.blog-bio img#secondary {
	clear: right;
}

#sidebar .module.blog-bio img.nofloat {
	float: none;
	margin: 0 0 12px 0;
}

#sidebar .module.blog-bio .bio-footer {
	margin-top: 1px;
	border-top: 1px dotted #444;
	padding-top: 6px;
}

#sidebar .module.blog-bio p.small,
#sidebar .module.blog-bio .bio-footer p.small {
	font-size: 0.75em;
}

body.qog-index #sidebar .metrotext {
	border-top: 1px solid #999;
	padding-top: 7px;
	margin-top: 15px;
}

#sub-index-description {
	width: 480px;
	padding: 12px 0 9px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
}

#index-content #index-description h3,
#index-content #sub-index-description h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 0 0 15px 0;
}

img.biopic {
	float: right;
	margin: 0px 0px 10px 15px;
}

#index-description:after,
#left-column:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#index-description-content {
	width: 594px;
	color: #666;
	line-height: 140%;
}

body.projects #index-description {
	margin-bottom: 20px;
}

/* @end */


/* @group GRAPHICAL ELEMENTS */
.double-line,
#double-line {
	width: 678px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 2px;
	padding: 0px;
	/*display: block;*/
	display: none;
	margin: 0px;
	line-height: 0px;
}

/* used on annual report and finding solutions intros */
.highlight-box {
	position: relative;
	clear: both;
	width: 450px;
	margin: 35px 0;
	padding: 10px 15px;
	height: auto;
	background: #d9f7ff;
}

/* @end */

/* @group ENTRIES */

.entry-content {
	width: 500px;
}

/* ENTRY/PAGE CONTENT */

.entry-image-center {
	margin-left: auto;
	margin-right: auto;
}

.entry-image-right,
img.align-right,
img.right-align {
	float: right;
	margin: 0 0 10px 15px;
}

.entry-image-left,
img.align-left,
img.left-align {
	float: left;
	margin: 2px 15px 10px 0;
}

/* used for small icons in sidebar, e.g. metro logo */
#sidebar img.align-left.mini {
	float: left;
	margin: 2px 5px 2px 0;
}

#sidebar img.align-right.mini {
	float: right;
	margin: 2px 0 2px 5px;
}

/* related items at bottom and learn-do-share on project*/

#entry-footer-related {
	border-top: 4px solid #333;
	padding-top: 15px;
	clear: both;
}

/* bottom of indexes (started with blogs) */
#more-content-footer {
	border-top: 4px solid #333;
	padding-top: 10px;
	clear: both;
}

#more-content-footer h3 {
	font-size: 1.25em;
	padding: 2px 0 16px 0;
}

#more-content-footer h3 a:link,
#more-content-footer h3 a:visited  {
	color: #444;
}

#more-content-footer h3 a:hover {
	color: #008883;
}

#more-content-footer .row1,
#more-content-footer .row2 {
	clear: both;
}

#more-content-footer .row2 {
	border-top: 3px solid #ccc;
  	margin-top: 21px;
  	padding-top: 10px;
}

#more-content-footer .related-item-column {
	width: 150px;
	float: left;
	margin-left: 26px;
}

#more-content-footer .related-item-column:first-child {
	margin-left: 0px;
}

#more-content-footer .related-item-column h2.smallcaps {
	font-size: 0.75em;
}

#more-content-footer .related-item-column h2.smallcaps a,
#more-content-footer .related-item-column h2.smallcaps a:visited {
	color: #7f7f7f;
}

#more-content-footer .related-item {
	width: 150px;
	margin: 0;
	font-size: 1.064em;
}

#more-content-footer .related-item.primary {
	margin-bottom: 0px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	height: 170px;
}

#more-content-footer .related-item.secondary {
	font-size: 1em;
	margin-top: 7px;
}

#more-content-footer .related-item-image {
	width: 150px;
	height: 100px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
}

#more-content-footer .related-item a {
	/* color: #333;*/
	font-weight: normal;
	font-size: 0.938em;
	font-family: Georgia;
}

/* similar but in thirds as used on QoG index */

#more-content-footer.three {
	border-top: 1px solid #ccc;
}

#more-content-footer.three .related-item {
	font-size: 0.938em;
	line-height: 100%;
	margin-left: 15px;
}

#more-content-footer.three .related-item:first-child {
	margin-left: 0;
}

#more-content-footer.three h3 {
	padding-bottom: 8px;
}

/*body.qog-index h2.smallcaps,
body.qog-index h2.smallcaps a,
body.qog-index h2.smallcaps a:visited {
	color: #333;
}*/

body.cause-an-effect-stories #entry-footer-related {
	margin-top: 25px;
}

#entry-footer-related h3 {
	float: left;
	width: 150px;
	margin-right: 48px;
	font-size: 1.25em;
}

#entry-footer-related h4,
.section#featured .threecolumn-item h2 {
	font-size: 1.375em;
	margin-bottom: 8px;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial;
	font-weight: normal;
}

.section#featured .threecolumn-item h2 {
	margin-bottom: 1px;
	font-size: 1.438em;
}

h2#learn,
h2#do,
h2#share {
	font-size: 1.438em;
}


h4#learn,
h2#learn {
	color: #99bf59;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial, Helvetica, sans-serif;
}

h4#do,
h2#do {
	color: #ff7f19;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial, Helvetica, sans-serif;
}

h4#share,
h2#share {
	color: #00abb1;
	font-family: "molengo", "ff-nuvo-web-pro", anivers, Arial, Helvetica, sans-serif;
}

#entry-footer-related-content {
	float: left;
	width: 480px;
	margin-top: 2px;
}

.related-item {
	width: 150px;
	float: left;
	margin-left: 15px;
}

.related-item:first-child {
	margin-left: 0px;
}

.related-item-image {
	width: 150px;
	height: 100px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	margin-bottom: 4px;
}

.related-item a {
	/* color: #333;*/
	font-weight: normal;
	font-size: 0.938em;
	font-family: Georgia;
}

/* for use in entries */

.two-column-text {
	width: 480px;
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

.two-column-text:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.two-column-text .left-column,
.two-column-text .right-column {
	width: 225px;
	float: left;
	margin-right: 30px;
	position: relative;
}

.two-column-text .right-column {
	margin-right: 0px;
}

/* @end */

/* @group SIDEBAR CONTENT */

#sidebar h3 {
	font-size: 1.25em;
	font-family: "molengo", Arial;
	font-weight: normal;
	color: #555;
	margin: 0px 0px 8px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px dotted #999;
	border-bottom: 3px solid #888;
	border-color: #828282;
}

#sidebar h3 a {
	color: #38332e;
}

body#media #sidebar h2 {
	margin: 0 0 11px 0px;
	font-size: 1.125em;
}

body#contact-us #sidebar h2 {
	margin: 4px 0 3px 0;
	font-size: 1.064em;
}

#sidebar ul {
	list-style-type: none;
	padding-left: 0px;
}

#sidebar p, #sidebar ul {
	font-size: 0.938em;
}

a.rss {
   padding-left: 18px;
   background: transparent url(../images/assets/rssicon_sm.png) no-repeat center left;
   text-decoration: none;
   color: #8b8b8b;
}

a.rss:hover {
	color: #669192;
}

#sidebar .module-content li .small {
	padding-left: 19px;
	background: transparent url(../images/assets/speech-bubble.gif) no-repeat left center;
}
}

#sidebar #relations-medias p,
#sidebar #media-contacts p {
	font-size: 0.875em;
}

.module.badge {
	margin-top: 15px;
}

#news-feed {
	padding-top: 20px;
	line-height: 125%;
}

#blog-feed {
	line-height: 125%;
}

#news-feed ul li,
#blog-feed ul li {
	margin-bottom: 8px;
}

#news-feed span,
#blog-feed span {
	font-size: 0.875em;
}



#sidebar #donate-button,
#sidebar #action-button,
#sidebar #misc-button {
	margin: 0px 0 21px 0;
}

#sidebar #donate-button:first-child,
#sidebar #action-button:first-child,
#sidebar #misc-button:first-child,
#entry #sidebar #donate-button {
	margin-top: 34px;
}

body.science-matters #sidebar #donate-button,
body.la-science-en-action #sidebar #donate-button,
body.cercle-scientifique #sidebar #donate-button {
	margin-top: 0px;
}

#sidebar .newsletter-module {
	background: url('../images/assets/newsletter-signup-bg.jpg') no-repeat;
	width: 212px;
	height: 150px;
	margin-top: 0;
}

#sidebar .newsletter-module .module-content {
	height: 140px;
}

body.toxics #sidebar .newsletter-module,
body.whats-inside #sidebar .newsletter-module {
	background: url('../images/assets/newsletter-signup-bg-cosmetics.jpg') no-repeat;
}

body.ce-qui-importe-le-plus #sidebar .newsletter-module,
#sidebar .newsletter-module.cosmetiques {
	background: url('../fr/champs-dintervention/images/newsletter-signup-bg-cosmetics-fr.jpg') no-repeat;
}

body.ce-qui-importe-le-plus .newsletter-module input.newsletter-email,
#sidebar .newsletter-module.cosmetiques input.newsletter-email,
body.toxics #sidebar .newsletter-module input.newsletter-email,
body.whats-inside #sidebar .newsletter-module input.newsletter-email {
	height: 20px;
	padding: 0 0 0 3px;
	font-size: 0.875em;
	width: 141px;
	border: none;
	top: 100px;
	margin: 0 0 0 1px;
}

body.ce-qui-importe-le-plus input.newsletter-submit,
#sidebar .newsletter-module.cosmetiques #sidebar input.newsletter-submit,
body.toxics #sidebar input.newsletter-submit,
body.whats-inside #sidebar input.newsletter-submit {
	width: 20px;
	height: 21px;
	vertical-align: top;
	top: 100px;
	cursor: pointer;
	margin: 0 0 0 5px;
	background: url('../images/assets/newsletter-signup-btn-cosmetics.png') no-repeat;
	border: none;
}

body.ce-qui-importe-le-plus #sidebar input.newsletter-submit:hover,
#sidebar .newsletter-module.cosmetiques input.newsletter-submit:hover,
body.toxics #sidebar input.newsletter-submit:hover,
body.whats-inside #sidebar input.newsletter-submit:hover {
	background: url('../images/assets/newsletter-signup-btn-cosmetics-over.png') no-repeat;
}



#sidebar .newsletter-module:first-child,
#sidebar .module.button:first-child {
	margin-top: 34px;
}

body#contact-us #sidebar .newsletter-module,
body#green-workplace #sidebar .newsletter-module {
	margin-top: 0px;
}

#sidebar .module.first,
#sidebar .module.first-button,
body.what-you-can-do .module.facebook-like {
	margin-top: 34px;
}

body#what-you-can-do .module.facebook-like {
	margin-top: 0;
}

#sidebar .module-content #seafood-logos {
	margin: 10px 0;
	height: 66px;
}


#sidebar .module-content #pinterest {
	margin: 10px 0;
	height: 66px;
}

.newsletter-module input {
	position: relative;
	top: 110px;
	left: 13px;
}

.newsletter-module input.newsletter-email {
	height: 20px;
	padding: 0 0 0 3px;
	font-size: 0.875em;
	width: 141px;
	border: none;
}

input.newsletter-submit {
	width: 20px;
	height: 21px;
	vertical-align: top;
	cursor: pointer;
	margin: -1px 0 0 5px;
	background: url('../images/assets/newsletter-signup-btn.png') no-repeat;
	border: none;
}

input.newsletter-submit:hover {
	background: url('../images/assets/newsletter-signup-btn-over.png') no-repeat;
}

body#home input.newsletter-submit {
	width: 22px;
	height: 22px;
	vertical-align: top;
	cursor: pointer;
	margin: 0 0 0 4px;
	background: url('../images/assets/signup-submit-btn.jpg') no-repeat;
}

body#home input.newsletter-email {
	height: 19px;
	padding: 1px 0 0 3px;
	font-size: 0.875em;
	width: 150px;
}

body#home #feature-3 div {
	width: 301px;
	clear: both;
	padding-top: 2px;
}

body#home #feature-3 div h3 {
	/*padding: 0 0 3px 0; when under banner*/
	padding: 0 0 5px 0;
}

/* @end */

/* @group MODULES */

select {
	margin: 4px 0;
}


#bottom-section h3 {
	padding: 0 0 4px;
	border-bottom: 1px solid #ccc;
	color: #f6f3ea;
	font: normal 20px "molengo", "ff-nuvo-web-pro", anivers, Arial;
}

#bottom-section h3 a,
#bottom-section h3 a:visited {
	color: #f6f3ea;
}

.module ul, #bottom-section ul {
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.module ul li, #bottom-section ul li, .module-content ul li {
	margin-bottom: 4px;
}

.module-content {
	padding: 9px 0 0 0;
}

/* apply to rest */
#sidebar .module,
#latest-contributors,
#sidebar .yousaid-module,
#most-read-module,
.module-recent-entries,
#whatsnew-module {
	padding-bottom: 10px;
	clear: both;
}

/* comment bubble blurb */
#comment-blurb {
	font-size: 0.938em;
	line-height: 145%;
	width: 212px;
	color: #fff;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
}

#comment-blurb #text {
	position: relative;
	top: 15px;
	padding: 0 12px 0 40px;
	margin: 0;
	width: 160px;
	background: #3fc6c9 url(../images/assets/comment-blurb-quote.png) no-repeat left top;
}

#comment-blurb a {
	color: #346269;
	text-decoration: none;
	font-size: 0.938em;
}

#comment-blurb a#commentbody {
	color: #fff;
	font-size: 1em;
}

#comment-blurb a:hover {
	color: #fff;
}

#comment-blurb #top {
	position: relative;
	background: url(../images/assets/comment-blurb-top.png) no-repeat 0 0;
}

#comment-blurb #bottom {
	background: url(../images/assets/comment-blurb-bottom.png) no-repeat;
	width: 212px;
	height: 29px;
	padding: 0;
	margin: 14px 0 0 0;
}

#sidebar .module.pinterest {
background-color: #fff;
margin: 0 0 14px 0;
}

#sidebar .module.pinterest img {
padding-top: 14px;
padding-left: 20px;
}

#sidebar .module.button,
#sidebar .module.blog-updates,
#sidebar .module.recent-comments {
	padding-bottom: 15px;
}

#sidebar .module.blog-updates {
	padding-bottom: 21px;
}

#bottom-section #most-read-module {
	padding-bottom: 10px;
}


#bottom-section #search-module {
	padding-bottom: 15px;
}


#whatsnew-module img {
	padding-top: 3px;
}

/* #bottom-section .yousaid-module {
	position: relative;
	left: 322px;
}*/

#most-read-module {
	color: #7e7e7e;
}


#blogs-module {
	font-size: 0.938em;
	color: #7f7f7f;
	padding-bottom: 0px;
}

#blogs-module span {
	font-size: 0.875em;
}

#blogs-module .module-content img {
	float: right;
	padding: 3px 0 2px 5px;
}

#blogs-module ul li {
	margin-bottom: 12px;
}

#blogs-module ul li  p {
	color: #666;
}

#blogs-module .module-content ul li a {
	font-weight: bold;
}

#blogs-module .module-content ul li span a,
#blogs-module .module-content ul li p a {
	font-weight: normal;
}

/* facebook like - when first item in sidebar */
.module.facebook-like.first-item {
	margin-top: 34px;
}

.module.facebook-like .module-content {
	padding-top: 0px;
	margin-top: 9px;
	background: #fff;
}

.module.ar-toc .module-content h4 {
	margin: 0 0 4px 0;
}

.module.ar-toc .module-content li {
	border-top: 1px solid #ccc;
	padding: 3px 0 1px 0;
	margin: 1px 0 2px 0;
}

/* recent entries */

ul.recent-entries-listing {
	list-style: none;
	margin: 0;
	padding-left: 0px;
}

.module ul li,
.module-content ul li {
	padding-left: 0px;
	margin-bottom: 6px;
}


/* recent comments */

.module.recent-comments .comment-meta {
	font-size: 0.875em;
	line-height: 150%;
	margin-top: 2px;
}

.module.recent-comments li.comment-border {
	border-bottom: 1px solid #ccc;
	margin-bottom: 7px;
	padding-bottom: 9px;
}

#sidebar .blogpost-date {
	font-size: 0.875em;
	color: #666;
}

/* @end */

/* @group SOCIAL MEDIA */

#socialmedia ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#socialmedia ul li {
	float: left;
	margin-right: 37px;
}

#socialmedia ul li#get {
	height: 16px;
	border-right: 1px solid #ccc;
	padding: 8px 22px 9px 0px;
	margin-right: 22px;
}

#socialmedia ul li#last {
	margin-right: 0px;
}

/* @end */


/* used when linking to archives e.g. with More » */
.archive-link {
	margin-top: 0px;
	text-align: right;
	font-weight: bold;
	font-size: 1.124em;
}


/* @end */

/* @group MT ASSETS */

.asset-body,
.asset-more,
.asset-more-link,
.asset-excerpt,
/*.comment-content,*/
.comment-footer,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.trackbacks-info,
.trackback-content,
.trackback-footer {
    clear: both;
}

.asset,
.comments,
.trackbacks,
.archive {
    overflow: hidden;
    width: 100%;
}

.asset,
.asset-content,
.comments,
.trackbacks {
    position: static;
    clear: both;
}


#comment-form-reply {
	clear: both;
	display: none;
}

.asset,
/*.comments,*/
.comments-content,
.trackbacks,
.search-form {
    margin-bottom: 1.5em;
}

#article-content div.embed embed,
#article-content div.embed object,
#article-content div.embed iframe {
	width: 480px;
	height: 295px;
}

.asset-header,
.asset-content,
.asset-body,
/*.comments-header,
.comment-content,*/
/*.comment-footer, */
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
#comment-greeting,
.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comment-form-sign-up,
#comment-form-reply,
#comments-open-text,
.trackbacks-header,
.trackbacks-info,
.trackback-footer,
.archive-content,
.search-form-header,
.search-results-header {
    margin-bottom: .75em;
}

#comment-form-remember-me label,
#comment-form-sign-up label/*,
#comment-form-reply label*/ {
    display: inline;
}

.entry-categories,
.entry-tags {
    margin-bottom: .5em;
}

/* .asset-footer,
.asset-meta {
    font-size: 11px;
}*/

.asset-meta {
    margin-top: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
}

.asset-footer {
    clear: both;
    margin-top: 1.5em;
    padding-top: .5em;
}

.content-nav {
    text-align: center;
}

.content-nav a {
	margin: 0 0 0 1px;
}

body#cause-an-effect-stories .content-nav {
	padding: 5px 0 0 0;
}

.entry-tags h4,
.entry-categories h4 {
    margin-bottom: 0;
    margin-right: .25em;
    display: inline;
    font-weight: bold;
}

.entry-tags ul,
.entry-categories ul {
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.entry-tags ul li,
.entry-categories ul li {
    display: inline;
}

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* @end */

/* @group COMMENTS */

/* previous version #comments {
	clear: both;
}

#comments-content {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	margin-top: 15px;
}

.comment {
	clear: both;
	width: 452px;
	padding: 12px;
	margin-bottom: 5px;
}

.comments-content:after, .comment:after, .comments-open:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

h3.comments-header, h3.comments-open-header {
	font-size: 1.25em;
	margin-bottom: 10px;
}


.userdata {
	position: relative;
	width: 150px;
	margin-right: 21px;
	float: left;
}

.userpic {
	float: left;
	width: 50px;
	margin: 0px 8px 6px 0px;
	position: relative;
}

.userdata .date {
	font-size: 0.814em;
	color: #666;
	line-height: 130%;
}

#comment-preview-comment {
	margin: 8px 0px 20px 0px;
	padding: 8px 12px 12px 12px;
	width: 476px;
	float: left;
	position: relative;
}

.comments-open {
	clear: both;
	padding-bottom: 22px;
}

.comment-content {
	float: left;
	position: relative;
	background: #fff;
}

.comment-content-inner {
	margin-bottom: 3px;
	float: left;
	width: 380px;
}

#comments-list {
	border-top: 1px solid #ccc;
	padding-top: 12px;
}

.comment-content-inner p {
	margin-bottom: 5pt;
}

.comment-footer {
	font-size: 0.814em;
	float: left;
	position: relative;
}

#comments-open-text {
	clear: both;
} */



/* @group COMMENTS */


/*
#comments {
	clear: both;
	margin-top: 15px;
	width: 678px;
	position: relative;
}

#comments-content {
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	margin-top: 15px;
}

.comments-content:after, .comment:after, .comments-open:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment {
	clear: both;
	width: 678px;
	padding: 13px 0 10px 0;
	margin-bottom: 5px;
	border-top: 1px solid #ccc;
}

.comment:first-child {
	border-top: none;
	padding-top: 0px;
}
*/

.comments-open-header,
.comments-header,
.trackbacks-header {
    margin-bottom: 15px;
}


.comment .asset-meta {
    color: #777;
    border: none;
    padding: 0;
}
.comment .asset-meta img {
    display: none; /* hide the sign-in icon */
}

h3.comments-header,
h3.comments-open-header {
	padding: 0 0 4px 0;
	font-size: 1.25em;
}

.userinfo {
	width: 150px;
	margin-right: 48px;
	float: left;
}

.userpic {
	float: left;
	width: 50px;
	margin: 0px 8px 6px 0px;
	position: relative;
}

.userinfo .asset-meta {
	float: left;
	width: 92px;
	font-size: 0.75em;
	position: relative;
	background: #fff;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

.userdata .date {
	font-size: 0.814em;
	color: #666;
	line-height: 130%;
}

.author-byline {
	font-size: 1.064em;
	color: #777;
}

span.author {
	font-weight: bold;
}

#comment-preview-comment {
	margin: 8px 0px 20px 0px;
	padding: 12px 0px 24px 0px;
	width: 678px;
	float: left;
	position: relative;
}

.comment#comment-preview-comment {
	border-bottom: none;
}

.comments-open {
	clear: both;
	padding: 12px 0 0 0;
	border-top: 4px solid #333;
}

.comment-content {
	float: left;
	position: relative;
	background: #fff;
}

.comment-content-inner {
	margin-bottom: 3px;
	float: left;
	width: 480px;
	margin: 0;
	background: #fff;
	border-bottom: none;
	font-size: 0.938em;
	padding-top: 6px;
}

#comments-list {
	border-top: 4px solid #333;
	padding-top: 15px;
}

.comment-content-inner p {
	margin-bottom: 5pt;
}

.comment-footer {
	/* font-size: 0.814em;*/
	float: left;
	position: relative;
}

#comments-open-text {
	clear: both;
}


.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie,
#comment-sign-up {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

textarea {
	padding: 4px;
}

/* doesn't work */
#comment-form-remember-me {
	display: none;
}

/* @end */

/* @group PRESS PHOTOS */

.press-photos {
	clear: both;
	padding: 20px 0;
}

.press-image-row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.press-photos h2 {
	font-size: 1.188em;
	padding: 2px 0 7px 0;
}

.press-image-wrapper span a {
	font-size: 0.938em;
	border-bottom: 1px dotted;
	font-weight: bold;
}

.press-image-wrapper {
	width: 150px;
	float: left;
	margin: 5px 0 15px 15px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
}

.press-image-wrapper#first {
	margin: 5px 0 0 0;
}

.press-image {
	height: 200px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	background: #000;
	margin: 0 0 6px 0;
	width: 150px;
}

.press-image img {
	margin: 0;
	padding: 0;
}

/* @end */

.trackback {
    margin-bottom: .5em;
    border-top: 1px solid #eedcdf;
    padding-bottom: .5em;
    font-size: 1em;
}

.trackback .asset-meta {
	font-size: 1em;
    margin-top: .25em;
    padding-top: 2px;
    padding-bottom: 0;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}

.trackback p {
	margin: 0;
}

/*.comment-content {
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
}

.comment-content p {
    margin-bottom: .5em;
}*/

/* @group WIDGETS */

/*.widget {
    position: relative;
    padding: 0px 16px 21px;
    color: #414141;
}*/

.title-left {
	position: relative;
	float: left;
	width: 150px;
	margin-right: 15px;
}

.archive-content {
	float: left;
	position: relative;
	width: 200px;
}

.archive-content ul,
.widget-content ul {
    margin: 1px 0 0 0;
    padding: 0;
    list-style: none;
}

.widget-content ul ul {
    margin-left: 15px;
}

.widget-content li {
    margin-top: 0px;
    margin-bottom: 8px;
}

#widget-blogroll {
	clear: both;
}

#widget-blogroll li {
	margin-bottom: 5px;
}

#bottom-section #tag-cloud-module h3 {
	padding-bottom: 6px;
	margin-bottom: 8px;
}

#widget-tag-cloud .widget-content ul {
	list-style: none;
	margin: 0;
	clear: both;
/* do not use float */
	width: 100%;
	/*
    margin-right: 0;
    margin-left: 0;
    list-style: none; */
}

.widget-tag-cloud {
	font-size: 0.75em;
}

.widget-tag-cloud .widget-content li {
	line-height: 1.5em;
	display: inline;
    margin: 0 4px 2px 0;
    padding: 0px 6px 28px 0;
}

.widget-tag-cloud .rank-1  { font-size: 1.813em; }
.widget-tag-cloud .rank-2  { font-size: 1.688em; }
.widget-tag-cloud .rank-3  { font-size: 1.5em; }
.widget-tag-cloud .rank-4  { font-size: 1.313em; }
.widget-tag-cloud .rank-5  { font-size: 1.125em; }
.widget-tag-cloud .rank-6  { font-size: 0.938em; }
.widget-tag-cloud .rank-7 { font-size: 0.75em; }

.widget-recent-assets .widget-content ul {
    overflow: auto;
    margin-right: 0;
}


.item {
    display: inline;
    float: left;
    margin: 0pt 5px 8px;
    /* required by IE bug */
	position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: bottom;
    width: 70px;
}

.project-module object {
	width: 280px;
	height: 181px;
}

/* search widget */

.widget-search input {
	width: 195px;
}

#header .widget-search input.search-query {
	border: none;
	height: 17px;
	margin: 2px 1px;
	padding-left: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#page #article-content .widget-search {
	padding-top: 7px;
}

#article-content .widget-search input.search-query {
	width: 200px;
	border: 1px border #ccc;
	height: 14px;
	margin: 14px 0 0 0;
	padding: 3px 0 3px 4px;
	font-size: 1em;
}

input.search-submit {
	width: 26px;
	vertical-align: -5px;
	margin-left: 1px;
	/* PC TEST THIS */
}

.widget-search ul,
.widget-syndication ul {
    margin-left: 0;
    list-style: none;
}

.widget-search li,
.widget-syndication li  {
    margin: 5px 0;
}

.widget#widget-subscribe {
	padding: 10px 0 25px 0;
}

#widget-subscribe h3 img {
	height: 28px;
}

.widget-openid {
    width: 160px;
    margin: 10px auto;
    border: none !important;
}
.widget-openid .widget-content {
    border: 1px solid #ccc;
    background: #fff url(../images/openid-accepted.gif) no-repeat 7px 3px;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    color: #666;
    margin: 0;
    padding: 0 !important;
}
.widget-openid .widget-content em {
    display: block;
    font-style: normal;
    padding: 34px 9px 9px 68px;
}
.widget-openid .widget-content strong {
    left: -9999px;
    position: absolute;
}
.widget-openid .widget-content a {
    display: block;
    background: #eee;
    text-align: center;
    padding: 5px 3px;
    color: #666;
    text-decoration: underline;
    font-weight: normal;
}


/* quickpost add-ons */

#quickpost-thanks {
	font-size: 1.125em;
	font-weight: bold;
	background: #cfc;
	width: 623px;
}


/* other widgets */

#sharing-widgets {
	clear: both;
	width: 480px;
	padding: 0 0 15px;
	height: 50px;
}

#Pinterest {
	float: right;
	display: block;
	width: 100px;
}

#share-services {
	width: 480px;
	padding: 10px 0 0 0;
	height: 30px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
}

#facebook-like {
	float: left;
	position: relative;
	width: 200px;
}

#facebook-like-top {
	width: 480px;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height: 25px;
	height: auto !important;
    height: 25px;
	padding: 5px 0 2px 0;
	margin: 10px 0 12px;
	overflow: visible;
}

.entry-listing #facebook-like-top {
	margin: 10px 0 21px 0;
}

#fblike-index-bottom {
	width: 480px;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	overflow: visible;
}

#tweetmeme {
	height: 18px;
	float: right;
	width: 20px;
	text-align: right !important;
}

/*	height: 18px;
	position: absolute;
	right: 95px;
	width: 100px;
	text-align: right; */

#tweetmeme_capsule {
height: 18px;
width: 40px;
text-align: right !important;
float: left;
direction: ltr;
position: relative;
}

#tweetmeme iframe {
direction: rtl !important;
}


#tweetbtn {
	float: left;
	position: relative;
}

#tweetbtn-fr {
	float: left;
	position: relative;
	margin-right: 10px;
}

#facebook-share {
	float: left;
	position: relative;
	margin-top: 1px;
	/*height: 19px;
	overflow: hidden;
	border-bottom: 1px solid #29447e;
	background-color: #637bad;*/
	display: none;
}

/*
#facebook-share span.FBConnectButton_Text {
	font-size:  1.064em !important;
	width: 31px;
	height: 13px;
	border-left: 1px solid transparent;
	margin: 0 0 0 18px;
	border-top: 1px solid #29447e;
	border-right: 1px solid #29447e;
	background-color: #637bad;
}

#facebook-share a span.fb_share_size_Small span.FBConnectButton.FBConnectButton_Small {
	position: relative;
	height: 19px;
	border-bottom: 1px solid #29447e;
}

#facebook-share a span.fb_share_size_Small span.FBConnectButton.FBConnectButton_Small span.FBConnectButton_Text {
	height: 12px;
	font-size: 0.75em;
}*/

#add-this-widget {
	position: relative;
	float: right;
	right: 0px;
	width: 37px;
	color: #999;
	height: 20px;
	padding: 0;
	margin: 2px 0 0 8px;
}

#add-this-widget a.addthis_button_email img {
	position: relative;
	float: left;
}

#add-this-widget a#print img {
	margin-left: 5px;
	float: left;
	position: relative;
}

/* unused
#votemessage {
	padding: 7px 0 0 0;
	font-style: italic;
}

#favourite-widget {
	float: right;
	padding: 0px 0px 23px;
	display: none;
}

#favourite-widget img {
	display: inline;
	vertical-align: bottom;
	margin-right: 6px;
}

#favourite-widget a,
#favourite-widget a:hover,
.favorite-action a,
.favorite-action:hover,
#add-this-widget a,
#add-this-widget a:hover {
	border: none;
	font-weight: bold;
}

.favorite-action span#loveit {
	font-weight: bold;
	color: #333;
}

.favorite-action span#add {
	border-bottom: 1px dotted;
	color: #00abb1;
}

.favorite-action span#add:hover {
	color: #346269;
}
*/

/* more default styles in defaults.css, some of which are overwritten here for the articles */
/* #favourite-widget .favorite-action {
    display: inline;
    float: left;
    border-left: none;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    text-decoration: none;
	overflow: visible;
    text-align: left;
    width: 300px;
    padding: 0 0 0 25px;
}*/

/* system templates */

#article-content.profile-view {
	width: 623px;
}

#article-content.profile-view .userpic {
	width: auto;
}

#search-results {
	width: 550px;
}

#search-results .search-results-container ul li {
	width: 550px;
	clear: both;
	border-top: 1px dotted #ccc;
	padding: 17px 0 12px 0;
}

/* Solr version results */
#search-results .search-results-container.autopagerize_page_element ul li p {
	width: 500px;
	margin-left: 0;
	padding: 2px 0 5px 0;
}

#search-results .search-results-container ul li h3 {
	padding: 0 0 6px 0;
	font-size: 1.313em;
	line-height: 140%;
	width: 500px;
}

/* Solr version results */
#search-results .search-results-container.autopagerize_page_element ul {
	width: 678px;
}

#search-results .search-results-container.autopagerize_page_element p.tagresults-postedin {
	font-size: 0.875em;
	padding: 0;
	width: 500px;
	color: #666;
}

p.tagresults-postedin,
p.posted-in {
	font-size: 0.875em;
	padding: 0;
}

p.posted-date {
	font-size: 0.938em;
	color: #666;
	padding: 0 0 3px 0;
}

#search-results .search-results-container .excerpt-image-left {
	height: auto;
	margin-bottom: 12px;
}

#search-results .content-nav {
	clear: both;
	width: 550px;
	text-align: right;
	font-size: 1em;
}


#search-results .widget-search.widget {
	height: 35px;
}

body.search #index-content input.search-query,
#search-suggestions input.search-query,
#search-results input.search-query {
	width: 168px;
	padding: 0 0 0 3px;
	height: 19px;
	vertical-align: top;
	color: #666;
}

body.search #index-content input.search-query,
#search-suggestions input.search-query {
	width: 200px;
}

body#notfound #index-content {
	width: 540px;
}

body#notfound #index-content .widget-search.widget {
	margin-top: 10px;
}

body#notfound #index-content .widget-search.widget input.search-query {
	width: 200px;
	padding: 0 0 0 2px;
	height: 19px;
	vertical-align: top;
	color: #666;
	font-size: 0.938em;
}

/* faq page */

body.faq #article-content {
	padding-top: 29px;
}

.faq .question-section {
	margin-bottom: 10px;
	padding: 10px 0 15px 0;
	border-bottom: 1px dotted #bbb;
}

#answers {
	padding-top: 20px;
}

.faq #answers .answer-section .section-header {
	background: #eeece2;
	padding: 5px 8px 3px 8px;
	margin: 15px 0 14px 0;
	clear: both;
	width: 464px;
	height: 20px;
}

.faq #answers .answer-section {
	padding-bottom: 10px;
}

.faq h2 {
	font-size: 1.313em;
	padding: 0px 0 5px 0;
}

.faq #answers .answer-section h2 {
	font-size: 1.313em;
	padding: 0;
    display: inline;
}

.faq .top-link {
	font-size: 0.75em;
	float: right;
	position: relative;
}

.faq ol {
	list-style-type: decimal;
	padding-left: 17px;
	margin-left: 15px;
}

.faq ol li {
	margin-bottom: 5px;
}

.faq .answer-section ol li.question-wrapper {
	font-size: 1.125em;
	font-weight: bold;
}

#article-content.faq #answers .answer-section h3 {
	padding: 0 0 4px;
	font-size: 1em;
}

.answer-section p,
.faq .answer-section ol li.question-wrapper ul li {
	font-size: 0.938em;
	font-weight: normal;
}

.faq ol li.question-wrapper > ul {
	padding: 0 !important;
}

.faq ol li.question-wrapper ul li {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

.faq ol li.question-wrapper ul li ul,
.faq ol li.question-wrapper ul li ul li ul {
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.faq ol li.question-wrapper ul li ul li,
.faq ol li.question-wrapper ul li ul li ul li {
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 17px;
}

.faq ol li.question-wrapper ul li ul li ul li {
	list-style-type: circle;
}

.faq ol li ul {
	margin-left: -17px;
}

li.description ul {
	list-style-type: disc;
	padding-left: 17px;
	margin-left: 0px;
}

#article-content.faq ol li a,
#article-content.faq div a {
	border-bottom: none;
}

#article-content.faq #answers .answer-section a {
	border-bottom: 1px dotted #9e9e9e;
}

.faq span.caps {
	font-variant: normal;
	float: none;
	text-align: left;
}

/* print-friendly */
#printHeader, #printFooter, #returnLink, #printFooterURL {
display: none;
}

/* RSS Subscription */

#subscribe-footer {
	padding: 5px 0 0 0;
	font-size: 0.938em;
	width: 480px;
	height: 10px;
}

a#subscribe-email {
	padding-left: 19px;
	background: transparent url(../images/assets/subscribe-email.png) no-repeat center left;
	cursor: pointer;
	margin-right: 7px;
}

a#subscribe-rss {
	padding-left: 17px;
	background: transparent url(../images/assets/subscribe-rss.png) no-repeat center left;
}

h1.latest-header a#subscribe-rss,
h1.latest-header a#subscribe-email {
	float: right;
	font-size: 0.875em;
	font-weight: normal;
	margin-top: 2px;
	text-transform: none;
}

h1.latest-header a#subscribe-email {
	margin-right: 8px;
}

#subscribeRSS {
width: 150px;
height: 61px;
background-image: url(http://www.davidsuzuki.org/images/assets/subscribe-button.jpg);
position: relative;
margin-top: 30px;
display: block;
}

#subscribeRSS_RSS {
padding-left: 45px;
height: 20px;
text-decoration: none;
position: absolute;
left: 10px;
top: 30px;
}


#subscribeRSS_email {
padding-left: 60px;
height: 20px;
text-decoration: none;
position: absolute;
left: 70px;
top: 30px;
}

#subscribeRSS_emailWindow {
width: 130px !important;
background-color: #e6f3f3;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
border: 10px solid #e6f3f3;
margin-top: 10px;
color: #333;
display: none;
position: absolute;
}


#subscribeEmail {
width: 124px !important;
border: 1px solid #999;
}

#deliveredBy, #deliveredBy a:link, #deliveredBy a:visited {
text-decoration: none;
color: #999;
line-height: 0px;
}

#subscribeRSS_1px {
height: 110px;
}

/* @group FORMS */

.placeholder { color: #aaa; }

/* fundraiser, ambassador form */

body#submit-your-fundraising-idea #article-content form input/*,
body.green-your-workplace #article-content form input*/ {
	width: 275px;
	height: 18px;
	font-size: 0.983em;
}

body#submit-your-fundraising-idea #article-content form td.formField/*,
body.green-your-workplace #article-content form td.formField*/ {
	width: 130px;
}

body#submit-your-fundraising-idea #article-content form input#Receipt/*,
body.green-your-workplace #article-content form input#Receipt*/ {
	width: 20px;
	vertical-align: middle;
	margin: 0;
}

/*body.green-your-workplace #article-content form input.radio {
	width: 20px;
	vertical-align: middle;
	margin: 6px 0 7px 0;
}*/

input#Q4.textfield,
input#Q5.textfield,
input#Q6.textfield,
input#Q7.textfield {
	margin-top: 4px;
}
/*
body.green-your-workplace #article-content form input.datefield {
	width: 110px;
}*/

body#submit-your-fundraising-idea #article-content form p input#Legal {
	width: 20px;
	vertical-align: middle;
}

body#submit-your-fundraising-idea #article-content form input.submit/*,
body.green-your-workplace #article-content form input.submit*/ {
	width: 70px;
	margin-bottom: 10px;
}

input.hidden-field,
select.hidden-field {
	display: none;
}

/* migrate to apply to all forms later so they don't need a class added */

form.basic-form {
	margin-top: 10px;
}

form.basic-form input {
	width: 275px;
	height: 18px;
	font-size: 0.983em;
	margin: 2px 0 15px 0;
}

form.basic-form.ambassador input {
	margin: 2px 0 19px 0;
}

form.basic-form select {
	margin: 0 0 15px 0;
}

form.basic-form .checkbox,
form.basic-form.ambassador .checkbox,
.module.blog-updates .checkbox {
	width: auto;
	margin: 2px 2px 0 0;
	vertical-align: middle;
}

/* no space after radio button before text */
form.basic-form input.radio {
	width: 20px;
	vertical-align: top;
	margin: 1px 1px 13px 0;
}

form.basic-form span.radio {
	margin: 0 7px 0 0;
}

input#submit {
	width: auto;
	height: auto !important; /* height set on other inputs to 18px */
	margin: 10px 0 20px 0;
}

form.basic-form textarea {
	width: 400px;
	height: 120px;
	font-size: 1em;
	margin-bottom: 6px;
}

form.basic-form textarea#address {
	width: 275px;
	height: 50px;
}

form.basic-form textarea.short {
	width: 275px;
	height: 25px;
}


form.basic-form input#zip {
	width: 85px;
}

form.basic-form input#phone {
	width: 135px;
}

form.basic-form input.numerical {
	width: 120px;
}

form.basic-form input.datefield {
	width: 110px;
}

form.basic-form span.form-hint {
	color: #666;
}

/* queen of green, science matters, etc. sign-ups */

.module.blog-updates {
	border-top: 1px dotted #666;
	padding: 7px 0 10px 0;
}

body#entry.queen-of-green .module.blog-updates {
	border-top: none;
	padding: 7px 0 15px 0;
	font-size: 1.064em;
}

body#entry.queen-of-green .module.blog-updates input#email {
	font-size: 0.875em;
}

/* used if blog updates is first item
body#entry .module.blog-updates {
	border-top: none;
	margin-top: 30px;
	padding-top: 0px;
}*/

.module.blog-updates h4 {
	font-size: 1em;
	padding: 0 0 5px 0;
}

.module.blog-updates label {
	font-size: 0.814em;
}

.module.blog-updates label.hidden-field,
.module.subscribe label.hidden-field  {
	display: none;
}

.module.blog-updates form input {
	font-size: 0.814em;
}

.module.blog-updates form input#email {
	width: 208px;
	padding: 2px 0 0 3px;
	height: 16px;
	margin: 2px 0 3px 0;
}

.module.blog-updates form input#city {
	width: 110px;
	margin: 0 0 5px 0;
	padding: 2px 0 0 3px;
	height: 16px;
}

.module.blog-updates form input#province {

}

.module.blog-updates form input#submit,
.module.blog-updates form input.sidebar-signup-submit {
	margin: 4px 0 0 2px;
	vertical-align: top;
	width: 18px;
	height: 18px;
}
.module.blog-updates form button.sidebar-signup-submit {
	margin: 4px 0 0 2px;
	padding: 0px;
	border: 0;
	vertical-align: top;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.module.blog-updates form#queen-of-green-subscribe-form input#email {
	height: 21px;
	font-size: 0.938em;
	width: 175px;
}
.module.blog-updates form#queen-of-green-subscribe-form input.sidebar-signup-submit {
	width: 22px;
	height: 22px;
	margin: 3px 0 0 2px;
}


/* more generic subscribe with full fields, e.g. book club */
.module.subscribe form input {
	font-size: 0.875em;
}

.module.subscribe form input#first_name,
.module.subscribe form input#last_name,
.module.subscribe form input#zip,
.module.subscribe form input#email {
	height: 18px;
	margin: 0 0 6px 0;
	padding: 3px 2px 1px 4px;
	border: 1px solid #ccc;
	font-family: Arial;
	font-size: 0.875em;
}

.module.subscribe form input#first_name,
.module.subscribe form input#last_name,
.module.subscribe form input#email {
	width: 206px;
}

.module.subscribe form input#zip {
	width: 75px;
}

.module.subscribe form input.checkbox {
	margin: 0 1px 0 0;
}

.module.subscribe form label.label-nofloat {
	font-size: 0.814em;
	line-height: 100%;
}

.module.subscribe form input.sidebar-signup-submit {
	margin-top: 6px;
}

/* box on entries to subscribe to newsletter */
#entry-signup-box h4 {
	font-size: 1.125em;
	padding: 0 0 8px 0;
}

#entry-signup-box {
	float: right;
	width: auto;
	padding: 11px 14px 14px 14px;
	background: #3FC6C9;
	margin: 7px 0 7px 15px;
	border-radius: 4px
}

body.blogs.queen-of-green #entry-signup-box {
	width: 195px;
}

body.what-you-can-do.queen-of-green #entry-signup-box,
body.what-you-can-do.faqs #entry-signup-box {
	width: 195px;
}

#entry-signup-box input {
	height: 16px;
	width: 160px;
	border: none;
}

#entry-signup-box input.newsletter-submit {
	width: 20px;
	height: 21px;
	vertical-align: top;
	cursor: pointer;
	margin: -1px 0px 0 3px;
	background: url('../images/assets/newsletter-signup-btn.png') no-repeat;
	border: none;
}

#entry-signup-box input.newsletter-submit:hover {
	background: url('../images/assets/newsletter-signup-btn-over.png') no-repeat;
}



/* === external forms === */

/* formstack */
#article-content .fsForm
{
    font:13px/1.4 Arial, Helvetica, "Helvetica Neue", sans-serif;
    width:100%;
}

/* remove form border */
.fsRowTop, .fsRowBottom, .fsRowOpen, .fsRowClose { display: none; }

/* remove top margin */
body#FSLocal {margin-top:0;}

/* remove margin from top of submit button*/
.fsPagination {margin-top:0;}

/*  remove nearly all margins / padding*/
.fsForm .fsTable { margin: 0 auto; padding: 0; }
.fsForm .fsCell {padding:2px;}
.fsSectionRow + .fsFieldRow .fsCell {padding-top:0;}
.fsFieldRow td { padding-bottom:0px; }
.fsRowTop, .fsRowBottom, .fsRowOpen, .fsRowClose { display: none; }
.fsSectionRow td.fsRowBody { padding:0; }
form div table.fsTable tbody tr td {
	padding: 0 0 19px 0 !important;
}

tr.fsSpacerRow {
	display: none;
}

/* @end */


/* @group FORMS VALIDATION */

/* new */
form#form label { width: 250px; }
form#form label.error, #form input.submit { margin-left: 253px; }
form#form label.error {
	color: #f01b2e;
	margin-left: 10px;
	width: auto;
	display: inline;
}

form.basic-form#valid label {
	float: left;
	position: relative;
}

form.basic-form#valid label.label-nofloat,
form.basic-form#form label.label-nofloat {
	float: none;
}

form.basic-form#valid #inf_email {
	color: #f01b2e;
	font-size: 0.875em;
	padding: 0;
	margin: 4px 0 0 0;
	width: 190px;
	float: right;
	position: relative;
}

form input.error,
form select.error {
	background-color: #FCC;
	-webkit-box-shadow: 0px 0px 2px #FCC;
	-moz-box-shadow: 0px 0px 2px #FCC;
	box-shadow: 0px 0px 2px #FCC;
}
form input.error {
	border-color: #F99;
}
form select.error {
}


/* @end */


/* @group NEW COMMENTS STYLE */

/* @override http://www.davidsuzuki.org/css/mt-comments.css */

/* @group COMMENTS */

.comments-open-header,
.comments-header,
.trackbacks-header {
    margin-bottom: 15px;
}


.comment .asset-meta {
    color: #777;
    border: none;
    padding: 0;
}
.comment .asset-meta img {
    display: none; /* hide the sign-in icon */
}

h3.comments-header,
h3.comments-open-header {
	padding: 0 0 4px 0;
	font-size: 1.25em;
}


/* MOD JUNE */
#comments {
	clear: both;
	margin-top: 25px;
	width: 678px;
	position: relative;
	/*border-top: 4px solid #333;*/
}
#comments-content {
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	margin-top: 15px;
}

.comments-content:after, .comment:after, .comments-open:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment {
	clear: both;
	width: 678px;
	padding: 0 0 20px 0;
	margin-bottom: 15px;
	border-top: none;
	border-bottom: 1px solid #ccc;
}

.comment:first-child {
	border-top: none;
	padding-top: 0px;
}

.userinfo {
	width: 150px;
	margin-right: 48px;
	float: left;
}

.userpic {
	float: left;
	width: 50px;
	margin: 0px 8px 6px 0px;
	position: relative;
}

.userinfo .asset-meta {
	float: left;
	width: 92px;
	font-size: 0.75em;
	position: relative;
	background: #fff;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

.userdata .date {
	font-size: 0.814em;
	color: #666;
	line-height: 130%;
}

/* MOD JUNE */
.author-byline {
	font-size: 1em;
	color: #333;
	margin-bottom: 1px;
}

span.author {
	font-weight: bold;
}

#comment-preview-comment {
	margin: 8px 0px 20px 0px;
	padding: 12px 0px 24px 0px;
	width: 678px;
	float: left;
	position: relative;
}

.comment#comment-preview-comment {
	border-bottom: none;
}

/* MOD JUNE */
.comments-open {
	clear: both;
	padding: 15px 0 10px 0;
	border-bottom: 1px dotted #ccc;
	width: 680px;
}


.comment-content {
	float: left;
	position: relative;
	background: #fff;
}

/* MOD JUNE */
.comment-content-inner {
	margin-bottom: 3px;
	float: left;
	width: 480px;
	margin: 0;
	background: #fff;
	border-bottom: none;
	font-size: 0.938em;
	padding-top: 4px;
}

/* MOD JUNE */
#comments-list {
	/* border-top: 4px solid #333; */
	padding: 15px 0;
	margin: 5px 0 20px 0;
	clear: both;
	border-top: none;
	/* border-bottom: 1px dotted #ccc;*/
}

.comment-content-inner p {
	margin-bottom: 5pt;
}

.comment-footer {
	/* font-size: 0.814em;*/
	float: left;
	position: relative;
}

#comments-open-text {
	clear: both;
}


.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie,
#comment-sign-up {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

/* MOD JUNE */
/* removed .thread-indent {
	margin-left: 59px;
}*/

/* MOD JUNE */
/* removed .thread-indent .comment {
	border-top: 1px dotted #ccc;
	min-width: 99%;
	width: auto !important;
	min-width: 99%;
	margin: 10px 0;
	padding: 13px 0 5px 0;
}*/

/* MOD JUNE */
/* removed
.thread-indent .comment-content,
.thread-indent .comment-content-inner {
	width: 408px;
}*/

textarea {
	padding: 4px;
}

/* MOD JUNE */
textarea#comment-text {
	width: 450px;
	padding: 4px;
	font-size: 0.938em;
	height: 175px;
	line-height: 140%;
}

/* MOD JUNE */
input#comment-author,
input#comment-email,
input#comment-url,
input#commchallenge_answer {
	height: 20px;
	padding: 1px 0 2px 4px;
	margin: 0;
	font-size: 0.938em;
	width: 345px;
}

/* MOD JUNE */
input#commchallenge_answer {
	width: 200px;
	border: 1px solid #ccc;
}

/* MOD JUNE */
#comments.comments h3.comments-open-header,
#comment-form {
	position: relative;
	float: left;
}

/* MOD JUNE */
#comment-greeting {
	position: relative;
	font-size: 0.938em;
	padding: 0;
}


#comment-labels label {
	font-size: 1em;
	margin: 0 0 1.25em 0;
	/*text-align: right;*/
	color: #666;
}

/* MOD JUNE */
p#comments-open-challenge label {
	margin: 10px 0 3px 0;
	font-size: 0.938em;
}

p#comments-open-challenge br {
	display: none;
	line-height: 0px;
}

/* MOD JUNE */
#comment-form-name label,
#comment-form-email label,
#comment-form-url label {
	/* display: none;
	display: inline;*/
	font-size: 0.938em;
	margin-bottom: 3px;
}

/* MOD JUNE */
#comments-open-footer {
	margin: 5px 0 0 0;
}

#comment-form-remember-me label,
#comment-form-sign-up label {
	font-size: 0.938em;
}

/* MOD JUNE */
#comments-open-footer p {
	font-size: 0.875em;
	color: #666;
	margin: 20px 0 0 0;
}

/* MOD JUNE */

#comment-exclamation,
#comment-error {
    margin: 0 0 25px 0;
}

.msg {
    margin: 0 0 10px 0;
    padding: 21px 10px 8px 20px;
    background-repeat: no-repeat;
    background-position: 0;
}

.msg-success {
    background-color: #CFC;
    background-image: none;
}

.msg-error {
    background-color: #FF9;
    background-image: none;
}

.msg-info {
    background-color: #fff;
    background-image: none;
}

.msg-alert {
    background-color: #FF9;
    background-image: none;
}

/* @end */
/* @end */

/* === currently archived */

/* @group SHARE gallery and reusable items */

#share-group {
	clear: both;
	padding-bottom: 15px;
	width: 623px;
	position: relative;
}


#share-group embed,
#share-group object {
	width: 184px;
	height: 122px;
	margin-bottom: 6px;
}

#share-group:after,
.entry-listing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.threecol-mini {
	margin: 0px 15px 10px 0px;
	width: 150px;
	position: relative;
	float: left;
	height: 240px;
}

body.call-the-pm-and-david-suzuki-calls-you .threecol-mini {
	height: 250px;
}

.threecol-mini:first-child {
	margin-left: 0px;
}

.threecol-mini img {
	margin-bottom: 6px;
}

.threecol-mini h4 {
	font-size: 1.125em;
}

body#share .threecol-mini h4 a {
	color: #00ABB1;
}

body#share .threecol-mini h4 a:hover {
	color: #346269;
}

.threecol-mini {
	font-size: 0.938em;
}

.grid-icon {
	position: relative;
	float: left;
	margin: 0px 10px 6px 0px;
}

p.disclaimer,
p#disclaimer {
	font-size: 0.75em;
	padding: 0 0 0 0 /*198px*/;
	margin: 0 0 28px 0;
	/* border-top: 1px dotted #e8e8e8;*/
	width: 480px;
	position: relative;
}

.share-footer {
	border-top: 1px solid #ccc;
	padding-top: 25px;
}

.share-footer a {
	color: #00ABB1;
}

h2#morevids,
.share-footer h2 {
	font-size: 1.188em;
	margin: 0 0 18px 0;
}

.share-footer .threecol-mini:first {
	background: #000;
}

.share-group#index-description-content {
	width: 100%;
}

/* PROJECT MODULES */

.sub-headlines {
	padding-top: 7px;
	font-size: 0.875em;
	color: #666;
}

.sub-headlines ul {
	list-style: disc;
	padding-left: 17px;
}

.sub-headlines ul li {
	margin-bottom: 6px;
	line-height: 130%;
}


.sub-headlines ul li a {
	/* color: #666; */
}

#share a img {
	display: inline;
}

/* used on Share left side */
#author-name {
	clear: both;
	font-size: 0.938em;
}

/* @group CSS3 buttons */

a.button {
	background: #00A1B9;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	border: none !important;
	padding: 12px 12px 6px 12px;
	margin: 10px 0 10px 15px;
	display: inline-block;
	font-family: "ff-nuvo-web-pro", anivers, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.125em;
	-webkit-transition: background .2s ease-in, color .2s ease-in;
	-moz-transition: background .2s ease-in, color .2s ease-in;
	-o-transition: background .2s ease-in, color .2s ease-in;
	transition: background .2s ease-in, color .2s ease-in;
	float: right;
}


a.button.left {
	float: none;
	margin: 2px 0;
}

a.button.center {
	float: none;
	margin: 5px 0 20px 0;
	display: block;
	text-align: center;
}

a.button:hover,
a.button:focus {
	color: #fff !important;
	background: #008ea3;
	border: none !important;
	margin: 10px 0 10px 15px;
}

a.button.left:hover,
a.button.left:focus {
	margin: 2px 0;
}

a.button.center:hover,
a.button.center:focus {
	margin: 5px 0 20px 0;
}

a.button.pink {
	background: #f678a2;
}

a.button.pink:hover,
a.button.pink:focus {
	background: #de6b92;
}

#sidebar a.button {
	font-size: 1em;
	line-height: 140%;
}

a.mini-button {
	background: #00A1B9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 4px;
	border: none !important;
	padding: 5px 15px 4px 15px;
	margin: 2px 0 5px;
	display: inline-block;
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 1.064em;
	-webkit-transition: background .2s ease-in, color .2s ease-in;
	-moz-transition: background .2s ease-in, color .2s ease-in;
	-o-transition: background .2s ease-in, color .2s ease-in;
	transition: background .2s ease-in, color .2s ease-in;
}

a.mini-button:hover,
a.mini-button:focus {
   color: #fff;
   background: #008ea3;
   border: none !important;
   margin: 2px 0 5px;
}

a.button#pledgebtn {
	 width: 456px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.25em;
	 font-weight: bold;
	 text-transform: none;
	 color: #fff;
	 margin-bottom: 10px;
	 padding: 8px 12px 6px 12px;
}

#sidebar a.button {
	float: none !important;
	margin: 6px 0;
}

/* @end */


/* @group homepage newsletter pop-up */

#newsletter-wrapper {
	width: 100%;
}

#newsletter-wrapper #newsletter {
	font: 0.938em Arial, sans-serif;
	top: 0px;
	position: relative;
	z-index: 90;
}

#newsletter-wrapper #newsletter div {
	width: 945px;
}

#newsletter-wrapper #newsletter strong {
	font-weight: bold;
}

#newsletter-wrapper #newsletter {
	background: #2d9198;
	color: #fff;
	padding: 12px 0 11px 0;
	-webkit-box-shadow: 0 6px 15px #333;
	-moz-box-shadow: 0 6px 15px #333;
	box-shadow: 0 6px 15px #333;
	width: 100%;
	position: absolute;
}

#newsletter-wrapper #newsletter div {
	margin: 0 auto;
}

#newsletter-wrapper #newsletter p {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 3px;
}

#newsletter-wrapper #newsletter a,
#newsletter-wrapper #newsletter button {
	text-indent: -9999px;
}

#newsletter-wrapper #newsletter form {
	margin-left: 20px;
	float: right;
}

#newsletter-wrapper #newsletter input {
	background: #fff;
	color: #333;
	font-size: 12px;
	padding: 6px 2px 6px 7px;
	border: 0;
	border-radius: 4px;
	margin-right: 5px;
	width: 170px;
	height: 13px;
}

#newsletter-wrapper #newsletter input.placeholder {
	margin-top: 0px;
}

#newsletter-wrapper #newsletter input:focus {
	outline:0;
	-moz-box-shadow:0 0 8px #fff;
	-webkit-box-shadow:0 0 8px #fff;
	box-shadow:0 0 8px #fff;
}

#newsletter-wrapper #newsletter button {
	background: transparent url('../images/assets/hp-newsletter-submit.png') no-repeat;
	border: 0;
	width: 27px;
	height: 27px;
}

#newsletter-wrapper #newsletter button:hover {
	background: url('../images/assets/hp-newsletter-submit-over.png') no-repeat;
	cursor: pointer;
}

#newsletter-wrapper #newsletter a {
	background: url('../images/assets/hp-newsletter-close.png') no-repeat;
	margin: 0 15px 0 0;
	width: 19px;
	height: 19px;
	display: block;
}

#newsletter-wrapper #newsletter a:hover {
	background: url('../images/assets/hp-newsletter-close-over.png') no-repeat;
}

/* hide from sign-up pages */

body.sign-up-for-david-suzukis-newsletter #newsletter-wrapper,
body.inscrivez-vous-a-notre-bulletin-mensuel #newsletter-wrapper {
	display: none;
}

/* @end */

/* @group CUSTOM PAGES */

body#entry.nosidebar #main-column {
	margin-right: 0 !important;
	border-right: none !important;
	width: 945px;
}

body#entry.nosidebar #sidebar {
	display: none !important;
}

body.provincemap #main-column {
	width: 945px;
	padding: 0 0px 30px 21px;
	float: left;
	position: relative;
	top: 0px;
	/*border-right: 246px solid #efebe3;
	margin-right: -246px;*/
	border-right: none;
	clear: both;
}

body.provincemap #breadcrumb,
body.provincemap .double-line {
	width: 945px;
}

body.provincemap #main-column #article-content {
	width: 747px;
}

body.provincemap .intro {
	font-size: 1.064em;
	line-height: 150%;
	width: 652px;
	min-height: 110px;
	margin-bottom: 15px;
}

body.provincemap .intro img {
	float: right;
	margin: 0 0 10px 25px;
	width: 85px;
}

body.provincemap .descript {
	clear: left;
}

body.provincemap #map-area {
	display: block;
	position: relative;
	width: 747px;
	height: 490px;
	margin-bottom: 15px;
	clear: both;
	background-repeat: no-repeat;
}

body.provincemap #map-area #map-tip {
	position: absolute;
	display: block;
	top: 420px;
	right: 0px;
	padding: 10px 12px;
	background-color: #f5f9e2;
	font-size: 0.9em;
}

body.provincemap #map-area #map-thumbs {
	position:absolute;
	top:350px;
	/*width:240px;*/
	z-index: 10;
}

body.provincemap #map-area #map-thumbs .map-thumbs-head {
	text-transform: uppercase;
	font-size: 0.938em;
	font-weight: bold;
	height: 14px;
}

body.provincemap #map-thumbs a.map-thumb {
	width: 85px;
	font-size: 0.938em;
	line-height: 140%;
	float: left;
	margin: 10px 17px 0 0;
	position: relative;
	font-variant: normal;
	cursor: pointer;
}
body.provincemap #map-thumbs .map-thumb.active,
body.provincemap #map-thumbs .map-thumb:hover {
	color:#444444;
}
body.provincemap #map-thumbs .map-thumb:hover {
	color: #346269;
}
body.provincemap #map-thumbs .map-thumb img {
	border: 3px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 5px 0;
}
body.provincemap #map-thumbs .map-thumb.active img,
body.provincemap #map-thumbs .map-thumb:hover img {
	border-color:#444;
}

body.provincemap #map-area .map-region {
	position:absolute;
	display:block;
	width:26px;
	height:26px;
	background-image:url('../images/climatemap/dot.png');
	background-repeat:no-repeat;
	background-position:center;
	z-index:100;
	cursor:pointer;
}
body.provincemap #map-area .map-region.active {
	background-image:url('../images/climatemap/dot-hover.png');
}
body.provincemap .event-catcher {
	display: block;
	position: absolute;
	z-index: 120;
}

body.provincemap .tooltip {
	position: absolute;
	z-index: 110;
	height: auto;
	min-height: 18px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	padding: 0px 0px 12px 0px;
	background-image: url('../images/climatemap/tooltip-arrow-down.png');
	background-repeat: no-repeat;
}

body.provincemap .tooltip.popup-left {
}

body.provincemap .tooltip.popup-right {
}

body.provincemap .tooltip .tooltip-body {
	display: block;
	width: 100%;
	background-color: #454545;
	color: #fff;

	padding: 6px 0;
	font-size:0.9em;
	line-height:1.3em;
}
body.provincemap .tooltip-body .tooltip-body-inner {
	padding: 0 20px 0 9px;
}
body.provincemap .tooltip-body .tooltip-header {
	font-weight: bold;
}



body.provincemap .prov-section {
	width: 747px;
	clear: both;
}

body.provincemap .prov-section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body.provincemap .prov-section .descript {
	float: left;
	width: 480px;
	position: relative;
	margin-right: 54px;
}

body.provincemap .prov-section .chart {
	width:100%;
	height:300px;
}

body.provincemap .prov-section .chart .chart-footnote {
	font-size: 0.875em;
	color: #666;
}

#region-overview-body.descript h3 {
	padding-bottom: 12px;
}

#region-overview-body.descript p {
	padding-bottom: 5px;
}

#region-overview-body.descript p b {
	font-size: 1.125em;
}

body.provincemap .prov-section .sidebar {
	width: 197px;
	float: left;
	position: relative;
	margin-top: 15px;
}

body.provincemap .prov-section .sidebar h4 {
	margin-bottom: 8px;
}

body.provincemap .prov-section .sidebar b,
body.provincemap .prov-section.canada b {
	text-transform: uppercase;
	font-size: 0.938em;
}

body.oceanstories #container-inner {
	background: url(../images/assets/ocean-stories_bg.jpg) repeat-x;
}

body.oceanstories #page {
	background: none;
}

body.oceanstories #main-column {
	margin-right: 0;
	border-right: 0;
	width: 945px;
}

body.oceanstories #left-column {
	display: none;
}

body.oceanstories.index #sidebar {
	background: none;
}

body.oceanstories.index h1.title,
body.oceanstories#entry .header h1.title {
	font-size: 1.97em;
	color: #000;
	margin: 29px 0 12px 0;
}

body.oceanstories#entry .header h1.title {
	background: url(../images/assets/ocean-stories_tagline.png) no-repeat 553px;
}

body.oceanstories#entry .header h1.title a {
	color: #000;
}

body.oceanstories#entry .header h1.title a:hover {
	color: #31adb4;
}

body.oceanstories #main-column .header {
	width: 100%;
	height: 227px;
}

body.oceanstories.tell-your-story #subnav-inner li#submit-story a,
body.oceanstories.share #subnav-inner li#share a,
body.oceanstories.cool-pacific-facts #subnav-inner li#facts a,
body.oceanstories.take-action #subnav-inner li#take-action a,
body.oceanstories.contest-rules-and-pr #subnav-inner li#prizes a {
	color: #444;
}

body.oceanstories.index #main-column #social {
	position: relative;
	float: left;
	width: 56px;
	margin-top: 11px;
}

body.oceanstories.index #main-column #social .fb-like,
body.oceanstories.index #main-column #social .tweet {
	float: left;
}

body.oceanstories.index #main-column #social .fb-like {
	padding-bottom: 15px;
	height: 63px;
}

body.oceanstories .intro /* speech bubble */ {
	position: relative;
	float: left;
	color: #000;
	background: url(../images/assets/ocean-stories_speech.png) no-repeat;
	width: 497px;
	height: 179px;
	padding: 27px 60px 21px 23px;
	margin-left: 25px;
}

body.oceanstories .intro b {
	font-size: 1.1em;
}

body.oceanstories #octopus {
	background: url(../images/assets/ocean-stories_octopus.png) no-repeat;
	width: 361px;
	height: 345px;
	position: absolute;
	top: 9px;
	left: 620px; /* includes margin-left from .intro */
}

body.oceanstories #submit-story a.button {
	background: #39c1ca;
	color: #fff;
	font: 1.688em Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	text-transform: none;
	width: 244px;
	height: 24px;
	padding: 16px 5px 19px 5px;
	z-index: 100;
	position: absolute;
	top: 232px;
	left: 673px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
}

body.oceanstories #submit-story a.button:hover {
	background: #31adb4;
}

body.oceanstories #subnav {
	width: 100%;
	background: #faf9f7;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	height: 27px;
}

body.oceanstories #subnav #subnav-inner {
	width: 945px;
	height: 27px;
	margin: 0 auto;
}

body.oceanstories #subnav #subnav-inner ul {
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 6px 0 0 0;
}

body.oceanstories #subnav #subnav-inner ul li {
	display: inline;
	text-transform: uppercase;
	font-size: 0.814em;
	font-weight: bold;
	margin-left: 20px;
}

body.oceanstories #page.part2 {
	padding-top: 15px;
}

body.oceanstories #page.part2 h2 {
	font-size: 1.75em;
	padding: 10px 0 20px 0;
}

body.oceanstories #page.part2 .features-item h3 {
	font-size: 1.125em;
	padding: 2px 0 5px 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 140%;
}

body.oceanstories #page.part2 #features {
	margin-left: -15px;
	height: auto;
}

body.oceanstories #page.part2 .features-item {
	margin: 0 0 5px 15px;
	height: 430px;
	position: relative;
}


body.oceanstories #page.part2 .features-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body.oceanstories #page.part2 .features-item-image {
	width: 301px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 9px;
}

body.oceanstories #page.part2 .features-item object,
body.oceanstories #page.part2 .features-item object embed {
	width: 301px;
	height: 200px;
}

body.oceanstories #page.part2 .features-item p.author {
	font-size: 0.814em;
	margin: 0px 0 2px 0;
}

body.oceanstories#entry #container-inner {
	background: url(../images/assets/ocean-stories_bg-short.jpg) repeat-x;
}

body.oceanstories#entry #container-inner .header {
	position: relative;
	top: 0;
	height: 50px;
}

body.oceanstories#entry #container-inner #page #main-column {
	padding-top: 0;
	padding-bottom: 0;
	height: 84px;
}

body.oceanstories#entry #container-inner #crab {
	position: absolute;
	top: 13px;
	right: 21px;
	display: none;
}

body.oceanstories#entry #container-inner #page.part2 #main-column {
	height: auto;
}


body.oceanstories#entry #stories-wrapper {
	clear: both;
	margin-bottom: 10px;
	border-top: 4px solid #444;
	padding-top: 10px;
}

body.oceanstories #stories-wrapper #features p.small {
	clear: both;
	margin-left: 15px;
}

body.oceanstories#entry #article-content {
	padding-top: 3px;
}

body.oceanstories#entry #headline-area {
	padding-bottom: 0;
}

body.oceanstories#entry #entry-sidebar {
	width: 150px;
	position: relative;
	float: left;
	height: 275px;
	clear: right;
	left: 21px;
	top: 78px;
}

body.oceanstories#entry #entry-sidebar #author-headshot {
	margin-bottom: 7px;
}

body.oceanstories#entry #entry-sidebar p.author {
	font-weight: bold;
	padding-bottom: 2px;
}

body.oceanstories#entry #entry-sidebar p.community {
	font-weight: normal;
	font-size: 0.875em;
	padding-bottom: 0;
}

body.oceanstories#entry #entry-sidebar .url p {
	font-size: 0.814em;
	line-height: 140%;
	margin-top: 3px;
}

body.oceanstories#entry #entry-sidebar #social {
	width: 130px;
	height: 250px;
	margin-top: 5px;
}

body.oceanstories#entry #entry-sidebar #social .fb-like,
body.oceanstories#entry #entry-sidebar #social .tweet {
	position: relative;
	float: left;
	width: 59px;
	display: inline;
	height: 70px;
}

body.oceanstories#entry #entry-sidebar #social #share-text {
	font-size: 0.814em;
	line-height: 140%;
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 4px 0;
	margin: 10px 0;
	width: 115px;
}

body.oceanstories.cool-pacific-facts#entry #entry-sidebar #social #share-text {
	padding: 2px 0 0 0;
}

body.oceanstories#entry #article-content #share-services {
	display: none;
}

body.oceanstories#entry #entry-sidebar #social .pinit,
body.oceanstories#entry #entry-sidebar #social .google {
	position: relative;
	float: left;
}

body.oceanstories#entry #entry-sidebar #social .google {
	margin-right: 8px;
}

body.oceanstories#entry #sidebar {
	width: 250px;
	padding: 0;
	position: relative;
	top: 22px;
	background: none;
	float: right;
}

/* reset */
body.oceanstories#entry #sidebar .module {
	padding: 0;
	margin: 0;
	border: 0;
}

body.oceanstories#entry #sidebar .module h2.smallcaps {
	font-size: 0.875em;
	color: #444;
	padding: 0 0 4px;
}

body.oceanstories#entry #sidebar .module.morestories object embed {
	width: 78px;
	height: 52px;
}

body.oceanstories#entry #sidebar .module.morestories {
	width: 249px;
	height: auto;
	margin-bottom: 25px;
}

body.oceanstories#entry #sidebar .module.morestories .storythumb {
	float: left;
	margin: 0 5px 5px 0;
	height: 52px;
	overflow: hidden;
}

body.oceanstories#entry #sidebar .module.button.submit {
	padding-top: 10px;
}

body.oceanstories#entry #sidebar .module.button.action {
	padding-bottom: 10px;
}

body.oceanstories#entry #sidebar .module.button a.button {
	width: 240px;
	font-size: 1.5em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 8px 5px;
	text-transform: none;
	background: #39c1ca;
}

body.oceanstories#entry #sidebar .module.button.action a.button {
	background: #2e9fa7;
	font-size: 2em
}

body.oceanstories#entry #sidebar .module.button a.button:hover {
	background: #32afb6;
}

body.oceanstories#entry #sidebar .module.map {
	height: 285px;
}

body.oceanstories#entry #sidebar .module.morestories embed,
body.oceanstories#entry #sidebar .module.morestories object,
body.oceanstories#entry #sidebar .module.morestories iframe {
	width: 78px;
	height: 52px;
}

body.oceanstories .features-item-image embed,
body.oceanstories .features-item-image object,
body.oceanstories .features-item-image iframe {
	width: 301px;
	height: 200px;
}

body.oceanstories.cool-pacific-facts #col1 {
	float: left;
	width: 462px;
	margin: 0 21px 15px 0;
}

body.oceanstories.cool-pacific-facts #col2 {
	float: left;
	width: 462px;
	margin: 0 0 15px 0;
}

body.oceanstories.cool-pacific-facts .fact {
	width: 480px;
	height: 100px;
	margin-bottom: 15px;
}

/* @end */


/*Bears Were Here*/




@media screen and (max-width: 500px) {

/* --- mobile --- */

html {
	padding: 0;
	margin: 0;
}

.mobile-media {
	display: block!important;
}

body {
	background: #fff;
	width: 100%;
	padding: 0;
	margin: 0;
}

#container {
	width: 100%;
	padding: 0;
	margin: 0;
}

#container-inner {
	width: 100%;
}

#page {
	width: 100% !important; /* 987px */
	margin: 0 auto !important;
}

#header,
#header-inner {
	width: 100% !important;
	padding: 0;
	min-width: 1px;
	clear: both;
	height: auto;
}

#header {
	background: #333;
	height: auto;
}

#header-inner {
	background: url(/images/assets/DSF-logo-mobile.png) no-repeat 11px 8px;
}

/* @group header */

#header-widgets {
	width: auto;
	position: relative;
	float: right;
	/* temp */ display: none;
}

#header-search .module form {
	position: relative;
	width: auto;
}

#header-inner #header-francais {
	position: relative;
	width: auto;
}

#header-inner #homelink {
	height: 54px;
	left: 0;
	width: 125px;
}

#header-inner #homelink a{
	width: 100%;
	left: 0;
	height: 54px;
}

/* @end */


/* @group NAV */

#menu {
	display: block;
	padding: 7px 0 6px 12px;
	font-size: 0.938em;
	background: #000;
	width: 96%;
	clear: both;
}

#menu a {
	color: #fff;
}

#nav {
	clear: both;
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
	padding: 0 0 7px 0;
	background: #000;
}

#nav-background {
	display: none;
}

#nav ul {
	list-style-type: none;
	padding: 10px 0 10px 10px !important;
}

#nav li {
	float: none;
	margin-bottom: 8px !important;
}

#nav ul li a,
#nav ul li a:hover {
	float: none;
	width: 90%;
	height: auto;
	padding: 0;
	color: #35a3ab;
	border: none;
}

/* drop-down section converted to subnav */
#nav ul li ul {
	width: 96% !important;
	visibility: visible;
	position: relative;
	border: none;
	left: 0;
	top: 0;
	list-style: none;
	background: none;
	padding: 0 2px 4px 15px !important;
}

#nav ul li ul li,
#nav ul li ul li:first-child {
	float: none;
	background: none;
	border: none;
	padding: 5px 23px 5px 0;
	font-size: 0.875em;
	margin: 0 !important;
}

#nav ul li ul li:first-child {
	padding-top: 7px;
}

#nav ul li ul li a {
	float: none;
	height: auto;
	color: #35a3ab !important;
	border: none;
	width: 100%;
	/* IE 6/7 needs this */
	display: inline-block;
}

#nav ul li ul.sub_menu li a:hover {
	height: auto;
}

#nav ul li#donate ul {
	width: 180px;
	/*position: absolute;*/
	left: 0;
}

#nav ul.dropdown li:hover a {
	border: none;
	color: #fff;
	position: relative;
}

#nav ul li#what-you-can-do ul {
	display: none;
}

/* this is stipulated at the top #nav ul li#about-us ul,
#nav ul li#what-you-can-do ul,
#nav ul li#blogs ul,
#nav ul li#david ul {
	display: none;
}*/

#nav ul.dropdown {
	padding-bottom: 0 !important 0;
}

/* hide/display subnav per section */
#nav ul.dropdown li#about-us ul {
	display: none;
}

body.about-us #nav ul.dropdown li#about-us ul {
	display: block;
}

#nav ul.dropdown li#issues ul {
	display: none;
}

body.issues #nav ul.dropdown li#issues ul {
	display: block;
}

#nav li#what-you-can-do ul {
	display: none;
}

body.what-you-can-do #nav ul.dropdown li#what-you-can-do ul {
	display: block;
}

#nav li#blogs ul {
	display: none;
}

body.blogs #nav ul.dropdown li#blogs ul {
	display: block;
}

#nav li#david ul {
	display: none;
}

body.david-suzuki #nav ul.dropdown li#david ul {
	display: block;
}

#nav li#donate ul {
	display: none;
}

body.donate #nav ul.dropdown li#donate ul {
	display: block;
}


#nav ul li ul li#current,
body#more-ways-to-give li#donate li#moreways {
	background: none;
}

#nav ul li ul li#current a,
body#more-ways-to-give li#donate li#moreways a {
	color: #999 !important;
}

/* end subnav*/

#nav ul li#about-us {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	/*border-left: 1px solid #312825;*/
	margin-left: 2px;
}

#nav ul li#issues {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
}

#nav ul li#what-you-can-do {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
}

#nav ul li#blogs {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
}

#nav ul li#david {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
}

#nav ul li#contact {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
	display: block;
}

#nav ul li#donate {
	float: none;
	background: none !important;
	text-indent: 0 !important;
	width: auto;
	margin-left: 2px;
}

#nav ul li a:hover {
	color: #fff !important;
}

#nav ul li#about-us:hover,
#nav ul li#issues:hover,
#nav ul li#what-you-can-do:hover,
#nav ul li#blogs:hover,
#nav ul li#david:hover,
#nav ul.dropdown li#donate:hover {
	height: auto;
}

body.climate-clean-energy #nav ul.dropdown li#blogs ul li#blog-23 a,
body.docs-talk #nav ul.dropdown li#blogs ul li#blog-22 a,
body.healthy-oceans #nav ul.dropdown li#blogs ul li#blog-21 a,
body.notes-from-the-panther-lounge #nav ul.dropdown li#blogs ul li#blog-20 a,
body.queen-of-green #nav ul.dropdown li#blogs ul li#blog-16 a,
body.science-matters #nav ul.dropdown li#blogs ul li#blog-15 a {
	color: #999 !important;
}

ul.sub_menu li#current ul li {
	color: #999 !important;
}

li#what-you-can-do ul.sub_menu li#current ul li a {
	color: #35a3ab !important;
}

/* @end */

#main-column,
body#home #main-index {
	width: 90% !important;
	border-right: none !important;
	margin-right: 0 !important;
	padding: 0 12px;
}

#article-content,
#index-content,
#project-content,
#page {
	width: 100% !important; /* 480px / 687 */
	float: none;
	font-size: 0.938em;
	line-height: 140%;
	padding: 12px 0px 10px 0px;
}

#page {
	padding-top: 0px;
}

#article-content img {
	max-width: 100%;
	height: auto;
}

#article-content img.right-align {
	max-width: 30%;
	height: auto;
}

#article-content embed,
#article-content object,
#article-content iframe {
	max-width: 100%;
	height: 27%;
}

#left-column,
#sidebar {
	display: none;
}

.excerpt-image-left .embed embed,
.excerpt-image-left .embed object,
.excerpt-image-left .embed iframe {
	max-width: 100%;
	height: 50px;
}

.threecolumn-item-image .embed embed,
.threecolumn-item-image .embed object,
.threecolumn-item-image .embed iframe {
	max-width: 100%;
	height: 80%;
}

/* @group bottom section */

#bottom-section {
	width: 100%;
}

#bottom-section-inner {
	padding: 6px 0 9px 12px;
	width: 90%;
	margin: 0;
}

/* unnecessary for blogs */
body.blogs #bottom-section {
	display: none;
}

#bottom-section-inner .third-width {
	float: left;
	width: 94%;
	padding: 0;
}

#bottom-section-inner .third-width h3 {
	width: 92%;
	font-size: 1.75em;
}

#bottom-section-inner .third-width #most-read-module {
	display: none;
}

#bottom-section-inner .third-width #most-read-module .module-content ul {
	width: 92%;
}

#bottom-section-inner .third-width #most-read-module .module-content ul li {
	margin-bottom: 15px;
	font-size: 1.25em;
	line-height: 140%;
	width: auto;
}

#bottom-section-inner .third-width #blogs-module.module .module-content ul {
	list-style-type: disc;
	margin-left: 17px;
	width: 92%;
}

#bottom-section-inner .third-width #blogs-module.module .module-content ul li {
	margin-bottom: 10px;
	font-size: 1.25em;
	line-height: 140%;
}

#bottom-section-inner .third-width #blogs-module.module .module-content ul li a {
	font-weight: normal;
}

#bottom-section-inner .third-width #blogs-module.module .module-content ul li span {
	display: none;
}

#last.third-width {
	display: none;
}

/* @end */

/* @group footer */

#footer {
	width: 100% !important;
	height: auto;
	padding-bottom: 20px;
	font-size: 1.064em;
}

#footer-inner {
	height: auto;
	width: 85%;
	margin: 0;
	padding: 8px 0 2px 12px;
}

#footer-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#footer-inner #footer-items {
	width: 99%;
}

#footer-nav-inner {
	padding: 0;
}

#footer-nav-inner ul {
	margin-bottom: 10px;
}

#footer-nav-inner ul li {
	float: none;
	display: block;
	font-size: 1em;
	margin-bottom: 15px;
}

#footer-items #socialmedia {
	width: 90%%;
	display: none;
}

#footer-inner #credits {
	float: left;
	clear: both;
	font-size: 0.75em;
	width: 100%;
	margin-top: 15px;
}

/* @end */

/* @group homepage */

body#home #main-column {
	width: 100%;
	margin: 0;
	padding: 15px 10px 10px 10px;
}

body#home #main-column #features {
	width: 99%;
	clear: both;
}

body#home #main-column .features-item {
	width: 100%;
	font-size: 1em;
	line-height: 140%;
	margin: 0 0 20px 0;
	padding: 0;
}

/* @end */

/* @group Blogs */

body.blogs #article-content .entry-listing.first {
	padding-top: 15px;
}

body.blogs #article-content .entry-listing h2 {
	font-size: 1.438em;
}

#article-content #headline-area {
	width: 100%;
}

#article-content #headline-area .metadata h1.title {
	font-size: 1.5em;
}

#headline-area .metadata,
#headline-area .metadata .date-comments,
#facebook-like-top {
	width: 100%;
}

.date-comments .comments-link {
	display: none;
}

body.queen-of-green #headline-area .metadata .date-comments .comments-link {
	display: inline;
}

#facebook-like-top {
	/* fb thing causes hor scrolling probs */
	width: 300px!important;
}

#article-content #image-wrapper {
	width: 40%;
}

#article-content .mt-image-right {
	width: 30%;
}

#article-content .mt-image-right img {
	max-width: 100%;
}

#more #entry-signup-box {
	width: 93%;
	margin: 10px 0 10px;
	clear: both;
	float: none;
}

#more #entry-signup-box input.newsletter-email {
	width: 70%;
	height: 20px;
}

#share-services {
	display: none;
}

#subscribe-footer {
	display: none;
}

#entry-footer-metadata {
	width: 90%;
	display: none;
}


#comments.comments {
	width: 96%;
	display: none;
}

body.blogs.queen-of-green #comments.comments {
	display: inline;
}

#comments-open.comments-open,
#comments-form,
#comment-form,
#comments-open-data {
	width: 99%;
}

#comment-form-name,
#comment-form-email,
input#comment-author,
input#comment-email {
	width: 93%;
}

#comments-list .comment {
	padding-bottom: 0;
}

#comment-form-sign-up {
	display: none;
}

#comments-open textarea#comment-text {
	height: 100px;
	width: 97%;
}

#comments-list {
	width: 90%;
}

.comment,
.comment-content,
.comment-content-inner {
	width: 100%;
}

.comment-content,
.comment-content-inner {
	width: 100%;
}

.userinfo {
	display: none;
}

p#disclaimer {
	width: 50%;
	display: none; /* temp */
}

#entry-footer-related,
#entry-footer-related-content {
	width: 100%;
}

#entry-footer-related-content embed,
#entry-footer-related-content object,
#entry-footer-related-content iframe {
	max-width: 100%;
	height: 50px;
}

#entry-footer-related h3 {
	margin-bottom: 10px;
}

#entry-footer-related-content .related-item {
	width: 100%;
	margin: 0 0 13px 0;
	padding: 0 0 10px 0;
	font-size: 1.064em;
	line-height: 140%;
	border-bottom: 1px solid #ccc;
}

#entry-footer-related-content .related-item a {
	float: none;
	position: relative;
}

#entry-footer-related .related-item-image {
	width: 20%;
	height: 50px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 10px;
}

#entry-footer-related img {
	max-width: 100%;
	float: left;
	position: relative;
}


#more-content-footer {
	width: 100%;
	font-size: 1em;
	line-height: 140%;
}

#more-content-footer .row2 {
	margin-top: 0;
	padding: 0;
}

#more-content-footer .row1 .related-item-column,
#more-content-footer .row2 .related-item-column {
	float: left;
	clear: both;
	margin: 4px 0 0 0;
	width: 100%;
}

/*#more-content-footer .row1 .related-item-column .related-item-image,
#more-content-footer .row2 .related-item-column .related-item-image,*/
#more-content-footer h2 {
	display: none;
}

#more-content-footer .row1 .related-item-column .related-item-image,
#more-content-footer .row2 .related-item-column .related-item-image {
	width: 20%;
	float: left;
	clear: none;
	position: relative;
	margin-right: 13px;
	height: 50px;
	overflow: hidden;
}

#more-content-footer .row1 .related-item-column .related-item-image img,
#more-content-footer .row2 .related-item-column .related-item-image img {
	max-width: 100%;
	float: left;
	position: relative;
	clear: none;
}

#more-content-footer .related-item.primary {
	height: auto;
	clear: both;
	width: 100%;
	padding: 10px 0;
}

#more-content-footer .related-item.secondary {
	display: none;
	height: auto;
}

#more-content-footer .row2 {
	border-top: none;
}

#more-content-footer .related-item-image embed,
#more-content-footer .related-item-image object,
#more-content-footer .related-item-image iframe {
	max-width: 100% !important;
	height: 50px !important;
}


/* link to Older posts at foot of blogs/news */
.blog-archives-link h2 {
	/*border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 0 6px 0;*/
	width: 100%;
	margin: 0px 0 15px 0;
	height: auto;
	font-size: 1.125em;
	text-align: right;
}

#index-content .content-nav,
#index-content .content-nav .pagination-navigation {
	width: 100%;
}

#index-content .content-nav .pagination-navigation a,
#index-content .content-nav .pagination-navigation span.currentpage {
	display: none;
}

#index-content .content-nav .pagination-navigation a.prevnext {
	display: inline;
	font-size: 1.188em;
}

#index-content.entry-with-image ul,
#index-content.entry-with-image ul li {
	width: 100%;
}

#index-content.entry-with-image .excerpt-image-left {
	width: 20%;
	height: 50px;
	overflow: hidden;
}

#index-content.entry-with-image .excerpt-image-left img {
	max-width: 100%;
}

#index-content.entry-with-image ul li p,
#index-content.entry-with-image ul li .date-comments {
	display: none;
}



/* @end */

/* @group Issues */

body.issues .index-image-left {
	display: none;
}

body.issues #main-column ul.index-list li {
	margin: 0;
}

body.issues #main-column ul.index-list li p {
	margin-left: 0;
}

#index-content .section {
	width: 100%;
	border-top: 2px solid #ccc;
	margin: 0;
	padding: 10px 0 0 0;
}

#index-content .section .threecolumn-item {
	float: none;
	width: 100%;
	clear: both;
	margin: 0 0 12px 0;
	border-top: 1px solid #ccc;
	padding: 13px 0 0 0;
}

#index-content .section .threecolumn-item.first {
	border-top: none;
}

#index-content .section .threecolumn-item-image {
	width: 30%;
	float: left;
	margin-right: 13px;
	height: 70px;
	overflow: hidden;
}

#index-content .section .threecolumn-item-image img {
	max-width: 100%;
	padding-bottom: 10px;
}

#index-content .section .threecolumn-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#index-content .section .threecolumn-item h3 {
	padding: 0 0 4px 0;
}

#index-content .section#blog {
	padding: 15px 0;
}

#index-content .section#blog #section-blog-image {
	float: right;
	margin: 0 0 10px 10px;
	width: 40%;
}
#index-content .section#blog #section-blog-image img {
	max-width: 100%;
}

#index-content .section#blog h3 {
	position: relative;
	float: none;
	width: 100%;
}

#index-content .section#blog p {
	float: none;
	width: 100%;
}

.section#blog #section-blog-image embed,
.section#blog #section-blog-image object,
.section#blog #section-blog-image iframe {
	max-width: 100%;
}

.hidden {
	display: none;
}

.flash {
	display: none;
}

#newsletter-wrapper #newsletter div {
	width: 300px;
}

#newsletter-wrapper #newsletter a {
	padding-left: 20px;
}

.two-column-text .right-column {
	float: left;
	float: none;
}

.two-column-text {
	width: 200px;
	}
}

/* @end */

/* @group WYCD */

#index-content #featured.section.halfwidth {
	padding-bottom: 2px !important;
}

#index-content #featured.section.halfwidth h3 {
	font-size: 1.188em !important;
	line-height: 140%;
}

#featured.section.halfwidth .excerpt-image-left {
	width: 40%;
}

#featured.section.halfwidth .excerpt-image-left .feature-image {
	width: 100% !important;
	float: right;
}

#featured.section.halfwidth .excerpt-image-left .feature-image img {
	max-width: 100%;
}

/*
body.what-you-can-do #left-column {
	float: none;
	display: inline;
	clear: both;
	width: 97%;
	z-index: 300;
	height: 100px;
	position: static;
}

body.what-you-can-do #left-column #left-nav h4 {
	display: none;
}

body.what-you-can-do #left-column #left-nav ul li {
	display: inline;
	float: left;
	border: none;
	padding: 0 17px 6px 0;
}

body.what-you-can-do #index-content {
	float: left;
}*/

body.book-club tr td {
	vertical-align: top;
}

a.button#pledgebtn {
	 width: 94%;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.25em;
	 font-weight: bold;
	 text-transform: none;
	 color: #fff;
	 margin-bottom: 10px;
	 padding: 8px 12px 6px 12px;
}

#more-content-footer.three .related-item {
	font-size: 0.938em;
	line-height: 100%;
	margin: 0 0 09px 0;
	padding: 4px 0 13px 0;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #ccc;
}

#more-content-footer.three .related-item a {
	float: none;
}


#more-content-footer.three .related-item-image {
	float: left;
	position: relative;
	width: 20%;
	margin: 0 10px 0 0;
	height: 50px;
	overflow: hidden;
}

#more-content-footer.three .related-item-image img {
	max-width: 100%;
}

#index-content #index-signup-bar {
	width: 100%;
	padding: 0;
	background: none;
	height: 1px;
	border-bottom: 3px solid #ccc;
}

#index-content #index-signup-bar form {
	display: none;
}

body#what-you-can-do .section .col {
	width: 100%;
	margin: 0;
	padding: 0;
}

body#what-you-can-do .section .col li {
	margin-bottom: 5px;
}

#sub-index-description {
	width: 100%;
}

/* @end */

/* @group Publications */

body.resources .date-comments {
	display: none;
}


body.publications #sharing-widgets {
	display: none;
}

/* @end */

/* @group News & Media */

body.news #index-content.entry-with-image ul li .date-comments {
	display: inline;
}

/* @end */

/* @group About etc. */

body.faq #answers .section-header {
	max-width: 100%;
}

/* @end */

/* @group Forms */

form textarea {
	max-width: 100%;
}

/* @end */

#newsletter-wrapper {
	display: block;
}

#hide {
 	display: none;
}

#blog-38, #blog-36{
	display: none;
}


} /* end mobile css */

#blog-38, #blog-36{
	display: none;
}