/*      

Theme Name: BCCEWH

Theme URI: http://www.graphicallyspeaking.ca/

Description: Template by GSSI.

Version: 1.0

Author: Graphically Speaking Services Inc.

Author URI: http://www.graphicallyspeaking.ca/

Tags: 

   

*/



.section-inner { 

	width: 970px;

	margin: 0 auto;

	position: relative;

}

.w-w1 { background:url(images/skin/bg/inner-bg.png) no-repeat center -42px;padding-bottom:95px;}

.w-w2 {	

	width: 970px;

	margin:0 auto;

	background:#fff;

	z-index:1000 !important;

}



/* --HEADER-- */

#header, .h-w1, .h-w2 { height: 156px; z-index:1000 !important;} /* Change to correct height */

#header {

	background: url(images/skin/bg/bg-header.png) no-repeat center bottom 2px;

}

	#mainnav, #util, #logo {

		position: absolute;

	}

	#mainnav {

		z-index: 20;

		bottom: 0px;

		left: 65px;

	}

	#mainnav a { 

		color:#333333; 

		font-size:1.26em;

	}

	#mainnav li{
		position: relative;
	}



	#mainnav a:hover, #mainnav>div>ul>li.current_page_ancestor>a { color:#be282d;}

	#mainnav>div>ul>li { float: left; margin-right:55px;}

		#mainnav>div>ul>li>a{

			font-family:"Georgia", Times, serif;

			display:block;

			line-height:30px;

		}

			

			#mainnav>div>ul>li:hover > ul{

				display:block;

				background:#edebf4; 

				border:1px solid #9486b4; 

				border-top:none;

				padding: 8px 0;

				top:30px !important;

				

			}

			#mainnav .sub-menu .sub-menu{
				position: absolute;
				left:100%;
				top:0;
				display: none;
				border:1px solid #9486b4; 
			}
			#mainnav>div>ul>li:last-child .sub-menu .sub-menu{
				left:auto;
				right: 100%;
			}

			#mainnav .sub-menu li:hover > .sub-menu{
				display: block;
			}

	#mainnav>div>ul>li>ul a { color:#000; font-size:1em;padding: 5px 14px;}

	#mainnav>div>ul>li>ul a:hover { color:#fff; background:#be282d;}

	

	.sf-menu>li>ul { }

	

		#mainnav .sub-menu{

			display:none;

		}

	

	#header #menu-main-menu li:last-child{margin:0px;}

	

		

	#logo {

		left: 16px;

		top: 18px;

	}

	#util {

		top: 1px;

		right: 1px;

	  

	}

	a.fb, a.tt, #util > ul{display: inline-block; vertical-align: bottom;}

	a.fb, a.tt { margin-right:4px;}

	a.tt{

		margin-right:8px;

	}

/*

	.circle-pics { position:absolute; right:25px; top:28px; width:430px; height:123px; background: /*url(images/banners/banner1.png)*/ no-repeat;}

		.parent-pageid-14 .circle-pics, .parent-pageid-95 .circle-pics {background: url(images/banners/banner1.png) no-repeat;}

		.parent-pageid-15 .circle-pics {background: url(images/banners/banner2.png) no-repeat;}

		/*.parent-pageid-16 .circle-pics {background: url(images/banners/banner3.png) no-repeat;}*/

		.parent-pageid-17 .circle-pics {background: url(images/banners/banner4.png) no-repeat;}

		.parent-pageid-18 .circle-pics {background: url(images/banners/banner5.png) no-repeat;}



		.page-id-303 .circle-pics {background: url(images/banners/contact-us.png) no-repeat;}

		.parent-pageid-2972 .circle-pics {background: url(images/banners/featured-projects.png) no-repeat;}

		.parent-pageid-16 .circle-pics {background: url(images/banners/research-action.png) no-repeat;}

		.parent-pageid-3175 .circle-pics {background: url(images/banners/webinars-media.png) no-repeat;}

