/*
Theme Name: Ecologic 2
Theme URI: http://ecologicentomology.com/
Description: 2010 Ecologic Entomology Design
*/


/* CSS Document */

/* 

	style.css

	

	All attributes in alpha-numeric order starting from 0-9 A-Z

	x = horizontal, y = vertical

	property: trbl, tb rl, t rl b, t r b l;

	bg shorthand: background: color url() repeat vertical-position horizontal-position;

	All font names should be quoted "Arial" 

	However, font families like Serif, Sans-Serif and Monospace do not need quotes.



*/



/* TABLE OF CONTENTS

-----------------------------------------------------------------------------

	1. RESET

	2. BASE TYPO

	3. LAYOUT

	4. FOOTER

	5. INTERIOR PAGE LAYOUT

	6. FORM
	
*/



/* 1. RESET

	no editing required

----------------------------------------------------------------------------- */

html, body, br, hr, 

div, span, a,

object, iframe,

ul, ol, dl, li, dt, dd,

h1, h2, h3, h4, h5, h6,

p, blockquote, q, address,

small, big, cite, dfn, ins, del, 

i, em, b, strong, sup, sub, strike,

pre, code, samp, kbd, var, tt,

form, fieldset, legend, label,

input, textarea, option, .nobox{ 

	background: transparent;

	border: 0;

	font-size: 100%;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline; 

}
blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }
a img{ border: 0; }
img{  }
img.inline{ display: inline; vertical-align: middle; }
.clear{clear:both;}



