/*

Theme Name: The Ant Firm
Theme URI: http://www.antfirm.com
Description: The Ant Firm WordPreess Theme - November 2009
Version: 1.0
Author: Ken Chase
Ken Chase by Ken Chase || http://www.kenchase.com/

*/

/*** General Styles ***/

/* Remove margin and padding from all elements  */

*{
   margin: 0;
   padding: 0;
}

/* Set font style and colours */

body{
   font-family: Arial, sans-serif;
   font-size: small;
   color: #fff;
   background: url(images/bg-body.png) repeat-x top left #393939;
   text-align: center;  /* centre page for bad browsers */
}
* html body{
   font-size: x-small; /* for IE 5/Win */
   f\ont-size: small;  /* for other IE versions */
}
html{
   overflow-y:scroll; 
}
html, body {
   height: 100%;
}

a img{
   border: none;	
}

div#main-content img.alignleft{
  float: left;
  margin: 0 16px 10px 0;
}
div#main-content img.alignright{
  float: right;
  margin: 0 0 10px 16px;
}

/*** Wrapper ***/

div#wrapper-outer{
   width: 900px;
   margin: 0 auto;
   background: url(images/bg-wrapper-bottom-c.png) repeat-y top left;
   text-align: left; /* Recover from text-align center in body */
   min-height: 100%;
   position: relative;
}

div#wrapper{
   width: 900px;
   margin: 0 auto;
   background: url(images/bg-wrapper.jpg) no-repeat top left;
   text-align: left; /* Recover from text-align center in body */
}

div#wrapper-inner{
	width: 860px;
	overflow: hidden;
	margin: 0 auto;
	background: url(images/bg-wrapper-e.png) no-repeat top left #fff;
}

/*** Header ***/

div#header{
   height: 173px;
   width: 860px;
   margin: 0 auto;
}

/* Logo */

div#header div#logo{
	width: 224px;
	float: left;
}

div#header div#logo h1{
   text-indent: -5000px;
}
div#header div#logo h1 a{
   display: block;
   height: 151px;
   width: 224px;
   margin-top: 26px;
   background: url(images/logo-b.png) no-repeat top left;
}

/* Main Nav */

div#header div#main-nav-wrapper{
    float: left;
	width: 562px;
	margin: 60px 0 0 60px;
	color: #868686;
}

div#header div#main-nav{
 	width: 562px;
	float: left;
 	padding: 0;
	height: 36px;
	text-transform: uppercase;
	font-family: "Myriad Pro", verdana, helvetica, sans-serif;
}
div#header div#main-nav ul{
   list-style-type: none;
   float: left;
   height: 34px;
}
div#header div#main-nav ul li{
	float: left;
	height: 34px;
	background: url(images/bg-main-nav.png) repeat-x top left;
}
div#header div#main-nav ul li.first{
	background: url(images/bg-main-nav-first.png) no-repeat top left;
}
div#header div#main-nav ul li.last{
	background: url(images/bg-main-nav-last.png) no-repeat top right;
	padding-right: 2px;
}
div#header div#main-nav ul li a{
   display: block;
   float: left;
   padding: 8px 12px 0 14px;
   height: 34px;
   color: #fff;
   text-decoration: none;
   background: url(images/bg-main-nav-border.png) no-repeat top left;
}

div#header div#main-nav ul li.first a{
	background: none;
}

div#header div#main-nav ul li a:hover,
div#header div#main-nav ul li.current_page_item a,
div#header div#main-nav ul li.current_page_parent a,
body#News div#header div#main-nav ul li.page-item-8 a,
body#Articles div#header div#main-nav ul li.page-item-8 a{
   background: url(images/bg-main-nav-hover.png) repeat-x top left;
}

/* Main Nav Content */

div#header div#main-nav-content{
   width: 450px;
   display: none;
   margin: 16px 0 0 0;
   clear: both;
   float: left;
   font-size: 100%;
   line-height: 1.4em;
}
div#header div#main-nav-content h3{
   color: #000;
   font-size: 200%;
   font-weight: normal;
   margin: 10px 0 0 0;
   text-align: center;
}
div#header div#main-nav-content p{
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

