/*
Theme Name: Pratch & Company
Description: Pratch & Company Theme
Theme URI: http://beehivemedia.com
Version: 1.0
Author: BeehiveMedia
Author URI: http://beehivemedia.com
*/

/* CSS Document that Re-sets and Normalizes HTML Elements */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-style: inherit;
	font-size: 100%;
}

/* Body, Clear Float and Image Styles */

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: Helvetica,Arial,sans-serif;
}

table.gridtable {
	font-family: Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable tr {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
}

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

.clearfix {
	zoom: 1
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
	margin: 0 20px 0 0;
}

em {
	font-style: italic;
}

img {
	border: none;
}

img.icon {
	vertical-align: middle;
	margin: 0 5px 0 0;
	border: none;
}

/**************************** Links Section **************************/

/* Default Colors */
a {
	color: #1B457D;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

#secondary_sidebar a {
	font-size: 13px;
}

ul.subpages-container li a {
	font-size: 14px;
	font-weight: bold;
}

ul.subpages-container li ul.children a, #secondary_sidebar ul.subpages-container li ul.children a {
	font-size: 14px;
	font-weight: normal;
}

ul.subpages-container-team li a {
	font-size: 14px;
	font-weight: normal;
}

ul.subpages-container-team li ul.children a {
	font-size: 14px;
	font-weight: normal;
}

#footer h1 a {
	color: #999;
	font-size: 48px;
	line-height: 48px;
	margin: 0 0 10px;
}

#footer a {
	color: #000;
}

#footer a:hover {
	color: #ff0000;
}

/**************************** Wrapper Section **************************/

#wrapper {
	background: #fff;
	width: 778px;
	margin: 0 auto;
	padding: 25px;
	line-height: 1.0em;
}

/**************************** Branding Section **************************/

#header {
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px 0px;
	background: #000;
}

/**************************** Logo Section **************************/

#header h1#logo {
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0px 10px;
	font-size: 14px;
}

#header h1#logo a {
	display: block;
	border: none;
	color: #fff;
	text-decoration: none;
}

#header ul#header-info {
	display: block;
	float: right;
	width: 500px;
	margin: 0px;
	padding: 0 0 0 0;
}

#header ul#header-info li {
	display: block;
	float: right;
	width: auto;
	font-size: 13px;
	list-style-type: none;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	border-right: solid 1px #ddd;
}

#header ul#header-info li.first {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}

#header ul#header-info li a {
	color: #333;
	text-decoration: none;
}

#header ul#header-info li a:hover {
	color: #333;
	text-decoration: underline;
}

#header form {
	float: right;
	clear: right;
	text-align: right;
	display: block;
	width: auto;
	padding: 0;
	margin: 8px 0 0 0;
}

#header form input {
	width: 251px;
	height: 20px;
	border: solid 1px #ccc;
	padding: 2px 3px;
	font-size: 12px;
	margin-right: 7px;
}

#header form input.search_button {
	background: #444;
	padding: 3px 10px;
	border: solid 1px #222;
	color: #fff;
	text-shadow: 0 2px 3px #000;
	text-transform: uppercase;
	cursor: pointer;
	width: auto;
	height: auto;
	font-size: 12px;
	margin: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#header form input.search_button:hover, #header form input.search_button:focus {
	background: #ccc;
	border: solid 1px #222;
	border: solid 1px #ccc;
}

/**************************** Navigation Section **************************/

#navigation {
	display: block;
	margin: 14px 0 0 0;
	padding: 0px 0px;
	border: none;
	letter-spacing: -0.0175em;
	border-bottom: solid 2px #ff0000;
}

#navigation ul {
	display: block;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	display: block;
	float: left;
	width: auto;
	font-size: 14px;
	line-height: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation ul li.last a, #navigation ul li.search {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}

#navigation ul li a {
	color: #000;
	font-weight: bold;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 12px 9px 12px 0px;
	border: none;
}

#navigation ul li a:hover {
	color: #ff0000;
	text-decoration: none;
}

#navigation ul li.current_page_item a {
	color: #ff0000;
}

#navigation ul li.current-page-item-wds {
	color: #ff0000;
	margin-right: 60px;
	margin-left: -20px;
}

#navigation ul li.current-page-item-wds a {
	color: #00457c;
	font-size: 18px;
}

.placeholder {
	color: #888;
}

/**************************** Main Content Section **************************/

#maincontent {
	display: block;
	margin: 0px;
	padding: 20px 0 20px 0;
	min-height: 370px;
}

#content {
	display: block;
	float: left;
	width: 390px;
	margin: 20px 0px;
}

