/*
* Theme Name: Editing Modernism in Canada
 
* Theme URI: http://editingmodernism.ca/

* Description: Design and markup by <a href="http://angelseacreative.com/">Angelsea Creative</a>, development by <a href="http://corpora.ca">Meagan Timney</a>.

* Version: 1.0

* Author: Angelsea Saby

* Author URI: http://angelseacreative.com/

*/


body {
	background: white; 
	color: #333;
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
	padding: 30px 0 40px;
}

a {
	color:#1832d0;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: underline;
}

h1 {
	font-family: 'Times New Roman', Times, serif;
	font-weight: normal;
	text-align: center;
}
h2, h3, h4 {
	text-transform:uppercase;
	font-weight: bold;
}
h2 {
	padding:5px 0;
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size:2.7em;
}

h3 {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size:1.5em;
}
h4 {
	font-size:1.3em;
	font-weight: bold;
}

h5, h6 {
	font-size:1.4em;
	margin:5px 0 5px;
}
.divider {
	border-top:5px solid #000;
	padding-top:3px;
	margin-top:15px;
}
.uppercase {
	text-transform: uppercase;
}
p {
	/*border: 1px solid #666;
	overflow: hidden;
	text-align: center;*/
	font-size:1.3em;
	padding: 5px 0; 
	margin: 5px 0; 
}
img {
	border-bottom:4px solid #000;
}

input, select, textarea {
	background: #fcfbf2;
	border:1px solid #bcb7b7;
	padding:2px;
	font-size:1.0em;
}

/***************************************
Structure
*/
.header {
	position: relative;
	background: url(/wp-content/themes/emic/images/bg-header.gif) bottom right no-repeat;
}
.container {
	margin-top:12px;
}
.inner  {
	background-color: rgba(0,0,0,0.5);
}
.page.training .padder, .page.about .padder {
	padding-right:60px;
}
.page.training .padder, .page.funding .padder {
	border-bottom:1px solid #ccc;
}
		
/***************************************
Navigation: main
*/

/*turn off text-decorations for navigational elements*/
.meta .metanav a:hover, .meta .social a:hover, .buttons a:hover, h2 a:hover {
	text-decoration: none;
}

h1.logo { 
	width:310px;
	height:50px;
	background: url(/wp-content/themes/emic/images/logo-emic.gif);
	position:absolute;
}
h1.logo a { 
	display:block;
	text-indent: -9999px;
	width:310px;
	height:50px;
	z-index: 1;
	overflow: hidden;
}
h1.logo a:hover {
	background:none;
}

.grid_10 ul {
font-size:10pt;
padding-left: 3em;
list-style-type: disc;
}

.mainnav {
	color:#fff;
	font: 1.2em 'Times New Roman', Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:35px;
	margin-bottom:20px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	/*width:960px;
	height:26px;
	margin-top:10px;
	position: relative;*/
}
.mainnav ul li, .mainnav ul li a {
	display:block;
	margin:0;
	width:133px;
	float:left;
	text-align: center;
}
.mainnav ul li {
	border-right:1px solid #b3b3b3;
}

.mainnav ul li a {
	color:#fff;
	background: #000;
	text-decoration:none;	
	padding:6px 0;
}
.mainnav ul li.last {
	border:0;
}
.mainnav ul li.last a {
	padding-left:2px;
	padding-right:1px;
}
.mainnav ul li a:hover, .mainnav ul li.current a {
	background:#182dad;
	color:#fff;
	text-decoration:none;
}


/***************************************
Navigation: meta
*/
.meta {
	position:relative;
	width:600px;
	height:42px;
	margin-top:-16px;
	padding-bottom:10px;
	float:right;
}
.meta .metanav { 
	position:relative;
	display:block;
	top:0;
	margin:-26px 0 23px 0;
	padding:5px 0;
	text-align: right;
}
.meta .metanav a {
	padding: 0 10px;
	margin:0;
	border-left: 1px solid #ccc;
	font-weight: bold;
}

