@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	font: normal 75% Arial, Helvetica, sans-serif;
	color:#403f3f;
	background: url("images/header_bg.jpg") left top repeat-x;
}

/* Layout
######################################################## */

#container {
	position: relative;
	width: 944px;
	margin: 0 auto;
}

#header {
	position: relative;
	float: left;
	width: 944px;
	height: 144px;
}

#content_wrap {
	position:relative;
	float:left;
	width:944px;
	margin:30px 0;
}

#content_full {
	position: relative;
	float: left;
	width: 944px;
	margin-bottom:20px;
}

#content_full .post {
	background:none;
	width:944px;
	padding:0;
}

#content_folio {
	position: relative;
	float: left;
	width: 720px;
	margin-bottom:20px;
}

#content_folio .post {
	background:#fff;
	padding:0;
}

#content_folio a.post-edit-link {
	position:absolute;
	bottom:0;
	left:0;
}

#content_folio .post h2 {
	display:none;	
}

.hidden {
	display:none;	
}

a.post-edit-link, .bwbps_addphoto_link a, a.email {
	color:#ff0000;	
	text-decoration:none;
	border:1px solid #ff0000;
	padding:4px;
}

a.post-edit-link:hover, .bwbps_addphoto_link a:hover, a.emai:hover {	
	text-decoration:underline;
}

/* Footer
________________________________________________________ */


#footer {
	position: relative;
	clear: both;
	width: 944px;
	height: 45px;
	border-top:1px dotted #403f3f;
	padding-top:15px;
}

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

#footer a:hover {
	text-decoration:underline;	
}

/* Home
________________________________________________________ */

#welcome_text {
	position:relative;
	float:left;
	width:944px;
	text-align:justify;
}

#welcome_text h2 {
	color:#403f3f;
	font: normal 2em Helvetica, Arial, Geneva, sans-serif;		
}

#post-2 {
	position:relative;
	float:left;
}

#banner {
	position:relative;
	float:left;
	width:944px;
	height:246px;
	margin-left:-3px;
	display:inline;
}

#home_wrap {
	position:relative;
	float:left;
	margin-top:16px;
}

.home_square {
	position:relative;
	float:left;
	width:208px;
	height:25px;
	border:3px solid #f1f5f7;
	padding:190px 5px 5px 5px;
	margin:0 16px 0 0;
}

.home_square h3 {
	margin-bottom:5px;
}

.home_square h3 a {
	width:208px;
	display:block;
	color:#403f3f;
	font: bold 0.9em Helvetica, Arial, Geneva, sans-serif;
	text-decoration:none;
}

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

.home_square p a {
	width:208px;
	display:block;
	color:#ff0000;
	font: normal 0.9em Helvetica, Arial, Geneva, sans-serif;
	text-decoration:underline;
}

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

#home_bio {
	float:left;
	background: url("images/home_bio.jpg") left top no-repeat;
}

#home_blog {
	float:left;
	background: url("images/home_blog.jpg") left top no-repeat;
}

#home_text {
	position:relative;
	float:left;
	width:432px;
	padding:16px;
	background:#f1f5f7;
}

/*#home_text {
	float:left;
	height:192px;
	overflow-y:auto;
}
*/
#home_text a {
	color:#403f3f;
	text-decoration:underline;
}

#home_text a:hover {
	text-decoration:none;	 
}

ul#projects li {
	float:left;
	border-bottom:1px dotted #403f3f;
	margin-bottom:15px;
}

/* About
________________________________________________________ */

.about {
	float:left;
	width:312px;
	margin-right:16px;
	background:#f1f5f7;
	padding:16px;
}

.about a {
	text-decoration:underline;
	color:#403f3f;	
}

.about a:hover {
	text-decoration:none;	
}

.about h4 {
	margin:0;
	font: bold 1.1em Helvetica, Arial, Geneva, sans-serif;
}

.about h4 a {
	font-weight:bold;
	text-decoration:underline;
	color:#403f3f;
	margin:0;
}

.about h4 a:hover {
	font-weight:bold;
	text-decoration:none;
	margin:0;
}

table.cv {width:100%; color:#403f3f;}
table.cv td.date {width:25%; vertical-align:top; padding:0 0 8px;}
table.cv td.content {width:75%; vertical-align:top; padding:0 0 8px;}
table.cv th {}

#bio_img {
	float:left;
	width:224px;
	height:398px;
	background: url("images/hugh_walker.jpg") left top no-repeat;	
	text-indent:-9999px;
}

/* Links
________________________________________________________ */

ul.links {
	float:left;
	width:192px;
	margin-right:16px;
	background:#f1f5f7;
	padding:16px;
}