#post {
	padding: 0px;
	margin: 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Typography Styles for Main Content Area */

#content h1 {
	font-size: 48px;
	line-height: 48px;
	color: #000;
	font-weight: bold;
	margin: 0 0 20px 0;
	letter-spacing: -0.0175em;
}

#content h2 {
	font-size: 19px;
	line-height: 19px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#content h3 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #fff;
}

#content h4 {
	font-size: 16px;
	margin: 0 0 10px 0;
	color: #ccc;
	font-weight: normal;
}

#content p {
	font-size: 14px;
	color: #222;
	line-height: 1.7em;
	margin: 0 0 24px 0;
}

#content ul, #content ol {
	margin: 0 0 30px 20px;
	padding: 5px 0 0 20px;
}

#content ul li, #content ol li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #ccc;
	list-style-type: inherit;
}

#content blockquote {
	display: block;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	padding: 10px 15px;
	background: #f8f8f8;
	border: solid 1px #ccc;
	color: #146C9E;
	line-height: 1.5em;
	margin: 8px 0 12px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#content blockquote:hover, #content blockquote:focus {
	box-shadow: 0 0 12px #DDDDDD;
	-moz-box-shadow: 0 0 12px #DDDDDD;
	-webkit-box-shadow: 0 0 12px #DDDDDD;
}

#content cite {
	font-size: 11px;
	text-align: right;
	color: #666;
	text-transform: uppercase;
	font-style: normal;
	display: block;
	margin: 0 0 25px 0;
}

#content img {
	display: block;
	border: none;
}

#content img.alignright {
	display: block;
	float: right;
	border: solid 1px #666;
	margin: 0 0 14px 24px;
}

#content img.alignnone {
	display: block;
	float: none;
	border: solid 1px #666;
	margin: 0 0 14px 0;
}

#content img.alignleft {
	display: block;
	float: left;
	border: solid 1px #666;
	margin: 0 24px 14px 0;
}

#meta p {
	font-size: 11px;
	color: #ccc;
	line-height: 1.7em;
	margin: 10px 0;
}

#photo {
	float: left;
	margin: 0 40px 10px 0;
	border: 5px #fff solid;
}

#photo img:hover, #photo img:focus {
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-moz-box-shadow: 0 2px 5px #ccc;
	-webkit-box-shadow: 0 2px 5px #ccc;
	box-shadow: 0 2px 5px #ccc;
	-webkit-transition: -webkit-transform 0.1s ease-in;
}

#photohome {
	float: left;
	margin: 0 5px 5px 0;
	border: 5px #fff solid;
}

#photohome img:hover, #photohome img:focus {
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-moz-box-shadow: 0 2px 5px #ccc;
	-webkit-box-shadow: 0 2px 5px #ccc;
	box-shadow: 0 2px 5px #ccc;
	-webkit-transition: -webkit-transform 0.1s ease-in;
}

/**************************** Sidebar-Specific Styles **************************/

#sidebar, #secondary_sidebar {
	border: 1px #000 solid;
	display: block;
	float: right;
	width: 346px;
	padding: 20px;
	margin-top: 20px;
}

#secondary_sidebar {
	clear: both;
	float: right;
}

#sidebar ul, #sidebar ol, #sidebar li {
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
}
#sidebar ol li   {
	margin: 0 0 0px 30px;
	padding: 0px 10px 10px;
}

#sidebar ul li  {
	margin: 0 0 0px 30px;
	padding: 0px 10px 10px;
	list-style: disc outside;	
}

#sidebar ol.small, #sidebar ul.small, #sidebar ol.small li, #sidebar ul.small li   {
	font-size:11px;
	color: #000;
	line-height: 1.5em;
}	

#sidebar ol.small li   {
	margin: 0 0 0px 30px;
	padding: 0px 10px 10px;
}

#sidebar ul.small li  {
	margin: 0 0 0px 30px;
	padding: 0px 10px 10px;
	list-style: disc outside;	
}


#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	font-size: 13px;
	color: black;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

/* #sidebar h3 {
	font-size: 14px;
	color: #444;
	font-weight: bold;
} */

#sidebar p {
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#sidebar li ul {
	margin: 0 0 0px 20px;
	padding: 0 0 0 0px;
}

#sidebar li ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 13px;
	color: #fff;
}

#publications p {
	text-indent: -20px; 
	margin-left: 20px;
}

#selectclients img {	
	margin: 0 0 20px 0;
}


/* Lower Sidebar Area */

#secondary_sidebar ul, #secondary_sidebar li {
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
}

#secondary_sidebar ul li {
	margin: 0 0 0px 0px;
	padding: 0px 10px 0px;
	list-style: none;
}

