/*
	Theme Name: WBM - Codeshed
	Theme URI: http://www.codeshed.net
	Description: WBM 
	Version: 3.0
	Author: Codeshed Solutions
	Author URI: http://www.codeshed.net
*/
/*----Global Reset Courtesy of Eric Meyer----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {vertical-align:top;}

.hide {display:none;}

a img {border:0;}
a {color:#3399CC; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Images
----------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 4px 24px 12px 0;
}
.alignright {
	display: inline;
	float: right;
	margin:4px 0 12px 24px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 4px auto 12px auto;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px; padding: 4px;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}







/* Main Layout
-----------------------------------------------*/

body {
	background: #D3CEC1;
	background-image:url(images/arrow_background.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	margin: 0px; padding: 0px;
    color: #393130;
    font: 12px/18px Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.45em;
}

#wrap {
	width: 1110px;
	float:none;
	margin: 0px auto 0px auto; 
	padding:0;
}


/* Header Area 
-----------------------------------------------------------*/
#header {
	float:left;
	width:1110px;
	position:relative;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-y;
}

#header-container {
	width:95px;
	background-color:#FFFFFF;
}

#logo {
	float: left;	
	width: 317px;
	padding-left: 15px;
}

.header-image {
	width: 1101px;
	height:224px;
	float:left;
	background-color:#FFFFFF;
	border:0px solid black;
	background-repeat:no-repeat;
	background-position:left center;
}


#logo a {
	display:block;
	width: 365px; 
	height: 80px;
	float:left;
	margin:15px 0 0 0;
}

#tagline {
	width:400px;
	float:right; text-align:right;
	font-size: 14px;
	color:#5C5C5C;
	padding:130px 40px 0 0;
}

h1#site-title a{
    clear: both;
    float: left;
    font-size: 36px;
	line-height:normal;
	color:#FFB97A;
    position: relative;
    text-align: center;
    padding-top: 115px;
	*padding-top: 105px;
	left:10px;
	font-weight:normal;
	margin:0;
	}

#national_prov_map {
    background: url("images/wbm_map_ca.png") no-repeat scroll left top transparent;
    position: absolute;
    right: 0;
	top:0;
    width: 442px;
}

h6#canada {
 background: url("images/canada.png") no-repeat scroll left top transparent;
    bottom: 10px;
    height: 20px;
    position: absolute;
    right: 20px;
    width: 83px;
	text-indent:-9999px;
	z-index:150;
}


/* Canada Homepage
-------------------------------------------------------------- */

h2#national_title {
    background: url("images/national_title.gif") no-repeat scroll left top transparent;
    height: 36px;
    margin: 137px 0 0 45px;
    position: absolute;
    width: 255px;
}

div#national_map {
    background: url("images/wbm_map_national.gif") no-repeat scroll right bottom transparent;
    padding-left: 30px;
    width: 452px;
}

h3#key_message {
    background: url("images/key_message.gif") no-repeat scroll left top transparent;
    height: 77px;
    width: 454px;
	text-indent:-9999px;
}


/* Primary Navigation
-------------------------------------------------------------- */

.menu-header {
	float:left;
	display:block;
	width:auto;
	font-size:11px;
	position:relative;
	top:185px;
}


.menu-header ul, div.menu ul { list-style: none;}

.menu-header li,
div.menu li {
	float:left;
	position: relative;
}


.menu-header li.last_item, #profile_links li.last_item {
	border-right: none;
}

.menu-header a {
	text-decoration:none;
	color:#fff;
	padding:5px 5px;
	display:block;
	text-transform:uppercase;
	border:1px solid white;
	margin-left:10px;
	width:146px;
}

.menu-header li:hover > a,
.menu-header ul ul :hover > a {
	color:#fff;
	background-color:#A79582;	
	
}
.menu-header ul li:hover > ul {
	/*display:block;*/
}
.menu-header ul li.current_page_item  a, .menu-header ul li.current-menu-ancestor a, .menu-header ul li.current-menu-item a, .menu-header ul li.current-menu-parent a {
	background-color:#A79582;

}


/* Drop down menu */
.menu-header ul ul {
	display:none;
	position:absolute;
	top:26px; left:10px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 148px;
	z-index: 99999;
	background-color:#E8E1D7;
}
.menu-header ul ul li {

}

