/*
Theme Name: North Coast Timber Framing
Theme URI: http://lyleprinting.com
Description: Custom theme for NCTF
Version: 1.0
Author: Jordan Roberts


*/
html {
	margin-bottom: 20px;
}
body {
	background: url(images/bg.gif);
	margin: 0;
	padding: 0;
	text-align: center;
}
/* FIX IE's ISSUE WITH PNG!! - DAMN MICROSOFT!! */

#wrapper {
	width: 768px;
	padding: 0px 13px 0px 13px;
	background: url(images/gradientbg.png) repeat-y top left;
	margin: 0 auto 0;
	text-align: left;
}
.content {
	padding: 2px 5px 5px 5px;
}
#blankbar {
		width: 748px;
		height: 21px;
		padding: 0px 5px 0px 5px;
		background-color: #d1ddde;
	 	margin: 0px 0 10px 0;
}
#logo {
	float: left;
}
#logo h1 {
 	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
.address {
		float: right;
			padding-top: 45px;
			text-align:right;
}
.addy {

	font-size: 14px;
	letter-spacing: 1.8px;
}
.phone {
	font-size: 15px;
	letter-spacing: 1.5px;
}
#nav {
	float:left;
  width:100%;
  background:#3d473e;
  font-size: 70%;
  line-height:normal;
}
#nav ul {
  margin:0;
  padding:6px 0 0 6px;
  list-style:none;
}
#nav li {
  float:left;
  margin:0;
  padding:0;
}
#nav a {
  display:block;
}
#nav li {
	float:left;
	background:url("images/right-tab.png") no-repeat right top;
	margin:0px 1px;
	padding:0;
}
#nav a {
	display:block;
	background:url("images/left-tab.png") no-repeat left top;
	padding:18px 12px 15px 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	border-bottom: 1px solid #b3b3b3;
}

#topper {
	width: 748px;
	padding: 5px;
	background-color: #d1ddde;
 	margin: 10px 0 5px 0;
}
#topper .insidewrapper {
}
#topper .experience {
	background: url(images/topper-bg.jpg) no-repeat left top;
	height: 167px;
}
#topper .photorow {
	height: 67px;
  background: url(images/experience-it.png) no-repeat left top #002d34;
	padding: 0px 0px 0px 390px;
}
/*#topper .insideleft {
	float: left;
	background-color: #004149;
	width: 354px;
	height: 174px;
	padding: 50px 20px 0px 10px;
	font-family: Georgia, Times,"Times New Roman", serif;
	font-size: 30px;
	color: #fff;
}
#topper .insideright {
	float: right;
	width: 360px;
	height: 234px;
	background: url(images/topper_frame.jpg) no-repeat top right;
}*/
#frontcontent {
	float: left;
	width: 368px;
	padding-left: 5px;
	margin-right: 4px;
}
#frontcontent .finecraftsmanship {
	height: 51px;
	text-indent: -9999px;
	background: url(images/fine-craftsmanship.png) no-repeat left top;
}
#frontcontent .workinprogress {
	height: 91px;
	text-indent: -9999px;
	background: url(images/work-in-progress.png) no-repeat left top;
}
#frontcontent h2{
	font-family: Georgia, Times,"Times New Roman", serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}
#frontcontent p{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	/* font-family: Georgia, Times,"Times New Roman", serif; */
	font-size: 12px;
	margin-top: 5px;
	padding: 0px 5px;
	text-align: justify;
}
.blogcontent h2 a{
        font-size: 95%;
        margin-top: 5px;
	font-weight: bold;
	color: #000000;
        padding-top: 5px;
}

.blogcontent {
margin-top: 5px;
padding: 0px 5px;
}
.storytitle {
	margin: 0px 0 7px 0;
	padding: 5px 0px 10px 2px;
 border-top: 7px solid #414941;

}
.storytitle a {
 font-family: Georgia, Times,"Times New Roman", serif;
 font-size: large;
 text-decoration: none;
 color: #013d44;
}
.storycontent h3 {
 font-family: Georgia, Times,"Times New Roman", serif;
	font-size: medium;
	margin: 7px 0 4px 0;
	padding: 0px 0px 5px 2px;
  border-bottom: 2px solid #7b8a7b;
color: #38443b;
}

#importantfacts {
	float: left;
	width: 376px;
  margin-right: 5px;
	background: url(images/important-facts.png) no-repeat left top;
	padding-top: 5px;
}
#importantfacts h2 {
	text-indent: -9999px; 
	margin: 0;
	padding: 0;
	font-size: smallest;
}
#importantfacts .content {
	padding: 5px;
}
#importantfacts dl {
	float: left;
	width: 360px;
	margin: 10px 3px;
	padding: 0;
	display: inline;
}
#importantfacts dt {
	float: right;
	margin: 0;
	padding: 0;
	width: 266px;
	font-size: 95%;
	letter-spacing: 1px;
	font-weight: bold;
	color: #0b465d;
}
#importantfacts dd {
	margin: 0 0 0 94px;
	padding: 0;
	font-size: 80%;
	line-height: 1.2em;
	text-align: justify;
	color: #666;
}
#importantfacts dl dd.img{
	margin: 0;
}
#importantfacts dd.img img{
	float: left;
	margin: 0 8px 0 0;
}
#footer {
	clear:both;
	padding: 5px;
  background-color: #d0dee0;
