/*
Theme Name: Carbon Management Canada
Theme URI: http://wordpress.org/
Description: A custom built specifically for Carbon Management Canada.
Author: Bryan Mills Iradesso
Version: 1.0 
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

General comments and license statement (optional).
*/


/* 
  HTML5 ? Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; line-height: 16px; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #79ab24; text-decoration: none; }
a:hover {  color: #696944; }

#header a, #header a:active, #header a:visited { color: #696944; text-decoration: none; }
#header  a:hover {  color: #79ab24; }


a.external-link {	
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/cmc-external-link.gif' ) right center no-repeat;
	padding-right: 20px;
}

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1;  }

br.spacer {
clear: both;
display: block;
height: 1px;
 zoom: 1; 
}


::selection {
        background: #79ab24; /* Safari */
        }
::-moz-selection {
        background: #79ab24; /* Firefox */
}

.highlight { background: #79ab24; }




 /* Primary Styles
    Author: 
 */


body{
 font-family: Tahoma, Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
 background-color: #ffffff; /* BROWN COLOR */ /*background-color: #c8b594;  BROWN COLOR */
 background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/background.jpg' ) repeat-x;
}


body.page, body.single, body.search, body.archive, body.error404, body.blog{
	 background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/background-page.jpg' ) repeat-x;
}

body.home{ background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/background.jpg' ) repeat-x !important;}

#wrapper
{  
    width: 980px;
    position: relative;   
    margin: 0px auto;  
	
}

#header{
	display: block;
	width: 980px;
 	height: 120px;	
	overflow: hidden;
}

	/* #mainNavigation{position: absolute; left: 297px; top: 83px;}
	 #mainNavigation li{display: inline; margin-right: 35px;}
		#mainNavigation a {
			font-size: 1.4em;
			font-weight: bold;
	 	}
	*/
	ul#mainNavigation {
		margin: 0; padding: 0;
		float:left;
		width: 330px;
		list-style: none;
		font-size: 1.1em;
		position: absolute; 
		left: 299px; 
		top: 83px;
		
	}
	ul#mainNavigation li {
		float: left;
		margin: 0; padding: 0;
		padding: 5px 10px;
		padding-right: 26px;
		position: relative; /*--Important--*/
	}
	
	ul#mainNavigation .research{
		/*padding: 5px 32px 5px 10px; */
		position: relative;
		top: -6px;
		padding: 12px 42px 12px 12px;
		
		background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/menu-arrow.gif") no-repeat scroll 202px 15px transparent ;		
	}	
	ul#mainNavigation .research:hover {
		
	}
	ul#mainNavigation .research-hover{
	    border-top: solid 1px #4f4f33;
		border-right: solid 1px #4f4f33;
		border-left: solid 1px #4f4f33;
		background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/menu-arrow-hover.gif' ) no-repeat scroll 202px 15px transparent ;	
		background-color: #696944;	
	}
	
	
	ul#mainNavigation .research-link: a{ padding-right: 40px}
	ul#mainNavigation .research:hover a{color: #ffffff; }
	ul#mainNavigation li a {
		font-size: 1.4em;
		font-weight: bold;
		float: left;		
		height: 44px;
	}
	ul#mainNavigation li:hover a, ul#mainNavigation li a:hover { background-position: left bottom; } /*--Hover State--*/
	
	ul#mainNavigation li .sub {
		background-color: #696944;
		width: 212px;
		border-bottom: solid 1px #4f4f33;
		border-right: solid 1px #4f4f33;
		border-left: solid 1px #4f4f33;
		position: absolute; /*--Important--*/
		top: 30px; left: -26px;
		z-index: 99999;		
		padding: 10px;	
		float: left;		
		display: none; /*--Hidden for those with js turned off--*/
		
	}
	ul#mainNavigation li .sub li{ display: block; float: none;
			background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/sub-menu-arrow.gif' ) center left no-repeat;
			padding-left: 20px; margin: 0px;
	
	 }
	ul#mainNavigation li .sub a{
		color: #ffffff;
		font-size: 0.9em;
		float: none;
	}
	ul#mainNavigation li .sub a:hover{
		color: #b4b4a2;	
	}
	
	
	#utiityLinks{position: absolute; left: 287px; top: 41px;}
	#utiityLinks li{display: inline; margin-right: 15px;}
	#utiityLinks li.currentDate{color: #9b9b9b; margin-left: 25px;}
		#utiityLinks a {
			font-weight: bold;
	 	}
	
	#socialMediaLinks {position: absolute; left: 660px; top: 44px;}
	#socialMediaLinks li{ height: 16px; display: block; float: left; margin-right: 12px;}
	#socialMediaLinks li a{ text-indent: 20px; display: block; height: 16px; overflow:hidden; font-size: 0.9em; line-height: 16px;}	
	#socialMediaLinks li.rss a{background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/rss.jpg") no-repeat; background-position: 0 0;}	
	#socialMediaLinks li.facebook a{background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/facebook.jpg") no-repeat;  background-position: 0 0;}	
	#socialMediaLinks li.twitter a{background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/twitter.jpg") no-repeat;  background-position: 0 0;}	  
	#socialMediaLinks li.youtube a{background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/youtube.jpg") no-repeat;  background-position: 0 0;}         
	#socialMediaLinks li a:hover{background-position: 0 -25px;}
	
	#searchform{position: absolute; left: 683px; top: 77px}
	
	  #searchform #s {
		  height: 25px; 	 
		  width: 230px; 
		  border: solid 3px #c2d1d4;
		  font-family: Tahoma, Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
		  font-weight: bold; 
		  color: #474747;
		  padding-left: 5px;
	   }  
	   
	   #searchform #s.focused {
		 /*apply focused styles here....*/
	   }    
	            
       #searchform #searchsubmit { 
		   width: 45x; 
		   height: 33px;  
		   border: solid 3px #c2d1d4; 
		   cursor: pointer; 
		   background-color: #696944; 
		   color: #ffffff; 
		   font-weight: bold;  
		   margin-left: -6px;
	   }

