/*
Theme Name: dhl redVintage
Theme URI: 
Description: 
Author: Tracey Kemp 
Author URI: http://www.dogshindleg.com/
Tags: fixed width, two columns


*/


body { 	margin: 0;	padding: 0;	color: #88844D;	font-family: Trebuchet MS, Arial, "Helvetica Neue", Helvetica, sans-serif;	background: #580000 url("images/dhl_main_body.jpg") repeat;}

/* Layout -------------------------------------------------- */

.onecol #wrapper { background: url("images/dhl_body_1col.png") repeat-y 50% 0;}
.twocol #wrapper { background: url("images/dhl_body_2col.png") repeat-y 50% 0;}
.threecol #wrapper { background: url("images/dhl_body_3col.png") repeat-y 50% 0;}
#wrapper { width: 1044px; margin: 0 auto; min-height: 800px; padding: 0 30px 40px;}


#header {width: 984px;	margin: 0 auto;	padding: 77px 0 0;	background: url("images/dhl_header.jpg") no-repeat 50% 0;	height: 143px;
}

.onecol #wrapper #bodyHeader {background: url("images/dhl_headshad_1col.png") no-repeat 50% 0;}
.twocol #wrapper #bodyHeader {background: url("images/dhl_headshad_2col.png") no-repeat 50% 0;}
.threecol #wrapper #bodyHeader {background: url("images/dhl_headshad_3col.png") no-repeat 50% 0;}
#bodyHeader {width: 980px;	margin: 0 auto;	padding: 0 0; height: 17px; zoom:1;}


/* Footer -------------------------------------------------- */
.onecol #footerHeader {background: url("images/dhl_footer_header_1col.png") no-repeat 50% 0;}
.twocol #footerHeader {background: url("images/dhl_footer_header_2col.png") no-repeat 50% 0;}
.threecol #footerHeader {background: url("images/dhl_footer_header_3col.png") no-repeat 50% 0;}
#footerHeader {width: 100%; height: 43px;}

#footer {
	background: url("images/dhl_footer_body.png") repeat-y 50% 50%; width: 1044px;
margin: 0 auto; padding: 0 30px 30px;
}
#footer p {
	width: 934px; margin: 0; padding: 0 60px;
}
#footer .copyright {
	float: left; color:#a65d55;
}
#footer .copyright a {
	color:#a65d55; border-bottom-color:#a65d55;
}
#footer .copyright a:hover {
	color:#fff; border-bottom-color:#fff;
}

#page {	width: 980px; margin: 0 auto;}

/* Header -------------------------------------------------- */

#header h2 {font-size: 40px; width: 330px; margin: 0;	height: 58px; text-align:center; color: #6b2a23; padding:5px 0; opacity: 0.8; filter:alpha(opacity=80); zoom:1; border-bottom: none;float:right; position:relative; right:0;}

#header h2 a {color: #6b2a23; opacity: 0.8; filter:alpha(opacity=80); zoom:1; border-bottom: none;width: 320px;float: right;}

#header h2 span { 
}

#menuBar { width:944px; height:59px; margin-bottom: 16px; padding:0 20px; font-size: 18px; }

#blognameWrapper {
	width:510px; height:60px;  position: relative; 	margin: 0px 0 0px; padding: 0px; float:right; right:0;
}
#blogname span {	xfont-size: .1em; xline-height: 1; xfloat: right; xmargin: 0px 0 0px; xpadding: 0px; width:510px; height:60px; xcolor:fff;
}

#header a#blogname { border-bottom: none;}




/* Navigation -------------------------------------------------- */

ul#tabbar {	float: left; padding: 4px 0 0 0; xwidth:100%; }
ul#tabbar li { float: left; display: inline;}
ul#tabbar li a {float: left;display: inline;padding: 8px 5px 20px 5px;font-size: 1.3em; border-bottom:none; letter-spacing:1px; color: #6b2a23; margin:0;}
.websites ul#tabbar li.tab a#websites_tab,
.photographs ul#tabbar li.tab a#photographs_tab,
.print ul#tabbar li.tab a#print_tab,
.resources ul#tabbar li.tab a#resources_tab
 {display: block;color: #fff;background: transparent url("images/dhl_up_arrow.png") no-repeat 50% bottom; }
ul#tabbar li a:hover
 {display: block;color: #fff;}

.resourcesLinks {
	margin: 0 15px; padding:15px 15px 15px 15px; xbackground-color: #bcb989; border: 1px solid #88844D;
	}
.resourcesLinks a:hover {
	color: #bcb989;
	}
#content {
	width: 635px; position:absolute; left:50px; padding: 6px 0 5px 10px; top: 215px;
}


#footer {
	clear: both;
}

p {padding:5px 0;}

ul, ol {
	margin: 0;	padding: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
	padding: 5px 0;	font-size: 17px;
}
ul li {
	list-style-type: none;
}
.singleEntryBody li {
	margin: 0 30px;
}
.singleEntryBody ul li {
	list-style-type: circle;
}
ol li {
	margin-left: 1.5em;
}
ul.rss li {
	list-style: none; margin-left: 0;	padding-left: 17px;	background: transparent url("images/feed.gif") no-repeat left .25em;
}