.meta .metanav a.home {
	text-transform: uppercase;
	color:#000;
	border-left: 0;
}
.search input {
	position: relative;
	float:right;
	background: #fcfbf2 url(/wp-content/themes/emic/images/bg-search.gif) 200px 2px no-repeat;
	width:215px;
	padding:2px 2px 4px 2px;
	margin-top:-6px;
	border:1px solid #bcb7b7;
	float:right;
	clear:right;
	font-style:italic;
	color:#757575;
}
.search label {
	position: absolute;
	text-indent: -9999px;
}
		.meta .social {
			position:absolute;
			display:block;
			width:250px;
			margin:0;
			padding:0;
			font-size:1.1em;
		}
		.meta .social a { 
			color:#313131;
			padding:2px 0 2px 17px;
			margin-right:15px;
		}
		.meta .social a:hover {
			background:none;
		}
		.meta .social .share {  /* 'Add This' styles */
			width:70px;
			float:left;
			margin-top:0;
		}
		.meta .social .share span {
			margin-top:-2px;
		}
		.meta .social .share a {
			padding:0;
		}
		.meta .social a.facebook {
			background: url(/wp-content/themes/emic/images/sprite-smicon.gif) 0 -51px no-repeat;
		}
		.meta .social a.facebook:hover {
			background-position: 0 -77px;
		}
		.meta .social a.twitter {
			background: url(/wp-content/themes/emic/images/sprite-smicon.gif) 0 -103px no-repeat;
		}
		.meta .social a.twitter:hover {
			background-position: 0 -129px;
		}
		
/***************************************
Navigation: sidebar (sub pages)
*/

.sidenav ul.picture {
	border-top:6px solid #000;
	margin-top:193px;
	margin-right:1px;
}
.sidenav {
	background-position: top left;
	background-repeat: no-repeat;
}
/*different images for each sidebar*/

.about .sidenav {
	background-image: url(/wp-content/themes/emic/images/about-sidebar.jpg);
}
.community .sidenav {
	background-image: url(/wp-content/themes/emic/images/community-sidebar.jpg);
}
.training .sidenav {
	background-image: url(/wp-content/themes/emic/images/training-sidebar.jpg);
}
.projects .sidenav {
	background-image: url(/wp-content/themes/emic/images/projects-sidebar.jpg);
}
.publications .sidenav {
	background-image: url(/wp-content/themes/emic/images/projects-sidebar.jpg);
}
.funding .sidenav {
	background-image: url(/wp-content/themes/emic/images/funding-sidebar.jpg);
}
.partners .sidenav {
	background-image: url(/wp-content/themes/emic/images/partners-sidebar.jpg);
}
.events .sidenav {
	background-image: url(/wp-content/themes/emic/images/events-sidebar.jpg);
}
.transcanada .sidenav {
	background-image: url(/wp-content/themes/emic/images/events-sidebar.jpg);
}
.contact .sidenav {
	background-image: url(/wp-content/themes/emic/images/contact-sidebar.jpg);
}

.welcome .sidenav {
	background-image: url(/wp-content/themes/emic/images/contact-sidebar.jpg);
}

.sidenav ul.picture li {
	position:relative; /*for IE6*/
}
.sidenav ul.picture li a {
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;
	color:#000;
	border-bottom:1px solid #797979;
	padding: 4px 0 4px 7px;
	display: block; 
}

.sidenav ul.picture li a:hover, .sidenav ul.picture li.current a {
	text-decoration:none;
	background: #d5def5;
}
.sidenav ul.picture li ul, .sidenav ul.picture li ul li {
	margin:0;
	padding:0;
}
.sidenav ul.picture li ul li a  {
	font-size:1.2em;
	text-transform: uppercase;
	line-height: 1.2;
	border-bottom:1px solid #ccc;
	padding-left:18px;
}
.sidenav ul.picture li ul li li a {
	font-size:1.2em;
	text-transform: none;
	padding-left:30px;
	font-family:'Trebuchet MS', Tahoma, sans-serif;
}


