/*
Theme Name: Maddox Theme
Theme URI: http://wordpress.org/
Description: Wordpress theme for maddoxindustrial
Author: Silver Square
Author URI: http:/www.silversquareinc.com

*/

html * { margin: 0; padding: 0; }
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	text-align: center;
	color: #000;
	}

/* HEADERS ************************************************/
h1, h2, h3, h4, h5, h6 { 
	margin-bottom: 8px;
}
h1, h2 { font-size: 2.0em; margin-top: 20px; }
h3 { font-size: 1.6em; margin-top: 50px; }
h4 { font-size: 1.2em; margin-top: 40px; }


/* FONT SIZE **********************************************/
p, td, li, blockquote { font-size: 1.4em; }
td p, td li, li li, blockquote blockquote, blockquote p, li p { font-size: 1.0em; }


/* COLOR **************************************************/
a, a:visited { 
	color: #fff;
	text-decoration: none; 
}
a:hover { text-decoration: underline; }
blockquote { 
	padding-left: 10px;
	border-left-width: 1px; border-left-style: solid; border-left-color: #777;
	color: #777;
}
img { border: none 0; }

/* SPACING ************************************************/
p { line-height: 180%; }
p, ul, ol { margin-bottom: 20px; }
li { 
	margin: 10px 0 10px 30px;
}
blockquote {
	margin: 20px 30px 20px 10px;
}
hr { margin: 30px 0; }
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 1.1em;
}
.alignleft { float: left; }
.alignright { float: right; }
.textright { text-align: right; }
.aligncenter { margin-left: auto; margin-right: auto; }
.clear { clear: both; height: 1px; }
img.alignright {float:right; margin: 0 0 11px 11px; }

/* TABLES ***************************************************/
table { border-collapse: collapse; }
td { 
	vertical-align: top; 
	padding: 2px 4px;
}

/* End Reset */
body {
	margin: auto;
}
#wrap {
	width: 880px;
	text-align: left;
	margin: auto;
	padding-top: 22px;
}

/* Header */
#header {
	height: 109px;
}
#header #logo {
	width: 237px; height: 72px;
	background: url('images/logo.jpg') top left no-repeat;
	margin-bottom: 13px;
	float: left;
}
#nav-bar {
	clear: left;
	background: #003333 url('images/nav-bar-piece.png') top left repeat-x;
	height: 22px;
}
#nav-bar ul, #quiz-ad ul, #client-quote ul{
	list-style:none;
}
#nav-bar li {
	float: left;
	margin: 2px 2px 0 44px;
}



/** 
 * First Content Row on Home Page 
 * containing client example pictures and T.R.U.S.T box
 */
 
/* client pictures area */
#first-content-row {
	margin: 8px 0 8px 0;
}
#clientpictures {
	width: 578px;
	height: 342px;
	display: inline;
}

#clientpictures .item {
	width: 285px;
	height: 171px;
}
#clientpictures .banner-padding {
	padding-top: 90px;
}
#clientpictures .banner {
	width: 285px;
	height: 44px;
	background: url('images/trans_banner.png') top left no-repeat;
	padding-top: 12px;
}
#clientpictures .add-margin {
	margin-top: 10px;
}
#kroger {
	background: url('images/kroger.jpg') top left no-repeat;
}
#royce {
	background: url('images/royce.jpg') top left no-repeat;
}
#hauser {
	background: url('images/hauser.jpg') top left no-repeat;
}
#unicem {
	background: url('images/unicem.jpg') top left no-repeat;
}
#first-content-row .right-margin {
	margin-right: 8px;
}
#first-content-row .top-margin {
	margin-top: 8px;
}
#first-content-row .left-margin {
	margin-left: 8px;
}
#first-content-row .bottom-margin {
	margin-bottom: 8px;
}
/* T.R.U.S.T Box */
#trustbox {
	float: left;
	width: 293px;
	height: 350px;
	background: #003333 url('images/nav-bar-piece-large.png') top left repeat-x;
	color: #FFF;
}
#trust-wrap{
	padding:8px;
}
#trust-logo-margin {
	margin: 10px 0 20px 8px;
}
#trust-logo {
	width: 258px;
	height: 47px;
	background: url('images/trust.png') top left no-repeat;
}
#trustbox #brochure-margin {
	margin: 2px 0 0 12px;
}
#trustbox #brochure {
	float: left;
	width: 98px;
	height: 146px;
	background: url('images/brochure.png') top left no-repeat;
}
#trustbox .button, .button-on-guide {
	width: 124px;
	height: 25px;
	float: right;
	margin: 6px;
}
#trustbox .title {
	margin: 6px 0;
}
#trustbox .line {
	width: 275px; 
	height: 1px; 
	background-color: #fff; 
	margin: 0px; 
	overflow:hidden;
}
.yellow {
	background-color: #FFD600;
}
#trustbox .add-margin {
	margin-top: 5px;
}
.button-on-guide .add-margin {
	margin-top:5px;
}
.button-on-guide {
	margin-left: 35px;
	clear: left;
	float: left;	
}

