/*   
Theme Name: T Andrews Blog
Theme URI: http://blog.tandrewscontruction.com/
Description: A theme to match the branding of tandrewscontruction.com. 
Author: CyberOptik.net
Author URI: http://www.cyberoptik.net
Version: 1.0
License: All rights reserved.
*/



/* GLOBAL STYLES */

body {
	margin:0;
	padding:0;
	background:url(images/bkgr.jpg);
}

body,th,td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
}

p {margin-top:0;}

a {
	text-decoration:none;
	color:#cc9256;
}

a:hover {text-decoration:underline;}

img, img a {border:none;}

h1 {margin-top:0;}

h2 {margin-top:0;}

h3 {margin-top:0;}



/* TEMPLATE STYLES */

#canvas {
	float:left;
	width:100%;
	background:url(images/horizon.jpg) repeat-x;
}

#container {
	float:left;
	width:1050px;
	padding:26px 0;
}

.pad {padding:0 20px;}

.halfpad {padding:0 10px;}

.halfpadrgt {padding-right:10px;}

.padlft {padding-left:20px;}

.padrgt {padding-right:20px;}

.padbtm {padding-bottom:20px;}

.alignleft {float:left;}

.alignright {float:right;}

.brown {color:#663c0d;}

.rss {
	line-height:20px;
}



/* HEADER STYLES */

#sidebar h1 {
	width:270px;
	height:337px;
	background:url(images/logo.jpg) no-repeat;
	margin:0;
	padding:0;
}

#sidebar h1 a {
	float:left;
	width:270px;
	height:337px;
	text-decoration:none;
}

#sidebar h1 span {
	display:none;
}



/* SIDEBAR STYLES */

#sidebar {
	float:left;
	width:270px;
	color:white;
	padding-left:50px;
}

#sidebar p {
	font-size:11px;
	line-height:17px;
}

#sidebar a.sitebutton {
	float:left;
	width:246px;
	height:76px;
	line-height:76px;
	text-align:center;
	border:2px solid #9e6c37;
	background:url(images/site-button.jpg) repeat-x;
	color:white;
	font-size:18px;
}

#sidebar a.sitebutton:hover {
	background:url(images/site-button.jpg) left -76px repeat-x;
	text-decoration:none;
}

#sidebar a.sitebutton:active {
	background:url(images/site-button-hover.jpg) left bottom repeat-x;
}

#sidebar h3 {
	font-size:14px;
	font-weight:bold;
	color:#331700;
	text-transform:uppercase;
	margin:0;
	letter-spacing:1px;
}

#sidebar ul {
	margin:0;
	padding:0;
	padding-bottom:20px;
	list-style:none;
}

#sidebar li {
	margin:0;
	padding:0;
}

#sidebar li a {
	display:block;
	width:120px;
}

#sidebar-top {
	float:left;
	width:250px;
	padding:0 10px 20px 10px;
}

#search-bar {
	float:left;
	width:270px;
	padding-bottom:20px;
}

#sidebar-left {
	float:left;
	width:120px;
	padding-left:10px;
}

#sidebar-right {
	float:right;
	width:120px;
	padding-right:10px;
}

#footer {
	float:left;
	width:250px;
	border-top:1px solid #9e6c37;
	padding:10px;
	margin-top:14px;
}



/* CONTENT STYLES */

#content {
	float:right;
	width:703px;
	background:url(images/content-mid.jpg) repeat-y;
}

#content h1.title {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#955a19;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:30px;
	border-top:1px solid #9e6c37;
	padding-top:5px;
}

#content h1 a {
	color:#955a19;
}

#content h1.title span {
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#a1a1a1;
	font-family:Arial, Helvetica, sans-serif;
}

#content h2.title {
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:13px;
	line-height:20px;
	color:#a09183;
}

#content h2 a {
	color:#a09183;
}

#content-top {
	float:left;
	width:603px;
	min-height:400px;
	background:url(images/content-top.jpg) no-repeat;
	padding:50px 50px 0 50px;
}

#content-btm {
	float:left;
	width:603px;
	background:url(images/content-btm.jpg) left bottom no-repeat;
	padding:0 50px 40px 50px;
}

#article {
	float:left;
	width:603px;
	padding:0 0 60px 0;
}

#article-info {
	float:left;
	width:603px;
	padding-top:20px;
	text-align:center;
	color:515151;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}



/* PAGE STYLES */

#content h1.article-title {
	font-size:28px;
	line-height:34px;
	font-weight:bold;
	color:#955a19;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top:1px solid #9e6c37;
	padding-top:5px;
	margin:0;
}