/*** Content  ***/

div#content{
   width: 860px;
   float: left;
   margin: 0 0 0 0;
   display: inline;
   padding-bottom: 36px;
   background: #ececec;
}

/*** Main Content ***/

div#main-content-wrapper{
    float: left;
	display: inline;
    width: 860px;
	padding: 10px 0 0 0;
    background: url(images/bg-main-content.png) no-repeat top left #ececec;
}

/*** Sidebar ***/

div#sidebar{
	width: 253px;
	margin: 14px 0 0 5px;
	float: left;
	display: inline;
	background: url(images/bg-ants.png) no-repeat top left;
	padding: 50px 0 0 0;
}
div#sidebar h2{
	text-transform: uppercase;
	font-size: 90%;
	font-weight: normal;
	color: #aeaeae;
	padding: 18px 0 0 20px;
	margin: 0 0 0 30px;
	height: 32px;
	width: 197px;
	background: url(images/bg-sb-heading.png) no-repeat top left;
}
div#sidebar h2 span{
	color: #fff;
}

/* Sub Nav */

div#sidebar ul#sub-nav{
   list-style: none;
   padding: 0 0 0 30px;
}
div#sidebar ul#sub-nav li{
   background: url(images/bg-sub-nav.png) no-repeat top left;
   height: 21px;
   padding: 9px 0 0 20px;
   margin: 0;
   font-size: 90%;
}
div#sidebar ul#sub-nav li.first{
   background: url(images/bg-sub-nav-top.png) no-repeat top left;
   height: 22px;
   padding: 17px 0 0 20px;
}
div#sidebar ul#sub-nav li.last{
   background: url(images/bg-sub-nav-btm.png) no-repeat bottom left;
   height: 30px;
   padding: 8px 0 0 20px;
}
div#sidebar ul#sub-nav li a{
    color: #fff;
	text-decoration: none;
}
div#sidebar ul#sub-nav li a:hover, 
div#sidebar ul#sub-nav li.current_page_item a,
body#News div#sidebar ul#sub-nav li.page-item-107 a,
body#Articles div#sidebar ul#sub-nav li.page-item-109 a{
    color: #d70000;
	text-decoration: none;
}

/* Sidebar Bottom Pic */

div#sidebar div#sb-pic{
	background: url(images/bg-ant-mouse.jpg) no-repeat bottom center;
	height: 245px;
	margin: 20px 0 0 0;
}

/* Main Content */

div#main-content-wrapper div#main-content{
	float: left;
	display: inline;
	width: 526px;
	margin: 30px 50px 0 26px; 
	color: #000;
	font-size: 96%;
}
div#main-content-wrapper div#main-content h2{
    color: #d70000;
    font-weight: normal;
    font-size: 140%;
    margin: 0 0 14px 0;
}
div#main-content-wrapper div#main-content h3{
    color: #db0304;
    font-weight: normal;
    font-size: 120%;
    margin: 0 0 4px 0;
}
div#main-content-wrapper div#main-content p{
    margin: 0 0 14px 0;
    line-height: 1.4em;
}
div#main-content-wrapper div#main-content ul,
div#main-content-wrapper div#main-content ol{
    margin: 18px 0 18px 4px;
}
div#main-content-wrapper div#main-content ul{
	list-style: none;
}
div#main-content-wrapper div#main-content ul li,
div#main-content-wrapper div#main-content ol li{
    margin: 0 0 4px 0;
}
div#main-content-wrapper div#main-content ul li{
	background: url(images/bg-list-item.png) no-repeat center left;
	padding: 0 0 0 16px
}
div#main-content-wrapper div#main-content a{
	color: #000;
}

/*** Footer ***/

div#footer{
	clear: both;
	width: 860px;
	margin: 0 0 0 20px;
	padding: 10px 0;
	background: #000;
	color: #d70000;
	font-weight: normal;
	font-size: 86%;
    
	position:absolute;
    bottom:0;
	height:16px;
}
div#footer a{
	color: #d70000;
	text-decoration: none;
}
div#footer ul{
	list-style: none;
	float: left;
}
div#footer ul li{
	display: inline;
	padding: 0;
	margin: 0;
	line-height: 1em;
	float: left;
}
div#footer ul li a{
	padding: 0;
	margin: 0 0 0 2px;
	line-height: 1em;
	float: left;
	display: block;
}