#logo{
	
	background: url('http://www.cmc-nce.ca/wp-content/themes/cmc/images/logo.jpg') no-repeat scroll 0 0 transparent;
    display: block;
    height: 135px;
    text-indent: -9999px;
    width: 252px;
}

#HomepageBanner{
	height: 330px;
	background-color: #cccccc;
}

#container {
	float: left;	
	width: 980px;
	margin: 20px 0px;
	
	
}
#content {
	margin: 0px;
	padding-left: 0px;	
	float: left;	
}


#content.fullWidth{
	margin: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-left: 30px;
	width: 980px;
	
	
}


.page #container.research-themes, .page #container.research-themes #content{
	margin: 0px;
	padding: 0px;	
	padding-top: 20px;
	width: 980px;
	margin-bottom: 10px;
}

.home #content.fullWidth {
	margin: 0px;
	padding: 0px;
	width: 980px;
}

.archive #content, .single #content, .page #content, .error404 #content, .blog #content{padding: 20px; width: 616px;}

#primary,
#secondary, #primary-page-widget-area, .widget-area{
	float: right;
	overflow: hidden;
	width: 310px;
	margin-top: 10px;
	clear: both;
}
#footer{
	clear: both;
 	height: 245px;
	background-color: #b9cace;
    background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/footer-background.jpg' ) repeat-x;
	border: solid 1px #abb8ba;
}
#footer .menu-footer-menu-container{height: 165px;}
#footer .menu{margin: 25px;}
#footer .menu li{display: block; float: left; margin-right: 25px; }
#footer .menu li a{font-weight: bold;}
#footer .menu a:hover{color:#696944; text-decoration: underline; }
#footer .menu li li{display: block; float: none; line-height: 160%;}
#footer .menu li li a{font-weight: normal; }
#footer .menu ul{margin: 10px 0px 10px 0px;}
#footer #menu-footer-menu .menu-item{ max-width: 150px;}

#bmir{margin-left: 20px;}
#bmir a {
    width:152px;
    height:18px;
    text-indent:-9999px;
    display:block;
    background:url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/bmir.gif) no-repeat;
}
#bmir a:hover {background-position:0 -18px;}

#nce-logo{	
	background: url("http://www.cmc-nce.ca/wp-content/themes/cmc/images/NCELogo.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 119px;
    text-indent: -9999px;
    width: 156px;
	position: absolute;
	bottom: 13px;
	right: 12px;
}

#copyright{margin: 0px 20px; float: left;}
#support-message{font-size: 0.7em; float: left; vertical-align:text-bottom; line-height: 18px;}

