/*

Theme Name: DHLLC
Description: DHLLC Custom Design

To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 
The dropshadows are in the background CSS, not the image.

*/



* {
	padding:0;
	margin:0;
	list-style:none;
}
body {
	font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
	background:#FFF url(./images/dhllcbg.jpg) repeat-x; /* Set background image here */
}
p, h4, h5 {
	font-size:1.2em;
}
h2 {
	font-size:1.6em;
	padding-bottom: 10px;
	color: #333333;
}
h3 {
	font-size:1.3em;
	padding-bottom: 10px;
	color: #333333;
}
img {
	border:0;
}
div#wrapper {
	width:890px;
	margin:0 auto;
	background:url(./images/contentbg.png) 3px 0 repeat-y;
}
div#masthead {
	width:870px;
	position:relative;
}
#topheader {
	height: 110px;
	width: 890px;
}
#logo {
	margin: 25px 0 0 31px;
	float: left;
}
#subnav {
	text-align: right;
	font-size: 12px !important;
	margin-top: 25px;
	float: right;
	padding: 0;
	line-height: 2em;
}
#subnav a {
	color: #fff;
}
h3.header {
	width: 300px;
}
/* Blog Title */

h1 {
	font:3.2em 'Trebuchet MS', Arial, Helvetica;
}
h1 a {
	position:absolute;
	width:300px;
	height:30px;
	left:40px;
	top:15px;
	font-weight:bold;
	text-decoration:none;
	color:#ff7e00;
}
/* Pages Navigation */

div#masthead ul {
	float:right;
	margin-right:28px;
	margin-top: 35px;
	position:relative;
	z-index:2;
	bottom:-2px;
}
div#masthead ul li {
	float:left;
}
div#masthead ul li a {
	color:#000;
	text-decoration:none;
	display:block;
	font-size:13px;
	padding:10px 12px 18px 12px;
	font-weight: bold;
}
div#masthead ul li a:hover {
	text-decoration: underline;
}
div#masthead ul li.page-item-5 {
	background: url(./images/navbg1b.jpg) no-repeat 0 -10000px;
	width: 88px;
}
div#masthead ul li.page-item-8 {
	background: url(./images/navbg4.jpg) no-repeat 0 -10000px;
	width: 124px;
}
div#masthead ul li.page-item-13 {
	background: url(./images/navbg4.jpg) no-repeat 0 -10000px;
	width: 124px;
}
div#masthead ul li.page-item-15 {
	background: url(./images/navbg5.jpg) no-repeat 0 -10000px;
}
div#masthead ul li.page-item-17 {
	background: url(./images/navbg6.jpg) no-repeat 0 -10000px;
}
div#masthead ul li.current_page_item, .current_page_item_5, .current_page_item_8, .current_page_item_13, .current_page_item_15, .current_page_item_17 {
	background-position: 1px 4px !important;
	color: #4a83ab !important;
	text-align: center;
}
.current_page_item_17 {
	background-position: 3px 4px !important;
}
.current_page_item_13 {
	background-position: 3px 4px 3px 6px !important;
}
div#masthead ul li.current_page_item a, .current_page_item_5 a, .current_page_item_8 a, .current_page_item_13 a, .current_page_item_15 a, .current_page_item_17 a {
	color: #4a83ab !important;
}
div#masthead ul li.current_page_item a:hover {
	text-decoration: none;
	cursor: default;
}
div#masthead ul li a:hover,  div#masthead ul li.current_page_item {
/*  background:url(./images/nav_bg.png) bottom repeat-x; */

}
/* Banner image dropshadow 

div#masthead_image {

  background:url(./images/image_bg.png) center no-repeat;

  width:724px;

  height:148px;

  clear:both;

  padding:8px 22px;

  position:relative;

  z-index:1;

}*/



a {
	outline:0;
	text-decoration: none;
	color: #4A84AA;
}
a:hover {
	outline:0;
	text-decoration: underline;
	color: #4A84AA;
}
/* Page dropshadow */

div#content {
	width:890px;
}
/*-----------------------------------------------------------------------------



  Main Content



-----------------------------------------------------------------------------*/



div#main, #main_content {
	padding:0 30px 20px 22px;
	width:850px;
	float:left;
}
#main_content {
background: url (./images/content_mainbg.png) 1px bottom no-repeat;
}
/* Main header on single pages */

h2.header {
	color:#ff7e00;
	font-size:24px;
	padding:10px 0 0;
	line-height:1;
	margin:0 0 5px;
	border-bottom:1px solid #e7e7e7;
	position:relative;
}
div#main h2.header a {
	color:#ff7e00;
	text-decoration:none;
}
h2.header span {
	position:relative;
	background:#FFF;
	padding-right:10px;
	bottom:-5px;
}
/* Secondary headline above comments and comment form */