/** 
 * Second Content Row on Home Page 
 * contains quiz ad, client quote, and blog feed
 */

#second-content-row { }
#second-content-row .line {
	height: 3px;
	overflow: hidden;
}
#second-content-row .line-margin {
	margin-bottom: 14px;
}
#column-one {
	width: 578px;
	height: 275px;
	display: inline;
}
/* Quiz Ad */
#quiz-ad { }
#quiz-ad .ad-header {
	/* the text "Which are you?" */
	margin: 4px 0 4px 0;
}
#quiz-ad .ad-desc {
	/* below "Which are you?"; the text "An Experience Enjoyer?", "A Truth Seeker?", etc... */
	width: 350px;	
}
#quiz-ad .desc-margin {
	margin-left:60px;
}
#quiz-ad li {
	margin: 7px 0;
}
#quiz-ad li.first {
	margin-left: 30px;
}
#quiz-ad li.last {
	margin-left: 36px;
}
#second-content-row .button {
	width: 135px;
	height: 115px;
}
#second-content-row .button-margin {
	margin: 4px 33px 0 0;
}
#second-content-row .add-margin {
	margin: 3px 0 0 8px;
}
/* Client Quote */
#client-quote { 
	margin-left: 24px;
}
#client-quote li {
	margin: 0 0;
}
#client-quote li.second {
	margin-left: 144px;
	margin-top: -2px;
}
#client-quote li.last {
	margin-top: 6px;
	margin-left: 40px;
}
#client-quote .author {
	float: right;
	margin-right: 98px;
	margin-top: -8px;
}
/* Blog Feed */
#column-two { 
	width: 288px;
	height: 275px;
}
#second-content-row .left-margin {
	margin-left: 14px;
}
#fromtheblog {
	width: 101px;
	height: 29px;
	background: url('images/fromtheblog.png') top left no-repeat;
}
#posts {
	margin-top:10px;
}
.blog-post {
	margin-left: 3px;
	margin-bottom: 20px;
}
.blog-post p {
	margin:0;
	padding:0;
}
.blog-title {
	margin: 0 0 14px 0;
}
.blog-text {
	padding-top: 0px;
}
#posts a {
	color: #006699;
}
.text-black {
	color: #000;
}
.text-blue {
	color: #006699;
}
.text-gray {
	color: #999;
}
.text-dark-gray {
	color: #666;
}

/** 
 * Individual Pages
 */
 
/* Page Content */
#content {
	width: 588px;
	margin-top: 8px;
}