text-align: center;
}

#footer .content {
	background: url(images/bottomnavbg.png) no-repeat left top #001f25;
}
#footer .content ul{
	margin: 10px 0 5px 0;
	padding: 12px 0 0 0;
}
#footer .content li{
	display: inline;
	margin: 0;
	padding: 5px;
}
#footer .content li a{
color: #fff;
font-size: smaller;
font-family: Arial, Verdana, Tahoma, sans-serif;
}

#wrapperend {
	width: 794px;
	margin: 0 auto 0;
	background: url(images/footerbg.png) no-repeat right top;
	height: 25px;
	padding: 0;
}
/* Subpage Styles */
#content {
	float: left;
	width: 530px;
	padding-left: 5px;
	margin-right: 4px;
}
#content h2{
	font-family: Georgia, Times,"Times New Roman", serif;
	font-size: 18px;
	margin: 5px 0 0 0;
	padding: 0px;
}
#content p{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	/* font-family: Georgia, Times,"Times New Roman", serif; */
	font-size: 12px;
	margin-top: 5px;
	padding: 0px 5px;
	text-align: justify;
}
#sidebar {
	float: right;
	width: 210px;
	text-align: left;
	/* background-color: #f2f2f2; */
}
#sidebar .photogallery {
background-color: #f2f2f2;
padding: 5px;
margin: 0 auto;
margin-bottom: 10px;
text-align: center;
}
#sidebar .photogallery .heading {
background: url(images/gallery_heading_bg.png) no-repeat top left;
height: 29px;
width: 191px;
margin-bottom: 5px;
}
#sidebar .photogallery img {
border: 1px solid #000000;
padding: 5px;
background-color: #ffffff;
}
#sidebar .photogallery a {
font-size: small;
font-family: Arial, Verdana, Tahoma;
text-decoration: underline;
font-weight: bold;
color: #002831;
}
#sidebar .photogallery .servicesheading {
background: url(images/ind-services-header.gif) no-repeat top left;
height: 29px;
width: 191px;
margin-bottom: 5px;
}
#sidebar .photogallery .journalheading {
background: url(images/journal-entries-head.gif) no-repeat top left;
height: 29px;
width: 191px;
margin-bottom: 5px;
}
#recentjournal ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#recentjournal ul li{
	border-top: 1px solid #cfe0e9;
	border-bottom: 1px solid #cfe0e9;
	padding: 3px 0px 3px 10px;
	background: url(images/headline-storybg.gif) no-repeat scroll 4px center #ffffff;
	font-weight:bold;
	display: block;
	font-size: small;
	padding:4px 4px 3px 22px;
}
#recentjournal ul li.alt{
	background:#cfe1e9 url(images/headline-storybg.gif) no-repeat scroll 4px center;
	font-weight:bold;
	padding:4px 4px 3px 22px;
}
#recentjournal ul li a{
font-size: 1.2em;
color: #0036f0;
}
.dateline {
	color: #444444;
	font-family: 'Lucida Grande','Lucida Sans','Trebuchet MS',Arial,sans-serif;
	padding-left: 7px;
	font-size: smaller;
	text-align: right;
}
.copyright {
	color: #d2d2d2;
	font-size: small;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
}
.clearthefloat {
	clear: both;	
}

.accToggler{
	margin: 3px auto;
	padding: 3px;
	width: 400px;
	background: #acc95f;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
}
.accContent{
	margin: 0px auto;
	width: 400px;
}
.blockquote {
width: 200px;
padding: 5px;
background-color: #013d44;
margin: -25px 5px 5px 10px;
float: right;
color: #ffffff;
font-family: Georgia, Arial, Verdana;
}
.blockquote h4{
font-size: medium;
font-family: Arial, Verdana, Tahoma;
padding: 0 0 5px 0;
margin: 0;
text-decoration: underline;
font-weight: bold;
color: #ffffff;
}
.blockquote ul {
list-style: none;
margin: 0;
padding: 0;
}
.blockquote li{
 margin: 0 0 2px 0;
 padding: 2px 0 0 5px;
}
.blockquote li a{
font-size: small;
font-family: Georgia, Arial, Verdana, Tahoma;
color: #ffffff;
}
.blockquote li.current {
background-color: #000000;
}
.blockquote li.current a{
text-decoration: none;
font-weight: bold;

}
.breadcrumbs {
padding-top: 10px;
}
.breadcrumbs h4{
 font-family: Georgia, Times,"Times New Roman", serif;
	font-size: medium;
	margin: 10px 0 4px 0;
	padding: 10px 0px 5px 2px;
  border-bottom: 2px solid #7b8a7b;
color: #ffffff;
}