/***************************************
FORMS
*/
.forms {
	background-color: rgba(200,200,200,0.2);
	padding:10px 10px 20px 10px;
	margin-top:10px;
}
.forms h6 {
	font-size:1.2em;
	color:#000;
	border-bottom:1px dotted #333;
	padding-bottom:3px;
	margin-top:15px;
}
.forms .field { 
	width:320px;
	float:left;
	margin:0 25px 0 0;
}
.forms .field.institution {
	margin-right:-40px;
}

.forms input, .forms textarea {
	width:300px;
	color:#333;
	float:left;
	font-size:1.3em;
	margin-bottom:8px;
		min-height: 15px;
		height: auto!important;
		height:15px;
	padding:7px 5px 5px 5px;
}
.forms select {
	width:312px;
	background: #fff;
	padding:5px;
	height:25px;
}
.forms textarea {
	height:200px;
}
.forms label {
	display: block;
	width:50px;
	float:left;
	font-size:1.2em;
}
.forms li p {
	margin-top:8px;
	margin-bottom:2px;
}
.forms .name label, .forms .upload label {
	text-indent:-9999px;
	width:auto;
	position: absolute;
}
.forms li { 
	clear:both;
	min-height: 20px;
	height: auto!important;
	height: 20px;
}
.forms .courses label {
	width:230px;
	margin:2px 0 8px 5px;
}
.forms .courses input {
	width:auto;
}
.forms .radio label, .forms .radio input{
	float:none;
	display:inline;
	width:auto;
	margin-right:10px;
}
.forms .radio li { 
	display:block;
	clear:none;
	width:100px;
	margin:0 0 8px 0;
	padding:0;
	float:left!important;
	position: relative;
}
.forms .submit { 
	background: #000;
		min-width:80px;
		width:auto!important;
		width:80px;
	color:#fff;
	font-weight: bold;
	font-size:1.3em;
	text-align:center;
}
.forms .submit.grey {
	background: #666;
}

.forms .formend { 
	width:350px;
	padding-top:15px;
	margin-left:0;
	clear:both;
}

.forms .formend .submit { 
	margin-right:15px;
}
.funding .forms .formend h6 {
	margin-right:32px;
}
.funding .forms {
	margin-left:0;
}


/***************************************
Page
*/
h2.title {
	/*min-height: 2px;
	height: auto!important;*/
	overflow: hidden;
	height: 28px;
	padding:0;
	margin:0 0 30px 0;
	padding: 20px 0 0 25px;
	background: url(/wp-content/themes/emic/images/bg-h-page.jpg) top left no-repeat;
	color:#fff;
}
.breadcrumb {
	position:absolute;
	right:0;
	top:20px;
		min-height: 20px;
		height: auto!important;
		height: 20px;
	width:500px;
	padding:0 10px 0 0;
	text-align: right;	
	font-size:1.1em;
	line-height: 1;
	color:#d9d9d9;
}
.breadcrumb a {
	color:#d9d9d9;
}
.breadcrumb a:hover, .breadcrumb .current a {
	color:#fff;
	text-decoration: none;
}

.caption {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
	padding-bottom:6px;
	font-weight: bold;
	border-bottom:1px solid #ccc;
}
.caption img {
	margin-bottom:5px;
}

.wp-caption-text {
	font-size:1.1em;
	font-style: italics;
}

/* about *******/

.page.about .caption {
	margin-right:-60px;
}
	.bio h5 span {
		font-weight: normal;
		border-left:1px solid #ccc;
		padding-left:5px;
	}
	.bio.single {
		height:auto;
	}
	.biometa {
		margin:15px 0;
		/*min-height: 65px;
		height: auto!important;
		height: 65px;*/
		clear:both;
	}
	.biometa.single {
		border-top:5px solid #000;
		border-bottom: 1px solid #ccc;
		margin-right:-60px;
		margin-top:5px;
		padding:10px 0 10px;
	}
	.biometa h4 {
		margin-bottom:0;
		font-size:1.5em;
	}
	.biometa img {
		float:left;
		margin-right:10px;
		border:4px solid #000;
	}
	.biometa p {
		margin:0 0 2px;
		padding:0;
		line-height: 1;
	}
	.biometa p.bioinfo {
		font-size:1.2em;
		margin-top:13px;
	}
	.biometa .directornews {
		border-top:1px solid #ccc;
		padding-top:10px;
		margin-top:15px;
		font-style:italic;
		color:#515050;
	}
	.biometa .directornews p {
		width:330px; 
		float:left;
		margin-right:10px;
		padding-right:10px;
		font-size:1.1em;
		line-height: 1.5;
	}
	.biometa .directornews p a {
		text-transform: uppercase;
		font-size:0.9em;
	}
	.bioinfo strong {
		text-transform:uppercase;	
	}
