/*  

Theme Name: MistyLook Customized

Description: A customization of MistyLook WordPress Theme by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a>. 

Version: 3.7.2

Author: Sadish

*/

* {

	padding: 0; 

	margin:0;

}



p {

	margin: 0.7em 0;

	line-height:1.8em;

}

dl {

	margin:1em 0;

}

dt 

{

	font-weight:bold;

}

dd 

{

	margin:0.5em;

	padding:0;

}

td {

	margin: 0.7em 0;

	line-height:1.8em;

}

img 

{

	padding:4px 10px 10px 4px;	

	border:0;

}

img.nopadding

{

	padding:0;	

	border:0;

}



img.right {

	float: right;

	margin:10px 0 0 10px;		

}

img.left {

	float: left; 

	margin:0 10px 10px 0;	

}

a:link img,

a:visited img,

a:hover img,

a:active img {

	border:none;

	background:none;

	padding:none;

}

img.wp-smiley, #wpstats, img.noborder, a img.noborder {

	background: none;

	border: 0;

	padding: 0;

}

.clear {

	clear:both;

	height:20px;

}

.clearfix:after { /* this is another float clearing tag, including the IE specific Mac fix below it */

	content:".";

	display:block;

	height:0;

        margin:0;

	clear:both;

	visibility:hidden;

}

/* Hides from IE-mac \*/

* html .clearfix { height:1%; }

/* End hide from IE-mac */



blockquote

{

	font-style:italic;

        margin: 1em;

	padding: 0 0 10px 50px;

	background: url(img/blockquote.gif) no-repeat left top;	

}

fieldset 

{

	border:0;

}

body {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

        font-size: 12px;

	background-color: #99a4a4;

	height: 100%;

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}



html {

	background-color: #99a4a4;

	height: 100%;

	margin: 0 0 1px 0; /* extra 1px on bottom added to the 100% height ensures scrollbars on all pages in Firefox to prevent 'jump' */

}



a 

{

    text-decoration:none;

}

a:link, a:visited {

	color: #265e15;	

}

a:hover, a:active {

	border-bottom:#963 1px solid;

}

h1, h2, h3, h4, h5, h6 

{

	font-family: "Trebuchet MS", Helvetica, Sans-serif;

}

#container {

	position: relative; 

	width: 850px;

	height: auto;

	background-color: #FFFFFF;

	margin: 25px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

	/*  border: solid 1px #FFFFFF;  tag disabled */

} 





/* NAVIGATION AND HEADER REPLACED BY ANDREW */

/* == PAGE HEADER LAYOUT == */



#header { 

	background: #FFFFFF; 

	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

} 

#header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	border-bottom: 2px solid white;

}

#header h2 { /* blue */

	margin: 0;

	border-bottom:solid 2px white;

	background: #afc6d0;

}

#header h3 { /* green */

	margin: 0;

	background: #b3c8a1;

}

#header h4 { /* grey */

	margin: 0;

	background: #b9bebd;

}



#header a:link,

a:visited,

a:hover,

a:active {

	border:none;

	background:none;

	padding:none;

}

#content a:link {

	color: #3a85a6;

	text-decoration:none;

}

#content a:visited {

	color: #3a85a6;

	text-decoration:none;

}

#content a:hover {

	color: #1c759c;

	text-decoration:underline;

}

#content a:active {

	color: #1c759c;

	text-decoration:underline;

}



/* HEADER: Navigation */



#headerlinks {/* styles the list of top buttons */

	width: 850px;

	border-bottom: solid 2px white;

}

#headerlinks ul,#headerlinks li {  /* clears out the list element so we can use it to layout the buttons */

	padding:0;

	margin:0;

	list-style:none;

}

#headerlinks li { /* floats the list left so we can keep everything inline, while still using block level elements */

	float:left;

}

#headerlinks a {

	display:block;

}

#ex_home {/* image swap css for Main site logo. This CSS allows us to have a text tag for the links, overlapped completely by the image, which is the background for the span tag contained within this tag. Text link will show up for search engines, disabled users. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:303px; 

	height:93px;

	display:block;

}

#ex_home span { /* this is where the image for the nav button is called from */

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/willard_logo.gif) no-repeat;

	width: 303px;

	height:93px;

}

