/*
Theme Name: Kilroy Creative
Theme URI: http://wordpress.org/
Description: Custom theme developed by Kilroy Creative for Serengeti Communications
Version: 1.0
Author: Kilroy Creative
Author URI: 
Tags: kilroy creative, timothy blanchard

*/
/*
	[Serengeti] styles
	Developed by Kilroy Creative - tdb

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only
*/

/* --- Formatting --- */

body
{ color:#403a37; font:normal .75em/1.4em arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#bc6303 }
a:visited
{ color:#bc6303 }
a:hover, a:active
{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 10px 1.2em; padding:0 }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }

.sub p.legal
{ margin:1em 1em .5em 1em; color:#756f6c; font-size:90%; }

/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#504542; background-color:#504542; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }

.clear
{ clear:both; }
/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#504542; margin:0 0 .9em; padding:0; font:bold 140%/1.2 arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }
#content h2, #content h3, #content h4
{ text-shadow: #fff 1px 1px 1px; }

/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet-body.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }
fieldset
{ border-style:none; }

input.btn
{  }

/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
.even, .even td
{ background-color:#e5e5e5 }



/* --- Layout --- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ text-align:center; margin:0; padding:0; background:#9e9995 url(images/bg-main.gif) repeat-x; }

#wrapper
{ text-align:left; zoom:1; width:761px; padding:0 10px 10px 10px; margin:0 auto; background:#fefefe; }
#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* - Header - */
#header
{ zoom:1; padding:0; height:75px; width:761px; }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#header #logo
{
float:left;
margin:10px 0 0 20px;
display:block;
width:154px;
height:60px;
overflow:hidden;
text-indent:-9999px;
background:url(images/header-logo.gif) no-repeat;
}

#top-brown
{ zoom:1; width:761px; padding-top:9px; background:#4b4441; }
#top-brown:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#home-top_photo
{ height:284px; clear:both; }
#home-top_photo img
{ padding:0; margin:0; }

/* Navigation */

#primary-navigation-wrapper
{ zoom:1; width:75%; float:right; }
#primary-navigation-wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

ul#primary-navigation
{ float:right; zoom:1; margin:0; padding:0; }
	ul#primary-navigation:after /* Clear after floats */

	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#primary-navigation li
{
float:right;
padding:0 10px;
border-left:1px solid #c68621;
list-style-type:none !important;
font-size:90%;
}

#primary-navigation li.first-child
{ padding-right:19px !important; }

#primary-navigation li a
{ color:#c3baa1; }
#primary-navigation li a.active
{ color:#fff; }


#primary-navigation li.page-item-87
{ display:none; }

/* - dropdown menu - */
#primary-navigation, #primary-navigation ul { margin:0; padding:0; list-style-type:none; position:relative; line-height:1.5em; z-index:300; width:100%;}
#primary-navigation a { display:block; padding:0.25em 1em; }
#primary-navigation li { float:right; position:relative; }
#primary-navigation ul li { border-left-style:none; }
#primary-navigation ul { background: url(images/bg-dropdown.png); position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#primary-navigation ul.forie6 { background:#4B4441 url(images/nothinghere.gif) !important; }
#primary-navigation li ul {width:14.1em;}
#primary-navigation li ul a {width:12em; height:auto; float:left;}
#primary-navigation ul ul {top:auto;}
#primary-navigation li ul ul {left:8em; margin:0px 0 0 10px;}
#primary-navigation li:hover ul ul, #primary-navigation li:hover ul ul ul, #primary-navigation li:hover ul ul ul ul {display:none;}
#primary-navigation li:hover ul, #primary-navigation li li:hover ul, #primary-navigation li li li:hover ul, #primary-navigation li li li li:hover ul {display:block;}


/* -- network navigation bar --
also have to add the script in order to add className "last" to the last-child tdb */
/*background:url(images/network-bar.gif) no-repeat 100% 0;*/
#network-nav
{ zoom:1; width:62%; float:right; padding:37px 0 0 32px; }
#network-nav:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#network-nav ul
{ zoom:1; padding:0; margin:0; }
#network-nav ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#network-nav ul li
{ float:right; font-size:90%; padding:0 15px; margin:0; list-style-type:none !important; border-right:1px solid #c68621; }

#network-nav ul li.first-child
{ border-right-style:none !important; padding-right:30px !important; }
#network-nav ul li a:link, #network-nav ul li a:visited
{ color:#85807e; }


/* - Home Bottom Boxes - */
#home #content .post h2
{ display:none; }

#home #bottom-area
{ zoom:1; width:761px; overflow:hidden; background:url(images/bg-home_btm_boxes.gif) repeat-x 100% 100%; }
#home #bottom-area:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#bottom-area-tree /* added with jQuery tdb */
{ zoom:1; width:761px; overflow:hidden; min-height:322px; background:url(images/bg-home_btm_tree.gif) no-repeat 100% 100%; }
#bottom-area-tree:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#home #bottom-area .box
{ float:left; min-height:270px; }
* html #home #bottom-area .box
{ height:270px; }

#home #bottom-area #box1
{
width:256px;
padding-bottom:25px;
background:url(images/bg-home_btm_box1.png) no-repeat bottom;
}

#home #bottom-area #box2
{
width:250px;
padding-bottom:25px;
background:url(images/bg-home_btm_box2.png) no-repeat bottom;
}

#home #bottom-area #box3
{
width:255px;
padding-bottom:25px;
background:url(images/bg-home_btm_box3.png) no-repeat bottom;
}

#home #bottom-area .box .inside
{ padding:12px 25px 0 40px; }

#home #bottom-area .box .inside p
{ margin:0 0 1em 0; }

#home #bottom-area .box .inside ul
{ margin:0; padding:0; }

#home #bottom-area .box .inside ul li
{ margin:0 0 .2em; padding:0 0 0 13px; list-style-type:none !important; }

#home #bottom-area #box1 .inside ul li
{ background:url("images/bullet-brown.gif") no-repeat 1px .2em }

#home #bottom-area #box2 .inside ul li
{ background:url("images/bullet-green.gif") no-repeat 1px .2em }

#home #bottom-area #box3 .inside ul li
{ background:url("images/bullet-orange.gif") no-repeat 1px .2em }

#home #bottom-area .box h2
{
margin:0;
padding:0;
}

#home #bottom-area .box h2 a
{
display:block;
overflow:hidden;
text-indent:-9999px;
}

#home #bottom-area #box1 h2 a
{ width:256px; height:43px; background:url(images/home-box_head1.gif) no-repeat; }

#home #bottom-area #box2 h2 a
{ width:250px; height:43px; background:url(images/home-box_head2.gif) no-repeat; }

#home #bottom-area #box3 h2 a
{ width:255px; height:43px; background:url(images/home-box_head3.gif) no-repeat; }

#home #bottom-area .box h2 a:hover
{ background-position:0 -43px !important; }

#home #bottom-area p.newstext
{ clear:both; margin:0; padding:0 40px; color:#4b4441; }

#home #bottom-area p.legal
{ padding:0 15px; color:#756f6c; font-size:90%; }
#home #bottom-area hr
{ color:#c7bdad; background-color:#c7bdad; height:1px; margin:.5em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }


/* - Content area (subpages) - */

#content-wrapper
{ zoom:1; width:761px; background:url(images/bg-content-wrapper.gif) repeat-y; }
	#content-wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#content-wrapper.nobg
{ background-image: none; }


#content
{
zoom:1;
float:left;
width:405px;
padding:29px 50px 0 50px;
}
#content.wide
{
zoom:1;
float:left;
width:555px;
padding:29px 10px 0 14px;
}
#content.nobg
{
background: #fff;
}

	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#content ul li
{ background:url("images/bullet-body.gif") no-repeat 1px .2em; list-style-type:none !important; }


/*-- page headings --*/

#content .post h1.pagetitle
{
display:block;
width:370px;
overflow:hidden;
font: bold 250%/1.2 verdana, helvetica, sans-serif;
text-shadow:#fff 1px 1px 1px;
}

#content .post h2.post-title
{float:left;
display:block;
width:570px;
font-size: 150%;
}

/*
#contact-us #content .post h1.pagetitle
{ background:url(images/hdr-contact-us.gif) no-repeat; text-indent:-9999px; height:60px; }

#our-experience #content .post h1.pagetitle
{ background:url(images/hdr-our-experience.gif) no-repeat; text-indent:-9999px; height:60px; }

#news-events #content .post h1.pagetitle
{ background:url(images/hdr-news-events.gif) no-repeat; text-indent:-9999px; height:60px; }

#newsletters #content .post h1.pagetitle
{ background:url(images/hdr-newsletters.gif) no-repeat; text-indent:-9999px; height:60px; }

#our-philosophy #content .post h1.pagetitle
{ background:url(images/hdr-our-philosophy.gif) no-repeat; text-indent:-9999px; height:60px; }

#about-us #content .post h1.pagetitle
{ background:url(images/hdr-about-us.gif) no-repeat; text-indent:-9999px; height:60px; }

#what-we-do #content .post h1.pagetitle
{ background:url(images/hdr-what-we-do.gif) no-repeat; text-indent:-9999px; height:60px; }

#marketing-services #content .post h1.pagetitle
{ background:url(images/hdr-marketing-services.gif) no-repeat; text-indent:-9999px; height:60px; }

#measurement-analytics #content .post h1.pagetitle
{ background:url(images/hdr-measurement-analytics.gif) no-repeat; text-indent:-9999px; height:60px; }

#training-coaching #content .post h1.pagetitle
{ background:url(images/hdr-training-coaching.gif) no-repeat; text-indent:-9999px; height:60px; }

#help-desk #content .post h1.pagetitle
{ background:url(images/hdr-help-desk.gif) no-repeat; text-indent:-9999px; height:60px; }

#measuring-sm #content .post h1.pagetitle
{ background:url(images/hdr-measuring-sm.gif) no-repeat; text-indent:-9999px; height:60px; }

#White-Papers #content .post h1.pagetitle
{ background:url(images/hdr-white-papers.gif) no-repeat; text-indent:-9999px; height:60px; }
*/

/* Columns */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #e0e0e0; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ margin-right:0; padding-left:1.4% }




/* - Sidebar - */
#sidebar
{
zoom:1;
font-size:90%;
float:left;
width:256px;
margin:0;
}
#sidebar:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#sidebar #inside
{ background: #5f5a51 url(images/bg-sidebar-elephant.jpg) no-repeat 100% 100%; min-height:550px; padding:30px 55px 0 35px; }
* html #sidebar #inside
{ height:550px; }

.what-we-do-side #inside
{ background: #5f5a51 url(images/bg-sidebar-elephant.jpg) no-repeat 100% 100% !important; }

.about-us-side #inside
{ background: #5f5a51 url(images/bg-sidebar-lion.jpg) no-repeat 100% 100% !important; }

.our-experience-side #inside
{ background: #5f5a51 url(images/bg-sidebar-lion.jpg) no-repeat 100% 100% !important; }

.our-philosophy-side #inside
{ background: #5f5a51 url(images/bg-sidebar-lion.jpg) no-repeat 100% 100% !important; }

.news-events-side #inside
{ background: #5f5a51 url(images/bg-sidebar-lion.jpg) no-repeat 100% 100% !important; }

.newsletters-side #inside
{ background: #5f5a51 url(images/bg-sidebar-lion.jpg) no-repeat 100% 100% !important; }

.contact-us-side #inside
{ background: #5f5a51 url(images/bg-sidebar-zebra.jpg) no-repeat 100% 100% !important; }

#sidebar.blog-side
{
float:right;
width:180px;
}
#sidebar.blog-side #inside
{ 
background-color: #F8F8F8;
background-image: none;
padding:30px 10px 0 14px;
}

#sidebar h3
{
font-size:100%;
text-transform:uppercase;
color:#d0cabb;
margin:0 0 .5em 0;
padding:0;
}

#sidebar h3 a
{ color:#d0cabb; }

#sidebar h3 span
{ color:#fff; }

#sidebar p
{ color:#d0cabb; }

#sidebar a:hover
{ color:#fff; }

#sidebar ul li
{
list-style-type:none !important;
color:#d0cabb;
background:url("images/bullet-sidebar.gif") no-repeat 1px .2em;
margin:0;
padding:0 0 0 1em;
}
#sidebar hr
{ color:#c7bdad; background-color:#d0cabb; height:1px; margin:.5em 0; padding:0; border-width:0; overflow:hidden }
	* html #sidebar hr /* IE6 fix */
	{ margin:0 0 1em }

/*
----mailchimp form widget----
*/
#homepage-content-wrapper, #content-wrapper
{ position:relative; }

#homepage-content-wrapper #mailchimp-form-widget
{ top:-280px; left:29%; }

#content-wrapper #mailchimp-form-widget
{ top:0; }


#mailchimp-form-widget
{
zoom:1;
position:absolute;
z-index:500;
width:320px;
color:#D0CABB;
}
#mailchimp-form-widget:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#head-of-monkey
{
display:block;
text-align:right;
padding:15px 45px 0 0;
width:275px;
height:16px;
background:url(images/bg-mailchimp-top.gif) no-repeat;
}

#head-of-monkey a
{ color:#4b4441; }

#mailchimp-form-widget fieldset
{ border-style:none !important; }

#mc-indicates-required
{
margin-top:10px;
color:#fff;
font-weight:bold;
font-style:italic;
}


#mailchimp-form-widget fieldset
{
background: #fff url(images/bg-mailchimp.gif) 50% 100% no-repeat;
}

#mailchimp-form-widget fieldset .mc_merge_var
{ padding:0.5em; }

input.btn
{
color:#D0CABB !important;
padding:5px;
background:#4b4441 !important;
border-style:none !important;
}
.mc_success_msg
{ color:#e6e1d4 !important; }

#mc_signup_container
{
position:relative;
}

#close-me
{
position:absolute;
bottom:15px;
right:5px;
}

#close-me a
{
display:block;
width:40px;
height:40px;
overflow:hidden;
text-indent:-9999px;
background:url(images/mailchimp-close-btn.gif) no-repeat;
}

#mailchimp-form-widget fieldset li
{ background-image:none !important; }

/* Wordpress Image Styles */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}