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

/* DAVIDSUZUKI.ORG base.css */

@import url(defaults.css);
@import url(googlesearch.css);
@import url(lightwindow.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');
}

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.938em 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;*/
	display: none !important;
}

#header-inner {
	width: 966px;
	background: url(../images/assets/logo-david.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: 0px !important;
	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;
	display: none !important;
}

#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 {
	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: 38px 0 10px 0;
}

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


#article-content p a,
#article-content p a:hover,
#index-description-content a,
#index-description-content a:hover,
#comments.comments a:hover,
a.more-link {
	border-bottom: 1px dotted #9e9e9e;
	margin-bottom: 4px;
}

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

#article-content #article-footer a,
span#sharethis_0 a {
	border-bottom: none;
}

#article-content ol {
	list-style: decimal;
	padding-left: 17px;
}

#article-content ul {
	list-style-type: disc;
	padding-left: 17px;
}

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

#article-content h3 {
	font-size: 1.125em;
	padding: 13px 0 7px 0;
}


/* @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 {
	/* 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 {
	
}

body#learn h3 a:visited,
body#learn h2 a:visited {
	color: #83a44b;
}

body#do h3 a:visited,
body#do h2 a:visited {
	color: #ff7f19;
}

body#do #index-header-bar ul li a:visited {
	color: #669192;
}

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

/* @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: 270px;
	float: right;
	text-align: right;
	/* float: left;*/
	margin: 3px 0 0 40px;
	height: 50px;
	font-size: 0.875em;
	position: relative;
	line-height: 140%;
}

#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: 1em;
}

/* 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: 10px 0 0 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: 22px;
}

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

/* TWITTER BADGE */
#twitter_badge_container{width: 301px; }
#twitter_badge_tl{background: transparent url(../images/assets/twitter_tl.png) top left no-repeat;}
#twitter_badge_tr{background: transparent url(../images/assets/twitter_tr.png) top right no-repeat;}
#twitter_badge_bl{background: transparent url(../images/assets/twitter_bl.png) bottom left no-repeat;}
#twitter_badge_br{background: transparent url(../images/assets/twitter_br.png) bottom right no-repeat; }
#twitter_badge_inner{padding: 43px 0px 4px 0px;}
/*#twitter_badge_via {font-size: 10px; }
#twitter_badge_via a {color #666;}*/


#mtaTwitter { padding: 0 5px; width: 291px; background-color: #c2ebff;}

/* #mtaTwitter > a { float: left; }
#mtaTwitter a img {
	height: 48px;
    width: 48px;
    border: 1px solid #CCC;
} */
    
#mtaTwitter img { 
    display: none;
}

#mtaTwitter ul:before {
	display: block;
    position: absolute;
    top: 15px;
    left: -11px;
    width: 11px;
    height: 21px;
    margin: 0;
    /*content: url("white_triangle-left.png");*/
}
#mtaTwitter ul {
	position: relative;
    background-color: #c2ebff;
    /* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
    list-style: none;
    margin: 0;
    margin-left: 0px;
    padding: 0px;
    font-family: Helvetica, sans-serif;
    line-height: 130%;
}

#mtaTwitter ul li { padding: 6px 5px 6px 5px; font-size: 0.814em; }
#mtaTwitter ul li.first { font-size: 1em; font-weight: bold; }
#mtaTwitter ul li.even {  }
#mtaTwitter ul li.first span { font-size: 0.75em; font-weight: normal; }
#mtaTwitter ul li span { font-style: normal; }


/* @end */



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

#homelink {
	display: block;
	width: 400px;
	height: 145px;
	cursor: pointer;
	position: relative;
	left: 22;
	top: 0;
	z-index: 50;
}

#homelink a {
	display: block;
	width: 375px;
	height: 145px;
	cursor: pointer;
	position: relative;
	left: 22;
	top: 0;
	z-index: 50;
}

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

#header-widgets {
	width: 500px;
	height: 90px;
	position: absolute;
	top: 4px;
	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.088em;
}

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

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