/* Third Level drop down menu */
.menu-header ul ul ul {
	left:100%;
	top:0;
}
.menu-header ul ul a,
.menu-header ul li.current_page_item ul li a,
.menu-header ul li.current-menu-ancestor ul li a,
.menu-header ul li.current-menu-item  ul li a {
	text-decoration:none;
	color:#000;
	padding:5px 5px;
	display:block;
	text-transform:uppercase;
	border:1px solid #fff;
	border-top:none;
	margin-left:0px;
	width:146px;
	background-color:#E8E1D7;
}
.menu-header ul ul a:hover,
.menu-header ul li.current_page_item ul li a:hover,
.menu-header ul li.current-menu-ancestor ul li a:hover,
.menu-header ul li.current-menu-item  ul li a:hover {
	color:#fff;
	background-color:#A79582;
}
.menu-header ul li:hover ul {display:block;}




/* Main Body Content Area 
-----------------------------------------------------------*/

.main, #main {
	float:left;
	width:1110px;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-y;
}


#content, #content-small {
	float: left; /* Change to right if you want the content to appear on right */
	width:540px;
	margin: 0 25px 25px 25px; 
	padding-top:25px;
}

#content {
	width:710px;
}

#crumbs{
}


/* Main body content formatting
--------------------------------------------------------------*/

.entry {
	float: left;
	width: 100%;
	padding:0 0 30px 0;
}
.entry p {padding:0}
.entry p + p {
    margin-top: 1.45em;
}

.entry a {}
.entry a:hover {}
.entry ul, .entry ol {	margin: 5px 20px; padding:5px 20px;}
.child {
padding:15px 20px 15px 0px;
border-bottom:1px dotted #ccc;
}

a.more-link  {
	float:right;
	width:auto;
	margin:10px 0 0
}

h1, h1 a {
	margin:10px 0 10px 0;
	font-weight:normal;
	color:#CC6600;
	font-size:20px; 
	line-height:30px;
}

h2{ 
	margin:0 0 8px 0;
	font-weight:bold;
	color:#CC6600;
	font-size:14px;
}


h3, h4, h5, h6 { 
	margin:0 0 8px 0;
	font-weight:bold;
	color:#000000;
	font-size:12px;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline; }

blockquote{
	color: #CCC;
	border-left:5px solid #CCC;
	padding:10px 20px 10px 20px; margin-left:20px;
	font-size:14px;
}

hr {
	background-color:#D43700;
	border:0;
	height: 1px;
	margin-bottom: 10px;
	clear:both;
}

.entrymeta {
	float:left;
	width: 100%;
	margin-top:10px;
	padding:6px 0;
	color: #999;
	border-top:dotted 1px #CCC;

}

.entrymeta div{
	margin:0;
	padding:0;
	float:left;
	width: 100%;
}

.entrymeta .tweetmeme_button{
	width:200px;
}

.entrymeta p {padding: 0; font-size:11px;}

.post-navigation {
	padding:10px 0;
    width: 100%;
	float:left;
}

.post-navigation a {padding:3px; background:none; }
.post-navigation a:hover {background: none; }

.navigation-previous {
	float:left;
	width:50%;
	text-align:left;
}

.navigation-next {
	float:right;
	width:50%;
	text-align:right;
}

.clear{
	clear:both;
}

/* Sidebar Area 
-------------------------------------------*/

#sidebar, #sidebar-left {
    background: url("images/wide_sidebar_fade.gif") repeat-x scroll left bottom #E8E1D7;
    float: right;
    padding-bottom: 29px;
    width: 340px;
	margin-right:9px;
	font-size:95%;
}

#sidebar-left {
    background: url("images/wide_sidebar_fade.gif") repeat-x scroll left bottom #E8E1D7;
    float: left;
    padding-bottom: 29px;
    width:170px;
	margin: 0;
	font-size:95%;
}


#sidebar_canada{
    background-color: #5F6C3E;
    background-image: url("images/sidebar_canada_bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: right;
    font-size: 95%;
    margin-right: 9px;
    width: 429px;}

#sidebar_canada div#model_rendering {
    background: url("images/model_bg.jpg") no-repeat scroll left top #5D7805;
    height: 362px;
    width: 429px;
}

#sidebar_canada img#model_rendering_illustration {
    margin: -327px 0 0 -38px;
    position: absolute;
}

#sidebar_canada h3#pan_canadian_tool {
    background: url("images/pan_canadian_tool.gif") no-repeat scroll left top transparent;
    height: 45px;
    margin: 32px 0 0 22px;
    position: absolute;
    width: 225px;
	text-indent:-9999px;
}

#sidebar_canada h4#model_these_projects {
    background: url("images/model_these_projects.jpg") no-repeat scroll left top transparent;
    height: 362px;
    margin: 0 0 0 304px;
    position: absolute;
    width: 125px;
	text-indent:-9999px;
}

