@import "http://services.igloocommunities.com/download-noauth/lib/css/gridcss";
@import "http://services.igloocommunities.com/download-noauth/lib/boxes/css/boxcss";

#poweredby { background: url(http://services.igloocommunities.com/download-noauth/lib/img/buttons/poweredbyfrrgbjpg) 0 0 no-repeat; }

#box-carboncount h2.heading1 {
line-height: 1.15;
margin-bottom: 12px;
text-align: center;
}

#header-links {
position: absolute; top: -40px; right: 270px;
width: 140px;
}

#header-links a { color: #575757; font-weight: bold; }

#wa-templates.workarea #content-head h1 /* Add to other areas */
{
	margin-right: 0;
	width: 700px;
}

.workarea #content-head h1 {
	margin-right: 0;
	width: 700px;
}

#wa-quipepourleclimat.workarea #content-head h1,
#wa-proposdenous.workarea #content-head h1{ 
	display: none;
}
/*
#wa-cool h1, #wa-about h1{
	margin-top:-20px;
}*/

/*-------------------------------------------- 
[-- COMMUNITY --]
	THE CLIMATE PROJECT CANADA

[-- ASSIGNED TO --]
	Ahmad Merhi
	
[-- COLORS --]

	heading    - #63769b
	subheading - #949494
	links      - #4b8da3
	text       - #636363
	
	boxes
	  	purple - #64779b
	  	green  - #83884c
	  	grey   - #ebebeb

[-- TABLE OF CONTENTS --]
	Content
		Homepage
		Box (Generic)
		Box - Attendees (green)
		Box - Email (grey)
		Box - Customized
		Subnavigation
		RSS Feeds
	Layout
		Colours
		Structure
	Components
		Page Title
		Search
		Sign In
		Logo
		Navigation
		Google Map
	Grid 12

# -------------------------------------------- */