#secondary_sidebar h2 {
	font-size: 13px;
	color: black;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#secondary_sidebar h3 {
	font-size: 14px;
	color: #444;
	font-weight: bold;
}

#secondary_sidebar p {
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#secondary_sidebar li ul {
	margin: 0 0 0px 20px;
	padding: 0 0 0 0px;
}

#secondary_sidebar li ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 13px;
	color: #fff;
}

#contactdetails {
	font-size: 13px;
	margin: 0 0 20px 0;
}

#address {
	float: left;
	margin: 0 65px 0 0;
}

#phone {
	float: left;
}

/* Subnav Accordion */

ul.subpages-container li.parent ul.children {
	display: none;
}

ul.subpages-container li {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	padding: 0px 10px 10px 30px!important;
	margin: 0px!important;
	list-style: none!important;
}

ul.subpages-container li.parent {
	
}

ul.subpages-container li.parent.collapsed {
	background: url('img/parentcollapsed.png') top left no-repeat;
}

ul.subpages-container li.parent.open {
	background: url('img/parentopen-new.png') top left no-repeat;
}

ul.subpages-container li ul.children {
	padding: 10px 0 0!important;
}

ul.subpages-container li ul.children li {
	padding: 0px 10px 10px 10px!important;
}

div#teamparent {
	
}

div#teamparent p {
	padding: 0px 0px 0px 30px!important;
	font-size: 16px;
	font-weight: normal;
	color: #4B81AA;
}

div#teamparent p.collapsed {
	background: url('img/parentcollapsed.png') top left no-repeat;
}

div#teamparent p.open {
	background: url('img/parentopen-new.png') top left no-repeat;
}

ul.subpages-container-team {
	display: none;
	margin: 0 0 0 30px;
}

ul.subpages-container-team li {
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #0099FF;
	margin: 0px!important;
	list-style: none!important;
}

ul.subpages-container-team li {
	padding: 10px 0 0!important;
}

ul.subpages-container-team li ul.children li {
	padding: 0px 10px 10px 10px!important;
}

/* Publications */

#pub1, #pub2, #pub3, #pub4, #pub5, #pub6, #pub7, #pub8, #pub9, #pub10, #pub11 {
	color: #fff;
	font-size: 13px;
	margin: 0 0 10px 0;
}

#pub1 p, #pub1 img, #pub2 p, #pub2 img, #pub3 p, #pub3 img, #pub4 p, #pub4 img, #pub5 p, #pub5 img, #pub6 p, #pub6 img, #pub7 p, #pub7 img, #pub8 p, #pub8 img, #pub9 p, #pub9 img, #pub10 p, #pub10 img, #pub11 p, #pub11 img {
	display: none;
	padding: 0 0 0 30px;
}

#pub1 em, #pub2 em, #pub3 em, #pub4 em, #pub5 em, #pub6 em, #pub7 em, #pub8 em, #pub9 em, #pub10 em, #pub11 em {
	font-style: italic;
}

#sidebar h3.pubtitle {
	padding: 0 0 0 30px;
	min-height: 17px;
	color: #4B81AA;
}

h3.pubtitle.collapsed {
	background: url('img/parentcollapsed.png') top left no-repeat;
}

h3.pubtitle.open {
	background: url('img/parentopen-new.png') top left no-repeat;
}

/* Reading */

div.interests_block {
	width: 150px;
	float: left;
	min-height: 185px;
}

img.interests_img {
	float: left;
	clear: left;
	margin-bottom: 10px;
	max-width: 150px;
}

div.bio_img_content_left {
	margin-bottom: 16px;
	float: left;
	clear: right;
	width: 150px;
	font-size: 12px;
}

div.bio_img_content_right {
	margin-bottom: 16px;
	float: left;
	clear: right;
	width: 150px;
	font-size: 12px;
}

#secondary_sidebar div.bio_img_content_right a {
	font-size: 13px;
}

.interests_author {
	font-style: italic;
}

h2.bio_subheader {
	color: #818181;
	font-size: 18px;
	margin-bottom: 4px;
}

h2.date {
	float: left;
}

h2.author {
	float: right;
}

/* Amazon */

#secondary_sidebar .amzshcs-item {
	width: 150px;
	min-height: 185px;
	float: left;
	margin: 0 10px 0 0;
}

#secondary_sidebar .amzshcs-item img {
	float: left;
	margin-bottom: 10px;
	max-width: 150px;
}

#secondary_sidebar .amzshcs-item .amzinfo {
	float: left;
	clear: right;
	width: 150px;
	font-size: 12px;
}

