/*
Theme Name: Creekside
Theme URI: http://www.creeksideenvironmental.com/
Description: Custom theme developed for Creekside Environmental Consulting, LLC, by David Mihm.
Version: 1.0
Author: David Mihm
Author URI: http://www.davidmihm.com

*/


body {color: #222222; margin: 0; padding: 0 0 100px 0;  text-align: left; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/bkgsub.jpg) repeat-x #d0c8ab; }

body.home {background: url(images/bkg.jpg) repeat-x #d0c8ab; }


html a {font-weight: bold; color: #0c4e2d; } 
html a:visited {font-weight: normal; color: #726e5c; }
html a:hover {color: #2f9f66; }
img {border: 0; }
.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #c2bba0; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }

legend {display: none !important; }

.alignleft {float: left;}  
.alignright {float: right;} 

h1, h2, h3, h4, h5, h6, ul, li, blockquote, ol, table {line-height: 1.2em; margin: 0; padding: 0;}  

p {font-size: 12px; line-height: 20px; padding: 0; margin: 13px 0;} 

h1 {font-weight: normal; font-size: 34px; padding: 6px 0; border-bottom: 1px solid #c2bba0; letter-spacing: -1px; } 
h2 {padding: 8px 0 0 0; font-weight: normal; font-size: 24px; color: #13a156; letter-spacing: -1px;} 
h3 {padding: 8px 0 0 0; font-weight: normal; font-size: 19px; color: #605c4d; letter-spacing: 0px;} 
#content h4 {padding: 8px 0 3px 0; font-size: 19px; color: #605c4d; border-bottom: 1px solid #c2bba0; font-weight: normal; letter-spacing: 0px; }







#content {width: 972px; margin: 0 0 0 0; padding: 0 0 0px 0; background: url(images/contentbkg.jpg) repeat-y;  position: relative; z-index: 999;} 
#innercontent { width: 642px; margin: 25px 35px 25px 25px; padding: 0; float: left; clear: left; position: relative; z-index: 0; } 


table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: -7px; margin-top: 10px;} 
td {padding: 7px; margin: 0px; border-top: 1px solid #d9d5c7;} 

#footer {position: relative; width: 972px; z-index: 1000;} 
#footer ul {padding: 12px 0 0 19px;} 

#footer li {display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 6px; float: left; clear: none;} 
#footer ul li ul {padding: 4px 0 0 0;} 
#footer ul li ul li {display: block; width: 96%; font-size: 9px; padding: 2px 0 2px 0; line-height: 11px;} 
#footer ul li a {font-weight: bold; }
#footer ul li ul li a {font-weight: normal;} 
#footer li#home {width: 47px;} 
#footer li#profile {width: 120px;} 
#footer li#expertise {width: 145px;} 
#footer li#projects {width: 115px;}
#footer li#articles {width: 65px; } 
#footer li#contact  {width: 85px; }

#innerfooter  {background: #d9d5c7; padding: 5px 0 25px 0; margin: 0; width: 702px; border-top: 2px solid #c1beb3; } 

p#habitat, p#businessjournal {font-size: 10px; width: 340px; padding: 25px 0 10px 0; margin: 0 0 0 11px; color: #6f6b5b; float: left; clear: none; line-height: 13px;} 
#habitat img, #businessjournal img {padding: 0 10px 0 0; float: left; clear: left; margin: 0;} 
#copyright {clear: both; width: 642px; font-size: 10px; padding: 0; margin: 0 35px 0 11px; color: #6f6b5b; line-height: 13px;} 


#u_address {background: #d0c8ab; width: 270px; font-size: 10px; color: #817c67; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; right: 0px; top: -85px; z-index: 1000;}
#u_address .address {padding: 20px;}   
#u_address a {color: #817c67 !important; text-decoration: none; font-weight: normal;} 
#u_address a.url {font-weight: bold !important; }

#content ul, #content ol {margin: 0 0 0 20px; font-size: 11px; } 
#content ul {list-style-type: square;} 
#content li { font-size: 11px; margin: 0; padding: 4px 0;} 

#outerwrapper {width: 972px; margin: 0; padding: 0; }


#header {width: 972px; margin: 0; padding: 0; border-bottom: 4px solid #9a947f; position: relative; height: 151px; background: url(images/headerbkg.jpg) repeat-x;}
#header img {padding: 25px 0px 0px 20px; }


#subhead {margin: 0; padding: 0 0 8px 0; background: url(images/subheadbkg.jpg) repeat-y;} 

#header .address {position: absolute; right: 15px; top: 15px; font-size: 11px; text-align: right; color: #699b82;} 
#header .address a {text-decoration: none; color: #699b82 !important; font-weight: normal !important;} 
#header .address a:hover {color: #91d4b3 !important;} 
#header .org {font-weight: bold !important; text-transform: uppercase;} 
#header .email {font-size: 9px; padding-top: 2px;}
#header .email a {text-decoration: underline; }  

#innercontent .address {font-size: 12px; margin: 20px 0; line-height: 1.5em;}  


/* BEGIN NAVIGATION */

#nav {position: absolute; border-bottom: 4px solid #ebe8dc; left: 0px; bottom: -4px; background: #98ada2; width: 702px;} 
#nav ul {margin: 0px; padding: 0px; list-style-type: none; }
#nav li {margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; float: left; clear: none;  } 
#nav li a, #nav li a:visited {color: #3a6952; padding: 10px; margin: 0; display: block; font-weight: bold !important; text-decoration: none;}
#nav li a:hover {color: #FFFFFF;} 


#nav ul.main:after  {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }
/* Hides from IE-mac \*/  *html #nav ul.main:after {height: 1%;}  /* End hide from IE-mac */  
#nav ul.main li#current {background: #ebe8dc; }

#nav li ul { /* second-level lists */ z-index: 9999 !important; 	position: absolute; 	padding: 0; 	margin: 0; 	margin-top: 0em;  	width: 170px; 	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}

#nav ul li ul li { display: block;  float: none; clear: both; text-align: left;}

#nav ul.main li ul a { font-size: 11px !important; font-weight: normal !important; height: auto !important; width: 120px; background: #98ada2;}
#nav ul.main li.wider ul a {width: 170px !important;}  
#nav li ul li a:hover {background: #3a6952 !important; }
#nav li ul li ul li a {background: #3a6952 !important; }
#nav li ul li ul li a:hover {background: #98ada2 !important;  }
#nav li ul ul { /* third-and-above-level lists */  	margin: -1.95em 0em 0 170px !important;  	left: -999em; 	border: 0 !important; }
#nav li:hover ul ul, #nav li.sfhover ul ul { 	left: -999em; 	 }
#nav li:hover, #nav li.sfhover {position: static;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ 	left: auto;  }

/* END NAVIGATION */



form, fieldset {margin: 10px 0 0 0 !important; padding: 0 !important; font-size: 12px !important}
input, select, textarea {margin-bottom: 15px !important;} 
submit, input.button {background: #2f9f66; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; padding: 6px 20px; border: 2px solid #0c4e2d; color: #FFFFFF;} 
#spamq {float: left; clear: both !important; } 
small.whythis {position: absolute; bottom: 0px; left: 0px;} 
small.whythis a {text-decoration: none; display: none;}  
select {display: none;} 

#results { font-weight: normal !important;} 

li.current_page_item a {text-decoration: none; font-weight: bold;} 
li.current_page_item ul li a {text-decoration: underline;}

ul.moreexpertise li.current_page_item {display: none !important;} 


ul.clientlist { padding-top: 8px !important;} 
ul.clientlist li {width: 172px; margin-right: 30px !important; padding-right: 0px !important;  float: left; clear: none; }
ul.clientlist:after  {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }
/* Hides from IE-mac \*/  *html ul.clientlist:after {height: 1%;}  /* End hide from IE-mac */  

.postdetails, .date {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 20px 0 0 0; padding: 4px 0 20px 0; border-top: 1px solid #c2bba0;} 
.date {margin: 4px 0 0 0; border: 0; padding: 0px; color: #8d8566;}
.postdetails a {font-weight: normal !important;} 


#sidebar {width: 270px; margin: 0; padding: 0 0 120px 0; float: left; clear: right; position: relative; }  
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar ul, #sidebar li, #sidebar p, #sidebar ol {margin: 5px 20px; padding: 0; }

#sidebar li {margin: 0 0 0 15px; padding: 4px 0; font-weight: normal !important; color: #5b5643;} 
#sidebar li a {font-weight: normal !important;} 
#sidebar li a:hover {color: #000000 !important;} 
#sidebar h4 {font-size: 17px; letter-spacing: 0px; font-weight: normal; color: #423f36; margin-top: 25px; border-bottom: 0px; }
#sidebar h4.break {padding-top: 15px; border-top: 1px solid #7d978b; }
#sidebar h4.break a {font-weight: normal; text-decoration:none;} 
#sidebar li p {font-size: 11px; margin: 0; padding: 0; text-indent: 0; line-height: 1.2em;} 
#sidebar p {font-size: 11px;} 
#sidebar ul.references {list-style-type: none;}
#sidebar ul.references li {margin-left: 2px;}  

.breadcrumb {padding: 11px 15px 21px 15px; background: #423f36; color: #d7d0b8; margin: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.breadcrumb a {color: #d7d0b8; font-weight: normal !important;} 
.breadcrumb a:visited {color: #979383; }
.breadcrumb a:hover {color: #FFFFFF;} 



form#searchform { position: absolute; bottom: 15px; right: 15px; width: 230px;} 
#searchform fieldset {margin: 0; padding: 0; border: 0; position: relative; width: 230px;} 
#searchform #s {font-size: 11px !important; padding: 3px; width: 150px; border: 1px solid #c2bba0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px !important; text-align: left; position: absolute; top: 0px; left: 35px;} 
#searchform input#searchsubmit {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background: #97aca2; border: 1px solid #7d978b; color: #FFFFFF; float: left; clear: none; margin: 0; padding: 2px 2px 1px 2px; font-size: 11px !important; position: absolute; top: 0px; right: 0px; width: 32px;} 


#commentsection {margin-top: 30px; padding: 15px 0 0 0; border-top: 1px solid #d7d0b8; }
#commentsection #submit {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; background: #093a21; border: 1px solid #7d978b; color: #FFFFFF; margin: 0; padding: 3px 4px 2px 4px; font-size: 17px !important; letter-spacing: 0px;} 
#commentsection input {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px; border: 1px solid #d7d0b8;} 
#commentsection textarea {border: 1px solid #d7d0b8; width: 99%; height: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px; font-size: 11px;} 


#u_address a.url {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold !important; font-style: normal !important; }
cite {font-style: normal; }
.comment p {font-style: italic !important;} 
.commentmetadata a {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #c2bba0;  text-decoration: none; font-style: normal !important;}