/*
Theme Name:		whd
Theme URI:		http://www.watchhilldesign.com
Description:	This is a new theme based upon the code from the CopyBlogger theme by Chris Pearson.
							I basically used his markup as a base, cleaned out the CSS, then made adjustments for my design.
Version:			1.0
Author:				Robert Heaney - Watch Hill Design
Author URI:		http://www.watchhilldesign.com
*/

/*----===== COLORS =====----*/
/*
Muted Blues
#647D8F
	#596F80
	#CFDCE6
	#6096BF
Muted Purples
#6A6A8F
	#5F5F80
	#D2D2E6
	#6D6DBF
Muted Greens
#648F7D
	#59806F
	#CFE6DC
	#60BF96
Muted Browns
#CCAE8F
	#806C59
	#E6DACF
	#BF9060
*/
/*----===== HIDE BLOGSTATS SMILEY =====----*/
img#wpstats{width:0px;height:0px;overflow:hidden;}
/*----===== PX to EM =====----*/
/*
	1px = .0625em
	2px = .0125em
	3px = .1875em
	4px = .25em
	5px = .3125em
	6px = .375em
	7px = .4375em
	8px = .5em
	9px = .5625em
	10px = .625em
	11px = .6875em
	12px = .75em
	13px = .8125em
	14px = .875em
	15px = .9375em
	16px = 1em
*/
/*----===== LAYOUT/GRID =====----*/
/* This grid uses a (slightly) modified version of ALA's Grail technique - http://www.alistapart.com/articles/holygrail */
* { padding: 0; margin: 0; }
body {
	background-image: url(images/whd_bg1.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #cfdce6;}
#container {
	min-width: 520px;    /* 2x LC width + RC width */
  padding-left: 188px;   /* Left Column width */
  padding-right: 188px;}  /* Right Column width */
#container .column {
  position: relative;
  float: left;}
#middle_column { width: 100%; }	
#left_column {
	width: 188px;             /* LC width */
  right: 188px;             /* LC width */
  margin-left: -100%;}
#right_column {
	width: 188px;          /* Right Column width */
  margin-right: -188px;}  /* -Right Column width */
/*** IE6 Fix ***/
* html #left_column { right: 188px; }  /* Left Column width */
#footer {
	padding-top: 10px;
	height: 80px;
	background-image: url(images/whd_footer_repeat_bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	clear: both;}
#footer_left {
	margin: 10px;
	float: left; }
#footer_right {
	margin: 10px;
	float: right;
	text-align: right;}

/*----===== HEADER =====----*/
#header {
	margin-bottom: 20px;
	height: 158px;
	background-image: url(images/whd_header_repeat_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;}
#header_left {
	float: left;
	width: 346px;
	height: 158px;
	background-image: url(images/whd_header_left_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;}
#header_left h1.logo { /* modified Fahrner Image Replacement */
	margin: 10px 0 0 10px;
	text-indent: -100em;
	width: 192px;
	height: 135px;
	background-image: url(images/whd_logo-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;}
#header_right {
	float: right;
	height: 158px;
	background-image: url(images/whd_header_right_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;}

/*----===== Widget Adjustments =====----*/
img.picasa-widget-img { margin: 0 0 6px 0; padding: 0;}
ul.xoxo { margin: 0 0 10px 0; padding: 0; }
div#calendar_wrap { margin: 0 0 10px 0; padding: 0; }

/*----===== NAVIGATION =====----*/
ul#topNav {
	margin: 8px 17px 0 0;
	padding: 0;}
ul#topNav li {
	display: block;
	float: left;
	margin: 0; padding: 0;}
ul#topNav li a {
	display: block;
	outline: none;
	height: 25px; 
	background-image: url(images/whd_navigation.jpg);
	background-repeat: no-repeat;
	text-indent: -100em;}
ul#topNav li#nav1 a {
	margin: 0 8px 0 0;
	width: 93px;
	background-position: 0 0;}
	ul#topNav li#nav1 a:hover { background-position: 0 -25px; }
ul#topNav li#nav2 a {
	width: 97px;
	background-position: -97px 0;}
	ul#topNav li#nav2 a:hover { background-position: -97px -25px; }
ul#topNav li#nav3 a {
	width: 89px;
	background-position: -190px 0;}
	ul#topNav li#nav3 a:hover { background-position: -190px -25px; }
ul#topNav li#nav4 a {
	width: 73px;
	background-position: -279px 0;}
	ul#topNav li#nav4 a:hover { background-position: -279px -25px; }