*/

		.home .circle-pics{display: none;}

		

	

		#util ul { 

			padding: 0 10px; 

			background: #ceebe4;

			-webkit-border-radius:0 0 0 10px; 

			-moz-border-radius:0 0 0 10px; 

			border-radius:0 0 0 10px; 

		}

		#util li { float: left;background:url(images/skin/bg/util-link-bg.png) no-repeat left 6px;padding: 0 0 0 17px;margin-right:14px;}

		#util li:last-child{

			margin-right:0;

		}

		#util li a { color:#044b5e; text-transform:uppercase;font-size: 0.95em;margin-right: 0; display:block;font-weight: 600; padding: 5px 0 8px;letter-spacing: -1px;}

		#util li a:hover{

			color: #007493;

		}

		

		





/* --CONTENT-- */

#main { 

	position: relative;

	margin-top:36px;

}

	#main .m-w1 {

	}

	#main .m-w2 { 

		overflow: hidden; 

	}

	.m-w2 { min-height: 415px;}

	#subnav, #content {

		float: left;

	}

	#ctas {

	}

	/* Subnav appears after content-body in markup, 

		but often is shifted to the left */

	#subnav { 

		width: 199px;

		position: relative;

		left: -632px; /* Negative width of #content */

		top: 0;

		/*background:url(images/skin/bg/repeat-subnav.jpg) repeat-y center 0;*/

		background-color:#e3e6e5!important;

		padding: 15px 0;

	}

	#subnav .round-top{

	position:absolute;

	left:0;

	top:0;

	width:199px;

	height:12px;

	background-color: #e3e6e5!important;

}

	#subnav .round-top{

	position:absolute;

	left:0;

	bottom:0;

	width:199px;

	height:12px;

	background-color: #e3e6e5!important;

}



/*Old Sub menu styles*/

/*	#subnav .round-top { position:absolute; left:0; top:0; background:url(images/skin/bg/top-round-subnav.jpg) no-repeat center top; width:199px; height:12px;}*/

/*	#subnav .round-bottom { position:absolute; left:0; bottom:0;background:url(images/skin/bg/bottom-round-subnav.jpg) no-repeat center bottom;width:199px; height:12px;}*/

	

	

	#subnav li { width:152px;padding: 0 0 0 13px;}

	

	

	

	#subnav a { color:#000;padding:5px 0 6px 13px;display: block;}

	#subnav a:hover { text-decoration:underline;color:#f1161d;}

	#subnav li.current_page_item > a,

	.page-id-171 .page-item-171 > a, #subnav li.current-cat > a { position: relative;color:#be282d;}

	#subnav li.current_page_item > a:before,

	.page-id-171 .page-item-171 > a:before,
	#subnav li.current-cat > a:before{

		content:'';

		position: absolute;

		left:0;

		top:9px;

		width: 0; 

		height: 0; 

		border-top: 3px solid transparent;

		border-bottom: 3px solid transparent;

		border-left: 6px solid #be282d;

	}

	

	#content {

		width: 600px;

		position: relative;

		left: 199px; /* Positive width of #subnav */

		top: 0;

		padding-left: 32px;

		font-size: 13px;

	}

	

	.c-w1 a { text-decoration:underline;}

	.c-w1 a:hover { text-decoration: none; color:#f1161d;}

	

	div.goto-top { text-align:right;}

	div.goto-top a { text-decoration:none; text-transform:uppercase; color:#000; font-weight: bold; font-size:.85em; background:url(images/skin/bg/goto-top-bg.png) no-repeat left center; padding-left:18px; display:inline-block;padding-top: 2px;}

	

	.wp-pagenavi {height: 18px;}

	.blog-subnav-title { padding-left:13px;}



/* --FOOTER-- */

#footer { font-size: 11px;margin-top:75px;}

#footer-links {line-height:1em;margin: auto;width: 725px; border-bottom:1px solid #d57376; text-align:center;padding-bottom: 9px;}

#footer-links, #footer-links a {color: #798884;font-size: 0.93em;}

#footer-links a {padding: 0 4px;}

#footer-links a:hover {color:#00586f;}

#copyright, #credit {font-size: 0.93em; text-align:center; padding: 7px 0 0;}

#credit, #credit a { color:#969696;}

#credit a:hover { color:#767676;}

#copyright {margin-top: 2px;}



.f-w2 { padding-bottom: 50px;}



.sf-menu ul{width:199px !important;}

.sf-menu ul li{width:195px !important;}



#copyright a{

	color: #798884;

}

	#copyright a:hover{

		color: #00586f;

	}



