/* 
Theme Name: Human Engines
Theme URL: http://www.humanengines.com
Description: A custom theme by Kevin Leary and Kristine Jubeck.
Author URI: http://www.freshtilledsoil.com
*/

/* CSS Reset */
@import 'css/reset.css';

/* Form Styles */
@import 'css/forms.css';

/* Dropdown navigation */
@import 'css/dropdown-nav.css';

/* PT Sans font */
@import 'css/fonts/stylesheet.css';


/* General Layout */

#wrapper{ width: 100%}

.inner {
width: 940px;
position: relative;
margin: 0 auto;
}

#content, #footer {position: relative; clear: both;}

#header {background: url(images/grid.png) repeat-y left top;}
	#branding {position: relative; height: 84px;}
		#branding a {
			text-indent: -9999px; 
			background: url(images/logo.png) no-repeat left top;
			width: 228px;
			height: 30px;
			display: block;
			position: absolute;
			top: 30px;
			left: 53px; 
			}
		#branding a:hover { background-position: left -30px;}
	#navigation {
		position: absolute;
		bottom: 0;
		right: 0; 
		}
#content { background: #fff; width: 100%}
#content .inner {background: #fff; padding: 50px 0;}
	#content-main {float: right; width: 700px;}
		#section-title {
			background: #002839; 
			height: 124px; 
			position: relative; 
			color: #fff; 
			font-size: 26px; 
			margin-bottom: 28px;
			font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
			line-height: 1em;
			}
		#section-title span {vertical-align: bottom; position: absolute; bottom: 15px; left: 20px;}
	#content-sub {float: left; width: 140px}
#footer {background: url(images/grid.png) repeat-y left top;}
	#site-info {padding: 20px 0 20px 100px; color: #ccc;}
	
/* Navigation */

#navigation ul {margin: 0;}
	#navigation ul li {font-size: 16px; float: left; font-family: 'PTSansBold', Helvetica, Arial, sans-serif;}
	#navigation ul li a { 
		padding: 14px 20px; 
		display: block; 
		-moz-border-radius: 7px 7px 0 0;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		border-radius: 7px 7px 0 0;
		}
	#navigation ul li.current_page_item a, 
	#navigation ul li.current_page_parent a, 
	#navigation ul li.current_page_ancestor a,
	.team #navigation ul li.page-item-2 a
	{ background: #fff;}
	.team #navigation ul li.current_page_parent a
	{ background: none;}
#sub-nav {
	background: #000; 
	padding: 15px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 10;
	position: relative;
	}
	#sub-nav li {
	list-style-type: none;
	margin: 5px 0;
	}
		#sub-nav li a {
		font-size: 16px;
		padding-left: 20px;
		background: url(images/bullet-grey.png) no-repeat left 5px;
		color: #fff;
		display: block;
		}
		#sub-nav li a:hover {
		color: #00A2C6
		}
		#sub-nav li a:hover, #sub-nav li.current_page_item a, #sub-nav li.current_page_parent a, .team #sub-nav li.page-item-13 a {
		background: url(images/bullet-blue.png) no-repeat left 5px;
		}
#content-sub #tertiary-nav {
	z-index: 1;
	margin-top: -30px;
	padding: 20px 15px 10px 15px;
	position: relative;
	}
#content-sub #tertiary-nav li {
	margin: 5px 0;
	line-height: 1.2em;
	}
	#content-sub #tertiary-nav a { color: #000;}
	#content-sub #tertiary-nav a:hover { color: #00A2C6;}


/* Sidebar */
#sidebar
{
	padding:0;
	margin:0;
}
#sidebar ul li
{
	background:none;
	padding:0;
	margin:0;
}
#sidebar ul li ul,
#sidebar ul
{
	margin-bottom:0;
	padding:0;
}
#sidebar li, #sidebar-cta, #tertiary-nav, #sidebar-module, #contact-module
{
	background:#eaeaea;
	padding:12px;
	margin:0 0 15px 0;
	list-style-type:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#sidebar li form
{
	margin:0;
}
#sidebar #s
{
	width:200px;
}
#sidebar h2, #sub-nav h2
{
	margin:0;
	font-size:12px;
	line-height:1.3em;
	padding: 0 0 5px 0;
}

#sidebar-cta {
font-size: 14px;
padding: 18px 15px 40px 15px;
position: relative;
margin-top: 50px;
}
	#sidebar-cta p {margin-bottom: 1em;}
	#sidebar-cta a {
	display: block;
	width: 78px;
	height: 31px;
	background: url(images/button-green.png) no-repeat left top;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 31px;
	text-align: center;
	position: absolute;
	right: -8px;
	bottom: 15px;
	}
		#sidebar-cta a:hover {
		background-position: left -31px;
		}