a                { color: #4b8da3; text-decoration: none; }
#tinymce a       { color: #4b8da3 !important; text-decoration: none !important; }

a:hover          { color: #4b8da3; text-decoration: underline;}
#tinymce a:hover { color: #4b8da3 !important; text-decoration: underline !important; }

h1, h2, h3 {
	color: #63769b;
	font-family: arial;
} 

h1 {
	font-size: 40px;
	margin-bottom: 10px;
}

h2 {
	font-size:18px;
}

h3, h4 {
	font-size:14px;
}

h2.subtitle {
	border-bottom: 1px solid #dcdcdc;
	color: #636363;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-top: 2em;
}

.subheader{
	color:#949494;
	font-size:20px;
	line-height:23px;
}

iframe {
	border-width: 0;
}

#trailer-viewcount {
	display:none;
	float:left;
	margin:0;
}

/*--------------------------------------------- */
/*               >>> CONTENT <<<                */
/*--------------------------------------------- */


/* Homepage Banner Slideshow
=============================================== */


.ps-slideshow-frame-container {
	height: 238px; /* height of slideshow */
	position: relative;
}

.ps-slideshow-frame {
	height: 238px; 
	position: absolute;
}

.ps-slideshow-controls {
	background: #ebecec;
	border-top: 1px solid #aeaeae;
	padding: 5px 20px;
}

.ps-slideshow-frame h1{
	font-size:34px;
	line-height: 1;
}

.ps-slideshow-frame p {
	font-size: 14px;
	margin-bottom: 10px;
}

.banner-1, .banner-2, .banner-3, .banner-4, .banner-5, .banner-5-charest,
.banner-1-welcome {
	background: url(/download/gallery/img/slidesimg2jpg) right bottom no-repeat;
	height: 208px;
	width: 325px;
	padding: 30px 350px 0 25px;
}

.banner-2 { background-image: url(/download/gallery/img/slidesimg2jpg); }
	
.banner-3 { background-image: url(/download/gallery/img/slidesimg3jpg); }

.banner-3 { padding-right: 150px; width: 525px;  }
	
.banner-4 { background-image: url(/download/gallery/img/slidesimg4jpg); }

.banner-4 p { margin-bottom:2px; }

.watermark{
	padding-left:40px;
}

.banner-1-welcome { background-image: url(/download-noauth/gallery/img/slideshowgorejpg); }

.banner-1-welcome { padding-right: 300px; width: 375px; }

.banner-5 { background-image: url(/download/gallery/img/slidesimg5jpg); }
.banner-5-charest  { background-image: url(/download/gallery/img/slideshow_charest_jpg); }

.ps-button-previous, .ps-button-next {
	display: block;
	padding-top: 22px;
	height: 0;
	overflow: hidden;
}

div.ps-slideshow-controls ul {
	margin: 0 0 2em 0;
}

.ps-slideshow-controls li {
	list-style: none;
	float: left;
	margin: 0 10px;
}

.ps-button-previous { background: url(/download/gallery/img/btnpreviousgif) 0 0 no-repeat; width: 68px; }

.ps-button-next     { background: url(/download/gallery/img/btnnextgif) 0 0 no-repeat; width: 71px; }




/* Box (Generic Blue Box)
=============================================== */

.box { background-color: #687b9f; }

.box-head, .box-head div,  
.box-foot, .box-foot div {
	background-image: url(http://services.igloocommunities.com/download-noauth/lib/boxes/img/shadow/3greypng);
}

.box-body, .box-inner { 
	background: url('http://services.igloocommunities.com/download-noauth/lib/boxes/img/shadow/3greysides') repeat-y 0 0;
}

.box-body .box-inner { background-position: 100% 0; }

.box-head,     .box-foot     { padding-left: 7px; }

.box-head div, .box-foot div { padding-right: 7px; }

.box-body { padding-left: 5px; }

.box-inner {
	padding-left:  8px;
	padding-right: 13px; /* padding (box-body + box-inner) */
}

.box-head div, .box-foot div { line-height: 7px; }

/* Elements inside box */

.box, .box a { color: #fff; }

.box h1, .box h2, .box h3, .box h4 {
	color: #fff;
}

.box .box-foot p {	
	padding: 10px;
}




/* Box - Number of Attendees (green)
----------------------------------------------- */

#box-memberscount { background: #83884c; }

#box-memberscount * { color: #d1d4b2; }

#box-memberscount p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

#box-memberscount img {
	display: block;
	margin: 0 auto 5px;
}

#box-memberscount .attendee-number, #box-memberscount .attendee-country, .carbon-number {
	color: #fff;
}

.attendee-title, .attendee-number, .attendee-country, .carbon-number,
.carbon-intro, .carbon-number, .carbon-description {
	display: block;
	text-align: center;
}

.attendee-title, .carbon-description {
	font-size: 21px;
	font-weight: bold;
	line-height: 34px;
}

.carbon-description {
	color: #C7CFDD;
	font-size: 18px;
	line-height: 1.2;
}

.attendee-title {
	color: #bdc18e;
}

.attendee-number, .carbon-number {
	background: url(/download/gallery/img/containernumbergif) 0 0 no-repeat;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 36px;
	margin-bottom: 5px;
}

.carbon-number {
	margin-bottom: 8px;
}

.attendee-country {
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 2px;
}

#box-carboncount { color: #c7cfdd; }

.sidebar-pic #box-carboncount { margin-top:71px; }

#box-carboncount p {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.carbon-intro { margin-bottom: 14px; }

.carbon-number {
	background-image: url(/download/gallery/img/containernumbluegif);
	letter-spacing: normal;
	line-height: 45px;
}

.attendee-title {
	color: #c7cfdd;
	font-size: 18px;
}


/* Box - Subscribe to mailing list (grey)
----------------------------------------------- */

#box-email, #box-getinvolved { background: #ebebeb url(/download/gallery/img/envelopegif) 100% 100% no-repeat; }

#box-kyoto { background-color:#ebebeb; }

#box-kyoto a{ color:#4B8DA3 }

#box-email *, #box-kyoto * { color: #575757; }

#box-email p,#box-kyoto p { font-size: 11px; }

#box-email .box-inner{ height: 218px; }

#box-email h1, #box-email h2, #box-email h3, #box-email h4,
#box-kyoto h1, #box-kyoto h2, #box-kyoto h3, #box-kyoto h4,
#box-getinvolved h1, #box-getinvolved h2, #box-getinvolved h3, #box-getinvolved h4
{	color: #4b8da3; }

#box-getinvolved { background-image: none; }

#box-getinvolved { color: #636363; }

#box-getinvolved a { color: #43a8c9; }


/* Box - Custom Boxes (Map & Schedule)
----------------------------------------------- */

#box-map {
	background-image: url(/download/gallery/img/countryjpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

#box-map h3.heading2 {
	background: url(/download/gallery/img/iconglobeboxgif) 0 5px no-repeat;
	margin-bottom: 8px;
	padding-left: 45px;
	text-transform: uppercase;
	font-weight:normal;
}

.icon-box-presenter {
	font-size: 16px;
	text-transform: none !important;
}

#icon-ideas{
	background: url(/download/gallery/img/light_bulb_png) 0 0 no-repeat;
	margin-bottom: 8px;
	padding-left:35px;
}

#box-presentation #banner-box { margin: 0 -9px; }

#box-presentation #banner-box img { width: 100%; }

/* PLAY IT COOL */

/* TITLE BOX */
.pic-title-left{
	margin: 0pt 40px 0pt 32px; 
	float: left; width: 264px; 
	text-align: center;
}

.pic-title-left img{
	margin-top:31px;
}

.pic-title-right{
	float: left; width: 326px;
}

.pic-title-right h1{
	font-size:25px;
}

.pic-caption{
	margin-top:15px;
}

#box-collaboration { background: #faf9f5 url(/download/gallery/img/1pxbeigegif) 0 0 repeat-x; }

#box-collaboration { color: #636363; }

#box-collaboration h1 { color: #63769b; padding-top: 1em; }

#logo-playitcool {
	background: url(/download/gallery/img/logoplayitcoollrggif) 50% 10px no-repeat;
	float: left;
	font-weight: bold;
	display: inline;
	margin: 0 20px;
	padding-top: 230px;
	padding:230px 0 15px;
	text-align: center;
	width: 270px;
}

#box-jointeam { background: #929759 url(/download/gallery/img/1pxgreengif) 0 0 repeat-x; }

#box-jointeam .box-heading {
	background: url(/download/gallery/img/logoplayitcoolsmlgif) 100% 0 no-repeat;
	margin-bottom: 1.25em;
	padding-right: 90px;
	line-height: 1.2;
}