#sidebar_canada div#model_blurb {
    background: url("images/model_blurb_bg.jpg") no-repeat scroll left top transparent;
    height: 103px;
    left: 12px;
    position: relative;
    width: 405px;
	line-height:normal;
}
#sidebar_canada div#model_blurb h5 {
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 20px;
	left: 255px;
    text-align: center;
    text-decoration: underline;
    width: 140px;
}
#sidebar_canada div#model_blurb p {
	color: #FFFFFF;
    font-size: 90%;
    left: 20px;
    position: relative;
    top: 20px;
    width: 240px;
}
#sidebar_canada div#model_blurb ul {
    position:absolute;
    top: 20px;
	left: 240px;
	color: #FFFFFF;
	font-size: 90%;
    text-align: center;
    width: 140px;
	background:none;
	border:none;
}

#sidebar h2, #sidebar_canada h2 {
	color: #D43700;
	font-size:13px;
	margin: 0; 
	padding: 0;
	position:relative;	
}

#sidebar h2 a,  #sidebar_canada h2 a{
	color:#CC6600;
}

#sidebar ul , #sidebar_canada ul, #sidebar-left ul{
	list-style: none;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 10px 0;
	background: url("images/sidebar_bg.gif") no-repeat scroll center top transparent;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	position:relative;
}

#sidebar ul ul , #sidebar_canada ul ul, #sidebar-left ul ul{
	border:none;
	padding:0;
	margin:0 0 0 2px;
	background: none;
}


#sidebar_canada ul{
	width:auto;
	list-style: none;
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
	position:relative;
	background:#FFFFFF;
}


#sidebar #model_launcher {
    background: url("images/model_launcher.gif") no-repeat scroll left top transparent;
    height: 171px;
    margin: 0;
    width: 333px;
}

#model_launcher #catchment_icon {
    height: 191px;
    margin: -1px 0 0 7px;
    position: absolute;
    width: 127px;
}

#model_launcher #catchment_icon img#catchment_icon_patch {
    background: url("images/catchment_icon_patch.png") no-repeat scroll left top transparent;
    margin-top: -34px;
    position: absolute;
}

#model_launcher h4 {
    background: url("images/try_the_model.gif") no-repeat scroll left top transparent;
    height: 46px;
    margin: 4px 0 0 135px;
    position: absolute;
    width: 193px;
	text-indent:-9999px;
}

#model_launcher ol {
    margin: 59px 0 0 160px;
    position: absolute;
    width: 180px;
	color:#FFFFFF;
	line-height:normal;
}

#sidebar ul ul {margin-bottom:30px;}

#sidebar ul li {padding:0px 0px;}

#sidebar a {
}

#sidebar a:hover {

}

#search {margin: 8px 0 15px 0;}

#search label {display:none;}

.textwidget {
    margin: 10px 0;
}

.textwidget p + p {
    margin-top: 1.2em;
}

#sidebar .widget_rss ul{
	margin:0;
	padding:10px 0;
}

#sidebar .widget_rss ul li {
	padding:5px 0;
}

/*********************************************************************************************

4. Quick Lauch - Sidebar

*********************************************************************************************/

ul #qLaunch ul, ul #distLaunch ul {
	margin:5px 0;
	padding:0;
	background:none;
	border:none;
}


ul #qLaunch ul li, ul #distLaunch ul li {
	border:0;
	margin:0 0 10px 0;
	padding:0 ;
	width:auto;
	height:30px;
	background-color:#fff;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);


	} 

ul #qLaunch ul li span, ul #distLaunch ul li span {
	display:block;
	width:37px;
	height:30px;
	position:absolute;
}
ul #qLaunch ul li span.site {
	background: url("images/bullet_site.png") no-repeat scroll left top transparent;
}
ul #qLaunch ul li span.neighbourhood {
	background: url("images/bullet_neighbourhood.png") no-repeat scroll left top transparent;
}
ul #qLaunch ul li span.watershed {
	background: url("images/bullet_watershed.png") no-repeat scroll left top transparent;
}
ul #qLaunch ul li span.existing {
	background: url("images/bullet_existing.png") no-repeat scroll left top transparent;
}

ul #qLaunch ul li span.qualhymo  {
	background: url("images/bullet_qualhymo.png") no-repeat scroll left top transparent;
}
ul #distLaunch ul li span.dist {
	background: url("images/bullet_dist.png") no-repeat scroll left top transparent;
}


ul #qLaunch ul li a, ul #distLaunch ul li a {
	text-decoration:none;
	background: url("images/bg_tabs.png") repeat-x scroll left bottom transparent;
	color:#897C73;
	padding:0px 8px 0px 50px;
	text-shadow: 0 -1px 0 #cccccc;
	display:block;
	line-height:30px;
	width:auto;
		-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);


}
div#distNew{
	position:absolute;
	width:52px;
	height:40px;
	background: url("images/new_corner.png") no-repeat scroll right top transparent;
	top:0px;
	right:0px;
	z-index:100;
}