/* Post Meta */
.postinfo {
	font-size:10px;
	margin:0;
	padding:0;
	color:#999;
	list-style:none;
	}
.postinfo li {
	float:left;
	padding:0 15px 0 0;
	margin:0;
	font-size:10px;
	}
	.postinfo li.postdata { 
	text-align: center;
	background: url(images/blue-circle.gif) no-repeat left top;
	width: 71px;
	height: 50px;
	color: #fff;
	font: 14px/16px 'PTSansBold', Arial, sans-serif;
	padding: 20px 0 0 0;
	position: absolute;
	top: 0;
	left: -40px;
	}
.archivetitle {
margin-bottom: 30px;
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
#comments h2 {
font-size: 16px;
}
#comments h3 {
font-size: 14px;
}
	
/* Post Navigation */
#post-navigation
{
	width:100%;
	padding:12px 0;
	clear:both;
	border-top:1px solid #eee;
}
#post-navigation ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#post-navigation ul li
{
	width:50%;
	margin:0;
	padding:3px 0 0 0;
}
#post-navigation ul li.newer
{
	text-align:right;
	float:right;
}
#post-navigation ul li.older
{
	text-align:left;
	float:left;
}
#post-navigation ul li a
{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

/* Posts */
.post
{
	padding:1px;
	position: relative;
	padding-left: 40px;
}
.post-title
{
	font-weight:normal;
	margin:0 0 .535em;
	font-size: 1.6em;
}
.post .entry
{
	padding:1px;
	margin:0 0 1.6em 0;
}

/* Entries */
.entry h1 { margin: 1em 0;  }
.entry h2 { margin: 1.07em 0 .535em; }
.entry h3 { margin: 1.14em 0 .57em; }
.entry h4 { margin: 1.23em 0 .615em; }
.entry h5 { margin: 1.33em 0 .67em; }
.entry h6 { margin: 1.6em 0 .8em; }
.entry dt { margin-top: .8em; margin-bottom: .4em; }
.entry ul { margin-left: 1.5em; list-style:disc outside; padding:0 0 0 1.6em }
.entry ol { margin-left: 2.35em; list-style:decimal outside; padding:0 0 0 1.6em }
.entry ol ol, .entry ul ol { margin-left: 2.5em; }

*.alignleft
{
	float:left;
	display:inline;
	margin:0 15px 0.6em 0;
}
*.alignright
{
	float:right;
	display:inline;
	margin:0 0 0.6em 1em;
}
*.aligncenter {
margin: 0 0 1em 0;
}
*.more-link
{
	display:block;
	margin:0 0 1.6em 0;
}
img.leftoffset{
margin-left: -85px;
}

/* Comments */
ol.commentlist {
	list-style:none;
	padding:10px 0 0 0;
	border-top: 1px solid #000;
	margin-top: 10px;
}
ol.commentlist li {
border-bottom: 1px solid #000;
}
ol.commentlist img
{
	float:right;
	display:block;
	border:1px solid #fff;
}
ol.commentlist .author-data
{
	display:block;
	padding:9px 0;
}
ol.commentlist h3
{
	margin:0;
	padding:4px 0 0 0;
}
ol.commentlist h3 a
{
	text-decoration:none;
}
ol.commentlist .comment-meta
{
	margin:0;
	line-height:17px;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
}
ol.commentlist div.comment-entry
{
	clear:both;
	padding:1.2em 1px 1px 1px;
}
ol.commentlist .comment-num
{
	float:right;
	display:inline;
	font-size:36px;
	color:#fff;
	margin:-23px 0 0 0;
}
.commentlist .comment {
	margin-bottom: 20px;
}
.commentlist .children {
	margin-left: 30px;
}
.commentlist .children li {
	margin-left: -20px;
	padding-left: 20px;
	background: transparent url(images/icons/arrow-up.png) top left no-repeat;
}

/* ByPostAuthor (admin) Comment */
#content ol.commentlist li.bypostauthor .author-data
{
	background:#1ebe89;
}
#content ol.commentlist li.bypostauthor h3 a,
#content ol.commentlist li.bypostauthor h3
{
	color:#fff;
}
#content ol.commentlist li.bypostauthor .comment-meta
{
	color:#acefdf;
}
#content ol.commentlist li.bypostauthor .comment-meta a
{
	color:#d8fff6;
	font-weight:bold;
}
#content ol.commentlist li.bypostauthor img
{
	border:1px solid #acefdf;
}

/* Comment Navigation */
ul.navigation
{
	list-style:none;
	margin:0;
}
ul.navigation li
{
	margin:0;
}

/* Comment Form */
form#commentform p
{
	clear:both;
	margin:0 0 12px 0;
}
form#commentform label
{
	width:250px;
	float:left;
}
form#commentform input
{
	float:left;
	margin:0 0 12px 0;
}
form#commentform textarea
{
	padding:4px;
	width:608px;
}
#commentsform #rules-toggle {
	float: right;
	display: inline;
	margin-top: -30px;
	height: 26px;
	display: none;
	margin-bottom: 0;
	padding: 2px 5px;
}
p.comment-rules
{
	background: #fff6bf;
	text-align: left;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
p.comment-disclaimer
{
	font-size:10px;
	color:#999;
}

/* Basic Typography */
body
{
	font:12px/1.6em 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background: #2B2B2B;
}
hr, p, ul, ol, dl, pre, address, table, form { margin-bottom: 1.6em; }
blockquote
{
	font:italic 12px/1.6em Georgia, Times, serif;
	padding:1em 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#888;
	margin:0 0 1em 0;
}
blockquote p
{
	margin:0;
}
p.citation cite
{
	font-style:normal;
	font-weight:bold;
}
/* Headings */
h1, h2, h3, h4, h5, h6
{
	font: 18px/27px 'PTSansBold', Arial, sans-serif;
	line-height:1.3em;
	font-weight: normal;
}
#content-main *:first-child {
margin-top: 0;
}
/* Font Size */
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