#ps-request-upcoming-events{
	margin-bottom:10px;
}

/* LISTS
=============================================== */

.list-thumbs {
	margin-left: 0 !important;
	margin-bottom: 1em;
	overflow: hidden;
}

.list-thumbs li { 
	list-style: none;
	margin-bottom: 12px;
	overflow: hidden;
	zoom: 1;
}

.list-thumbs img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
}

.profile_special{
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
	padding: 5px;
}

.header-bottom h2, .border-dotted{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:21px;
}


.list-bottom li{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
	padding-bottom:10px;
}

.list-bottom li.last{
	border-bottom:none;
}

.thumbs-80  img { 	
	margin:5px 0 0 -110px;	
}

.thumbs-80 li{
	padding-left:110px;
}

.thumbs-124 img { 	
	margin:5px 0 0 -150px;	
}

.thumbs-124 li{
	padding-left:150px;
}

.thumbs-178 img { 	
	margin:5px 0 0 -204px;	
}

.thumbs-178 li{
	padding-left:204px;
}

.normal li{
	float:none;
	padding-left:0;	
	list-style-type:disc;
	overflow:visible;
	margin-bottom:0;
}

img.normal{
   margin:0;
   border:none;
   float:none;
   padding:0;   
}

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

.right li{
	padding-left:0;
}

/* Sub-navigation
=============================================== */

#subnavigation {
	display: block;
	float: none;
	position: absolute; top: 281px;
}

#subnavigation ul { margin: 0; height: 25px; width: 940px; }

#subnavigation li { list-style: none; float: left; }

#subnavigation a { color: #fff; display: block; font-size: 11px; padding: 3px 13px 4px; }

#subnavigation a:hover { color: #d5daa3; text-decoration: none; }

#subnavigation span.here{ color:#FFFFFF; display:block; font-size:11px; font-weight: bold; padding:3px 13px 4px; }