/*----===== SIDEBARS =====----*/
/*----===== LEFT =====----*/
div.sidebar_l_top {
	line-height: 1em; /* Added line height and hidden span tag (see below) to remove phantom gap IE was putting between sidebar_l_top & sidebar_l_repeat */
	height: 16px; 
	background-image: url(images/blue_sidebar_top-trans.png);
	background-position: top left;
	background-repeat: no-repeat;}
	div.sidebar_l_top span { display: none; }
div.sidebar_l_repeat {
	background-image: url(images/blue_sidebar_repeat-trans.png);
	background-position: top right;
	background-repeat: no-repeat;}
div.sidebar_l_bottom {
	height: 16px;
	background-image: url(images/blue_sidebar_bottom-trans.png);
	background-position: top right;
	background-repeat: no-repeat;}
#left_content { position: relative; padding: 0 10px; } 
/*----===== RIGHT  =====----*/
div.sidebar_r_top {
	line-height: 1em;
	height: 16px;
	background-image: url(images/white_sidebar_top-trans.png);
	background-position: top left;
	background-repeat: no-repeat;}
	div.sidebar_r_top span { display: none; }
div.sidebar_r_repeat {
	background-image: url(images/white_sidebar_repeat-trans.png);
	background-position: top left;
	background-repeat: no-repeat;}
div.sidebar_r_bottom {
	height: 16px;
	background-image: url(images/white_sidebar_bottom-trans.png);
	background-position: top left;
	background-repeat: no-repeat;}
#right_content { position: relative; padding: 0 0 0 10px; } 

/*----===== MIDDLE COLUMN =====----*/
div.post, div.page, div.archive {
	margin: .25em .9375em .625em .9375em;
	padding: .3125em;
	background-color: #fff;
	background-image: url(images/post_gradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;}

/*----===== MESSAGES =====----*/
#messages {
	position: absolute;
	top: -0.9375em;
	right: .9375em;
	text-align: right;}
	