/* Footer Nav */

div#footer div#footer-nav ul{
	margin: 0 16px 0 50px;
	float: left;
	display: inline;
}
div#footer div#footer-nav ul li{
	border-right: 1px solid #d70000;
	padding: 0 3px 0 0;
}
div#footer div#footer-nav ul li.last{
	border: none;
}
div#footer div#footer-nav ul li a:hover{
	color: #fff;
}

/* Footer Contact */

div#footer div#footer-contact{
	color: #fff;
}
div#footer div#footer-contact ul li{
	margin: 0 10px 0 0;
}
div#footer div#footer-contact a{
	color: #fff;
	text-decoration: underline;
}

/* Footer Credit */

div#footer div#footer-credit ul{
	float: right;
	margin: 0;
}
div#footer div#footer-credit ul li a:hover{
	color: #fff;
}

/*** Ant Management ***/

body#ant-management div#main-content-wrapper div#main-content h3{
  margin-top: 0;
}
div.bio-item{
	float: left;
	width: 526px;
	clear: both;
	margin: 0 0 20px 0;
}
div.pic{
	width: 178px;
	height: 178px;
	float: left;
	margin-top: 2px;
	border: 4px solid #000;
}
div.bio{
	width: 320px;
	float: left;
	margin: 0 0 0 20px;
}

/*** Contact Us Page ***/

body#contact-us div#sidebar div#sb-pic{
	background: url(images/bg-ant-phone.jpg) no-repeat bottom center;
	height: 256px;
	margin: 20px 0 0 0;
}

div#contact-form-wrapper form div.row{
	float: left;
	width: 515px;
}
div#contact-form-wrapper form div.col-a{
	width: 230px;
	float: left;
}
div#contact-form-wrapper form div.col-b{
	width: 135px;
	float: left;
	text-align: right;
}

div#contact-form-wrapper form fieldset{
	border: none;
	margin-bottom: 10px;
}

div#contact-form-wrapper form label{
	width: 140px;
	display: inline-block;
	margin: 0 0 10px 0;
	vertical-align: top;
}
div#contact-form-wrapper form label.error{
	color: #d70000;
	padding: 2px 0 0 4px;
}
div#contact-form-wrapper form label.checkboxlbl{
	width: 195px;
}
div#contact-form-wrapper form label.textarealbl{
	width: 365px;
}

div#contact-form-wrapper form input[type=text]{
    border: none;	
    display: inline-block;
    margin: 0 0 10px 0;
    width: 225px;
    height: 22px;
    line-height: 100%;
}
div#contact-form-wrapper form input.button{
	width: auto;
}
div#contact-form-wrapper form input.checkbox{
    border: none;	
    display: inline-block;
    margin: 0 0 10px 0;
    width: 15px;
}
div#contact-form-wrapper form textarea{
	width: 365px;
	height: 155px;
	border: none;
}

div#contact-form-wrapper form span.req{
	background: url(images/bg-ant-required.png) no-repeat top left;
	text-indent: -5000px;
	width: 15px;
	display: inline-block;
}

/*** News and Articles ***/

body#news div#sidebar div#sb-pic,
body#articles div#sidebar div#sb-pic{
	background: url(images/bg-ant-ad.jpg) no-repeat bottom center;
	height: 224px;
	margin: 20px 0 0 0;
}
div.article-item{
	width: 526px;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}
div#main-content-wrapper div#main-content h2.article-head{
   width: auto;
   float: left;
}

/*** Portfolio ***/

body#portfolio div#main-content-wrapper div#main-content{
	width: 546px;
	margin: 30px 30px 0 26px;	
}

