/* CSS Document */
/* =BODY ELEMENTS
-----------------*/
body {
margin:0; padding:0; text-align:center;
background-color:#807471;
}

#container h2 {
font:bold 16px helvetica, verdana, sans-serif;
color:#FFFFF;
}

a, a:visited {
font:12px verdana, helvetica, sans-serif; color:#805d4d;
text-decoration:underline;
}
a:hover {
color:#e3c4b5;
text-decoration:none;
border-bottom:0px dashed;
}


#flickr ul li a:hover {
color:#333333; border:none;
}

.stripe {
background:url(../img/nav-.gif) top repeat-x;
height:25px; width:100%; border:none;
margin:0; padding:0;
}


/*=FONTAGE
-------------*/
#container p {
font:12px/15px verdana, arial, sans-serif; 
color:#402F27;
margin:10px 10px 10px;
}
p {
font:12px/15px verdana, arial, sans-serif; 
color:#402F27;
}
.left p {
font:10px verdana, arial, sans-serif; 
color:#402F27;
}
.left h3 a{
font:bold 16px helvetica, arial, sans-serif;
color:#000000;
margin:0 0 0 0; padding:0;
text-decoration:none; border:none;
}

.left h3 a:hover {
color:#A59D9A;
border:none;
margin:0 0 0 0;
}

h5 {
font:10px verdana, arial, sans-serif; 
color:#402F27;
display:block;
background:url(../img/sub-list.gif) 2px 0 no-repeat;
padding-left:15px; margin:0;
}
h6 {
font:9px verdana, arial, sans-serif; 
color:#A59D9A;
display:block;
padding-top:-15px; margin:0;
}

/*=STRUCTURE
-------------*/
#wrapper {
margin:0 auto;
text-align:left; 
width:890px;
background-color: #FFFFFF;
border-color:#1D1D1B;
border-style: solid;
border-width: 0 2px 0 2px;

}
#container {
width:400px; float:left;
margin:10px 0 10px 10px ; padding:10px 0 0 0;
background:url(../img/container-top.gif) no-repeat;
background-color: #EBE7E4;
}

h3.head  {
position:absolute; top: 100px; left:200px; width:250px;
font: 14px "Trebuchet MS", "Gill Sans", sans-serif; color:#333333;
text-align:left;
}

#columns {
float:left;
width:460px; margin: 0 0;
padding-left:20px;
color:#FFFFF;
}

#content {
text-align:left;
width:400px; margin:0 0 0 0px;
padding:0;
}

.left {
float:center; 
width:240px;
background-color: #FFFFFF;
}

.right {
float:right;
width:200px;
background-color: #FFFFFF;
padding:0 10px 0 20px;
margin-right:10px; 
}

#sidebar {
float:right;
width:225px;
}

#posts {
width:240px;
margin:0; padding: 0;
float:left;
}


/* =POST STYLING
----------------*/
#top .entry {margin:0; float:none; border:none; }

.entry {margin:0;}
.entry h2, #top h2 {border:none}

.entry h2 a, .entry h2 a:visited, #top h2 a, #top h2 a:visited, h2 a, h2 a:visited {
font:bold 16px helvetica, arial, sans-serif;
color:#000000;
margin:10px 10px 0 10px; padding:0;
text-decoration:none; border:none;
}
.entry h2 a:hover, #top h2 a:hover, h2 a:hover {
color:#7E7A78;
border:none;
margin:10px 10px 0 10px;
}
small {
font:12px helvetica, verdana, sans-serif;
color:#7E7A78;
margin:10px 10px 0 10px; padding:0;
}

/*---------------------
=CATEGORY STYLING
---------------------*/
#columns ul {
list-style:none;
margin:0; padding:0;
width:200px;
}

#columns ul li {
margin:0; padding:0;
border-bottom:1px solid #7E7A78;
}

#columns ul li a, #columns ul li a:visited {
display:block;
background:url(../img/list.gif) -2px 0 no-repeat;
font:12px/18px helvetica, sans-serif;
color:#333333; text-decoration:none; 
padding-left:15px; margin:0;
}

#columns ul li a:hover {
color:#333333; border:none;
}

#columns h2 {
font: 14px helvetica, verdana, sans-serif; color:#BF311B; 
background:url(../img/cn.gif) no-repeat right top;
background-color: #FFFFFF;
border-top: 1px dotted #542700;
  border-bottom: 1px dotted #542700;
  padding: 12px 1px 12px 4px;
  margin-bottom: 20px;
}
/*---------------------
=FORMS
---------------------*/

.error {	color:red; padding-left:10px; margin-right:20px; background: url(../img/required.gif) left no-repeat;}
.req {color:red;}
form {
font:bold 14px "Gill Sans MT", "Trebuchet MS", sans-serif;
color:#805d4d;
}
form#search {padding:10px; border-top:3px solid #805d4d; background:#f5e6c9;}
#search input.text {
width:90%; padding:2px;
border:1px solid #ccc; border-color:#aaa #eee #eee #aaa; 
font-size:1.2em;
}
#comments {
padding:2px; margin:0;
}

#comments input {
border:1px solid #ccc;
border-color:#aaa #eee #eee #aaa;
padding:2px; font:11px helvetica, verdana, sans-serif; color:#000;
width:80%;
}

input {}

#comments textarea {width:75%; height:200px;}

form#contact {width:75%; padding:10px; margin:0;}
form#contact div {clear:both; padding:0.5em 0 0;}
fieldset{border:0;}
form#contact label {float:left; width:25%; text-align:right; padding:0; margin: 0 2% 0 0;}
form#contact input, form#contact textarea {float:right; width:70%; text-align:left;}
form#contact textarea {height: 8em;}
#submit {float:none; margin-left:30%; width:20%;}