div#main h3 {
	margin:15px 0 5px;
	color:#ff7e00;
}
div#main p {
	color:#6b6b6b;
	line-height:2;
	margin:10px 0;
}
div#main a {
	color:#507FA3;
}
.article {
	margin-bottom:20px;
}
.article blockquote {
	margin:0 15px;
	padding:1px 15px;
	border-left:5px solid #B8D1E4;
	background:#F0F0F0;
}
.article ul, .article ol {
	font-size:1.0em;
	color:#000000;
	margin-left:15px;
}
.article ul li {
	margin:5px 0;
	padding-left:15px;
	background:url(./images/square.png) 0 center no-repeat;
}
.article ol {
	margin-left:30px;
}
.article ol li {
	list-style:decimal;
	margin:10px 0;
}
.article ol li ol {
	font-size:1em;
	margin-left:15px;
}
#main p.byline {
	color:#999;
}
ul.article_footer {
	text-align:right;
	margin:10px 0;
	background:#F1F1F1;
	padding:5px 10px;
	border:1px solid #DADADA;
	border-width:1px 0;
	line-height:1.5;
}
ul.article_footer li {
	font-size:0.9em;
	display:inline;
	background:none;
	border-left:1px solid #DADADA;
	margin-left:5px;
	padding-left:10px;
}
ul.article_footer li.first {
	border-left:0;
}
/*-----------------------------------------------------------------------------



  Secondary Content





-----------------------------------------------------------------------------*/



div#secondary {
	padding:15px 20px 20px 0;
	width:200px;
	float:left;
}
div#secondary ul#sidebar {
	margin:15px 0 20px;
	color:#507fa3;
	padding-bottom:10px;
	border-bottom:1px solid #e7e7e7;
}
div#secondary ul#sidebar li {
	margin:5px 0;
	font-size:1.2em;
	line-height:1.5em;
}
/* Sidebar headers */



div#secondary h2 {
	text-transform:uppercase;
	color:#507fa3;
	margin:20px 0 8px;
	font-size:1em;
	line-height:1;
}
div#secondary a {
	color:#666;
	text-decoration:none;
}
div#secondary a:hover {
	text-decoration:underline;
}
div#secondary ul.children {
	margin-left:5px;
	padding-left:10px;
	border-left:5px solid #EAEAEA;
}
div#secondary ul#sidebar li li {
	font-size:1em;
}
/* Optional bio area header (commented out by default) */

div#author h2 {
	font-size:1.2em;
}
div#secondary p {
	line-height:1.5;
	margin:5px 0;
	color:#666;
}
/* Search input */

form#searchform {
	position:relative;
	height:28px;
	margin-bottom:20px;
}
form#searchform input#s {
	position:absolute;
	top:0;
	height:18px;
	width:156px;
	padding:5px;
	background:url(./images/text_bg.png) repeat-x;
	border:1px solid #bcbcbc;
}
input#search_submit {
	position:absolute;
	right:0;
}
/*-----------------------------------------------------------------------------



  Footer



-----------------------------------------------------------------------------*/



ul#footer {
	height:90px;
	width:890px;
	margin:0 auto;
	background:url(./images/bottom.png) 0 0 no-repeat;
	text-align:center;
	font-size:1em;
	color:#686868;
	padding:20px 0 30px 0;
}
ul#footer li {
	text-align: right;
	margin-bottom: 5px;
	color: #fff;
	padding-right: 22px;
	font-size: 10px;
}
ul#footer li span {
	position:absolute;
	text-indent:-9999em;
}
ul#footer li a {
	color:#fff;
	text-decoration: underline;
}
ul#footer li a:hover {
	text-decoration: none;
}
.floatright {
	float: right;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: thin;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
/*-----------------------------------------------------------------------------



  Wordpress Specific Stuff - Elements that weren't in my original stylesheet



-----------------------------------------------------------------------------*/



ol.commentlist {
	margin-top:15px;
	color:#555;
}
/* Background color for visitor comments */

ol.commentlist li {
	background:#F1F1F1;
	padding:10px;
	margin:10px 0;
}
/* Background color for Admin comments */

ol.commentlist li.alt {
	background:#EBF9FC;
}
textarea#comment {
	width:500px;
}
#main p.comment_meta {
	margin:0;
	float:right;
}
/* Optional popup window (NOTE: popups make for bad UI IMHO) */

body#commentspopup {
	background:#FFF;
	padding:20px;
}
body#commentspopup a {
	color:#666;
}
body#commentspopup h1 a {
	position:relative;
	top:0;
	left:0;
}
body#commentspopup h3 {
	color:#555;
}
body#commentspopup p {
	margin:10px 0;
	color:#555;
}
body#commentspopup textarea {
	width:340px;
}
/* Image stuff for 2.6.1 */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
p.entry_info {
	clear:both;
}
div.navigation {
	margin:10px 0;
}
/*-----------------------------------------------------------------------------



  CSS Magic



-----------------------------------------------------------------------------*/



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/

  .clearfix {
	display:block;
}
/* End hide from IE Mac */