/* temp */

.imageElement {
	display: none;
}

/* @end */

/* @group NAV */

#nav {
	height: 37px;
	width: 522px;
	padding: 0;
	position: absolute;
	top: 108px;
	right: 21px;
	background: none;
	z-index: 100;
}

#nav-background {
	height: 37px;
	width: 433px;
	padding: 0;
	position: absolute;
	top: 108px;
	right: 110px;
	background: #80746B;
	z-index: 60;
}

#nav ul { 
	position: relative;
	list-style-type: none;
	z-index: 100;
}

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

#nav ul li#what-you-can-do ul {
	width: 246px;
}

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

#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#what-you-can-do 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.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.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 */

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

h2.title a {
	color: #99bf59;	
}

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 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-variant: italic;
}

/* blog item */
body#home #feature-2 h4 a {
	font-size: 1.088em;
	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 p {
	font-size: 0.875em;
}

body#home #feature-2 #image-wrapper {
	width: 140px;
	height: 87px;
	/* 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;
}



/* @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 ul {
	list-style-type: none;
}

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

/* 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 {
	width: 480px;
}

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

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: 150px;
	width: 225px;
	/* required by IE bug */
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

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

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

#featured.section.halfwidth ul li p {
	margin-left: 235px;
	font-size: 1.064em;
}


/* @end */

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

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

#index-content .issue-descript p {
	font-size: 1.064em;
	padding: 5px 0 0 0;
}

.section {
	border-top: 3px solid #333;
	padding: 25px 0;
	width: 480px;
}

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

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

.section#project-banner {
	border-top: none;
	padding: 15px 0;
}

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: 6px 0 8px 0;
}

.section h3,
.section h4,
#index-content.entry-with-image 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;
}

#index-content .section#featured {
	border-top: 1px dotted #999;
	margin-top: 15px;
}

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

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

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

h2.smallcaps,
.open-section h2,
.open-section#open-field h2,
.open-section#featured-entry h2 {
	font-size: 1.188em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: bold;
	margin-bottom: 5px;
}

.open-section h3 {
	font-size: 1.088em;
	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: Anivers, Arial, sans-serif;
	font-size: 1.088em;
	font-weight: bold;
	width: 480px;
}

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

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

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

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

/* @end */

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

h1.latest-header {
	font-size: 1.25em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
	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 {
	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;*/
	display: none !important;
}

#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.finding-solutions #left-column #left-nav ul li,
body.e-version #left-column #left-nav ul li,
body.issues #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.finding-solutions #left-column #left-nav ul li ul li,
body.e-version #left-column #left-nav ul li ul li
 {
	border-top: none;
	padding-left: 40px;
	margin-left: -30px;
	font-weight: bold;
	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 {
	color: #333;
}

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

/* displays tags on entry */
#entry-footer-metadata {
	font-size: 0.914em;
	color: #999;
	padding: 7px 0 6px 0;
	border-top: 3px solid #ccc;
	margin: 20px 0 0px 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;
}


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

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

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

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

/* @end */

/* assets */

/* @group assets */

#breadcrumb {
	padding: 20px 0 7px 0;
	font-size: 1.088em;
	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;
}

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

/* @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.088em;
}

#index-description #blog-bio {
	font-size: 0.814em;
}

#index-description #blog-bio img {
	float: left;
	margin: 0 17px 10px 0;
}

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

body.docs-talk #index-description #blog-bio img {
	float: right;
	margin: 0 0 10px 17px;
}

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

.share-group#index-description-content {
	width: 100%;
}

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

/* @end */

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

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

.double-line-headers {
	width: 265px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 2px;
}

/* @end */

/* @group ENTRIES */

.entry-content {
	width: 500px;
}

/* ENTRY/PAGE CONTENT */

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

.entry-image-right {
	float: right;
	margin-left: 12px;
}

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

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

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

h4#learn,
h2#learn {
	color: #99bf59;
}