#secondary_sidebar .amzshcs-item .amzinfo a {
	font-size: 13px;
}

/**************************** Homepage-Specific Styles **************************/

#content ul#homefade {
	margin: 0px;
	padding: 0px;
}

#content ul#homefade li {
	list-style: none;
	margin: 0 0 20px;
	font-size: 48px;
	line-height: 48px;
}

#content ul#homefade li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

#content ul#homefade li a:hover {
	color: #000!important;
}

li.imagination {
	display: none;
}

li.innovation {
	display: none;
}

li.expertise {
	display: none;
}

li.pragmatism {
	display: none;
}

li.pratchco {
	display: none;
	color: #999!important;
	margin: 0px!important;
}

li.pratchco a {
	color: #999!important;
}

#content ul#homefade li.pratchco a:hover {
	color: #999!important;
}

/*************************** Subpage-Specific Styles ***************************/

/*************************** Post Comment Styles ***************************/

#maincontent #content #comment-form #respond h3 {
	font-size: 24px;
}

#maincontent #content #comment-form #respond #commentform {
	margin: 0;
}

#maincontent #content #comment-form #respond #commentform label {
	margin-left: 5px;
	display: inline;
}

#maincontent #content #comment-form #respond #commentform label small {
	font-size: 10px;
	color: #a0a0a0;
}

#maincontent #content #comment-form #respond #commentform textarea, #maincontent #content #comment-form #respond #commentform input {
	margin-bottom: 10px;
	padding: 5px;
	margin: 0 10px 10px 0;
	background: #f8f8f5;
	border: 1px solid #bbb;
	font-size: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#maincontent #content #comment-form #respond #commentform input {
	width: 400px;
}

#maincontent #content #comment-form #respond #commentform textarea {
	width: 532px;
}

/* Comments Button */

#maincontent #content #comment-form #respond #commentform input#commentSubmit {
	width: auto;
	padding: 5px 20px 8px 20px;
	background-color: #146C9E;
	background-image: -moz-linear-gradient(top, #2989c1 0%, #fff53c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2989c1), to(#fff53c));
	border: 1px solid #78b0bf;
	color: #fff;
	text-shadow: 0 2px 5px #000;
	font-weight: bold;
	cursor: pointer;
	font-size: 18px;
	line-height: 18px;
	margin-top: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#maincontent #content #comment-form #respond #commentform input#commentSubmit:hover, 
#maincontent #content #comment-form #respond #commentform input#commentSubmit:focus {
	background-image: -moz-linear-gradient(top, #2989c1 0%, #095d8c 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2989c1), to(#095d8c));
}

#maincontent #content .navigation,#maincontent #content .comment-nav {
	clear: both;
	font-size: 11px;
	overflow: hidden;
}

#maincontent #content .navigation .alignleft, #maincontent #content .navigation .alignright, #maincontent #content .comment-nav .alignright,
#maincontent #content .comment-nav .alignleft {
	width: 49%;
	overflow: hidden;
	padding: 10px 0;
}

#maincontent #content .navigation .alignright,#maincontent #content .comment-nav .alignright {
	text-align: right;
}

#maincontent #content .navigation a,#maincontent #content .comment-nav a {
	background: #eee;
	border: 1px solid #d0d0c9;
	padding: 10px;
	text-decoration: none;
}

#maincontent #content .navigation a:hover,#maincontent #content .comment-nav a:hover {
	border: 1px solid #c2c2c2;
	color: #6d6d6d;
}

/**************************** Footer Section **************************/

#footer {
	display: block;
	margin: 0px;
	height: 10px;
	line-height: 10px;
	border-top: solid 2px #ff0000;
	font-size: 10px;
	padding: 10px 0;
	letter-spacing: 1px;
}

#footer h1 {
	color: #999;
	font-size: 48px;
	line-height: 48px;
	margin: 0 0 10px;
}

#footer h1 a:hover {
	color: #999;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#footer ul {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: auto;
	font-size: 13px;
}

#footer ul li {
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	border-right: solid 1px #000;
	float: left;
	display: block;
	width: auto;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	color: #333;
	list-style-type: none;
	letter-spacing: 1px;
}

#footer ul li.menu-item-first {
	
}

#footer ul li.menu-item-last {
	
}


.fullwidth #sidebar, 
.fullwidth #secondary_sidebar {
  border: none;
  width: 778px;
  display: block;
  float: none;
  margin-top: 20px;
  padding: 0px 20px 20px 0px;
}

.fullwidth #content {
	display: block;
	float: left;
	width: 778px;
	}
	
.fullwidth #secondary_sidebar {
  margin-top: 0;
}