.breadcrumbs{
	margin: 5px 0px;
	
}
.single .breadcrumbs{0px;;}

.breadcrumbs a{ color: #548000; font-weight: bold;	}
.breadcrumbs a:hover{
	color: #548000; 
}



/*PRIMARY CMC CONTENT STYLES START*/

h1,h2,h3,h4,h5,h6 {color:#63848a; }
h1{margin: 15px 0px; font-size: 20px; line-height: 24px;}
h2{margin: 15px 0px; font-size: 1.3em; color:#444444;}

p{line-height: 150%; margin-bottom: 15px;}
strong{}
blockquote{}
cite{}
abbr{}
em{}

ol{}
ol li{}
ul{}
ul li{}
dl{}
dl dt{}
dl dd{}

table{}
table tr{}
table td{}
table thead{}

#whats-new{position: relative; height: 316px; width: 980px; clear: both; background-color: #ffffff; }

/* Homepage Specific Themes */
#featured-posts{position: absolute; top:0px left: 0px; width: 658px; height: 316px; overflow: hidden; }
#featured-posts {}
#featured-posts .featured-post {position: relative;display: block; display: none;}
#featured-posts  div.featured-post:last-child {
   display: block;
}
#featured-posts .featured-post .post-details{z-index: 1000; color: #ffffff; position: absolute; top: 26px; left: 265px; background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/featured-post-bg.png' ) no-repeat; height: 290px; width: 365px; padding-right: 28px;}
#featured-posts .featured-post .post-meta{position: absolute; top: 7px; left: 325px; color: #444444; font-size: 0.85em;}
#featured-posts .featured-post .post-date{position: absolute; top: 46px; left: 65px; font-size: 0.85em; color: #cecece;}
#featured-posts .featured-post .post-meta a{color: #79ab24; font-weight: bold;}
#featured-posts .featured-post .post-title{  margin: 65px 0px 0px 65px;}
#featured-posts .featured-post .post-title a{color: #98d62d;}
#featured-posts .featured-post .post-excert{ color: #ffffff; margin: 5px 45px 0px 65px;}
#featured-posts .featured-post .post-read-more{margin: 5px 45px 0px 65px;}
#featured-posts .featured-post .post-read-more a{  color: #98d62d;}
#featured-posts .featured-post .post-image{ position: absolute; top: 6px; z-index: 10; border-left: solid 2px #ffffff; }
#featured-posts .featured-post .post-image img{/*width: 292px; height: 282px;*/}
#featured-posts #featured-post-menu{ position: absolute; top: 12px; right: 50px; }
#featured-posts .post-menu-container{background-color: #ffffff; width: 292px; height: 28px; position: absolute; top: 288px; right: 364px; z-index: 100; }
#featured-posts #featured-post-menu li{display: block; float:left; height: 12px; width: 12px; overflow: hidden; margin-left: 5px; 
}
#featured-posts #featured-post-menu li a{
	text-indent: -1000px;
 	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/featured-post-paging.gif' ) no-repeat;
	display: block;
	height: 12px; width: 12px;
	background-position: 0px 0px; 
}

#featured-posts #featured-post-menu li a.selected, #featured-posts #featured-post-menu li a:hover{	

	height: 12px; width: 12px;
	background-position:  -18px 0px; 
}

#latest-news{
	list-style: none;
	margin: 0px; 
	padding: 0px;
	position: absolute;
	top: 26px; 
	right: -3px;
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/recent-news-bg.png' ) no-repeat; height: 290px; width: 322px;
	overflow: hidden;
}
#latest-news-links{	position: absolute; right: 165px; width: 310x}
#latest-news li{
	display: block; 
	height: 95px; 
	position: relative; 
	padding: 0px 15px; 
	clear: both; 

	
	}
#latest-news li .post-date{width: 35px; float: left; margin-right: 15px;}
#latest-news li .day{font-weight: bold; font-size: 1.6em; color: #5d5d5d; display: block; margin: 0px; text-align: center; line-height: 100%;}
#latest-news li .month{font-size: 1em; color: #5d5d5d; display: block; margin: 0px; text-align: center; line-height: 100%;}
#latest-news li a.news-link{color: #79ab24; font-weight: normal; font-size: 13px; float: left; display: block; width: 230px; }
.recent-post-content{
	/* HOW ARE YOU VERTICALLY CETNTERING A DIV????*/
	position:absolute; top:50%;  margin-top:-15px;
}