ul.last {
	margin:0;
}

ul.links li {
	margin-bottom:10px;
}

ul.links li h3 {
	color:#6a8295;
	font: bold 1.4em Arial, Helvetica, sans-serif;	
}

ul.links li a {
	color:#403f3f;
	text-decoration:none;
	font: normal 1.1em Helvetica, Arial, Geneva, sans-serif;	
}

ul.links li a:hover  {
	color:#ff0000;	
}

/* Portfolio landing pages
________________________________________________________ */

ul.folio_row {
	position: relative;
	width: 720px;
}

ul.folio_row li {
	position:relative;
	display:block;
	float: left;
	width: 224px;
	margin: 0 16px 16px 0;
	padding: 0;
}

ul.folio_row li div.txt {
	position:absolute;
	bottom:15px;
	left:0;
	width:224px;
	text-align:center;
}

ul.folio_row li div.txt a {
	color: #403f3f;
	text-decoration: none;
	font: bold 1.4em Helvetica, Arial, Geneva, sans-serif;
}

ul.folio_row li div.txt a:hover {
	color:#ff0000;
}

ul.folio_row li.hover {
	cursor: pointer;
}

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

ul.folio_row li img {
	float:left;
	display:block;
}

.thumbnail {
}

/* Blog
________________________________________________________ */

#content_left {
	position: relative;
	float: left;
	width: 720px;
}

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

#content_left a:hover {
	text-decoration:underline;
}

#content_left h2 a {
	color:#403f3f;	
	font: bold 1.2em Helvetica, Arial, Geneva, sans-serif;
}

#content_left h2 a:hover {
	color:#ff0000;	
}

.post {
	float:left;
	width:660px;
	margin:0 20px 20px 0;	
	background:#f1f5f7;
	padding:20px;
	text-align:left;
}

.post h2 {
	color:#403f3f;	
	font: bold 1.8em Helvetica, Arial, Geneva, sans-serif;
}

#content_left .post h2 a {
	color:#403f3f;	
	font: bold 1.3em Helvetica, Arial, Geneva, sans-serif;
	text-decoration:underline;
}

#content_left .post h2 a:hover {
	color:#ff0000;	
	text-decoration:none;
}

.posted {
	clear:left;
	margin-top:20px;
	background:#d4e4f0;
	padding:5px 0 1px 10px;
}

.posted a.post-edit-link, .single_post_info a.post-edit-link {
	border:none;	
}

.single_post_info {
	background:#fff;
	padding:10px;
	border:1px solid #a5b6c2;
}

form#commentform {
	float:left;
	width:660px;
	background:#f1f5f7;
	padding:20px;
	margin-bottom:20px;
}

form#commentform ol li {
	float:left;
	width:660px;
}

form#commentform label {
	float:left;
	width:80px;
}

form#commentform input {
	border:1px solid #a5b6c2;
	margin-bottom:10px;
	padding:3px;
	width:200px;
}

form#commentform textarea#comment {
	float:left;
	width:660px;
	margin-bottom:20px;
	border:1px solid #a5b6c2;
}

ol.comment {
	float:left;
	width:660px;
	background:#f1f5f7;
	padding:20px;
	margin-bottom:20px;	
}

ol.comment li {
	background:#fff;
	padding:10px;
	border:1px solid #a5b6c2;
	margin-bottom:20px;
}

ul.entries {
	float:left;
	width:720px;
}

ul.entries li {
	float:left;
	padding-right:16px;
}

/* Blog Navigation
________________________________________________________ */

ul#sidebar_blog h2 {
	color:#403f3f;	
}

ul#sidebar_blog {
	position: relative;
	float: right;
	width: 204px;
	background: #d4e4f0;
	padding:10px;
}

ul#sidebar_blog li {
	clear:both;	
	margin-bottom:15px;
	background:#f1f5f7;
	padding:10px;
	border:1px solid #a5b6c2;
}

ul#sidebar_blog li#search-3 {
	background:none;
	padding:0;
	border:none;
}

ul#sidebar_blog li ul li {
	padding:0;	
	border:none;
	line-height:1em;
}

ul#sidebar_blog li ul li a,
ul#sidebar_blog li.widget_tag_cloud a {
	text-decoration:underline;
	color:#403f3f;
}

ul#sidebar_blog li ul li a:hover,
ul#sidebar_blog li.widget_tag_cloud a:hover {
	text-decoration:none;
}

form#searchform {
	position:relative;
	float:left;
	margin-bottom:15px;
}

form#searchform #s {
	width:100px;
	border:1px solid #a5b6c2;
	padding:3px;
	margin-right:5px;
}