/*----===== TYPOGRAPHY =====----*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	color: #5F5F80;}
a {color: #6A6A8F; text-decoration: none; }
	a:visited { color: #6A6A8F; text-decoration: none; }
	a:hover { color: #6D6DBF; text-decoration: underline; }
	a img { border: none; }
abbr, acronym { 
	border-bottom: 1px dotted #999;
	cursor: help; }
blockquote {
	margin: 0 0 1.125em 1.125em; 
	padding: 0 0 0 .625em; 
	display: block;
	border-left: double .25em #CFDCE6;}
code {
	margin: 0 0 1.125em 1.125em; 
	padding: 0 0 0 .625em;
	display: block;
	border-left: dashed .2em #CFDCE6;}	
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 1.1em; }
h2 { font-size: 1em; }
	.page h2 { margin-bottom: 1.5em; }
	.archive h2 { margin-bottom: 1.5em; }
	#left_content h2 { padding: 10px 0 0 0;}
h3 { font-size: .9em; }
	#comments h3 { }
	#comments h3.comment_intro { margin: 0 0 1em 0; padding: 1em 0 0 0;	border-bottom: .25em  double #CFDCE6; }
	#comments h3#respond { margin: 1em 0 0 0; }
h4 { font-size: .8em; margin-bottom: .7em;}
hr.hr1, hr.hr2 {
	width: 90%;
	border: none;
	border-top: 1px dotted #5F5F80;
	text-align: left;}
hr.hr2 { width: 100%; }
pre {	margin-bottom: 1.5em; padding: 0.8em; }
p { 
	font-size: .8em; 
	margin: 0;}

ul { list-style-type: square; }
ol { list-style-type: upper-roman; }
ul li, ol li { margin: 0 0 0 13px; }
ul.portfolio_set { }
ul.portfolio_set li { list-style-type: none; float: left; }

#footer{ font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; color: #fff; }
	#footer a {color: #fff; text-decoration: none; }
	#footer a:visited { color: #ddd; text-decoration: none; }
	#footer a:hover { color: #ddd; text-decoration: underline; }
#messages h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;}
.post_date { font-size: .7em; margin-bottom: 1.5em; border-bottom: .25em  double #CFDCE6; }
	.post_date a, .post_date a:visited {  }
	.post_date a:hover { text-decoration: underline; }
.entry {  }
	.entry a, .entry a:visited {  }
	.entry a:hover { }
	.entry p { margin: 0 0 1.5em; 0; }
	.entry ul, .entry ol { margin: 1em 0 1.5em 2.0em; }
	.entry ul { list-style-type: disc; }
		.entry li { }
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 1.5em; }
	.entry dl { margin: 0 0 1.5em 0; }
		.entry dt { font-weight: bold; }
		.entry dd { margin: 0 0 0 1.5em; }
	.entry sup, .entry sub {  }
	.entry blockquote.right, .entry blockquote.left { border: 0.1em solid; }
	.entry blockquote.right { margin: 0 0 0 1em; float: right; }
	.entry blockquote.left { margin: 0 1em 0 0; float: left; }
		.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; }
	.entry .ad {  }
		.entry .ad_left {  }
	.entry img {  }
	.entry img.left { margin: 0 5px 0 0; float: left; clear: left; }
	.entry img.right { margin: 0 0 0 1em; float: right; clear: right; }
	.entry img.center { display: block; margin: 0 auto; }
	.entry img.frame { border: 0.5em solid #806C59; }
	.entry img.stack { clear: none !important; }
.post_meta { border-top: 0.3em double #CFDCE6; }
	.add_comment { }
.page .entry { border-bottom: .25em  double #CFDCE6; }
.navigation { text-align:right; }
	.navigation a:hover { text-decoration: underline; }
	.next { text-align: right; }
#comments { margin: 0 1em; padding: 10px 0; }
	dl#comment_list {  }
		dl#comment_list dt { }
		dl#comment_list dt.author {  }
			dl#comment_list dt .comment_num {  }
				dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {  }
		dl#comment_list dd { padding: .05em; background-color: #CFDCE6; }
		dl#comment_list dd.author { margin: 0 0 1em 0; }
			dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin: 0 1em; }
#comment_form {  }
	#comment_form a:hover {  }
	#comment_form p {  }
		#comment_form label {  }
		#comment_form .text_input { 
			width: 30em;
			margin: 0.15em 0; padding: 0.25em; 
			border: 0.15em solid #596F80;
			border-right-width: 0.01em; border-right-color: #CFDCE6; 
			border-bottom-width: 0.01em; border-bottom-color: #CFDCE6;}	
		#comment_form .text_input:focus {  }
		#comment_form .text_area {  }
		#comment_form p.subscribe-to-comments {  }
			#comment_form p.subscribe-to-comments label {  }
		#comment_form .form_submit { 
			margin: .5em 0;
			border: 0.15em ridge #596F80;
			border-top-color: #CFDCE6;
			border-left-color: #CFDCE6;
			cursor: pointer;}
		#comment_form .form_submit:hover {  }

#searchform {	margin: 0 0 0.5em 0; }
	#searchform input#s {
		width: 95px; 
		height: 14px; 
		vertical-align: bottom; 
		color: #777;  
		border: 0.08em solid #999;
		border-right-color: #eee;
		border-bottom-color: #eee;}
	#searchform input#searchsubmit { font-size: .8em; width: 50px; }
	select#cat {
		font-size: .8em;
		width: 150px; 
		color: #777; 
		border: 0.08em solid #999; 
		border-right-color: #eee; 
		border-bottom-color: #eee;}
#search_form { margin: 0 0 0.6em 0; }
	#search_form .search_input { 
		margin: 4px 0 0 0; padding: 2px;
		width: 143px;
		color: #777; 
		font-size: 10px;
		border: 0.08em solid #999; 
		border-right-color: #eee; 
		border-bottom-color: #eee; }
	#search_form .search_input:focus { 
		border-top-color: #666; 
		border-left-color: #666; 
		border-right-color: #ddd; 
		border-bottom-color: #ddd;}
	#content .search_input {  }
	
#rss { background: url(images/rss.png) no-repeat; text-align: center; }
	#rss a { display: block; width: 12px; height: 12px; margin: 0 auto; }
ul.sidebar_list {
	font-size: .7em;
	padding-left: 5px;}
	ul.sidebar_list li { }
	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat {	float: left; }
		li.widget p { }
		li.widget ul, li.linkcat ul { }
			li.widget li, li.linkcat li { }
				li.widget li a:hover, li.linkcat li a:hover { color: #000; border-bottom: 1px solid #a90000; }
#calendar_wrap { }
table#wp-calendar { width: 14em; border-collapse: collapse; }
	table#wp-calendar caption { font-weight: bold; border-bottom: 0.1em solid #ccc; }
	table#wp-calendar th { width: 2em; border-bottom: 0.1em solid #ccc; color: #666; text-align: center; }
	table#wp-calendar td { width: 2em; color: #999; text-align: center; }
		table#wp-calendar td a, table#wp-calendar td a:visited { color: #6A6A8F; font-weight: bold; }
		table#wp-calendar td a:hover { text-decoration: underline overline; }
	table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }
li.widget ul.flickr_stream { list-style-type: none; margin: 0; padding: 0 10px; }
	li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
		li.widget ul.flickr_stream li a img { padding: 3px; }
		li.widget ul.flickr_stream li a:hover img { background: #ff2a96; border-bottom: none; }

/*---:[ self-clearing floats courtesy of Dan Cederholm at simplebits.com ]:---*/
#header:after, #logo:after, #nav:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after { display: block; height: 0; content: "."; visibility: hidden; clear: both; }