h4#do,
h2#do {
	color: #ff7f19;
}

h4#share,
h2#share {
	color: #00abb1;
}

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


/* @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 #relations-medias p,
#sidebar #media-contacts p {
	font-size: 0.875em;
}

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

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


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

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

#bottom-section .yousaid-module h3 {
	border: none;
	padding-bottom: 6px;
}

.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: 21px;
	clear: both;
}

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

/* 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 contributors */

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

#latest-contributors li {
	float: left;
	margin: 0px 12px 12px 0px;
	width: 50px;
	height: 50px;
}

#latest-contributors div img {
	width: 50px;
	height: 50px;
	display: inline;
}

/* you said... */

#bottom-section #yousaid-module-inner,
#sidebar #yousaid-module-inner {
	background: #56A9AA url(../images/assets/userquote-bg.gif) no-repeat right bottom;
	padding: 9px 11px 22px 11px;
	width: 279px;
	height: auto;
	margin-bottom: 20px;
	font-size: 0.938em; /* 8pt */
	color: #fff;
}

#sidebar #yousaid-module-inner {
	background: #56A9AA url(../images/assets/userquote-bg-sidebar.gif) no-repeat right bottom;
	width: 240px;
}

#yousaid-meta a {
	color: #fff;
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

#yousaid-meta a:hover {
	color: #fff;
	border-bottom: none;
	padding-bottom: 1px;
}

#yousaid-meta {
	margin: 3px 0 0 0;
	font-size: 0.938em;
	font-style: italic;
}

#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 */

/* SUBPAGE DEFINITIONS
=============================== */

body#learn h3 a {
	color: #99bf59;
}

body#do h3 a {
	color: #ff7f19;
}

.projectname-caps {
	text-transform: uppercase;
	font-size: 0.814em;
	font-weight: bold;
}

#index-header-bar {
	background: #F3F4EC;
	height: 20px;
	padding: 6px 0px 4px 8px;
	width: 616px;
	clear: both;
	border-bottom: 1px solid #ccc;
}

#index-header-bar h2 {
	font-size: 1.125em;
	font-weight: bold;
	color: #666;
	float: left;
}

#index-header-bar #search,
#search.index-search {
	float: right;
	padding: 0 8px 0 0;
	position: relative;
}

#index-header-bar #search input.search-query,
.index-search input.search-query {
	width: 190px;
	padding: 0 0 0 2px;
	color: #666;
}

.archive-link {
	margin-top: 30px;
	text-align: right;
	font-weight: bold;
}

/* individual pages */

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



#index-header-bar ul {
	display: inline;
	list-style: none;
}

#index-header-bar ul li {
	display: inline;
	background: #f3f4ec;
	margin-right: 0px;
	padding: 7px 11px 7px 11px;
	border: 1px solid #fff;
	border-bottom: none;
}

body#do #index-header-bar #search input.search-query {
	width: 160px;
	padding: 0 0 0 2px;
	color: #666;
}

body.do #index-header-bar ul li#latest,
body.home #index-header-bar ul li#home,
body.community #index-header-bar ul li#community,
body.economy #index-header-bar ul li#economy,
body.politics #index-header-bar ul li#politics {
	border: 1px solid #ccc;
	background: #FAFCF3;
}

/* @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 {
	font-size: 0.75em;
	padding: 12px 0 0 198px;
	margin: 25px 0 0 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;
}


/* @group PRESS PHOTOS */

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

.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 */


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

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

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



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

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


/* @end */

/* Feedback */

.comments-open label {
    display: block;
}

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

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

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

textarea {
	padding: 4px;
}

/*.comment,*/
.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: 22px;
	display: inline;
    margin: 0 4px 2px 0;
    padding: 0px 6px 28px 0;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.625em; }