.viewall {
	text-transform:uppercase;
	font-weight:bold;
}

/***************************************
Homepage styles
*/

/* BANNER rotate ///// */
.banner {
	width: 460px;
	height:254px;
}

/* BUTTONS ///// */
.buttons {
	border-top:2px solid #fff;
}
.buttons .box {
	width:152px;
	float:left;
	border-right:2px solid #fff;
	background: #202020 url(/wp-content/themes/emic/images/sprite-buttons.gif) 0 -234px no-repeat;
}
	.buttons .box.edit {
		background-position:-304px -234px;
		}
	.buttons .box.learn {
		background-position:-608px -234px;
		}		
.buttons .box h3 { position: absolute;
	text-indent:-9999px;
	width:135px;
	height:20px;
	margin-top:18px;
	margin-left:8px;
	background:url(/wp-content/themes/emic/images/h3-collaborate.png) 0 0 no-repeat;
	z-index:2;
	/*default viewing*/
	text-transform:uppercase;
	font-size:1.7em;
	color:#fff;
}
	.buttons .box.edit h3 {
		background-image: url(/wp-content/themes/emic/images/h3-edit.png);
		}
	.buttons .box.learn h3 {
		background-image: url(/wp-content/themes/emic/images/h3-learn.png);
		}

.buttons .box p {
	line-height: 1.3;
	margin-bottom:0;
	padding-bottom: 5px 0;
	font-size:1.0em;
	color:#ebebeb;
}
.buttons .box p a { 
	display:block;
	width:131px;
	padding:52px 10px 30px 10px;
	margin-top:-10px;
	margin-bottom:-5px;
	color:#fff;
}
.buttons .box p a:hover {
	background: #202020 url(/wp-content/themes/emic/images/sprite-buttons.gif) 0 0 no-repeat;
}
	.buttons .box.edit p a:hover {
		background-position:-304px 0;
		}
	.buttons .box.learn p a:hover {
		background-position:-608px 0;
		}
.buttons .box.learn {
	border:0;
}
		

/* INFO (twitter, recent, intro) ///// */

.intro a { 
	position: absolute;
	display: block;
	z-index: 1000;
	text-indent: -9999px;
}
	.intro a.editions { 
		width:74px;
		height: 28px;
		margin:100px 0 0 150px;
	}
	.intro a.participate { 
		width:71px;
		height: 37px;
		margin:87px 0 0 258px;
	}
.intro a:hover {
	background-color: rgba(38,95,213,0.2);
}
.intro span {
	position: absolute;
	left:-9999px;
}
.intro {
	background: url(/wp-content/themes/emic/images/intro-typography.jpg) 0 0 no-repeat;
	width:471px;
	height:148px;
	margin-left:-5px;
}

		.info {
			padding-top:10px;
			background: url(/wp-content/themes/emic/images/bg-border.gif) top left repeat-x;
		}
		.info .column {
			width:220px;
			float:left;
			font-size:1.0em;
		}
		
		.info .column.news {
			margin-right:5px;
			font-size:1.1em;	
		}
		.info .column.discussion {
			width:210px;
			margin-left:5px;
			padding-left:10px;
			border-left:1px solid #ccc;	
		}

		.info ul li {
			line-height: 1.1;
			margin:5px 0;
			padding:2px 0 5px;
			border-bottom: 1px solid #dadada;
		}
		.info .discussion ul li {
			line-height:1.3;
		}
		.info .news ul li a { /*style the news links*/
			display:block;
			margin-bottom:3px;
		}
		.info ul li a.category {
			display:inline;
			text-transform: uppercase;
			color:#000;
			border-left:1px solid #ccc;
			padding-left:5px;
			margin-left:2px;
		}
		.info ul li a.category:hover {
			text-decoration:underline;
		}
		
