@charset "utf-8";
/*
Theme Name: Livingtimber
Theme URI: http://www.livingtimber.co.nz
Description: WordPress theme developed for Living Timber.
Version: 1.0
Author: Daniel Knaack @ WebSeason Ltd
Author URI: http://www.webseason.co.nz
*/

* { padding: 0; margin: 0; font: normal 1em Arial, sans-serif; }
body { background: #e3e2d2; }
h1 { width: 285px; height: 98px; background: url("images/h1_logo.gif") no-repeat; font-size: 1.50em; font-weight: bold; color: #569326; }
h1 a { width: 250px; height: 98px; display: block; }
h1 span { display: none; }
h2 {}
h3 {}
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.94em; }
big { font-size: 1.45em; }
fieldset, img { border: none; }
ul, ol { list-style: none; }
hr { border: none; height: 1px; margin: 8px 0; background: transparent url("images/bg_hr-dotted.gif") repeat-x; clear: both; }
p { line-height: 1.3; }
input, select, textarea { font: normal 1em Arial, Helvetica, sans-serif; }

.clear { clear: both; height: 0em; font-size: 0em; }
.no-display, .hidden, .cf_hidden { display: none; }


/* ###################### LAYOUT START ###################### */

#container { width: 973px; position: relative; }
#layout, #wrap1, #wrap2 { float: left; }
#layout { width: 973px; background: url("images/bg_layout-mid.gif") repeat-y; text-align: left; }
#wrap1 { width: 973px; background: url("images/bg_layout-top.gif") no-repeat 0% 0%; }
#wrap2 { width: 935px; padding: 21px 38px 13px 0; background: url("images/bg_layout-bot.gif") no-repeat 0% 100%; }
#col-left { width: 435px; background: #d5d4c5; float: left; }
#col-right { width: 500px; float: right; }

/* # Head START # */
#head, #nav, #info { width: 285px; padding-left: 150px!important; float: left; }
#head { background: #f3f3e7; padding: 15px 0; }
#head .description { display: none; }
/* # Head END # */

/* # Navigation START # */
#nav { background: #2f312c; padding: 20px 0; }
#nav ul { width: 285px; float: left; }
#nav ul li {}
#nav ul li a {
	float: left;
	padding: 10px 20px 0 40px;
	width: 225px;
	height: 30px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.88em;
	background: url("images/bg_nav_li.gif") no-repeat 0 0;
}
#nav ul li a:hover { text-decoration: underline; color: #c9530f; background: url("images/bg_nav_li.gif") no-repeat 0px -40px; }
#nav ul li.current-cat a { text-decoration: none; color: #c9530f; background: url("images/bg_nav_li.gif") no-repeat 0px -40px; }

/* # Navigation END # */

/* # Info / About Us START # */
#info { padding: 30px 0 15px 0; background: #d5d4c5; }
#info p { padding: 0 25px 0.9em 0; }
#info a:hover { color: #51a015; text-decoration: none; background: #dbe5a4; }

/* # Info / About Us END # */

/* # Sidebar START # */
#sidebar { width: 785px; padding: 48px 25px 20px 150px; background: #fff url("images/bg_page.gif") no-repeat 0% 0%; float: left; }
#sidebar h3, #info h3 { font-size: 1.13em; font-weight: bold; color: #b44c00; padding: 0 0 0.5em 0; }
#sidebar a, #info a { color: #569326; text-decoration: underline; }
#sidebar a:hover { color: #b44c00; text-decoration: underline; }
#sidebar strong, #info strong { color: #241305; }
#sidebar p, #info p { font-size: 0.75em; line-height: 1.5; color: #423e3b; }
#sidebar p { padding: 0 0 0.8em 0; }
#sidebar .img { float: right; }
#sidebar .mailus { background: transparent url("images/icon_mailus.gif") no-repeat 0 55%; padding: 0 0 0 24px; }
#sidebar #text-272697241 { width: 250px; float: left; }
/* # Sidebar END # */

/* # Page / Content START # */
#page h2 { font-size: 1.25em; font-weight: bold; color: #b6b1a5; padding: 40px 25px 20px 25px; background: url("images/bg_h2.gif") repeat-x 0% 100%; }
#page h2 a { font-weight: bold; color: #b6b1a5; text-decoration: none; }
#page h2 a:hover { color: #2f312c; text-decoration: underline; }
#page p {}
#page p.edit { font-size: 0.69em; padding: 10px 25px; float: left; }
#page p.edit a { color: #a19988; text-decoration: none; padding-left: 15px; background: url("images/bg_edit.gif") no-repeat 0% 55%; }
#page p.edit a:hover { color: #605a55; text-decoration: underline; }