/* 2. BASE TYPOGRAPHY

----------------------------------------------------------------------------- */
	#betaText{font-size:12px;display:block;text-align:left;padding:10px;position:fixed;bottom:0;left:0;background-color:#ccc;width:180px;color:#333;z-index:99;}
		#betaText a{color:#06C;}

	body{font-family:Helvetica, Arial, sans-serif;font-size:120%;background:#000 url(images/bg_tile.gif);}
  div#body_wrap {}
	
	p{font-size:.7em;color:#f7fae6;line-height:1.5em;margin-bottom:1.2em;}
	strong{}
	
	a:link, a:visited{text-decoration:underline;color:#ff6600; font-weight: bold;}
		div.content a:link, div.content a:visited{text-decoration:underline;}
	a:hover{color:#DE8A19;}
	
    hr {
    background: #ccc;
    height: 1px;
    margin: 30px 0 5px;
    }
    
	h1 {
    font-family: Palatino, Palatino Linotype, Book Antiqua, serif;
    margin-bottom: 11px;
    font-size:1.2em;
    font-weight:normal;
    color:#edf5c9;
    font-style: italic;
    letter-spacing: 1px;
    }
    
		#freeText{padding:0;margin:0;display:block;background:url(images/text_freeTry.png) no-repeat left top;width:276px;height:40px;text-indent:-9999px;}
	
	h2 {
    font-family: Palatino, Palatino Linotype, Book Antiqua, serif;
    color:#8cc63f;
    font-size:1em;
    margin: 20px 0 3px;
    font-weight:bold;
    letter-spacing: 1px;
    font-style: italic;
    line-height: 1.2em;
    }
    /* sidebar title */
	
	h3, h3 a:link, h3 a:visited{
    color:#8cc63f;
    font-weight:normal;
    font-size:.8em;
    line-height: 1.4em;
    margin: 30px 0px 7px;
    letter-spacing: .75px;
    line-height: 1.2em;
    } /* post title */
    
		h3 a:hover{color:#fff;}
		.contentArea h3{width:400px;}
		
		.singleMain h3{margin-top:10px;}
	
	h4 {
    color:#EDF5C9;
    font-weight:bold;
    font-size:.7em;
    margin: 1em 0px 2px;
    letter-spacing: .5px;
    line-height: 1.5em;
    }
    
		h4 a:link, h4 a:visited{color:#f7fae6;}
	
blockquote {
  border-bottom: 1px solid #EDF5C9;
  border-top: 1px solid #EDF5C9;
  color: #EDF5C9;
  font-style: italic;
  line-height: 1.5em;
  margin: 1em 0 2em;
  padding: 1em 1.5em 0;
}

blockquote p {
  color: #EDF5C9;
}

blockquote ul {
  color: #EDF5C9 !important;
  margin-bottom: 10px;
}

blockquote ul li {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

	a.btn{color:#fff;font-size:.7em;background:#E76F04 url(images/bg_btn.png) repeat-x left top;text-decoration:none;border:1px solid #CB4C00;display:inline;padding:5px 10px 5px 10px;}
		.btn:hover{background-color:#CB4C00;}
		.arrowRight{display:inline;padding-left:10px;}
	
	a.action-button{display:block;background-color:#F90;padding:3px 15px 3px 15px;border:none;color:#fff;cursor:pointer;margin-bottom:15px;}
			a.action-button:hover{background-color:#F60;}
	
	a.pdf{background:url(images/icons/pdf.png) no-repeat left center;padding-left:25px;}
		#content	.generalList li a.pdf{padding-left:30px;background:url(images/icons/pdf.png) no-repeat 5px center;}
	a.rss{background:url(images/icons/rss.png) no-repeat left center;padding-left:30px;}
	
	a.returnTop{background-color:#EEEEEE;color:#999999;display:block;font-size:0.5em;padding:3px 5px;text-align:center;width:80px;float:right;}
	
	a.orangeBtn{color:#F30;display:block;font-size:12px;border-top:1px dashed #ccc;padding-top:10px;}
		a.oragenBtn :hover{}
	
	a.post-edit-link{font-size:.9em;color:#f60;}
		
	#single ul li{font-size:1em;}
	#single ul li ul li{font-size:.8em;color:#444;}
	

	.btn{height:31px;background:url(images/WhatisFC_11.png) repeat-x left top;padding:5px;font-size:.8em;color:#900;border:1px solid #ccc;}
	
	.smTxt{float:right;font-size:.7em;padding-top:4px;color:#f60;}
		.smTxt a{color:#f60;}
		.smTxt a:hover{color:#333;text-decoration:underline;}
		
    .clear {
    clear: both;
    height: 0px;
    }
    
/*#BlogContent .entry div{color:#666;line-height:1.5em;margin-bottom:15px;font-size:12px;float:left;clear:both;}	*/

.entry ul {
list-style-type: disc;
font-size:.7em;
color:#f7fae6;
margin-left:1em;
padding-left:1em;
}
.entry ul li {
margin-bottom:.7em;
}
	
	
/* 2.1 MAIN NAVIGATION

-------------------------------------------------------- */	


ul.mainNav {
padding:40px 0 0 0;
margin: 0px 50px 25px 0;
border-bottom: 1px solid #373737;
width: 220px;
}

		.mainNav li {
    display:block;
    width:220px;
    margin: 0px;
    letter-spacing: .3px;
    }
    
		.mainNav li a:link, .mainNav li a:visited {
    font-family: Helvetica, Arial, sans-serif;
    color:#8cc63f;
    display:block;
    width:210px;
    padding:7px 0px 7px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size:14px;
    line-height:18px;
    border: 1px solid #373737;
    border-top: 1px solid #595959;
    border-bottom: none;
    background: transparent url(images/nav.png) no-repeat left top;
    letter-spacing:0.25px;
    }
    
		.mainNav li a:hover {
    color:#edf5c9;
    background: transparent url(images/nav.png) no-repeat center top;
    }
    
		.mainNav li em {
    font-style:normal;
    font-size:.7em;
    display:block;
    color:#aeaeae;
    margin-top:3px;
    }
		
		.mainNav ul {
    padding-left:20px;
    }
    
			.mainNav ul li a:link, .mainNav ul li a:visited {
      text-transform:capitalize;
      color:#bb9c0a;
      font-size:11px;
      }
		
		  li.current_page_item a, li.current_page_item a:link, li.current_page_item a:visited {
      color:#edf5c9;
      background: transparent url(images/nav.png) no-repeat right top;
      }
	

  
  
/* 3. FOOTER

----------------------------------------------------------------------------- */
#footer {
padding-top:25px;
padding-bottom:50px;
width:980px;
margin:0 auto;
padding-left:40px;
padding-right: 20px;
background: transparent url(images/footer_bg.jpg) no-repeat left top;
}

	#footer p {color:#f7fae6;}
  
  p#footer_copy {
  float: left;
  width: 40%;
  }
  
  p#footer_admin {
  float: right;
  width: 40%;
  text-align: right;
  }
	
	
	/* 3.1 HOMEPAGE
-------------------------------------*/
.wrap{width:1040px;margin:0 auto;position:relative;}
.divWrapHeader{height:108px;background:#edf5c9; width: 100%;}
.divWrapHeader .wrap{background:#edf5c9;}
	div#header{position:relative;height:108px;width:1040px;background:#edf5c9;}
	div.logo{position:absolute;top:0px; left: 20px; width:240px;height:108px;}
		.logo #logoLink{display:block;width:240px;height:108px;background:url(images/eco_logo.png) no-repeat left top;}
		.logo h1, .logo em{display:block;text-indent:-9999px;margin:0;padding:0;}
    #header h1.tagline {font-style: italic; color: #8cc63f; font-weight: bold; font-size: 24px; position: absolute; left:290px; top:55px; letter-spacing: 0px;}

		
  .divWrapContent { padding: 0px; background: url(images/bg.jpg) repeat-x center top;}
	div.blackBg{background:transparent url(images/content_bg_top.jpg) no-repeat left top; overflow: hidden; padding: 0 0 50px;position: relative;}	
	
#content_wrap {
background: transparent url(images/content_bg.png) repeat-y center top; overflow: hidden;
width: 1040px;
margin: 0px auto;
}

#header_phone {
color: #482E1E;
position: absolute;
right: 20px;
text-align: right;
top: 10px;
z-index: 50;
}

#header_phone p {
color: #482E1E;
font-family: Palatino,Palatino Linotype,Book Antiqua,serif;
font-size: 18px;
font-style: italic;
margin: 0;
}

#header_phone span {
font-weight: bold;
letter-spacing: 0.5px;
padding-left: 28px;
background: transparent url(http://www.ecologicentomology.com/wp-content/themes/eco/images/phone.png) no-repeat left top;
}

	
	.icon{background:left top no-repeat;padding-left:20px;}
		.iconHome{background-image:url(images/icons/iconHouse.png);}
		.iconPhone{background-image:url(images/icons/iconPhone.png);}
		.iconPDF{background-image:url(images/icons/pdf.png);}
		
	div.sidebar{float:left; width: 220px; padding-left: 30px;}
	div.content{display:block;float:left;padding:40px 80px 50px 60px; position: relative;width:620px; background: url("images/page_head_bg.png") no-repeat scroll 40px 40px transparent;}

div#book_now{position: absolute; width:120px; height: 36px; bottom:0px; right:33px;}

#footer_contact {
position: absolute; 
height: 36px; 
bottom:5px; 
right:33px;
width: 131px;
height: 36px;
zoom: 1;
}

#footer_tagline {
position: absolute;
width: 500px;
bottom:3px;
left: 40px;
color: #EDF5C9;
font-family: Palatino,Palatino Linotype,Book Antiqua,serif;
font-size: 0.9em;
font-style: italic;
font-weight: normal;
letter-spacing: 1px;
}

#footer_tagline a {
color: #EDF5C9;
}

#bba_logo {
margin:0;
width:300px;
position: absolute;
left: 500px;
bottom: 3px;
}

#header_contact {
top: 49px;
position:absolute;
right: 160px;
width: 131px;
height: 36px;
zoom: 1;
z-index: 100;
}

#footer_contact a, #header_contact a {
display: block;
position: relative;
background: transparent url(http://www.ecologicentomology.com/wp-content/themes/eco/images/contact_button.png) no-repeat;
width: 131px;
height: 36px;
text-indent: -9999px;
zoom: 1;
}

#slideshow {
margin: 0px 0px 15px;
border: 1px solid #373737;
}

#home_ul {
font-size: .6em;
margin: 0px;
padding: 0px;
list-style: none;
}

#home_ul li {
margin-bottom: 15px;
}

#residential_callout {
background: #121212;
border: 1px solid #373737;
padding: 10px;
}

#residential_callout h3 {
margin-top: 0px;
font-size: 15px;
}

#residential_callout a {
font-size: 12px;
}

	
	/* 3.2 INTERIOR PAGES
-------------------------------------*/

	.pageheaderBg h1{display:block;padding:15px 0px; font-weight: bold;}
	
	div.figure{display:block;margin-left:5px;padding:3px;}
		.figure img{border:0;}
		.figureText{display:block;padding:5px;background-color:#dde5bd;font-size:10px;text-align:center;margin-top:3px;}






/* MODAL CONTACT FORM
-------------------------------------*/

#eM-container {
  background: #333 !important;
  border: none !important;
  border-radius: 10px 10px 10px 10px !important;
}

h1.eM-title {
  margin: 0 auto 11px !important;
  padding: 11px 0 0 !important;
  color: #EDF5C9 !important;
  width: 90% !important;
}

#eM-container .wpcf7-form-control-wrap input, #eM-container .wpcf7-form-control-wrap textarea {
  background: #fff !important;
  margin: 0 auto 11px !important;
}

#eM-container .wpcf7-form-control-wrap textarea {
  height: 125px !important;
}

#eM-container .wpcf7-submit {
  float: left !important;
  background: url("http://www.ecologicentomology.com/wp-content/themes/eco/images/nav.png") no-repeat scroll right top transparent !important;
  width: auto !important;
  border-radius: 5px 5px 5px 5px !important;
  color: #EDF5C9 !important;
  font-family: Helvetica,Arial,sans-serif !important;
  border: 0 none !important;
  cursor: pointer !important;
  font-size: 1em !important;
  font-weight: bold !important;
  height: 24px !important;
  margin: 4px 0 0 4px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

  #eM-container .wpcf7-submit:hover {
    background: #60933B !important;
  }

#eM-container .wpcf7-response-output {
  padding: 15px !important;
  font-size: 12px !important;
}