a:link,
a:visited
{
	color:#00A2C6;
	text-decoration:none;
}
a:hover,
a:active
{
	color:#00D0FF;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited {
color: #000;
}

/*.page #content-main p a:link, .page #content-main p a:visited {
background: #00A2C6;
padding: 2px 4px;
font-family: 'PTSansBold', Arial, sans-serif;
color: #fff;
}
.page #content-main p a:hover, .page #content-main p a:active {
	background:#00D0FF;
}*/
strong {
font-weight: bold;}
.entry h1 {
margin-top: 0;
}

/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Homepage */
.page-template-frontpage-php #content {
background: #fff url(images/home-arrow-bg.gif) no-repeat center 50px;
}
.page-template-frontpage-php #intro {
height: 147px;
width: 100%;
background: url(images/home-devices.gif) no-repeat right top;
padding-bottom: 50px;
}
.page-template-frontpage-php h1 {
height: 146px;
width: 354px;
background: url(images/home-arrow.gif) no-repeat right top;
color: #fff;
font-size: 30px;
padding: 15px 40px 5px 46px;
line-height: 1.2em;
}
div#slider,
div.slider {
border: 1px solid #acacac;
padding: 20px;
border-radius: 15px;
height: 225px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
overflow: hidden;
margin: 0;
position: relative;
}
.page-template-frontpage-php ul#featured li {
height: 225px;
padding-bottom: 20px;
width: 900px;
}
.entry ul#featured li {
list-style-type: none;
}
div#slider #navigation {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 10;
margin: 0;
display:none;
}
#slide_nav {
	position:absolute;
	bottom:0;
	z-index:100;
}
#slide_nav li{
float: left;
background: url(images/slider-nav.png) no-repeat left top;
width: 14px;
height: 12px;
margin-right: 3px;
}
#slide_nav li:hover, #slide_nav li#button_selected {
background-position: left -12px;
}

ul#featured .feature-img {
float: right;
margin-left: 20px;
}
ul#featured h1, ul#featured h2, ul#featured h3 {
font-size: 20px;
margin-bottom: 1em;
}
ul#featured p {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 1em;
}

.sup-content {
margin-top: 50px;
width: 960px;
}
.sup-content h2 {
background: #000;
color: #fff;
padding: 5px 10px;
font-size: 20px;
margin: 0 20px 25px 0;
}
.sup-content div {
width: 220px;
padding-left: 80px;
margin-right: 20px;
float: left;
background-repeat: no-repeat;
}