.info h2 {
	padding:2px 0 0 0;
	margin:5px 0 0 0;
	text-transform:uppercase;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size:1.4em;
}
.info h2 a, .metacommunity .rss a {
	padding-left:20px;	
}
.info h2 a:hover {
	color:#000;
}
.info .news h2 a, .metacommunity .rss a {/*add the icons*/
	background: url(/wp-content/themes/emic/images/sprite-smicon.gif) 0 -181px no-repeat;
}
.info .discussion h2 a {
	background: url(/wp-content/themes/emic/images/sprite-smicon.gif) 0 -129px no-repeat;
}
.info .news h2 a:hover {
	background-position: 0 -155px;
}
.info .discussion h2 a:hover {
	background-position: 0 -103px;
}
		/* INFO: TWITTER */
		.discussion .twitterfeed a {
			text-transform: uppercase;
			color:#000;
		}
		.discussion .twitterfeed a:hover {
			color:#000;
		}
		.discussion .twitterfeed span a {
			text-transform: none;
			font-weight: bold;
			color:#1832d0;
		}
		.twtr-hd, .twtr-ft { display: none;}
	
		.twtr-widget p {
			font-size:0.9em;
		}
		.twtr-widget .twtr-tweet-wrap {
			padding-left:0!important;
		}
		.twtr-widget .twtr-tweet {
			border-bottom:1px solid #dadada!important;
		}
		
/***************************************
Community styles
*/
.recentlists {
	border-top:5px solid #000;
	border-bottom:1px solid #ccc;
	padding:5px 0 0;
	margin:0 0 15px 0;
}
.recentlists h4 {
	font-size:1.1em;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;	
}
.recentlists ul {
	width:160px;
	float:left;
	margin-right:15px;
}
.recentlists ul li {
	line-height: 1.2;
	margin-bottom:10px;
	font-size:1.1em;
}
.recentlists ul .date {
	display:block;
	font-weight: bold;
}
	.sidenav .join {
	display:block;
	widows: 219px;
	height:68px;
	background: url(/wp-content/themes/emic/images/btn-join.jpg) 0 0 no-repeat;
	text-indent: -9999px;	
	}
.sidenav h4 {
	background:#173a9f;
	font-size:1.2em;
	margin:15px 0 0;
}
.sidenav h4, .sidenav h4 a {
	color:#fff;
}
.sidenav h4 a {
	display:block;
	padding:2px 2px 2px 8px;
}
.sidenav h4 a:hover {
	text-decoration:none;
	background:#072067;
}

	.sidenav ul.calendar, .sidenav ul.calendar li {
		margin:0;
		padding:0;
		border:0; 
		line-height: 1.2;
	}
	.sidenav ul.calendar {
		padding:8px 8px 15px 8px;
		padding-bottom:15px;
		margin-bottom:15px;
		background-color: rgba(234,234,234,0.5);
	}
	.sidenav ul.calendar li {
		font-size:1.1em;
		margin-bottom:6px;
	}
	.sidenav ul.calendar li ul { 
		margin-bottom:15px;
	}
	.sidenav ul.calendar li a {
		font-weight: bold;
	}
	.sidenav ul.calendar li h5 {
		font-size:1.0em;
		padding-bottom:2px;
		border-bottom:1px dotted #ccc;
		font-weight: bold;
	}
	.sidenav ul.calendar li .date {
		display:block;
		min-width:20px;
		width:auto!important;
		width:20px;
	}