#ex_home span:hover {
	
	background:#fff url(img/willard_logo.gif) no-repeat -303px 0;

}


#ex_aboutbob {/* image swap css for ABOUT logo. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:95px; 

	height:93px;

	display:block;

}

#ex_aboutbob span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/logo_about.gif) no-repeat;

	width: 95px;

	height:93px;

}

#ex_aboutbob span:hover {

	background:#fff url(img/logo_about.gif) no-repeat -95px 0;

}

#ex_bcorp {/* image swap css for B CORP logo. */
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:95px; 
	height:93px;
	display:block;
}
#ex_bcorp span { 
	position:absolute; 
	margin:0; 
	left:0; 
	top:0; 
	background:#fff url(img/bcorp_logo.gif) no-repeat;
	width: 95px;
	height:93px;
}
#ex_bcorp span:hover {
	background:#fff url(img/bcorp_logo.gif) no-repeat -95px 0;
}

#ex_contact {/* image swap css for CONTACT logo. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:95px; 

	height:93px;

	display:block;

}

#ex_contact span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/logo_contact.gif) no-repeat;

	width: 95px;

	height:93px;

}

#ex_contact span:hover {

	background:#fff url(img/logo_contact.gif) no-repeat -95px 0;

}

#ex_talks {/* image swap css for TALKS logo. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:95px; 

	height:93px;

	display:block;

}

#ex_talks span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/logo_talks.gif) no-repeat;

	width: 95px;

	height:93px;

}

#ex_talks span:hover {

	background:#fff url(img/logo_talks.gif) no-repeat -95px 0;

}

#ex_books {/* image swap css for BOOKS, SPREADSHEETS DVDs and SLIDES logo. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:167px; 

	height:93px;

	display:block;

}

#ex_books span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:url(img/logo_books.gif) no-repeat;

	width: 167px;

	height:93px;

}

#ex_books span:hover {

	background:#fff url(img/logo_books.gif) no-repeat -167px 0;

}



/* SUB-HEADERS - Main Page */

#subheadlinks {/* styles the blue and green banners */

	width: 850px;

	border-bottom: solid 2px white;

}

#subheadlinks ul,#subheadlinks li {  /* clears out the list element so we can use it to layout the buttons */

	padding:0;

	margin:0;

	list-style:none;

}

#subheadlinks li { /* floats the list left so we can keep everything inline, while still using block level elements */

	float:left;

	padding:0;

	margin:0;

}

#subheadlinks a {

	display:block;

	padding:0;

	margin:0;

}



#subheadlinks2 {/* styles the green banners */

	width: 850px;

        margin-top: -2px;

}

#subheadlinks2 ul,#subheadlinks2 li {  /* clears out the list element so we can use it to layout the buttons */

	padding:0;

	margin:0;

	list-style:none;

}

#subheadlinks2 li { /* floats the list left so we can keep everything inline, while still using block level elements */

	float:left;

}

#subheadlinks2 a {

	display:block;

}



#subheadlinks3 {/* styles the green banners */

	width: 850px;

}

#subheadlinks3 ul,#subheadlinks3 li {  /* clears out the list element so we can use it to layout the buttons */

	padding:0;

	margin:0;

	list-style:none;

}

#subheadlinks3 li { /* floats the list left so we can keep everything inline, while still using block level elements */

	float:left;

}

#subheadlinks3 a {

	display:block;

}



#ex_talks2 {/* image swap css for TALKS logo. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:490px; 

	height:61px;

	display:block;

}

#ex_talks2 span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_header_talks.gif) no-repeat;

	width:490px; 

	height:61px;

}

#ex_talks2 span:hover {

	background:#fff url(img/home_header_talks.gif) no-repeat -490px 0;

}

#ex_viewresources {/* image swap css for View All Resources. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:490px; 

	height:37px;

	display:block;

}

#ex_viewresources span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_header_viewresources.gif) no-repeat;

	width:490px; 

	height:37px;

}

#ex_viewresources span:hover {

	background:#fff url(img/home_header_viewresources.gif) no-repeat -490px 0;

}

#view_resources {/* image display css for Resources for sust.champs. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:360px; 

	height:37px;

	display:block;

}