#people h2 a { color: #000; }
#people h2 { margin-bottom: 10px; }
.entry {
	width: 492px;
}
#people .entry {
	width: 470px;
}
#companypage .entry {

}
.entry p{
	margin-left: 35px;
	line-height: 18px;
}
#content h2 {
	margin-top: 0px;
	font-size: 22px;
}
.left-margin {
	margin-left: 8px;
}
/* Sidebar */
.sidebar {
	width: 284px;
	margin-top: 8px;
}
a.alignleft {
	float: left;
}
.sidebar .button {
	width:135px ;
	height: 108px;
}
.sidebar .blue {
	background-color: #0099CC;
}
.sidebar #trustbox-small {
	width: 284px;
	height: 122px;
	background: #003333 url('images/nav-bar-piece-med.png') top left repeat-x;
	color: #fff;
}
.sidebar #trust-wrap{
	padding:12px;
}
.sidebar #trust-logo-margin {
	margin: 10px 0 15px 4px;
}
.sidebar #trust-logo {
	width: 258px;
	height: 47px;
	background: url('images/trust.png') top left no-repeat;
}
.sidebar #trustbox-small .title {
	margin: 4px 0;
}
.sidebar #trustbox-small .line {
	width: 260px; 
	height: 1px; 
	background-color: #fff; 
	margin: 0px; 
	overflow:hidden;
}
.sidebar #joinnewsletter {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	height: 25px;
}
#searchform span {
	margin-left: 4px;
	padding-top: 3px;
	font-size: 12px;
}
.sidebar #row3 span {
	color: #FFF;
	margin-left: 4px;
}
.sidebar #row3 a:hover { 
	color: #FFF;
}
.sidebar #joinnewsletter span {
	margin-left: 0;
}
#row1, #row2, #row3, #row4{
	float: left; clear:left;
	margin-bottom: 11px;	
}
#row1, #row2, #row3, #rpw4{
	width:284px;
}
#searchform, #newsletterform { 
	text-align: center; 
}
#searchform input, #search-form-label, #newsletterform input, #email-form-label { 
	float:left; 
	clear:none; 
	margin: 0 3px 0 0; 
}
#email-form-label {
	padding-top: 3px;
	font-size: 12px;
}	
#blog a {
	color: #000;
}
p.postmetadata a, p.postmetadata a:visited {
	color: #000;
}
.page a, .page a:visited {
	color: #000;
}
#nav-bar a, #nav-bar a:visited {
	color: #FFF;
}
.service a, .service a:visited {
	color: #FFF;
}

/* Full page content (sans sidebar) */
#content-full {
	width: 880px;
	margin-top: 8px;
	text-align:center
}
#content-full .entry {
	width: 720px;
	text-align:left;
}
#content-full .post{
	float:none;
	width: 700px;
	margin: auto;
}
.entry p{
	margin-left: 35px;
	line-height: 18px;
}
/* Services Page */
.singlecol {
	width: 720px;
}
.leftcol, .rightcol  {
	width: 320px;
	font-size: 12px;
}
.leftcol {
	clear: left; float: left;
}
.rightcol {
	clear: right; float: right;
}

