/* @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: 11px 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 0px;
}

#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;
}

#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,
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.5em 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;
}

#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;
}

.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 img:hover {
	border-bottom: 1px dotted #cecece;
}

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

/* TWITTER */

.module.twitter .module-content {
	padding: 10px 10px 7px;
	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 */

#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: 7px 12px 3px 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 {
	background: #efebe3;
}

/* @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 {
	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 {
	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 {
	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 {
	width: 480px;
	clear: both;
	border-top: none;
	padding: 10px 0 15px 0;
}

body#events 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 {
	margin-bottom: 15px;
}
body#events ul.events-group-list:last-child {
	margin-bottom: 0px;
}

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

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

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

body#events .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 {
	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 {
	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;
}

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


.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 {
	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-2 embed,
.open-section #feature-2 object {
	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 {
	font-size: 1.438em;
	line-height: 130%;
	margin-bottom: 5px;
}

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

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

/* 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%;
}

.entry-listing {
	padding: 25px 0px 18px 0px;
	font-size: 1em;
	clear: both;
	border-top: 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,
.threecolumn-item-image embed,
.threecolumn-item-image object,
.excerpt-image-left .embed embed,
.excerpt-image-left .embed object,
.entry-footer-related embed,
.entry-footer-related object,
.related-item-image embed,
.related-item-image object {
	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;
}

.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.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 {
	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;
}

#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 object embed {
	margin-bottom: 2px;
}

/* @end */

/* assets */

/* @group assets */

#breadcrumb {
	padding: 20px 0 7px 0;
	font-size: 1.064em;
	line-height: 120%;
	font-family: Anivers, Arial;
	font-weight: normal;
	color: #333;
	/*height: 18px;*/
}

#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: 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 {
	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: 480px;
	float: left;
	padding: 12px 0 15px 0;
	border-bottom: 1px dotted #333;
	margin-bottom: 0px;
	font-size: 1.064em;
}

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;
	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: 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: Anivers, Arial, Helvetica, sans-serif;
}

h4#do,
h2#do {
	color: #ff7f19;
	font-family: Anivers, Arial, Helvetica, sans-serif;
}

h4#share,
h2#share {
	color: #00abb1;
	font-family: 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.388em;
	font-family: Anivers, Arial;
	font-weight: normal;
	color: #38332e;
	margin: 0px 0px 8px;
	padding-bottom: 6px;
	border-bottom: 2px solid #5A524c;
}

#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;
}

#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;
}

.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 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.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 {
	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;
}

#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: 325px;
}

#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.688em;
	font-weight: normal;
	margin-top: 2px;
}

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: 2px solid #5A524c;
	padding: 7px 0 15px 0;
	margin-top: 34px;
}

/* 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: 17px;
	margin: 0 0 6px 0;
	padding: 2px 2px 3px 4px;
}

.module.subscribe form input#first_name,
.module.subscribe form input#last_name,
.module.subscribe form input#email {
	width: 175px;
}

.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;
}

#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;
}

/* 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: 10px 12px 8px 12px; 
	margin: 10px 0 10px 15px;
	display: inline-block;
	font-family: 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:hover,
a.button:focus {
	color: #fff;
	background: #008ea3;
	border: none !important;
	margin: 10px 0 10px 15px;
}

a.button.left:hover,
a.button.left:focus {
	margin: 2px 0;
}

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;
}

#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%;
	min-width:987px; /* from #page width */
	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 */