.metacommunity {
	padding:10px 0 5px;
	margin-top:15px;
	border-top:5px solid #000;
	border-bottom:1px solid #ccc;
}
.metacommunity h5 {
	margin-top:15px;
	text-transform: uppercase;
	font-size:1.2em;.
}
	.metacommunity .rss a {/*add the icons*/
		background: url(/wp-content/themes/emic/images/sprite-smicon.gif) 0 -181px no-repeat;
	}
	.metacommunity .rss a:hover {/*add the icons*/
		background-position: 0 -155px;
	}
.metacommunity ul {
	margin-bottom:10px;
}
.metacommunity ul li {
	margin-bottom:3px;
}
.metacommunity ul li a {
	font-size:1.2em;
}
.metacommunity .tags li {
	font-size:0.9em;
	clear:left;
	padding:2px 0;
	
	border-bottom:1px dotted #666;
	display:block;
	position:relative;
	line-height: 1.1;
}
.metacommunity .tags li a {
	/*border-bottom:1px dotted #666;
	display:block;
	position:relative;
	line-height: 1.1;*/
}
.metacommunity .tags li a:hover {
	text-decoration: none;
}


.metacommunity .archives li {
	font-size:0.9em;
	clear:left;
	padding:2px 0;
	
	border-bottom:1px dotted #666;
	display:block;
	position:relative;
	line-height: 1.1;
}
.metacommunity .archives li a {
	/*border-bottom:1px dotted #666;
	display:block;
	position:relative;
	line-height: 1.1;*/
}
.metacommunity .archives li a:hover {
	text-decoration: none;
}

.resources {
	background: url(/wp-content/themes/emic/images/bg-resources.gif) 0 0 repeat-y;
	margin-top:30px;
	margin-bottom:-20px;
	min-height: 115px;
	height: auto!important;
	height:115px;		
}
.resources h3 {
	text-indent:-9999px;
	float:left;
	width:40px;
	padding-right:20px;
	height: 115px;
	background: url(/wp-content/themes/emic/images/bg-h-resources.jpg) 0 0 no-repeat;
}
.resources h5 {
	font-size:1.0em;
	text-transform: uppercase;
	font-weight: bold;
	color:#000;
}
.resources div {
	float:left;
	width:160px;
	margin-right:13px;
	padding:8px 0;
}
.resources .extended {
	width: 340px;
	padding-left:20px;
	margin-right:-40px;
}
.resources .extended ul { 
	width:140px;
	float:left;
	margin-right:20px;
}

.postmetadata {
	font-size: 1.1em;
	font-style: italic;
}

/***************************************
Footer
*/

.footer {
	background: url(/wp-content/themes/emic/images/bg-footer.gif) top center no-repeat;
	padding-top:25px;
	margin-top:40px;
}
.footer {
	font-size:0.8em;
	color:#4f4b45;
}
.footer p {
	margin-bottom:10px;
	padding:0;
	line-height: 1.2;
}
.footer a {
	text-decoration: underline;
	color:#4f4b45;
}
.footer a:hover {
	color:#000;
}
.footer p.sshrc {
	width:326px;
	padding-right:600px;
	background: url(/wp-content/themes/emic/images/logo-sshrc.gif) 322px 2px no-repeat;
}

/***************************************
Misc
*/

/* standard UL/LI in body */

.padder ul {
	margin-left: 0; 
	padding-left: 2.5em;
	list-style:disc;
}

.padder li {
	font-size:1.3em;
}

.padder #rotate ul {
	margin-left: 0; 
	padding-left: 0;
	list-style:none;
}


.padder #rotate li {
	font-size:1em;
}


/* 960 grid outlines ///// */

.container_12 {
	background: #fff url(/wp-content/themes/emic/images/12_col.gif) repeat-y;
	margin-bottom: 20px;
}
.container_122 {
	word-wrap: normal;
	font-size: medium;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #fff repeat-y;
	margin-bottom: auto;
}
.container_16 {
	/*background: #fff url(/wp-content/themes/emic/images/16_col.gif) repeat-y;*/
	
}

/* instead of 'clear'///// */

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

.printOnly { /*hide the cite list for links (for print only)*/
  display: none;
}