.sup-content div h3 {
font-size: 20px;
margin-bottom: 5px;
}
.sup-content div p {
font-size: 12px;
line-height: 1.4em;
}

/* About */
#about-intro ul{
border-bottom: 1px solid black;
margin: 0 0 50px 0;
padding: 0;
}
#about-intro li{
list-style-type: none;
border-top: 1px solid black;
font-size: 24px;
line-height: 1.3em;
position: relative;
font-family: 'PTSansRegular', Arial, sans-serif;
}
#about-intro li span {
position: absolute;
width: 188px;
left: 20px;
top: 20px;
text-align: right;
}
#about-intro li strong {
font-family: 'PTSansBold', Arial, sans-serif;
font-weight: normal;
}

/* Team Index */
#team-list {
width: 720px;
}
#team-list li:first-child {
border-top: 1px solid #000;
}
#team-list li{
width: 120px;
margin: 0 20px 0 0;
position: relative;
float: left;
padding: 25px 0 25px 100px;
border-bottom: 1px solid #000;
height: 80px;
}
#team-list li h2{
font-size: 16px;
line-height: 1.3em;
}
#team-list li img{
width: 81px;
height: 81px;
position: absolute;
left: 0;
top: 25px;
}
#team-list li p{
margin-bottom: .5em;
}
#team-list li.featured-member {
width: 540px;
padding-left: 160px;
float: none;
height: auto;
min-height: 140px;
}
#team-list li.featured-member h2{
font-size: 18px;
}
#team-list li.featured-member img{
width: 140px;
height: 140px;
}
p.title {}

/* Services Index */
.service-areas {
width: 720px;
overflow: hidden;
margin: 20px 0;
}
.service-areas div {
width: 220px;
margin-right: 20px;
text-align: center;
float: left;
}
.service-areas div h3{
font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
color: #fff;
background: #7727B7;
padding: 15px 10px;
margin: 0;
}
.service-areas div.col2 h3{background: #C6C400;}
.service-areas div.col3 h3{background: #00A2C6;}

.service-areas div ul {
margin: 0;
padding: 12px;
background: #EAEAEA;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-radius: 0 0 10px 10px;
font-size: 13px;
line-height: 1.2em;
height: 170px;
}
.service-areas div ul li {
list-style-type: none;
margin: 12px 0;
}

.services-expertise {
float: left;
width: 460px;
}
.services-expertise div{
padding-left: 60px;
}
.services-expertise div img.alignleft{
margin: 0 0 0 -60px;
}
.content-main-aside {
margin-left: 480px;
}
.platforms {
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
padding: 10px;
margin-bottom: 20px;
}
.call-out {
background: #00A2C6 url(images/callout-top.png) no-repeat left top;
color: #fff;
padding: 73px 10px 10px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.call-out ul{
margin: 0;
padding: 0;
}
.call-out ul li{
border-top: 1px dotted #fff;
padding: 7px 0;
list-style-type: none;
}

/* Services Single */
.page-template-services-single-php #content .entry {
padding-left: 20px;
}
.page-template-services-single-php #content .entry h1{
padding-left: 50px;
height: 80px;
}
.page-template-services-single-php #content .entry h1 img.alignleft{
margin: 0 0 0 -85px;
}

.ie6 {background-image: none;}
.ie6 #navigation {width: 400px;}
.ie6 #about-intro li span {left: -195px;}
.ie6 #sidebar-cta a {top: 150px;}
.ie6 .postinfo li.postdata {left: -80px;}

/*@media screen and (max-width: 600px) {
  .inner {
  padding: 20px;
  }
  .inner,
  #branding,
  #content-main,
  #content-sub,
  .sup-content,
  .sup-content div,
  ul#services-index, ul#services-index li {
    float: none;
    width: auto;
  }
  #branding {height: 110px;}
  #branding a {left: 0;}
  #navigation {left: 0;}
  #site-info {padding:0;}
  .page-template-frontpage-php #intro {background-position: center bottom; padding-bottom: 100px;}
  .page-template-frontpage-php h1 {
  background: none;
  color: #000;
  width: auto;
  padding: 0;
  text-align: center;
  }
  .sup-content h2 {margin-right: 0;}
  .page-template-frontpage-php #content {background-image: none;}
  div#slider {display: none;}
}*/