.resources .entry li {
	text-align: left;
}

.contact #content h2 {
	border-bottom: 2px solid #80695e;	color: #80695e;
}




/* Content -------------------------------------------------- */
.post {margin:0 15px 15px; border:solid 1px #BCB989; padding:0px;}
p.postDate {margin:0;}
.entry {padding:0px;height:160px;}
.newsEntry {padding:10px;color:#555;}
.excerpt, .singleEntryBody {padding:10px;color:#686754;}
.postTopBar {padding:1px 10px 0; background-color:#eae8ce; color:#BCB989; border-bottom:1px solid #BCB989; text-align:right;}
.postBottomBar {padding:1px 10px 0; background-color:#eae8ce; color:#BCB989; border-top:1px solid #BCB989;}
.catImgDiv {float:left;height:160px; width:160px; margin-right:10px;}
.catImgDiv img {width:150px;}
 
.comments {margin:0 15px 15px; padding:0px;color:#BCB989;}
.comments h3 {color:#BCB989;}
.commentlist {margin:20px 0 0; padding:0px;}
.instructions {font-size:10px; margin:10px 0;}
.buttons {margin:20px 0;}
input {height:30px;}
label {width:100px;height:30px;}

.alert,
.error {
	background: #ffc;	border: 1px solid #ff0;	border-width: 1px 0;	margin: 1em 0;	padding: 1em;
}
a, a:link, a:visited {
	color: #898651;	text-decoration: none;	border-bottom: 1px solid #898651;
}
.col3 a:hover, .col3 a:focus, .col3 a:active {
	color: #fff; border-bottom-width: 2px;
}
.col3 .resourcesLinks a:hover, .col3 .resourcesLinks a:focus, .col3 .resourcesLinks a:active {
	color: ##BCB989; border-bottom-width: 2px;
}

.sidebarThumbs {
	padding:15px; background-color: #bcb989; border-top: 1px solid #88844D; border-bottom: 1px solid #88844D; zoom: 1; 
}

.sidebarThumbs .imgDiv {
	margin: 0;
}

.sidebarThumbs .imgDiv img {
	width: 88px;
	height: 88px;
}

.sidebarThumbs .imgDiv a {
	display: inline-block;
	background: #fff;
	padding: 4px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 88px;
	height: 88px;
	float: left;
	position:relative;
}
.sidebarThumbs .imgDiv a:hover {
	background: #eae8ce;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


h1, h2, h3, h4, p, li {
	font-family: Trebuchet MS, Arial, "Helvetica Neue", Helvetica, sans-serif;	line-height: 135%;	margin: 0 0 0;
}
h1 {
	font-size: 2.5em;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 2em;	font-weight: normal; letter-spacing:2px; text-align:left;
}
.col3 h2 {
	margin-top: 0;	color: white;	padding:10px 10px 20px 25px;
}
#content h2 {
	padding:10px 0px 20px;	text-align: right;
}
h3 {
	color: #88844D;	font-size: 28px; margin-bottom: -5px; padding: 15px 0px 0 25px;	font-weight: normal; line-height:105%;
}
h3 a, 
h3 a:link, 
h3 a:visited,
h3 a:hover {
	margin-top: 0;	border-bottom: none; color: #88844D;
}
.col3 h3 {
	text-align: left; padding: 15px 15px 0;}
.col3 h3 a, 
.col3 h3 a:link, 
.col3 h3 a:visited {
	border-bottom: none;
}
h4 {
	font-size: 20px; border-bottom: 1px solid #ccc; margin-top:25px; color:#88844D;
}
h5, h6 {
	font-size: 1.25em;
}
.recentPhotos {
	xpadding: 0 10px;
}
.recentPhotos img {
	width: 300px;
}
.photoContent {
}
.recentPhotos h3,
.photoContent h3 {
}
.photoContent .thumbsWrapper {
	padding: 10px 10px 10px 10px;
}
.screenshotContent {
	padding: 10px;
}
.screenshotContent img {
	margin-bottom: 0px; width:590px; border: #ccc 1px solid; padding:5px;
}
.websiteButton a {
	margin:0px 0px 5px 15px;	border-left: #ccc 1px solid;	border-right: #ccc 1px solid;	border-bottom: #ccc 1px solid;	padding:5px 10px 5px 10px;	background-color: #fff;

         -webkit-border-top-left-radius:0px;
         -webkit-border-top-right-radius:0px;
         -webkit-border-bottom-left-radius:5px;
         -webkit-border-bottom-right-radius:5px;

         -khtml-border-radius-topleft:0px;
         -khtml-border-radius-topright:0px;
         -khtml-border-radius-bottomleft:5px;
         -khtml-border-radius-bottomright:5px;

         -moz-border-radius-topleft:0px;
         -moz-border-radius-topright:0px;
         -moz-border-radius-bottomleft:5px;
         -moz-border-radius-bottomright:5px;
}

p, table, {
	margin: 10px 0 1em;
}
.metadata .byline {
	margin-bottom: .75em;
}
.wp-caption {
	margin: .25em auto 1em;
}
.entry img,
.entry object {
	display: block;	background: #fff;	padding: 4px;	border: 1px solid #eee; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	margin: 0 auto 0;
}
.thumbsWrapper .imgDiv a {
	display: block;
	background: #fff;
	padding: 4px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 90px;
	height: 90px;
	float: left;
	margin-bottom: 4px;
}
.thumbsWrapper .imgDiv a img {
	width: 90px;
	height: 90px;
}
.thumbsWrapper .imgDiv a:hover {
	background: #eae8ce;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.wp-caption img {
	margin: 0 auto;
}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: .25em 0 0;
	text-align: center;
	color: #666;
}
.entry .floatright img,
.entry .floatleft img {
	margin: .25em 0 1em;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: .25em 0 1em 1em;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: .25em 1em 1em 0;
}
.entry p,
.entry li {
	text-align: left;
	font-size: 20px;
	line-height:130%;
}
p.note {
	font-size: 13px;
	padding:10px 10px 20px;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
blockquote {
}
blockquote i,
blockquote em,
blockquote cite {
	font-style: normal;
}
blockquote p {
	margin: 0 0 .5em;
}
.navigation {
	margin: 0 15px;
	padding-bottom: 50px;
	width: 615px;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

/* col3 -------------------------------------------------- */
.col3 .widget {
	clear: both;
}
.col3 h4 {
	margin-top: 0;
}
.col3 blockquote {
	margin: 0;
}
.col3 .imgDivWrapper {
	display: block;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
	clear: both;
}
.col3 .menuthumb {
	display: block;
	border-right: 1px solid #88844D;
	border-bottom: 1px solid #88844D;
	height: 69px;
	width:290px;
	margin: 1px 0;
}
.col3 .menuthumb a {
	display: block;
	background: #eee;
	border-right: 1px solid #88844D;
	border-bottom: 1px solid #88844D;
	height: 64px;
	padding: 2px 5px 2px 2px;
	width:290px;
	margin: 2px 0;
}
.col3 .menuthumb a:hover,
.col3 .menuthumb a.active {
	background: #eae8ce;
	border-right: 1px solid #88844D;
	border-bottom: 1px solid #88844D;
	color:#fff;
}
.col3 .menuthumb img {
	display: block;
	background: #fff;
	margin: 2px 10px 2px 2px;
	padding: 4px;
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	float:left;
}
.menuCaption {
	font-size: 16px;
	color: #88844D;
	margin: 0px 0px 10px 0px;
	padding: 10px 0 0;
	text-align: left;
}


	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		width:100%;				/* width of whole page */
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;		
		overflow:hidden;
	}
	/* 3 Column blog style settings */
	.blogstyle {
		xbackground:#eee;			/* right column background colour */
	}
	.blogstyle .colmid {
		right:33.3%;				/* width of the right column */
		xbackground:#f4f4f4;		/* center column background colour */
	}
	.blogstyle .colleft {
		right:33.3%;				/* width of the middle column */
		xbackground:#fff;			/* left column background colour */
	}
	.blogstyle .col1 {
		width:33.3%;				/* width of center column content (column width minus padding on either side) */
		left:66.6%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:33.3%;				/* Width of left column content (column width minus padding on either side) */
		left:66.6%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:33.3%;				/* Width of right column content (column width minus padding on either side) */
		left:66.6%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

	/* 2 Column (double page) settings */
	.doublepage {
		xbackground:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:66.6%;			/* right column width */
		xbackground:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:66.6%;			/* left column content width (column width minus left and right padding) */
		left:66.6%;			/* right column width plus left column left padding */
	}
	.doublepage .col3 {
		width:33.3%;			/* right column content width (column width minus left and right padding) */
		left:66.6%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}


.ahem, hr { display: none !important; }
img { border: none; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }



/*  IE6 hacks  */

*html #wrapper {width: 990px; margin: 0 auto; min-height: 800px; padding: 0 3px 40px;}

*html #header {width: 990px; margin: 0 auto; padding: 77px 0 0;	height: 63px;
}

*html #footer {
	width: 996px; margin: 0 auto; padding: 0 0 30px;
}
*html #footer p {
	width: 934px; margin: 0; padding: 0 30px;
}
*html h3 {
	margin-bottom: 1px; padding: 15px 0px 0 25px;
}

*html .websites ul#tabbar li.tab a#websites_tab,
*html .photographs ul#tabbar li.tab a#photographs_tab,
*html .print ul#tabbar li.tab a#print_tab,
*html .resources ul#tabbar li.tab a#resources_tab
 {display: block;color: #fff;background: transparent url("images/dhl_up_arrow.jpg") no-repeat 50% bottom; }

*html .entry {overflow: hidden;}
*html .newsEntry {overflow: hidden;}
*html .excerpt, .singleEntryBody {overflow: hidden;}

*html .onecol #wrapper #bodyHeader {background: none;}
*html .twocol #wrapper #bodyHeader {background: none;}
*html .threecol #wrapper #bodyHeader {background: none;}
*html #bodyHeader {margin: 0 auto;	padding: 0 0; height: 1px; zoom:1;}