/*-----------------------------------------------------------------------------



  Homepage Styles



-----------------------------------------------------------------------------*/

.leftcol, #products {
	width: 308px;
	text-align: right;
	padding: 10px 10px 10px 0;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
#products {
	background: #f7f7f7;
	padding: 9px 9px 10px 0;
	line-height: 1.7em;
	width: 230px;
	margin: 30px 0 0 78px;
}
#products tr {
	color: #4A84AA;
	font-size: 12px;
	font-family: arial, verdana, helvetica;
	font-weight: normal;
	cursor: pointer;
}
#products span {
	color: #000;
	font-weight: bold;
	cursor: default !important;
}
.rightcol, #sidebar, .staff #main_content {
	width: 500px;
	text-align: left;
	padding: 10px 5px 10px 10px;
	font-size: 12px;
	line-height: 2.0em;
	background: url(./images/leftcolbg.jpg) repeat-y;
	vertical-align: top;
}
#sidebar, .staff #main_content {
	float: right;
	width: 502px;
	padding-right: 20px;
	margin-top: 20px;
}
.staff #main_content {
	padding-right: 35px;
	width: 505px;
}
table {
	margin-top: 20px;
}
#home #masthead_image {
	height: 203px;
	width: 860px;
	background: #3b709b url(./images/hpfeat.jpg) no-repeat;
	margin-left: 10px;
	float: left;
	clear: both;
}
#home #masthead_right {
	width: 460px;
	float: right;
	padding-right: 50px;
}
#link {
	margin: 38px 0 0 33px;
	float: left;
}
#home p.h1 {
	float: left;
	margin: 46px 0 0 10px;
	font-size: 23px;
	color: #fff;
	font-family: Times New Roman, Arial, Verdana, Helvetica;
}
#home p.headingtext {
	clear: both;
	padding-left: 32px;
	color: #fff;
	line-height: 1.5em;
	padding-top: 10px;
	font-size: 12px;
	font-family: arial, verdana, helvetica;
	width: 450px;
}
#home p.headingtext span {
	font-weight: bold;
}
/* Other Page Styles */

#page #masthead_image {
	height: 129px;
	width: 860px;
	background: #3b709b url(./images/subheaderbg.jpg) repeat-x;
	margin-left: 10px;
	float: left;
	clear: both;
}
#page h3.header {
	font-size: 23px;
	color: #fff;
	margin-top: 90px;
	font-family: Times New Roman, Arial, Verdana, Helvetica;
	font-weight: normal;
}
#page #masthead_right {
	width: 458px;
	float: right;
	padding-right: 55px;
}
#page #masthead_right #subnav.clients {
margin-top:
}
#subimage {
	float: left;
}
#subpagetable .leftcol #subnavbox {
	font-size: 12px;
	font-weight: normal;
	font-family: arial, verdana, helvetica;
}
#subpagetable .leftcol #subnavbox span {
	font-weight: bold;
}
#subpagetable .leftcol #subnavbox a {
	text-decoration: none;
	font-size: 12px;
	color: #4A84AA;
}
#subpagetable .leftcol #subnavbox a:hover {
	text-decoration: underline;
}
#subpagetable .leftcol {
	font-size: 14px;
}
.clients .leftcol {
	width: 200px !important;
}
.clients .rightcol {
	width: 650px;
}
#subnavbox, #subnavcontainer #subnavbox1, #subnavcontainer #subnavbox2 {
	width: 220px;
	background: #f7f7f7;
	padding: 10px 10px 10px 0;
	float: right;
	line-height: 1.7em;
}
#subnavbox2 {
	clear: both;
}
div.clear {
	height: 8px;
}
.rightcol p, #sidebar p, .staff .article p {
	font-size: 12px;
	margin-bottom: 1em;
}
.toplink {
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
}
.toplink a {
	text-decoration: none;
	color: #4A84AA;
}
#spryregion1 {
	width: 200px;
	float: left;
}
.name {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.photo img {
	float: right;
}
#subnavbox {
	float: left;
	clear: both;
	text-align: right;
	font-size: 12px;
}
#subnavbox1 span, #subnavbox2 span {
	font-weight: bold;
}
#subnavcontainer {
	float: left;
	clear: both;
	margin: 30px 0 30px 100px;
	text-align: right;
	font-size: 12px;
	line-height: 1em;
}
.totop {
	text-align: right;
	margin: 0;
}
#expertsspacer {
	height: 340px;
}