.widget-tag-cloud .rank-3  { font-size: 1.5em; }
.widget-tag-cloud .rank-4  { font-size: 1.375em; }
.widget-tag-cloud .rank-5  { font-size: 1.313em; }
.widget-tag-cloud .rank-6  { font-size: 1.188em; }
.widget-tag-cloud .rank-7  { font-size: 1.064em; }
.widget-tag-cloud .rank-8  { font-size: 0.938em; }
.widget-tag-cloud .rank-9  { font-size: 0.814em; }
.widget-tag-cloud .rank-10  { font-size: 0.75em; }

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

#share a img {
	display: inline;
}

#entry-share {
	float: right;
	height: 20px;
}

/* used on Share left side */
#author-name {
	clear: both;
	font-size: 0.938em;
}

.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: 220px;
}

input.search-submit {
	width: 26px;
	vertical-align: -5px;
	/* 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: 0px 0 15px;
	height: 50px;
}

body.publications #sharing-widgets {
	padding-top: 12px;
}

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


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

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

#facebook-share {
	width: 60px;
	float: right;
	position: relative;
	height: 15px;
	overflow: hidden;
	border-bottom: 1px solid #29447e;
	background-color: #637bad;
}

#facebook-share span.FBConnectButton_Text {
	font-size:  0.938em !important;
	width: 27px;
	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: 15px;
	border-bottom: 1px solid #29447e;
}

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

#add-this-widget {
	position: relative;
	float: right;
	right: 0px;
	width: 40px;
	color: #999;
	height: 30px;
	padding: 0 0 0 6px;
	right: -3px;
}

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

#search-results .search-results-container ul li {
	width: 678px;
	clear: both;
	border-top: 1px dotted #ccc;
	padding: 20px 0 25px 0;
}

#search-results .search-results-container ul li p {
	width: 480px;
}

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

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

/* Solr version results */
#search-results .search-results-container.autopagerize_page_element p.tagresults-postedin {
	font-size: 0.875em;
	padding: 0;
	color: #666;
}

p.tagresults-postedin {
	font-size: 0.938em;
	padding: 0;
}

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

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

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

/* add ons for print */
div#article-content img, div.imgcaption p, .comments-link, #comments, #bottom-section, #footer, #credits, #sharing-widgets, #entry-footer-metadata, .date-comments, #entry-footer-related, #image-wrapper, #share-services, #subscribe-footer, #more-content-footer {
display: none !important;	
}

#container {
position: absolute;
left: 0px;
top: 100px;
}

#page, #container, #article-content, h1.title, #breadcrumb, .double-line, #main-column {
width: 98% !important;
}

#main-column {
padding-bottom: 0px;
margin-bottom: 0px;
}

body {
background-color: #fff;	
}

#breadcrumb {
	font-family: arial;
	font-size: 0.875em;
}

#article-content {
padding: 10px 0px;
position: static;
}

#printHeader {
position: absolute;
top: 0px;
left: 0px;
padding-left: 20px;
padding-top: 10px;
z-index: 1000;
}

#printFooter {
padding-top: 20px;
font-size: 0.875em;
line-height: 14px;
}

h1.title {
padding: 0px;
line-height: 30px !important;
}

.imgcaption {
display: none;	
}

#headline-area {
position:  relative;
padding-bottom: 10px !important;
}

.metadata {
	width: 98% !important;
	padding-bottom: 10px !important;
}

#article-content p, #article-content ul li 	 {
color: #000;
font-size: 1em;
}

#article-content a:link, #article-content a:visited {
color: #000;
text-decoration: underline;
border-bottom: 0px !important;
}

#breadcrumb a:link, #breadcrumb a:visited, #printFooter {
color: #000;	
}

.double-line, #double-line {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
display: none;
}

div.metadata h1.title {
display: inline;
}

#returnLink { display: none; }

#printFooterURL {
font-size: 0.875em;
line-height: 14px;
color: #000 !important;
width: 100% !important;
padding-left: 0px;
}

#printHeader, #printFooter, #printFooterURL {
display: table;
}

/* exclude newsletter bar */
/* exclude entry signup box */

#newsletter-wrapper,
#entry-signup-box {
	display: none;
}