/*  
Theme Name: Micropest
Theme URI: http://shaztronics.com/
Description: A search engine optimized website framework for WordPress.
Author: Shawn Drew
Author URI: http://shaztronics.com/
Version: 1.0
Tags: micropest, two-col, dark, white
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Myer Reset v1.0 | 20080212  */
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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */

/* general */
html {font-size: 100%; background-color: #000;}
body {font-size: 0.625em; margin-top: 22px; font-family: Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;}

#container {width: 1039px; margin: 0 auto;}

#header {height: 404px; background: transparent url(images/header.jpg) no-repeat scroll top left; position: relative;}

	#logo {position: absolute; left: 59px; width: 370px; top: 65px; height: 105px;}
	#top {position: absolute; right: 0px; top: 0px;}
	
	#phone-number {position: absolute; left: 100px; top: 15px; font-size: 2em; color: #02E300; font-weight: bold; width: 300px; text-align: left;}
	#email-us {position: absolute; right: 200px; top: 10px; font-size: 1.4em; background-color:#00E200; color:#000; font-weight: bold; width: 130px; text-align: center; line-height:2em; text-decoration:none;}	
	#email-us:hover {background-color:#FF7200;}

	#blurbs {position: absolute; right: 200px; top: 85px; font-size: 1.6em; color: #02E300; font-weight: bold; width: 390px; text-align: center;}
	#blurbs span {display: block;}
	
	#nav {text-align: center; font-size: 1.9em; height: 36px; width: 937px; margin: 0 auto; position: absolute; bottom: 12px; left: 51px;}
	#nav a {text-transform: uppercase; padding: 5px; color: #000; text-decoration: none; line-height: 36px;}
	#nav a:hover {text-decoration:underline;}


#content {background: #FFF url(images/border-bg.png) repeat-y scroll top left; width: 913px; margin: 0 auto; padding: 14px 24px;}

	#alpha {width: 600px; float: left; padding-right: 40px; border-right: 10px solid #FF7200;}
	#beta {width: 230px; float: right;}
	
	#beta .banner {display: block; margin-bottom: 30px;}
	#beta img {border: 2px solid #02E300;}
	#beta center img {border:none;}        
	#beta .page-nav-list {font-size: 1.3em; padding-bottom: 2em;}

	#content h1 {font-size: 2.8em;}
	#content h2 {font-size: 2.8em;}
	#content h3 {font-size: 2em;}
	#content h4 {font-size: 1.6em;}
	#content h5 {font-size: 1.4em;}
	
	#content p {line-height: 1.4em; padding-bottom: 0.6em; font-size: 1.6em;}
	
	.post {clear: both; margin-bottom: 20px;}
	.attachment-post-thumbnail, .attachment-single-post-thumbnail {float: left; margin: 0 25px 10px 0; border: 2px solid #02E300;}
	
	.h1 {font-size: 2.8em;}
	.price-list-header {font-weight: bold; text-align: center; clear: both;}
	
.price-list {border-collapse:collapse; margin-bottom: 1.2em; font-size: 1.4em; margin-bottom: 20px;}
	.price-list thead td {font-weight: bold;}
	.price-list span {display: block; font-size: 0.8em;}
	.price-list td {border: 1px solid #CCC; padding: 0.4em 1em; text-align: center;}
	
	thead .note {display: block; padding-top: 0.2em;}
	.note {font-size: 0.6em; color: #999;}
	
	.suburb-serviced {font-size: 16px;}

#footer {height: 391px; background: transparent url(images/footer.jpg) no-repeat scroll top left; width: 961px; margin: 0 auto; position: relative;}

	#f1, #f2, #f3, #f4 {position: absolute; top: 70px;}
	#f1 {left: 1px;}
	#f2 {left: 273px;}
	#f3 {left: 545px;}
	#f4 {right: 4px;}

	#copyright {position: absolute; right: 32px; bottom: 12px; width: 260px; height: 140px; text-align: center; color: #FFF; font-size: 1.6em;}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}	
a:focus, a:hover {color:#000;}
a {color:#009; text-decoration:underline;}
	a img {border: none;}
	
h1, h2, h3, h4, h5, h6 {font-weight: bold; padding-bottom: 0.6em;}
h1 a, h2 a {color: #000; text-decoration: none;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}

strong {}
em {}

li ul, li ol {}
ul, ol {}
ul {}
ol {}
	
/**
 * Font Stacks to quickly get started using the font style you have chosen for the site
 * @see http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
 * @see http://www.sitepoint.com/article/eight-definitive-font-stacks/2/
 * @see http://www.awayback.com/revised-font-stack/
 */ 

 .banner {position: relative;}
 .banner a {position: absolute; top: 0; height: 85px; left: 0; width: 230px;}
.ir {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}
 
/**
 * Clear Fix
 */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ie6 .clearfix {zoom: 1;}
	
/**
 * @css-for Firefox, Safari, IE
 * @workaround Show scroll bar so the page doesn't jump around
 * @see http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
 */
html {overflow-y: scroll;}