#page .post { float: left; width: 500px; padding: 0 0 20px 0; background: url("images/bg_post.gif") repeat-x 0% 100%; overflow: hidden; }
#page .post .entry {}
/* Custom Index Styles START */
#page .index .entry p { width: 275px; padding: 20px 25px 0px 25px; float: left; }
#page .index .postmetadata { float: right; margin-top: 25px; padding: 10px 25px; width: 125px; background: url("images/bg_entry_p.gif") repeat-y 0% 0%; }
/* Custom Index Styles END */
/* Custom Page Styles START */
#page .page .entry p { padding: 20px 25px 0px 25px; }
/* Custom Page Styles END */
/* Custom Single Styles START */
#page .single .entry p { padding: 20px 25px 0px 25px; }
/* Custom Single Styles END */
#page .post .entry .wp-caption-text { float: left; font-size: 1.25em; font-weight: bold; color: #fff; background: #c55a0c url("images/bg_caption.gif") repeat-x top; padding: 15px 25px; width: 450px; }
#page .post .entry .wp-caption img { float: left; }
#page .post .entry p { color: #605a55; font-size: 0.75em; line-height: 1.4; clear: both; }
#page .post .entry strong { color: #2f312c; }
#page .post .entry a { color: #b44c00; text-decoration: underline; }
#page .post .entry a:hover { color: #7e3500; text-decoration: none; }
#page .post .postmetadata { font-size: 0.69em; }
#page .post .postmetadata li { padding: 3px 0 3px 18px; }
#page .post .postmetadata li, #page .post .postmetadata li a { color: #a19988; }
#page .post .postmetadata li a { text-decoration: underline; }
#page .post .postmetadata li a:hover { color: #605a55; }
#page .post .postmetadata li.date { background: url("images/icon_date.gif") no-repeat 0% 55%; }
#page .post .postmetadata li.category { background: url("images/icon_category.gif") no-repeat 0% 55%; }
#page .post .comments {  }
#page .post .comments a {  }
#page .post .comments a:hover {  }
#page .post .alt {  }
#page .post hr { margin: 20px 25px 0px 25px!important; }

#page .slideshowlink { padding: 0 0 10px 10px; }
#page .slideshowlink a { font-size: 0.75em; font-weight: bold; background: url("images/icon_image.gif") no-repeat 0% 55%; padding: 0 0 0 20px; }

#page .post form { padding: 10px 25px; font-size: 0.75em; }
#page .post form fieldset { border: 1px solid #f3f3e8; padding: 20px; color: #423e3b; }
#page .post form fieldset legend { font-weight: bold; color: #b44c00; padding: 0 8px; }
#page .post form fieldset label { font-weight: bold; float: left;  text-align: right; width: 100px; padding: 0 10px 0 0; }
#page .post form fieldset input, #page .post form fieldset select, #page .post form fieldset textarea {
	border: 1px solid #d5d4c5;
	background: #fff url("images/bg_input.gif") repeat-x 0% 0%;
	color: #2f312c;
	padding: 2px 4px;
	margin: 0 4px 3px 0;
}
#page .post form fieldset input { width: 160px; }
#page .post form fieldset textarea { width: 280px; }

#page .post form fieldset .reqtxt, #page .post form fieldset .emailreqtxt { font-size: 0.94em; color: #a19988; }
#page .post form .cf-sb { text-align: right; }
#page .post .cf_info { padding: 5px 25px; font-size: 0.75em; font-weight: bold; color: #b9280c; text-decoration: underline; }
#page .post form .sendbutton {
	background: #c55a0c url("images/bg_caption.gif") repeat-x 0% 0%;
	padding: 5px 30px; text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.45em;
	cursor: pointer;
	border: 1px solid #b14f08;
	text-transform: uppercase;
}

#page .commentlist { padding: 0 0 15px 0; }
#page .commentlist li { border-bottom: 1px solid #1f1f1f; padding: 15px; }
#page .commentlist li.alt { background: #171717; border-bottom: 1px solid #282828; }
#page .commentlist .commenttitle { line-height: 1.0; padding: 0 0 10px 0; }

#page .commentlist .commenttitle img { float: left; margin: 0 8px 0 0; }
#page .commentlist .commenttitle cite { font-size: 0.94em; }
#page .commentlist .commenttitle cite a { color: #c9530f; text-decoration: none; font-weight: bold; }
#page .commentlist .commenttitle cite a:hover { color: #fff200; text-decoration: underline; }
#page .commentlist .commenttitle em { color: #616469; font-size: 0.69em; }
#page .commentlist .commenttitle small { color: #9a6b50; font-size: 0.69em; }
#page .commentlist .commenttitle small a { color: #b77e46; text-decoration: underline; }
#page .commentlist .commenttitle small a:hover { color: #c47120; text-decoration: none; }