.homepage-body{margin-top: 20px;}


/*TABS*/
#research-tabs{ width: 658px; float: left; margin-right: 4px; margin-top: 10px;}



ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 39px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999; */
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 38px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 38px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #999;
	border-left: none; */
	margin-right: 2px;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	display: block;
	font-size: 14px;
	padding: 0 20px;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li.active{
	top: -3px;
	height: 45px;
	padding-top: 3px;
}
ul.tabs li a:hover {
	/*background: #ccc;*/
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background: #fff;
	border-bottom: 1px solid #fff; */ /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	/*border: 1px solid #999;
	border-top: none;*/
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #e7edee;
}
#news-widget-tabs .tab_container div{display: none;}
.tab_content {	
	font-size: 1em;
}

ul.tabs li.recovery{background-color: #63848a;}
ul.tabs li.technologies{background-color: #6b9c55;}
ul.tabs li.storage{background-color: #606282;}
ul.tabs li.deployment{background-color: #696944;}

.theme-description{height: 30px; color: #ffffff; line-height: 30px; padding-left: 20px;}
#recovery-tab .theme-description{background-color:#63848a; }
#technologies-tab .theme-description{background-color:#6b9c55; }
#storage-tab .theme-description{background-color:#606282; }
#deployment-tab .theme-description{background-color:#696944; }


.recent-theme-posts{margin: 0px; padding: 20px 20px 15px 20px;  border-top: 2px solid #ffffff;}
.recent-theme-posts a{color: #79ab24;}
.recent-theme-posts ul{margin: 0px; padding: 0px;}
.recent-theme-posts li{list-style: none; margin: 3px 0px 0px 0px;}

.featured-research-post .post-details{width: 400px; padding: 20px;}
.featured-research-post .post-details a{color: #79ab24;}
.featured-research-post .post-image{float: right; margin: 15px 15px 15px 15px;}




/*Research Themes*/
#research-themes{ margin: 0px; margin-top:40px;}
#research-themes li{ 
	display: block;	
	clear: both;
	margin-bottom: 20px;
	font-size: 0.9em;
	width: 980px;
}

#research-themes li .theme{ margin: 0px;}


#research-themes li .recovery{/*background-color: #b1c1c4;*/}
#research-themes li .technologies{/*background-color: #b5cdaa;*/}
#research-themes li .storage{/*background-color: #afb0c0;*/}
#research-themes li .deployment{/*background-color: #b4b4a1;*/}


#research-themes .recent-posts{float: left; width: 322px; border-left: 2px solid #ffffff; background-color: #e7edee;  }
#research-themes .recent-posts ul{margin: 0px; padding: 0px;}
#research-themes .recent-posts ul li{border-bottom: 2px solid #ffffff; padding: 10px 20px; margin:0px;}
#research-themes .recent-posts h3{ color: #ffffff; font-weight: bold; margin-top: 0px; font-size: 11px; font-weight: normal; padding:5px 10px;}

#research-themes .recovery .recent-posts h3 {background-color: #63848a; border: solid 1px #516b70;}
#research-themes .technologies .recent-posts h3 {background-color: #6b9c55; border: solid 1px #598246;}
#research-themes .storage .recent-posts h3 {background-color: #606282; border: solid 1px #4d4f69;}
#research-themes .deployment .recent-posts h3 {background-color: #696944; border: solid 1px #4f4f33; font-size: 13px;}

#research-themes .theme-detail{float: left; width: 656px; background-color: #e7edee; position: relative;}
#research-themes .theme-detail p{margin: 20px;}
#research-themes .theme-detail .view-all-link{margin: 25px 10px;}
#research-themes .theme-detail .view-all-link a{padding:10px 0px;  color: #ffffff; font-size: 11px; font-weight: bold; margin: 10px; padding: 6px 30px 6px 6px;}

#research-themes .theme-lead-photo{width:191px; height: 254px;  background-color: #ff0000; position: relative; right: 0px; top:0px; float: right; margin-top: -15px; margin-left: 15px;}
#research-themes .caption{ 
	/*color: #ffffff;*/ 
	
}
#research-themes .theme-lead-photo img{width:191px; height: 254px}
#research-themes .recovery .view-all-link a{
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/recovery-accent.gif' ) right center no-repeat;
	background-color: #63848a; 
	border: solid 1px #516b70; 	 
}
#research-themes .technologies .view-all-link a{
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/technology-accent.gif' ) right center no-repeat;
	background-color: #6b9c55; 
	border: solid 1px #598246; 
}
#research-themes .storage .view-all-link a{
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/storage-accent.gif' ) right center no-repeat;
	background-color: #606282; 
	border: solid 1px #4d4f69; 
}
#research-themes .deployment .view-all-link a{
	background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/deployment-accent.gif' ) right center no-repeat;
	background-color: #696944; 
	border: solid 1px #4f4f33;
 }



#research-themes .theme-detail h2{color: #ffffff; font-weight: bold; margin-top: 0px; font-size: 11px; font-weight: normal; padding:5px 10px; }

#research-themes .recovery .theme-detail h2 {background-color: #63848a; border: solid 1px #516b70;}
#research-themes .technologies .theme-detail h2 {background-color: #6b9c55;  border: solid 1px #598246;}
#research-themes .storage .theme-detail h2 {background-color: #606282;  border: solid 1px #4d4f69;}
#research-themes .deployment .theme-detail h2 {background-color: #696944;  border: solid 1px #4f4f33;}

#research-themes .theme-detail h2 {font-size: 13px !important;}

.research-theme-sidebar-info{
		background-color: #E7EDEE;	
		padding: 20px 20px 15px 20px;
		margin-bottom: 20px;
	}
.research-theme-sidebar-info h3{margin-bottom: 10px;}
.research-theme-sidebar-info p{margin-bottom: 0px;}

/* Research Theme Featured Post */
#research-themes f.eatured-post{}

.backgrounder-sheet-link{ margin: 20px 0px;}
.backgrounder-sheet-link a{font-weight: bold; color: #ffffff; display: block; padding: 0px 10px; width: 310px; height: 50px; line-height: 50px; font-size: 15px;}
.backgrounder-sheet-link a.recovery{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/recovery-backgrounder.jpg' ) left top no-repeat;}
.backgrounder-sheet-link a.technologies{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/technologies-backgrounder.jpg' ) left top no-repeat;}
.backgrounder-sheet-link a.storage{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/storage-backgrounder.jpg' ) left top no-repeat;}
.backgrounder-sheet-link a.deployment{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/deployment-backgrounder.jpg' ) left top no-repeat;}

/*News Tabs*/
	
.news-list .attachment-thumbnail{float: left; margin-right: 10px; width: 90px; margin-left: 0px;}
.news-list .attachment-research-thumb{float: left; margin-right: 10px; margin-left: 0px; margin-bottom: 20px;}
.news-list .attachment-thumbnail img{}
.news-list .news-details{float: left; width: 500px; margin-bottom: 20px; }
.featured-post .news-details{width: 411px;}
.news-list .post, .news-list .hentry {border-bottom: solid 1px #c2d1d4; margin-bottom: 20px;}
.news-list .entry-meta{background-color: #e0e6e8; padding: 6px;}
.news-details .entry-title{margin-top: 0px;}

#news-widget-tabs{ width: 310px; margin-top: 20px;}
#news-widget-tabs ul li {background-color: #d9e3e4;}
#news-widget-tabs ul li.active{background-color: #e7edee;}

#news-widget-tabs ul li a {padding: 0px 13px;   font-weight: bold; color:#548000;}
#news-widget-tabs ul li.active a{color: #444444;}
#news-widget-tabs .tab_content li{background-color: #e7edee;}
#news-widget-tabs .tab_content ul li{border-bottom: solid 2px #ffffff; list-style: none; padding: 18px; margin: 0px;}
#news-widget-tabs .tab_content li a{padding: 0px;}
.comment-byline{font-size: 0.8em; }
#news-widget-tabs #tags-tab{padding: 20px;}

/*PRIMARY CMC CONTENT STYLES FINISH*/

/* WIDGET CSS */
#homepage-widgets{ float: left;width: 316px;}
.widget-area ul{margin: 0px; padding: 0px;}
.widget-container{ display: block;}

#homepage-widgets .widget-container{padding: 20px 0px 0px 20px;}
.widget-area h3{color: #444444;}
.textwidget{width: 100%;}
#primary-homepage-widgets .widget-title{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
#secondary-homepage-widgets .widget-container{border-top: 1px solid #c2d1d4; margin-top: 20px;}
#secondary-homepage-widgets .widget-title{font-size: 1em; margin-bottom: 5px;}
a.link-learn-more{ 
background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/link-learn-more.gif' ) no-repeat;
width: 190px;
height: 30px;
font-size: 1em; display: block; color: #ffffff; font-weight: bold; line-height: 30px; margin: 5px 0px; padding: 0px 5px;}

a.link-learn-more-large{ 
background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/link-learn-more-large.gif' ) no-repeat;
width: 235px;
height: 30px;
font-size: 1em; display: block; color: #ffffff; font-weight: bold; line-height: 30px; margin: 5px 0px; padding: 0px 5px;}


.widget_cmcarchivedropdown select,
.widget_archive select{		
	border: 3px solid #C2D1D4;
	color: #518000;
	font-family: Tahoma, Arial, Trebuchet, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	padding-left: 5px;
	width: 310px;
	height: 30px;
}


/*Attachment Styles*/
.attachment .entry-meta{margin-bottom: 10px;}

/* Post/Page Comments*/
.entry-date{margin-bottom: 10px;}
#post-comments{background-color: #e0e6e8; padding: 15px;}
#post-comments a {color: #518000;}
.comment-list{list-style: none; padding: 0px; margin: 0px; margin-top: 10px;}

.comment-list .comment{ margin-top: 25px;}
.comment-list cite{font-weight: bold; font-style: normal;}
.comment-list .awaiting-moderation{color: #ff0000; font-size: 0.8em;}
.comment-body p{margin: 5px 0px;}
.avatar-container{ float:left; width: 70px; margin-right: 10px;}
.comment-data{float:left; width: 500px;}
#comment-meta{height: 20px;}

/*These are the nested comments.*/
.comment-list .children {list-style: none; }
.comment-list .children .comment-data{width: 480px;}
.comment-list .children .children .comment-data{width: 460px;}
.comment-list .children .children .children .comment-data{width: 440px;}
.comment-list .children .children .children .children .comment-data{width: 420px; left-margin: 0px; left-padding: 0px;}

#comment-form{background-color: #e0e6e8; padding: 10px; margin-top: 2px; position: relative;}
#comment-form #reply-title{color: #5d5d5d;}
#comment-form label{font-weight: bold;}
#comment-form input{display: block; padding: 4px 5px;}
#comment-form .comment-subscribe{position: absolute; top: 136px; left: 245px; width: 300px; padding-left: 30px;}
#comment-form .comment-subscribe input{display: inline; position: absolute; left: 0px; top: 12px;}
#comment-form #comment{width: 584px;}
#comment-form .required {
    color: #FF4B33;
    font-weight: bold;
}
#comment-form input[type="submit"]{
	cursor: pointer;
	border: 2px solid #c2d1d4;
    background: #696944;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 10px;

}

/*Event listing styles*/
.event-date{width: 70px; height: 70px; float: left; border: solid 2px #67911f; color: #444444; margin: 0px 10px 10px 0px; position: relative; text-align: center;}
.event-date .day{ font-weight: bold; font-size: 26px; display: block; margin: 0px auto; margin-top: 5px;}
.event-date .month{font-size: 17px; display: block; margin: 0px auto; text-transform:uppercase; margin-top: 14px;}

/* This is the newsletter signup form....*/

#mc_subheader{font-weight: bold; margin-bottom: 10px;} /*This is the form heading....*/
#mc_signup{
	background-color: #e0e6e8; padding: 10px; margin-top: 2px; position: relative;
}
#mc_signup label{font-weight: bold;}
#mc_signup input{display: block; padding: 4px 5px; }
#mc_unsub_link{text-align: left;}
.mc_merge_var{margin-bottom: 10px !important;}
.mc_merge_var input{width: 200px;}
.mc_signup_submit input[type="submit"]{
	cursor: pointer;
	border: 2px solid #c2d1d4;
    background: #696944;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 10px;

}
#mc_unsub_link p{margin: 10px 0px;}
#mc_signup .required {
    color: #FF4B33;
    font-weight: bold;
}

/* custom cmc widgets */


.framed-menu-header{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-container-top-bg.png' ) no-repeat; padding: 4px 4px 0px 4px; margin-bottom: 0px; margin-top: 20px;}

.framed-menu-header h2{ margin: 0px; padding: 0px; background-color: #5d5d5d; color: #ffffff; padding: 10px 15px; font-size: 1.1em; font-weight: bold;}
.framed-menu {background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-container-bottom-bg.png' ) no-repeat; background-position: center bottom; overflow:visible; padding:  0px 4px 4px 4px; margin-bottom: 20px;}
.framed-menu div {padding: 10px; border: 1px solid #cccccc;}
.framed-menu ul{border: 1px solid #cccccc;}
.framed-menu ul li{border-bottom: 1px solid #cccccc; padding: 4px 15px;;}
.framed-menu ul li a{color: #518000;}


.deployment .framed-menu-header{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-deployment-container-top-bg.png' ) no-repeat; padding: 4px 4px 0px 4px; margin-bottom: 0px; margin-top: 20px;}
.deployment .framed-menu {background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-deployment-container-bottom-bg.png' ) no-repeat; background-position: center bottom; overflow:visible; padding:  0px 4px 4px 4px;}
.recovery .framed-menu-header{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-recovery-container-top-bg.png' ) no-repeat; padding: 4px 4px 0px 4px; margin-bottom: 0px; margin-top: 20px;}
.recovery .framed-menu {background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-recovery-container-bottom-bg.png' ) no-repeat; background-position: center bottom; overflow:visible; padding:  0px 4px 4px 4px;}
.storage .framed-menu-header{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-storage-container-top-bg.png' ) no-repeat; padding: 4px 4px 0px 4px; margin-bottom: 0px; margin-top: 20px;}
.storage .framed-menu {background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-storage-container-bottom-bg.png' ) no-repeat; background-position: center bottom; overflow:visible; padding:  0px 4px 4px 4px;}
.technologies .framed-menu-header{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-technologies-container-top-bg.png' ) no-repeat; padding: 4px 4px 0px 4px; margin-bottom: 0px; margin-top: 20px;}
.technologies .framed-menu {background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/framed-technologies-container-bottom-bg.png' ) no-repeat; background-position: center bottom; overflow:visible; padding:  0px 4px 4px 4px;}


/* Media Page Backgrounder Widget*/

.large-backgrounders{}
.large-backgrounders li{display: block; float: left; width: 145px; height: 70px; margin: 0px 20px 20px 0px; }
.large-backgrounders li a{font-size: 15px;
font-weight: bold; color: #ffffff; margin:13px;  display: block;}
.large-backgrounders li.deployment{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/deployment-backgrounder-large.jpg' ) no-repeat;  margin: 0px 20px 20px 0px;}
.large-backgrounders li.technologies{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/technologies-backgrounder-large.jpg' ) no-repeat;  margin: 0px 0px 20px 0px;}
.large-backgrounders li.recovery{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/recovery-backgrounder-large.jpg' ) no-repeat;  margin: 0px 20px 20px 0px;}
.large-backgrounders li.storage{background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/storage-backgrounder-large.jpg' ) no-repeat; margin: 0px 0px 20px 0px;}

.cmc-in-the-news .hentry {border-bottom: solid 1px #c2d1d4; margin-bottom: 20px;}
.cmc-in-the-news h2{}

a.link-learn-more-square{ 
background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/link-learn-more-square.gif' ) no-repeat;
width: 70px;height: 70px;display: block;  float: right; margin: 0px 0px 0px 20px; padding: 30px 5px 0px 5px;
font-size: 16px; color: #ffffff; font-weight: bold;   
line-height: 16px;
}

a.link-view-all-square{ 
background: url( 'http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/view-all-square.gif' ) no-repeat;
width: 70px;height: 70px;display: block;  float: right; margin: 0px 0px 0px 20px; padding: 30px 5px 0px 5px;
font-size: 16px; color: #ffffff; font-weight: bold; line-height: 16px;
}

.attachment-thumbnail{margin: 5px;}

/* Contact specific styles */
#locMap{height: 400px;}
table.direct-contacts{width: 100%}
table.direct-contacts td{padding: 0px 0px 15px 0px; width: 33%;}

.alignleft{float: left; margin-right: 20px; margin-bottom: 20px;}

/*INFO BOXES*/

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://www.cmc-nce.ca/wp-content/themes/cmc/images/icons/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('http://www.cmc-nce.ca/wp-content/themes/cmc/images/icons/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://www.cmc-nce.ca/wp-content/themes/cmc/images/icons/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://www.cmc-nce.ca/wp-content/themes/cmc/images/icons/error.png');
}

/* Search Results */

.search{}

.search .entry-title{font-size: 14px;}
.search-term{color: #444444; font-weight: bold;}
.search .results{width: 650px; }
.search .hentry{border-bottom: solid 1px #c2d1d4; margin-bottom: 20px; padding: 0px 20px;}


/*
	Sitemap Styles
*/

			/*	Sitemap Page  */
			body.page-id-243 #content{
				margin: 0px;
				padding-left: 30px;
				padding-right: 30px;
				padding-left: 30px;
				width: 980px;				
			} 
			
			.sitemap h3{margin: 10px 0px;}

			.sitemap ul{width:100%;}
			.sitemap ul, .sitemap ul ul, .sitemap ul li{
				margin:0;
				padding:0;
				list-style:none;
			}
			.sitemap ul ul{
				
				display:none;
				 
			}
			.sitemap ul li{
				line-height:200%;
				margin-top:1px;
				cursor:default;
				text-indent:30px;
				font-weight:bold;
				width:100%;
			}
			
			.sitemap ul li.collapsed, .sitemap ul li.expanded{cursor:pointer;} 
			
			/* first level */
			.sitemap ul li{background-color: #eeeeee;}
			.sitemap ul li.hasChildren{background:#eee url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/collapsed.gif) no-repeat 5px .4em; cursor:pointer;}
			
			
			.sitemap ul li, .sitemap ul li.collapsed{
				/*background:#eee url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/collapsed.gif) no-repeat 5px .4em;*/} 
			
			.sitemap ul li.expanded{background:#eee url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/expanded.gif) no-repeat 5px .4em;}
			
			/* second level */
			
			.sitemap ul li ul, .sitemap ul li li{background:#f8f8f8;font-weight:normal;}
			.sitemap ul li li.collapsed{background:#f8f8f8 url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/collapsed.gif) no-repeat 5px .4em;} 
			.sitemap ul li li.expanded{background:#f8f8f8 url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/expanded.gif) no-repeat 5px .4em;}
			
			/* third level */
			
			.sitemap ul li li ul, .sitemap ul li li li{background:#fff;}
			.sitemap ul li li li.collapsed{background:#fff url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/collapsed.gif) no-repeat 5px .4em;} 
			.sitemap ul li li li.expanded{background:#fff url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/expanded.gif) no-repeat 5px .4em;}
			
			/* fourth level */
			
			.sitemap ul li li li li{text-indent:0;margin-left:30px;width:auto;}
			
			/* etc. */
			
			/* buttons */
			
			p.sitemap ul{
				height:1.5em;
				margin:1em 0;
			}
			p.sitemap ul a{
				float:left;
				height:1.5em;
				line-height:1.5em;
				padding:0 10px;
				border:1px solid #eee;
				margin-right:5px;
				cursor:pointer;
			}
			p.sitemap ul a:hover{
				background:#f8f8f8;
			}
			
			/* float fix */
			.sitemap ul li:after{
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
			.sitemap ul li{
				display: inline-block;
			}
			/* Hides from IE-mac \*/
			* html .sitemap ul li{
				height: 1%;
			}
			.sitemap ul li{
				display: block;
			}
			/* End hide from IE-mac */
			/* end float fix */


/* ODDS & ENDS */

.addthis_default_style{display: inline; }
.addthis_default_style .at300m {float: none; display: inline;}
.addthis_default_style .at15t_compact {float: none; display: inline;}

.addthis_button_compact{display: inline;}
.addthis_button_compact span{display: inline; padding-left: 20px;}
.at300bs{
	/* Need to specify a new image.
	*/
	background: url(http://www.cmc-nce.ca/wp-content/themes/cmc/images/css/share-link.gif) no-repeat center !important;
	line-height: 13px;
	}

#cmc-event-cal{margin-top: 20px; float: right;}
#cmc-event-cal .ui-datepicker{
 font-size:17px;
}

.missing-content{border: dotted 1px #ff0000;}
#tptn{width: 125px !important;}

@import url("http://www.cmc-nce.ca/wp-content/themes/cmc/jquery.sb.css");


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}