/* RESOURCES SUBNAV */
#resources-nav a{
	margin-right:10px;
}

/* RSS Feeds
=============================================== */

.rss-box .rss-items {
	height: 287px;
	margin: 0 -2px 15px 0;
	overflow: auto;
}

.rss-date{
	color:#d6d6d6;
}

.rss-box .rss-items li.rss-item {
	border-bottom: 1px dashed #a1adc3;
	color: #b3caf8;
	font-size: 11px;
	list-style: none;
	margin-right: 10px;
	padding: 5px 0;
}

.rss-box .rss-items .rss-item a.rss-item {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */


/* COLORS & BACKGROUND
=============================================== */

body {
	color: #636363;
	font-family: 'Arial', 'Kalimati', 'sans-serif';
}

body           { background: #e3ddc9; }
#page          { background: #ffffff; }
#header        { background: #040707 url(/download/gallery/img/headerjpg) 0 0 no-repeat; }
#navigation    { background: #63769b url(/download/gallery/img/navgif) 0 0 repeat-x; }
#footer        { background: #e3ddc9; }

.profile{
	border:1px solid #CCC;
	padding:5px;
	float:left;
	margin-right:10px;
}

/* STRUCTURE
=============================================== */

#page {
	margin:  53px auto 0;
	padding-top: 10px;
	width: 960px;
}

#header, #main { margin: 0 10px; }
#header-inner  { height: 159px; }
#content       { padding: 18px 0 10px; }
#wa-accueil #content { padding-top: 0; }

#footer-inner  { padding: 20px 0; }

#footer-custom {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#wa-accueil #content-head h1 { display: none; }


/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */

/* HIDDEN
=============================================== */

.workarea #breadcrumb { display: none; }



/* SEARCH
=============================================== */

#search-keyword { top: -45px; right: 0; }



/* SIGN IN
=============================================== */

#comsignin { border-width: 0; }


/* LOGO/TAGLINE
=============================================== */

#logo { padding: 0; }

#logo a {
	display: block;
	height: 0 !important;
	margin: 0 auto;
	overflow: hidden;
	padding: 159px 0 0;
	width: 940px;
}


/* PRIMARYNAV
=============================================== */

#navigation  {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#primarynav li {
	float: left;
}

#primarynav a {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 12px;
	text-decoration: none;
}

#primarynav .here a       { background: #3b527e; }
#primarynav       a:hover { background: #939598; }

#primarynav #nav-francais    { float: right; }
#primarynav #nav-francais a  { background: #787d42; }


/* Google Map [Added Aug 18, 09- Andrew Lawton]
=============================================== */
#google-map{
	height:680px;
	width:940px;
}

/* Counter */
.counterIframe{
    position:relative;
    top:3px;
}




/*--------------------------------------------- */
/*                >>> GRID  <<<                 */
/*--------------------------------------------- */



.grid-row, .grid-row-inner { 
	overflow: hidden;
	zoom: 1;
	margin-bottom: 0;
}

div.grid-row-custom { overflow: visible; }

/*div.grid-row-custom .grid-4 { position: relative; top: -54px; }*/

#tinymce div.grid-row-custom .grid-4 { top: 0; }

#tinymce .grid-row { height: auto!important; }


#tinymce .grid-1, #tinymce .grid-2, #tinymce .grid-3, #tinymce .grid-4, #tinymce .grid-5,
#tinymce .grid-6, #tinymce .grid-7, #tinymce .grid-8, #tinymce .grid-9, #tinymce .grid-10, 
#tinymce .grid-11, #tinymce .grid-12, #tinymce .grid-13,
#tinymce .grid-14, #tinymce .grid-15, #tinymce .grid-16
{
	margin-left: 4px;
	margin-right: 4px;
}

#tinymce .alpha { margin-left: 0; }
#tinymce .omega { margin-right: 0; }

#tinymce .alpha .alpha { margin-left: 4px; }
#tinymce .alpha .omega { margin-right: 4px; }
#tinymce .omega .omega { margin-right: 4px; }
#tinymce .omega .alpha { margin-left: 4px; }

.mceContentBody { padding: 1px !important; }