#content h3.article-title {
	color:515151;
	font-weight:bold;
	font-size:13px;
	margin-bottom:30px;
}

#content h1.page-title {
	font-size:28px;
	line-height:34px;
	font-weight:bold;
	color:#955a19;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top:0;
	padding-top:5px;
	margin-bottom:30px;
}

a:link,a:visited,a:hover {
	color:#97815a;
	text-decoration:none;
}

#restext {
	width: 304px; 
	margin: auto; 
	float:left;
}

#comtext {
	width: 304px; 
	margin: auto; 
	float:left;
	margin-left:10px;
	margin-right:10px;
}

#exttext {
	width: 304px; 
	margin: auto; 
	float:left;
}

#headerouter {
	background-color: #b4ab94;
	height: 133px;
	width: 100%;
}

#header {
	width: 950px;
	margin: 0px auto;
}

#logo {
	float: left;
	width: 430px;
	margin-top:0px;
	margin-bottom:0px;
}

.project a
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	display:block;
}

.projectselected a
{
	background-color:#cbded8;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	display:block;
}

.testimonialscomment
{
	text-align:justify;
}

.testimonialsfrom
{
	text-align:right;
	padding-top:10px;
	padding-bottom: 60px;
	border:solid 0px red;
	width:700px;
}

#clientlogin {
	float: right;
	width: 400px;
	text-align: right;
	color: #524733;  /* SiteColor */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 25px;
	
}

#clientlogin input{
		vertical-align:middle;
}

#navigationouter {
	width: 100%;
	height: 36px;
	background-color: #97815a;
	clear:left;
}

#navigation {
	width: 800px;
	margin: 0px auto;
	height: 36px;
}

#navigation a{
	line-height:36px;
	text-decoration:none;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	padding-left: 45px;
	padding-right: 45px;
	padding-top:10px;
	padding-bottom:10px;
}

#navigation a:hover{
	background-color:#514633;
}

#mainbodyouter {
	width: 100%;
	background-color: #ffffff;
	padding-top:15px;
}

p {
	line-height:20px;
	text-align:justify;
}

#mainbody {
	width: 950px;
	margin: 0px auto;
}

#footerouter {
	width: 100%;
	background-color: #b4ab94;
}

#footer {
	width: 950px;
	margin: 0px auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:20px;
	padding-bottom:20px;
	color: #514633;
}

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

#homepagecontent div {
	float:left;
}

#homepageleft {
	width: 666px;
	color:#191919;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
}

#homepageright {
	width: 230px;
	margin-left:20px;
	margin-top:18px;
	text-align:right;
	color:#524532;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

#testimonialcontent div {
	float:left;
}

#testimonialleft {
	width:700px;
	color:#191919;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:0px;
	border:solid 0px red;
}

#testimonialright {
	width: 150px;
	margin-left:30px;
	margin-top:0px;
	text-align:justify;
	color:#695d4e;
	border:solid 0px red;
}

#contactpagecontent div {
	float:left;
}

#contactpageleft {
	width: 450px;
	color:#695d4e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
}

#contactpageright {
	width: 464px;
	margin-left:20px;
	margin-top:0px;
	text-align:justify;
	color:#695d4e;
}

.boxtitle {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color:#b4ab94;
	width: 230px;
	padding-left:10px;
	padding-bottom: 2px;
	margin-bottom:8px;
}

.browntitle {
	color:#716558;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	border-bottom: solid 1px #b4ab94;
	width:940px;
	padding-bottom:3px;
	margin-bottom:5px;
}

.browntitle span {
	padding-right: 60px;	
}

.browntext ul li {
	list-style-image: none;
	list-style-type:none;
}

ul li {
	list-style-image:url(images/liarrow.jpg);
	vertical-align:middle;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2 {
	color:#695d4e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.browntext {
	color:#695d4e;
	font-size: 12px;
}

#aboutusbanner {
	margin: 0px auto;
	width: 924px;
}

#aboutuscontainer div{
	float:left;
}

#aboutusleft {
	width: 214px;
	margin-left:10px;
	margin-top:20px;
}

#aboutusleft a {
	display:block;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #695d4e;
	text-decoration:none;
	padding-left:5px;
}

#aboutusleft a:hover {
	background-color: #cbded8;
}

.selectedlink {
	background-color: #cbded8;
}

#aboutusright {
	width: 703px;
	margin-left:20px;
	margin-top:20px;
}

#aboutustextcontainer {
	width: 703px;
	height: 425px;
	overflow:auto;
}

#aboutustext {
	width: 650px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}