#view_resources span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_header_resources.gif) no-repeat;

	width:490px; 

	height:37px;

}

#ex_home_slidesets {/* image swap css for Slidesets. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:213px; 

	height:120px;

	display:block;

}

#ex_home_slidesets span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_slide_sets.gif) no-repeat;

	width:213px; 

	height:120px;

}

#ex_home_slidesets span:hover {

	background:#fff url(img/home_slide_sets.gif) no-repeat -213px 0;

}

#ex_home_worksheets {/* image swap css for Worksheets. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:213px; 

	height:120px;

	display:block;

}

#ex_home_worksheets span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_worksheets.gif) no-repeat;

	width:213px; 

	height:120px;

}

#ex_home_worksheets span:hover {

	background:#fff url(img/home_worksheets.gif) no-repeat -213px 0;

}

#ex_home_guidebook {/* image swap css for Guidebook. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:210px; 

	height:120px;

	display:block;

}

#ex_home_guidebook span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_guidebook.gif) no-repeat;

	width:210px; 

	height:120px;

}

#ex_home_guidebook span:hover {

	background:#fff url(img/home_guidebook.gif) no-repeat -210px 0;

}

#ex_home_books {/* image swap css for Books. */

	position:relative; 

	padding:0; 

	overflow:hidden; 

	width:214px; 

	height:120px;

	display:block;

}

#ex_home_books span { 

	position:absolute; 

	margin:0; 

	left:0; 

	top:0; 

	background:#fff url(img/home_books.gif) no-repeat;

	width:214px; 

	height:120px;

}

#ex_home_books span:hover {

	background:#fff url(img/home_books.gif) no-repeat -214px 0;

}

img.none {
	padding: 0;
}

/* == END ANDREW HEADER UPDATE == */

#feedarea {

	padding:10px 10px 0 0; 

	float: right; 	

	text-align: right;

}

#content {

	margin: 10px 10px 0 30px;

        width: 850px;

}

 html #content {

	height: 1%;

}

#content h4 {

	font-size: 1.1em; 

	margin: 1em 0 0 0;

}

#content h5 {

	font-size: 1em; 

	margin: 1em 0;

}

#content-main ul 

{

    margin:0 1em;

    padding:0 1em;

    list-style-image:url(img/bullet.png);

}

#content-main ul.asides 

{

	margin:0;

	padding:2em;

	border-bottom:#ddd 1px dashed;

}

#content ol 

{

    list-style-type:decimal;

    margin:1em;

    padding-left:2em;

}

#content-main {

	float: left; 

	width: 590px; 

	margin-right: 20px;

}

 html #section-index #content-main {

	margin-right: 20px;

}

#content .post 

{

	clear:both;

	padding:0 0 2em 0;

	border-bottom:#dcc 1px dashed;

}

#content h2

{

	margin: 1em 0 0;

        font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-size:1.6em;

	font-weight: normal;

	color:#3a85a6;

        text-decoration: none;

}

#content h3 {

       	border-bottom: #174B65 1px dotted;

	color: #174B65;

	font-size: 11px;

	font-weight: normal;

	letter-spacing: 0.2em;

	margin: 0;

	padding: 0;

	text-transform: uppercase;

}



}

#content .entry 

{

    clear:both;

    margin:1em 0;

    padding-right:1em;    

}



#content .entry li 

{

	margin:0 0 0.3em 0;

	padding:0;

	line-height:1.6em;

}

#content .post-info , #content .postmetadata

{

	clear:both;

	font-size:0.9em;

	color:#999;

	margin:0;

	padding:0;	

}

#content .post-info, 

#content h2.pagetitle 

{

	background:url(img/underline1.jpg) no-repeat left bottom;

	padding-bottom:15px;	

}

.postnav {

	display: block;

	margin: 10px 0 60px;

	

}

.alignleft 

{

	float:left;

	text-align:left;	

}

.alignright

{

	float:right;

	text-align:right;	

}

/* Sidebar */

#sidebar {

	float: left; 

	width: 200px;

	font-size:0.9em;

}

#sidebar ul

{

	list-style:none;

	margin:0;

	padding:0;

}

#sidebar li 