#page #commentreply #commentform p {  }
#page #commentreply #commentform input, #page #commentreply #commentform textarea {  }
#page #commentreply #commentform #submit {  }
#page #commentreply p a {  }
#page #commentreply p a:hover {  }

#page .navigation { padding: 10px 10px 5px 10px; width: 480px; float: left; font-size: 0.75em; }
#page .navigation a { color: #569326; text-decoration: underline; }
#page .navigation a:hover { color: #b44c00; text-decoration: underline; }
#page .navigation .alignleft { float: left; width: 45%; }
#page .navigation .alignleft a { background: url("images/bg_paging_prev.gif") no-repeat 0% 55%; padding-left: 20px; }
#page .navigation .alignright { float: right; width: 45%; text-align: right; }
#page .navigation .alignright a { background: url("images/bg_paging_next.gif") no-repeat 100% 55%; padding-right: 20px; }
#page .navigation .pagebar { background: #fff; text-decoration: none; }
#page .navigation .pagebar a.last img, #page .pagebar span.last img { padding-left:5px; }
#page .navigation .pagebar a.first img,#page .pagebar span.first img{ padding-right:5px; }
#page .navigation .pagebar a.last,
#page .navigation .pagebar a.first { text-decoration:none; }
#page .navigation .pagebar a.last:hover, #page .pagebar a.first:hover { text-decoration:none; }
#page .navigation .pagebar a,.pageList .this-page { text-decoration: none; padding: 0.2em 0.5em; }
#page .navigation .pagebar a:visited { text-decoration: none; padding: 0.2em 0.5em; }
#page .navigation .pagebar .break { padding: 2px 6px 2px 6px; border: none; text-decoration: none; }
#page .navigation .pagebar .this-page { padding: 0.2em 0.5em; font-weight: bold; color: #b44c00; }
#page .navigation .pagebar a:hover { border-color: #2E6AB1; }
#page .navigation .pagebar .inactive { color: #ccc; text-decoration: none; padding: 0.2em 0.5em; }
/* # Page / Content END # */

/* # Foot START # */
#foot { width: 762px; padding: 15px 48px 15px 150px; font-size: 0.75em; color: #8c8780; float: left; }
#foot a { color: #8c8780; text-decoration: underline; }
#foot a:hover { color: #b44c00; text-decoration: none; }
#foot p { float: left; }
#foot ul { float: right; }
#foot .rss a { background: url("images/icon_rss.gif") no-repeat 0% 55%; padding-left: 20px; }
#foot .validation a { background: url("images/icon_validation.gif") no-repeat 0% 55%; padding-left: 13px; }
#foot ul li { display: inline; padding-left: 1.5em; }
/* # Foot END # */

/* ###################### LAYOUT END ###################### */

/* ###################### EXTRA PLUGIN STYLES ###################### */

/* ### NextGen Gallery START ### */
.ngg-galleryoverview {
	padding: 15px;
	width: 470px;
	background: #e8e8da;
	overflow: hidden;
	margin-top: 20px;
	clear:both; 
	display:block !important;
}
.ngg-gallery-thumbnail img {
	background-color:#fff;
	border:1px solid #cdcdba;
	display:block;  
	margin: 4px 0px 4px 5px;
	padding: 4px;
	position: relative;
}
.ngg-gallery-thumbnail img:hover { background-color: #cdcdba; }
#sidebar .ngg_images { width: 500px; float: left; padding: 0 0 0 35px; }
#sidebar .ngg_images .ngg-widget { border-top: 2px solid #eeeee8; }
#sidebar .ngg_images h3 { color: #569326; }
#sidebar .ngg_images a { display: block; float: left; width: 116px!important; height: 116px!important; padding: 0 4px; text-align: center; vertical-align: middle; overflow: hidden; }
#sidebar .ngg_images a span { display: block; float: left; width: 110px; height: 80px; padding: 13px 3px 23px 3px; background: url("images/bg_thumb.gif") no-repeat 0% 0%; }
#sidebar .ngg_images a span:hover { background: url("images/bg_thumb_over.gif") no-repeat 0% 0%; }
#sidebar .ngg_images a span img {}
/* ### NextGen Gallery START ### */

#related { padding: 0 10px 0 20px; width: 480px; float: left; }
#related ul li{float:left;padding-right:10px;margin-bottom:10px;}