ul #qLaunch li:hover a, ul #distLaunch li:hover a{
	background:none;
	background-color:#eff578;
	color:#897C73;	
}

ul #distLaunch li:hover a{
	background:none;
	background-color:#d1edfe;
	color:#897C73;	
}


ul #qLaunch p{
}

ul #profile_links{
	float:right;
	margin: 0 0 5px 0;
	position:relative;
	left:0px;
	top:0px;
}

ul #profile_links ul {
	border:none;
	margin:0;
	padding:0;
	background: none;
}


ul #profile_links ul li{
	background: none;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	float:left;
	border-right:1px solid #ccc;
}


ul #profile_links ul li a {
	line-height:normal;
	display:block;
	width:auto;
	font-size:10px;	
	background:none;
	padding: 0 3px;
}

ul #profile_links li:hover > a{

}

/*********************************************************************************************

4. Search Form  -----------------------  searchform.php

*********************************************************************************************/


#site-search {
margin: 5px 0;
}

input#s {
border:1px solid #ccc;
width: 250px;
margin:0;
padding:3px;
}



input#search-submit {
background: url(images/search-submit.png) 0 0;
border: none;
cursor: pointer;
width: 25px;
height: 25px;
margin:0px;
}

input#search-submit:hover {
background: url(images/search-submit.png) 0 -25px;
color: #FFFFFF;
}


input.placeholder {
color: #999999;
}


/* Footer area
------------------------------------------------------------*/


#footer {
	position:relative;
	clear: both;
	text-align: center;
	width:1110px;
	height:25px;
	margin:0 auto;
	background-image:url(images/bg_footer.png);
	background-position:bottom;
	background-repeat:no-repeat
}

#footer div {
	position:relative;
	top: 160px;	
	left: 138px;
	text-align:left;
	color:#FFFFFF; 
	width:630px;
	float:left;
}


#footer p {	
	font-size:10px;
	line-height:normal; 
}
#footer a {
	text-decoration:none;
	color:#666;
}

#footer a:hover {
	text-decoration:underline;
	color:#666;
}

.footer_cc {
	color:white;
	font-size:10px; 
	padding-bottom:10px;
	text-align:center;
}


/* Comments													
-----------------------------------------------------*/
h3#comments { margin:30px 0 10px 0; }		
		
.avatar {
	float: left;
	display:block;
	padding: 0 20px 10px 0px;
}
			
.commentlist {padding: 20px 30px;}
.commentlist p {padding:6px 0;}

.commentmetadata {margin-top: 0;}
ol.commentlist, ol.commentlist li {	list-style: none;}
ol.commentlist li {padding:10px 0; border-bottom:1px solid #e6e6e6;}
#commentform {padding:20px 0;}
#commentform p {margin-bottom:10px;}


/**
* Respond (comments form area)
**************************************/
#respond {
	padding: 0 30px;
	}
#reply-title {
	}
#respond form {
	overflow: hidden;
	padding: 20px 19px 4px 19px;
	border: 1px solid #e6e6e6;
	}
#respond label {
	padding: 0 0 10px 0px;
	font-size: 12px;
	}
#respond p{
	margin: 0 0 15px;	
}
#respond .required {
	color: #ba0000;
	}
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"] {
	display: block;
	width: 230px;
	height: 33px;
	padding: 0 10px;
	color: #333;
	}

#respond textarea {
	width: 93%;
	padding: 10px;
	color: #333;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}


#submit:hover {
	cursor: pointer;
	}

a#btn_trial {
    background-image: url("images/button_red.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    left: 155px;
    position: relative;
    top: 120px;
    width: 160px;
	text-indent:-9999px;
	overflow:hidden;
}

a#btn_trial:hover {
	background-position: 0 -48px;
}	
	
	
#meteor-slideshow{
	background-image:url(images/partners_bg.gif);
	background-position: top left;
	background-repeat:no-repeat
	}

.mc4wp-form-fields p{
	clear: both;
	padding: 10px;
}
	
.mc4wp-form-fields label {
	float:left;
	width:120px;
}
.mc4wp-form-fields input {
	float:left;
	width:150px;
}

.mc4wp-form-fields  input[type="radio"] {
	float:left;
	width:20px;
	height:25px;
}	


.mc4wp-response {
    float:left;
	clear:both;
	margin-top:20px;
	font-size:1.2em;
}

.mc4wp-alert {
	border: 1px solid red;
	background-color:#FFECED;
    padding: 10px;
	font-weight:bold;
}

.mc4wp-success{
	font-weight:bold;
	background-color: #ffffe0;
    border: 1px solid #e6db55;
    color: #333;
    padding: 10px;
}