{

	margin-bottom:8px;

}

#sidebar ul ul

{

	list-style:none;

	margin:0.5em 0 0 1em;

}

#sidebar ul ul ul

{

	margin:0 0 0 1em;

}

#sidebar li.sidebox {

	padding:1px 10px;

	margin:0 0 1em 0;		

}

#sidebar li.sidebox select {

	margin:10px 0 0 0;		

}

#sidebar h2 {

       	border-bottom: #174B65 1px dotted;

	color: #174B65;

	font-size: 11px;

	font-weight: bold;

	letter-spacing: 0.2em;

	margin: 0;

	padding: 0;

	text-transform: uppercase;

}

#searchform input {

	margin:10px 0 0 0;		

}



li#sidelinks ul

{

	margin:0;

	padding:0;

}

#sidebar li.sidebox p img {

	margin:0;

	padding:3px;

	border:#ccc 1px solid;

	background:none;

}



#footer { 

	position: relative; 

	width: 850px;

	height: auto;

	margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	color:#737373;

	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

        text-align:left;

}

.comments-link {

        font-weight: bold;

        font-size: 14px;

}

#comments, #respond{

	margin: 0;

	padding:1em 0 0 0;

}

#commentform 

{

	margin:10px 0;	

	padding:10px;

	background:#f9fcfc;

	border-top: #ddd 1px solid;

	border-bottom: #ddd 1px solid;

}

.commentnum 

{

	font-size:1.5em;

	font-weight:bold;	

	margin:0 5px 0 0;

}

.nocomments 

{

	text-align:center;

	color:#999;

	font-size:0.9em;

}

#container .commentlist {

	margin: 1em 0;

	padding: 0;		

	border-top: #ddd 1px solid;

}

#container .commentlist li 

{

	list-style:none;

	margin: 0;

	padding: 0.5em 0.5em 2em;	

	background:#fff url(img/shadow_top.gif) repeat-x top;

	border-bottom: #ddd 1px solid;

}

#container .commentlist li.alt 

{

    background:#f9f9f9;    

}

#container .commentlist li.authorcomment, #container .commentlist li.bypostauthor 

{

    border:#fc9 1px solid;      

}



#container .commentlist li .cmtinfo 

{

	font-size:1em;			

}

#container .commentlist li cite 

{

	font-style:normal;

	font-weight:bold;

}

#container .commentlist li .cmtinfo em 

{

	float:right;

	margin:0;

	padding:0;

	font-style:normal;

	font-size:0.9em;

	color:#999;

}

#container .commentlist .avatar

{

	float:right;	

}

#container .commentlist .commentmetadata

{

	font-size:0.9em;

}

#content .commentsfeed 

{

	background:url(img/icon_feed.gif) no-repeat left center;

	padding-left:16px;

}

#content .trackback 

{

	background:url(img/link.gif) no-repeat left center;

	padding-left:20px;

}

input.textbox, textarea, input[type="text"]

{

	border:#ccc 1px solid;

	background:#fff url(img/shadow_top.gif) repeat-x top;

	font:1em Verdana, Arial, Serif;

	padding:4px;

	width:200px;

}

#s

{

	width:150px;

}

textarea{

	width: 90%;

	padding:10px;

	line-height:2em;

	height: 20em;

}

input.textbox:focus, textarea:focus, input[type="text"]:focus

{

	background:#fff url(img/shadow_top.gif) repeat-x top;

	border:#999 1px solid;

}

#submit 

{

	padding:3px 5px;

}



.post h4 

{

	font-size:1em;

	font-weight:normal;

	font-family:"Trebuchet MS", Helvetica, sans-serif;

}

.post h4 em

{

	font-style:normal;

	float:right;

	font-weight:normal;

	color:#999;

}

#header, #content, #sidebar, #footer, .widget {

    overflow: hidden;

}



img.left, img.alignleft, div.alignleft

{

	float:left;

	margin:1em 1em 1em 0;

}

img.right, img.alignright, div.alignright

{

	float:right;

	margin:0 0 1em 1em;

}

img.aligncenter, div.aligncenter

{

	text-align:center;

	margin:0 auto;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	/* optional rounded corners for browsers that support it */

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}