div#main-content-wrapper div#main-content ul#portfolio-items{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 86%;
}
div#main-content-wrapper div#main-content ul#portfolio-items h3{
	margin: 8px 0 0 0;
	padding: 0 0 0 4px;
	font-size: 100%;
	color: #fff;
}
div#main-content-wrapper div#main-content ul#portfolio-items li{	
    margin: 0;
    padding: 0;
    background-image: none;
}
div#main-content-wrapper div#main-content ul#portfolio-items li.portfolio-item{	
    background: #292929;
    padding: 10px;
    margin: 0 16px 16px 0;
    width: 146px;
    float: left;
}
div#main-content-wrapper div#main-content ul#portfolio-items li.portfolio-item-0{	
  clear: both;
}
div#main-content-wrapper div#main-content ul#portfolio-items li ul,
div#main-content-wrapper div#main-content ul#portfolio-items li ul li{	
    margin: 0;
    padding: 0 0 0 2px;
}
div#main-content-wrapper div#main-content ul#portfolio-items li.portfolio-item img{
	display: block;
}

/*** Testimonials ***/

body#testimonials div#sidebar div#sb-pic{
	background: url(images/bg-ant-apple.jpg) no-repeat bottom center;
	height: 298px;
	margin: 20px 0 0 0;
}
div.testimonial-item{
	background: url(images/bg-ant-divider.jpg) no-repeat bottom center;
	padding: 10px 0 40px 0;
}
div.last{
	background: none;
	padding: 10px 0 40px 0;
}

/*** Site Map ***/

div#site-map-items{
	margin: 0 0 0 4px;
}
div#main-content-wrapper div#main-content div#site-map-items ul{
	margin: 0;
}
div#main-content-wrapper div#main-content div#site-map-items ul ul{
	padding: 6px 0 0 4px;
}
div#main-content-wrapper div#main-content div#site-map-items ul li{
	background: url(images/bg-site-map-item.png) no-repeat top left;
	margin: 0;
	padding: 8px 0 20px 26px;

}
div#main-content-wrapper div#main-content div#site-map-items ul li.first{
	background: url(images/bg-site-map-item-top.png) no-repeat top left;
	padding: 0px 0 20px 26px;
}
div#main-content-wrapper div#main-content div#site-map-items ul li.last{
	background: url(images/bg-site-map-item-bottom.png) no-repeat bottom left;
	padding: 0 0 0 26px;
}

div#main-content-wrapper div#main-content div#site-map-items ul li.page-item-105{
	display: none;
}
div#main-content-wrapper div#main-content div#site-map-items ul li ul li{
	margin: 0 0 0 0;
	background: url(images/bg-site-map-item.png) no-repeat top left;
	padding: 3px 0 2px 26px;
}
div#main-content-wrapper div#main-content div#site-map-items ul li ul li.first{
	margin: 0 0 0 0;
	background: url(images/bg-site-map-item.png) no-repeat top left;
	padding: 8px 0 2px 26px;
}

div#main-content-wrapper div#main-content div#site-map-items ul li a{
	text-decoration: none;
	color: #d70000;
	font-weight: bold; 
}
div#main-content-wrapper div#main-content div#site-map-items ul li ul a{
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

/*** Site Map and Work ***/

body#site-map div#sidebar div#sb-pic,
body#methodology div#sidebar div#sb-pic,
body#portfolio div#sidebar div#sb-pic{
	background: url(images/bg-ant-wii.jpg) no-repeat bottom center;
	height: 149px;
	margin: 20px 0 0 0;
}

/*** Page Navigation ***/

/* Numbers */

div#main-content-wrapper div#main-content div#wp_page_numbers{
	float: right;
	width: auto;
}
div#main-content-wrapper div#main-content div#wp_page_numbers ul{
	margin: 6px 0 0 0;
	padding: 0;
}
div#main-content-wrapper div#main-content div#wp_page_numbers ul li{
	background: none;
	display: inline;
	padding: 0 4px;
}
div#main-content-wrapper div#main-content div#wp_page_numbers ul li a{
	text-decoration: none;
}
div#main-content-wrapper div#main-content div#wp_page_numbers ul li a:hover,
div#main-content-wrapper div#main-content div#wp_page_numbers ul li.active_page a{
	text-decoration: underline;
}

/* Previous - Next */

div#main-content-wrapper div#main-content ul.post-nav{
	
}
div#main-content-wrapper div#main-content ul.post-nav li{
	background: none;
	display: inline;
	padding: 0 0 4px 0;
}