/*------------------
COMMENT STYLING
------------------*/
ol.comments { margin:0; padding:0; list-style:none;}

ol.comments li {
background: #f8f0ed url(../img/commentbg.gif) bottom no-repeat;
width:400px;
padding:2px 0; margin:10px 0;
font:12px "Gill Sans", "Lucida Sans", arial, sans-serif; 
}

ol.comments li span {
background:#805d4d url(../img/smallpape.gif) 5px 5px no-repeat; 
display:block;
padding:5px 5px 5px 15px;
color:#f8f0ed;
border-bottom:1px solid #d5a790;
}
ol.comments li p{padding:5px;}
ol.comments li a{
color:#805d4d; text-decoration:none;
}

ol.comments li a:hover {
background:#f8f0ed;
color:#d5a790; border:none;
}

/*----------------
=SIDEBAR HEADERS
----------------*/
h3 {
font:bold 14px helvetica, verdana, arial, sans-serif;
color:#000000; margin:0;
}

/* =LISTS
--------------*/
#container ul {margin:5px; padding:0; list-style:disc;}
#container li {font:0.8em "trebuchet MS", verdana, sans-serif; color:#666;}

#posts ul {
float:left;
width:240px;
padding:0; margin:10px 0;
list-style:none;
font:12px "Trebuchet MS", verdana, arial, sans-serif; color:#666;
}

#posts ul li {	
padding:0; margin:0; 
border-bottom: 1px solid #7E7A78; 
line-height:22px;
width:240px;
}

#posts ul li:hover {	background: #f8f0ed;}
#posts ul li span {float:right; }

#posts ul li a, #post ul li a:visited {
font:12px "Trebuchet MS", verdana, sans-serif; color:#7E7A78;
text-decoration: none;
}

#posts ul li a:hover {border:0;}

#posts h2 {
font:bold 16px helvetica, sans-serif; color:#000000;
border-bottom:2px solid;
margin:0;
}
#posts h2, #sidebar h2 {
padding: 0; margin:20px 0 5px;
border-bottom: 2px solid #000000;
}
#posts h2 {width:240px;}
#sidebar h2 {width:200px;}
h2#cuts { margin:20px 0 10px 0;}

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

#sidebar li {
padding:0; margin:0; 
border-bottom:1px solid #d5a790;
}
#sidebar li:hover {background:#f8f0ed}
#sidebar li a {
font:12px/22px "Trebuchet MS", verdana, sans-serif;
color:#805d4d;
display:block;
text-decoration:none;
}

#sidebar li a:hover {border:none; 
}

/*---------------------
=MAIN NAVIGATION
---------------------*/
.meta {
border-top:1px solid #A5291B;
margin:10px 10px; 
font:11px "Gill Sans", "Trebuchet MS", helvetica, sans-serif;
color:#805d4d;
}

/* 
Main nav controls 
------------------------------------*/
ul#nav {
position:relative; top:65px; list-style:none;
margin-top:0 !important; margin:/**/65px 0 0;
}

	#nav li {
		display: inline;
		padding: 0 5px;
		}
		#nav li a:link, #nav li a:visited {
			font-weight: bold;
			font-color:#fff;
			text-decoration: none;
			padding: 5px 0 0 0;
			margin: 10px 0 0 0;
			}
			#nav li a:hover {
			border-bottom: 2px solid #AD1A08;
			padding: 5px 0 0 0;
			color: #fff;
			background: none;
			}
body.home #nav #hm a, body.services #nav #ser a, body.work #nav #wrk a,body.latest #nav #lst a, body.about #nav #abt a, body.news #nav #lst a {
	border-top: 2px solid #900;
	} 
body.home #nav #hm a {cursor: default;}


/* =HEADER
---------------*/
#header {
background:url(../img/bg3.gif) repeat;
height:100px; margin:0 auto; padding: 0;
}

#logo {float:left; margin-left:20px; border:none;}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* =img
------------*/
#sidebar img {border:none;}
/*
#container img {
float:right; padding:5px; background:#f8f0ed; border:1px solid #d5a790;
}
*/

/* =FOOTER
------------*/
#footer {
background:url(../img/bottom.gif) top repeat-x;
margin-bottom:20px;
height:30px;
padding:10px;
clear:both;
font:12px "Gill Sans", verdana,sans-serif; color:#805d4d;
}
#footer ul {margin:0; padding:0; list-style:none; float:right}
#footer li {display:inline; padding:0 5px; margin:0;}

/*=B
--------------*/
dl {width:235px; height:80px; float:left; border-bottom:1px solid #805d4d; padding-bottom:20px; margin:5px}
dt a img{float:left; width:40px; height:60px}
dd {
font:bold 0.9em "Trebuchet MS", verdana, sans-serif;
color:#805d4d;
margin-left:50px;
}
dd + dd {
margin-left:50px;
font:0.8em verdana, sans-serif;
}


/*=FLICKR
--------------*/
#flickr
{
	font: 9px Tahoma, sans-serif;
	margin: 0 15px 0 25px;
}

#flickr img
{
	border: 1px solid #ccb;
	height: 60px;
	margin: 2px 3px 4px;
	padding: 1px;
	width: 60px;
}


/* =BLOCKQUOTES
-------------------*/
blockquote {float:left; position:relative; top:0; left:-100px; margin-right:-80px; width:200px; background:#f8f0ed url(../img/quote_bg.gif) top no-repeat; }
blockquote p {background:url(../img/quote_btm_bg.gif) bottom no-repeat; font:1em georgia, "times new roman", serif; color:#666; margin:-10px 0 0; padding:10px;}