/* Form */



.wpcf7-form table td{psdding:4px;}



#blognav{margin-top:20px;}

#content .post{padding-bottom:10px;overflow:hidden;padding-top:10px;}

	.blog-content img{float:left;margin-right:10px;}

	.post{margin-bottom:10px;border-top:1px dotted #008CAF;}

	#publicationsPost{border-top:1px dotted #666666;padding-top:10px;}

	

	.categories li{margin: 10px 0 0 0 !important;list-style:none !important;}	

	.rssfeed{float:right;}

	.rssfeed a{background:url(images/skin/bg/rss.jpg) no-repeat;height:26px;display:block;padding-left:30px;padding-top:4px;}

	/* Publications */

	.page-id-19 #content,.page-id-146 #content{width:700px;}

	.page-id-19 #subnav,.page-id-146 #subnav{left:-732px;}

	

		.page-id-19 #publicationsPost,.page-id-146 #publicationsPost{width:550px; float:left;}

		.page-id-19 .categories,.page-id-146 .categories{float:left;padding-left:12px;width:135px;}

		

		li.categories{color: #be282d;font-size: 14px;font-weight: bold;margin-bottom: 10px;}

			li.categories a{font-size:12px;color: #be282d; font-weight:normal; }

			

			.category .blog-content{width:550px; float:left;}

			.category .categories{float:left;padding-left:12px; width:135px;}

			.category #content{width:700px;}

			.category #subnav{left:-732px;}

			

			.page-id-429 .date{display:none;}

			

			#subnav .widget-nav li{padding-left:6px;}

			

			.meta-cat,.meta-comments{display:none;visibility:hidden;}

			

			 #mainnav .menu #menu-main-menu li.current-page-ancestor > a {

    color: #be282d;

}

#mainnav .menu #menu-main-menu .sub-menu li.current-page-ancestor > a:hover {

    color: #fff;

}



/*.category-26 #subnav .page-item-3182 > a,
.category-27 #subnav .page-item-3182 > a,
.category-28 #subnav .page-item-3182 > a,
.category-11 #subnav .page-item-3182 > a,
.category-16 #subnav .page-item-3182 > a,
.category-19 #subnav .page-item-3182 > a,
.category-20 #subnav .page-item-3182 > a,
.category-38 #subnav .page-item-3182 > a{
	position: relative;
    color: #be282d;
}
	.category-26 #subnav .page-item-3182 > a:before,
	.category-27 #subnav .page-item-3182 > a:before,
	.category-28 #subnav .page-item-3182 > a:before,
	.category-11 #subnav .page-item-3182 > a:before,
	.category-16 #subnav .page-item-3182 > a:before,
	.category-19 #subnav .page-item-3182 > a:before,
	.category-20 #subnav .page-item-3182 > a:before,
	.category-38 #subnav .page-item-3182 > a:before{
		content: '';
	    position: absolute;
	    left: 0;
	    top: 9px;
	    width: 0;
	    height: 0;
	    border-top: 3px solid transparent;
	    border-bottom: 3px solid transparent;
	    border-left: 6px solid #be282d;
	}*/




		

/* STICKY FOOTERS: Uncomment to enable */

/*

html,body {	height:100%; }

#wrapper { min-height: 100%; position: relative; }

#footer { 

	position: absolute; bottom: 0; left: 0; width: 100%; 

	height: 60px; 

}

#main { padding-bottom: 60px; }

*/

/* END STICKY FOOTERS */

li.categories{
display:none;
}