#services .iconblock {
    display: block;
    padding: 0 35px;
    float: left;
}
.teaserrow { 
    clear: both;
    padding-top: 25px;
}
#teaser {
    width: 261px; height: 137px;
    float: left;
  	background: top left no-repeat;
}
#iconrow1, #iconrow3 {
    padding-left: 138px;
}
#iconrow2 {
    padding-left: 22px;
}
#iconrow3 .iconblock { 
	padding-bottom: 35px; 
}
#teaseservice {
    margin: 15px 13px 0 13px;
    font-weight: bold;
    font-size: 13pt;
    height: 30px;
	color: #FFF;
}
#teasetext {
    margin: 0 13px;
    font-size: 1.3em;
    font-style: italic;
	color: #FFF;
}
#services ul {
	margin-left: 35px;
}
#service-single .sidebar, #people .sidebar, #people-single .sidebar, #projects .sidebar, #clients .sidebar, #company .sidebar, #page .sidebar {
	width: 327px;
	background: #003333 url('images/sidebar-piece.png') top left repeat;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 12px;
}
#page .sidebar {
	width: 276px;
	margin-top: 0px;
}
#company .sidebar {
	width: auto;
}
#clients .sidebar {
	width: 284px;
	margin: 8 0 0 0;
	padding: 12 0 0 0;
	background: #FFF none;
}
#clients .sidebar .client_image {
	margin: 18px 0;
	text-align: center;
	height: 65px; /*70px;*/
	width: 137px; /*148px;*/ 
	overflow: hidden;
}
#service-single #content, #people #content, #people-single #content, #projects #content{
	width: 535px;
}
#companypage #content {
	width: 400px;
}
.company_image img{
	margin-bottom: 3px;
}
#clientpage #content {
	width: 560px;
}
.label {
    margin-left: 75px;
    font-size: 1.4em;
    font-weight: bold;
}
.service, .case_study {
    clear: both;
    width: 100%;
    float: right;
    margin: 0 0 16px -75px;
}
.service img { 
    border-width: 0; border-style: none;
    float: left;
	margin-left: 6px;
	margin-right: 6px;
}
.service a, .case_study a { color: #fff; }
.navigation { padding-right: 10px; }
/* Projects Page */
#projects h2 {
	margin-botttom: 0px;
	padding-bottom: 0px;
}
#projects .entry h3 {
	clear: left;
	margin-top: 12px;
	margin-left: 35px;
	padding: 0px;
}
#projects .icons {
	float:left;
	margin-left: 35px;
	margin-bottom: 35px;
	display: block;
}
#projects .icons img {
	margin: 2px;
}
#projects .sidebar img {
	border: #FFF 1px solid;
	/*width: 68px; 
	height: 40px;*/
}
.sidebar div.subtitle {
    font-size: 0.9em;
    font-weight: normal;
	font-style: italic;
	color: #FFF;
}
.gallery {
	padding-bottom: 20px;
}
/* Contact Page */
#contact a, #contact a:visited {
	color: #069;
}
/* Typography */
#nav-bar li {
	/* Top navigation links */
	font-size: 14px;
}
#clientpictures .banner {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
#trustbox, .sidebar #trustbox-small {
	font-size: 12px;
	word-spacing: 2px;
}
#trustbox .title, .sidebar #trustbox-small .title{
	font-weight: bold;
	text-align: center;
}
#trustbox .description {
	line-height: 22px;
}
#trustbox .button, .button-on-guide {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#row1 a, #row1 a:visited {
	color:#FFF;
}
#second-content-row .button, .sidebar .button {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	line-height: 36px;
}
#column-one a, #column-one a:visited {
	color: #FFF;
}
#clientpictures a, #clientpictures a:visited {
	color: #FFF;
}
#trust-wrap a, #trust-wrap a:visited {
	color: #FFF;
}
.sidebar .button-two {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	line-height: 33px;
}
.ad-header {
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 1px;
}
.ad-desc li {
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.ad-desc li.second {
	font-size: 20px;
}
#client-quote li {
	font-family: Georgia, 'Times New Roman';
	font-size: 18px;
	word-spacing: 2px;
}
#client-quote span.med {
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 1px;
}
#client-quote span.big {
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 35px;
}
#client-quote .author {
	font-size: 11px;
}
.blog-post *{
	font-size: 12px;
	line-height: 18px;
}
.blog-title {
	font-weight: bold;
}
a.post-edit-link { color: #000; }
#footer { margin:auto;  }
a.rss span:hover { text-decoration: underline; }
/*
_______________________
Quiz Specific Styles */
#content .post .entry form#post { margin: 30px 0 0 10px; width: 500px;}
#content .post .entry form#post input { margin-left: 40px; clear: left; float:left;}
#content .post .entry form#post li { float: left; clear: left; }
#content .post .entry form#post label { font-size: 12px; padding-bottom: 2px; float: left; clear: left; margin-left: 54px; margin-top: -18px; padding: 4px;}
#content .post .entry form#post p.submit input{ margin-top: 4px; }
.page-id-417 #content .post .entry p { width: 470px; }
.page-id-417 edit-post-link { clear: left; }
#quiz-result { position: relative; left: 40px;}
#quiz-result p { margin-left: 0px; }


body.page-id-518 ul {
margin-left: 23px;
}
body.page-id-518 #post-518 a {
	text-decoration: underline;
}
#post-462 a.button { color:#FFF; }

.blog-trust-banner-wrap {
	margin-left: 35px; 
	margin-top: -5px;
	margin-bottom: 9px;
}
.blog-trust-banner-wrap a, .blog-trust-banner-wrap a:visited, .blog-trust-banner .title { color:#FFF; }
.trust-wrap { padding: 12px 12px 13px 12px; }
.blog-trust-banner {
	overflow:hidden;
	width: 457px;
	height: 52px; 
	background: url(images/blog-banner-bg.jpg) top left repeat;
}
.blog-trust-banner .title {
	margin: 4px 0;
	font-size: 12px;
	width: 270px;
	word-spacing: 2px;
}
.blog-trust-banner .line {
	width: 260px; 
	height: 1px;
	background-color: #fff; 
	overflow:hidden;
}
.blog-trust-logo-wrap {
	margin: -2px 4px 5px 0;
}
.blog-trust-logo {
	float: right;
	background: url(images/trust-logo-small.jpg) top left no-repeat;
	width: 153px;
	height: 29px;
}