/* Main Navigation
________________________________________________________ */

ul#main_nav {
	position: absolute;
	top: 99px;
	left: 0;
	width: 944px;
	height: 45px;
}

ul#main_nav li {
	float: right;
}

ul#main_nav li a {
	display:block;
	color: #fff;
	height: 25px;
	padding: 7px 7px 0 7px;
	margin-bottom:13px;
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;
	text-decoration:none;
	font: bold 1.2em Helvetica, Arial, Geneva, sans-serif;
	cursor:pointer;
}

ul#main_nav li a:hover, ul#main_nav li a:focus, ul#main_nav li.current_page_parent a, ul#main_nav li.current_page_item a, ul#main_nav li.current_page_ancestor a {
	text-decoration: none;
	background: url("images/nav_hover_bg.gif") left top repeat-x;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#403f3f;
}


/* Portfolio Navigation
________________________________________________________ */

ul#sidebar_portfolio h2 {
	text-indent:-9999px;	
}

ul#sidebar_portfolio {
	position: relative;
	float: left;
	width: 224px;
	margin-top:-36px;
}

ul#sidebar_portfolio li {
	clear:both;
	width:224px;
	display:block;
	border-bottom:1px solid #fff;
}

ul#sidebar_portfolio li a {
	width:214px;
	display:block;
	text-decoration:none;
	padding:8px 0 7px 10px;
	color:#7fa7c5;
	cursor:pointer;
	font: bold 1.4em Helvetica, Arial, Geneva, sans-serif;
	background:#d4e4f0;/*light*/
}

ul#sidebar_portfolio li a:hover, 
ul#sidebar_portfolio li.current_page_item a {
	color:#fff;
	width:214px;
	display:block;
	padding:8px 0 7px 10px;
	background:#a5b6c2; /*dark*/
}

ul#sidebar_portfolio li ul li ul {
	clear:both;
	width:224px;
	background:#d4e4f0;/*light*/
	padding:0 0 25px 0;
}

ul#sidebar_portfolio li ul li ul li {
	clear:both;
	display:block;
	border:none;
}

ul#sidebar_portfolio li ul li ul li a, 
ul#sidebar_portfolio li.current_page_item ul li a {
	float:left;
	cursor:pointer;
	background:#d4e4f0;/*light*/
	color:#7fa7c5;
	padding:4px 0 3px 10px;
	font: normal 1em Helvetica, Arial, Geneva, sans-serif;
}

ul#sidebar_portfolio li ul li ul li a:hover, 
ul#sidebar_portfolio li ul li ul li.current_page_item a, 
ul#sidebar_portfolio li.current_page_item ul li a:hover {
	background:#a5b6c2; /*dark*/
	color:#fff;
	padding:4px 0 3px 10px;
}


/* add photo and edit this page
_________________________________*/

.photosmash_gallery form {
	position:relative;
}

span.bwbps_addphoto_link {
	position:absolute;
	bottom:-40px;
	left:0;
}


/* Home Navigation
________________________________________________________ */

ul#home_nav {
	position: absolute;
	top: 99px;
	left: 0;
}

ul#home_nav li {
	float: left;
}

ul#home_nav li a {
	display: block;
	color: #fff;
	width: 258px;
	height: 32px;
	text-indent: -9999px;
	background: url("images/hugh_walker_logo.gif") left top no-repeat;
}

/* Contact form
________________________________________________________ */

#form_wrap {
	float:left;
	width:800px;
	padding:20px 0 20px 144px;
	background:#f1f5f7;
}

form#si_contact_form1 {
	position:relative;
	float:left;
	width:600px;
}

form#si_contact_form1 div {
	float:left;	
}

form#si_contact_form1 div label {
	float:left;
	width:120px;
}

form#si_contact_form1 div input, form#si_contact_form1 div textarea {
	float:right;
	width:390px;
	border:1px solid #a5b6c2;
	padding:5px;
	margin-bottom:20px;
}

form#si_contact_form1 div textarea {
	height:100px;	
}

form#si_contact_form1 div #si_contact_captcha_code1 {
	clear:left;
	width:100px;
}

form#si_contact_form1 #captcha_img {
	clear:left;
	width:215px;
	padding:0 0 0 120px;
}

form#si_contact_form1 #send_button {
	clear:left;
	width:100px;
	padding:20px 0 0 120px;
}

form#si_contact_form1 #send_button input {
	width:100px;	
}

form#si_contact_form1 div label.error {
	position:absolute;
	right:0;
	top:0;
	background:pink;
}

.post a.email {
	border:none;
	text-decoration:underline;
}

.post a.email:hover {
	text-decoration:none;
}