/**************
Typography
***************/
body{
	background: #f1f1f1;
	color: #6e704a;
	font-family:  'Trebuchet MS','Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	border: 0;
}
p{
	margin: 0.8em 0em;
}
a{
	border-bottom: 1px solid #202020;
	color: #202020;
	text-decoration: none;
}
a:hover, a:active, a:focus {	outline: none;	}
a:hover{	border-bottom: 1px solid #7d8333;	color: #7d8333;	}
a img{	border: none;	}
a.read-more{
	background: url('img/read-more-arrow.png') no-repeat left center;
	border: 0 !important;
	padding-left: 12px;
}

h1,h2,h3,h4,h5,h6 {	
	font-weight: normal;
	font-family: 'Trebuchet MS','Helvetica Neue', Helvetica, Arial, sans-serif; 
	letter-spacing: -1px; 
	margin: 0.4em 0em;
}
h2{
	color: #434524;
	background: url(img/h2-bg.png) repeat-x bottom;
	font-size: 28px;
}
h3{
	color:#7d813f;
	font-size: 24px;
}
h4{	font-size: 22px;	}
h5{	font-size: 20px;	}
h6{	font-size: 16px;	}

ul, ol{	margin: 0; padding: 0;	list-style: none;	}
ul li, ol li{	border-bottom: 1px solid #e8e9d4;	padding: 5px 5px;}
ul{	
	list-style-image: url('img/ul-image.gif'); 
	list-style-position:  inside;
}
ol{	
	list-style-type: decimal; 
	list-style-position:  inside;	
}

blockquote{
	background: url('img/quote.gif') no-repeat;
	font-style: italic;
	padding: 0px 64px;
	margin: 0;
}


/**************************
Layout
**************************/

.inner{
	margin: 0 auto;
	width: 960px;
}
#main .inner{
	background: #FFF;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding-bottom: 15px;
}
.left{	float: left;	}
.right{	float: right;	}
.clear{	clear: both;	}

.alignleft{
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright{
	float: right;
	margin: 10px 0px 10px 10px;
}
.aligncenter{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display:block;
	margin: 10px 0px;
	padding: 10px 0px;
}

.column-half{
	position:relative;
	margin: 0px 15px;
	width: 450px;
	display: inline; /*This is for the IE6 double margin bug...*/
}

#top{
	background: #525252 url('img/wood-background.jpg') repeat-y center bottom;
}

#header{
	padding:15px;
	height: 85px;
	background-image: url(img/ust.jpg);
	background-repeat: no-repeat;
}
	#logo{
		background: url('img/logo.png') no-repeat;
		display: block;
		float: left;
		margin: 15px 0px;
		text-indent: -10000px;
		width: 200px;
		height: 55px;
	}
	#description{
		color: #2a2a2a;
		font-size: 16px;
		font-weight: bold;
		display: block;
		margin-top: 33px;
		text-shadow: 0px 1px 0px #f7f9e8;
	}
	
	#nav {
		background:  url('img/nav-bg.png') no-repeat;
		height: 50px;
		list-style: none;
		position: relative;
		padding: 0px 15px;
		margin-bottom: 15px;
		overflow: hidden;
	}
		#nav li{
			border: 0;
			float: left;
			position:relative;
			padding: 0;
			z-index:9;
		}	
		#nav li a{
			color: #2a2a2a;
			display: block;
			font-size: 16px;
			font-weight: bold;
			padding: 13px;
			text-shadow: 0px 1px 0px #c7cb8b;
		}
			#nav li.current a{	text-shadow: 0px 1px 0px #a5a872;	}
			#nav li a:hover{	text-shadow: 0px 1px 0px #a5a872;	}
		
		#nav li.back{
			background: url('img/nav-hover.png') no-repeat right top;
			width: 9px;
            height: 32px;
            z-index: 8;
            position: absolute;
			margin-top: 10px;
		}
			#nav li.back .left{
				background:	url('img/nav-hover.png') no-repeat;	
				width: 4px;
				height: 32px;
			}
			
#breadcrumb{
	height: 30px;
	line-height: 30px;
	padding-top: 15px;
	margin-left: 15px;
}
	#breadcrumb a{
		color: #E1E7A4;
		font-weight: bold;
		font-weight: bold;
	}
			
#main-content{
	display: inline; /*This is for the IE6 double margin bug...*/
	float: left;
	margin: 15px 15px;
	overflow: hidden;
	width: 600px
}



/******************************
Homepage specific
******************************/
			
#featured-wraper{
	width: 960px;
}
#featured{
	display: inline; /*This is for the IE6 double margin bug...*/

	list-style: none;
	margin: 0px 15px;
	width: 450px;
}
	#featured li{
		background: none;
		border: none;
		padding: 0px;
	}
	#featured h3{
		color: #9ba053;
		font-size: 28px;
		line-height: 1;
		margin: 0px 0px 14px 0px;
	}
	#featured p{
		color: #e1e7a4;
	}
	#featured .read-more{
		background: url('img/featured-read-more-bg.png') no-repeat;
		color: #5f6233;
		display: block;
		height: 30px;
		font-size: 16px;
		font-weight: bold;
		padding: 0;
		text-align: center;
		text-shadow: 0px 1px 0px #c7cb8b;
		width: 210px;
	}
		#featured .read-more:hover{
			background: url('img/featured-read-more-bg.png') no-repeat 0px -30px;
			color: #35371b;
			text-shadow: 0px -1px 0px #c5c8a1;
		}

#featured-images{
	display: inline; /*This is for the IE6 double margin bug...*/
	list-style: none;
	margin: 0px 15px;
	height: 250px;
	width: 450px;
}
	#featured-images li{	background: none; border: 0; padding: 0px;}
	#featured-images img{
		box-shadow: 0px 0px 10px 0px;
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		width: 450px;
	}

#cycle-control{
	height: 30px;
	float: right;
}
		#cycle-control .button{
			background: url('img/featured-bullets.png') no-repeat;
			border: 0px;
			display: block;
			float: left;
			height: 16px;
			margin: 7px 15px 0px 0px;
			line-height: 16px;
			text-indent: -10000px;
			width: 16px;
		}
		#cycle-control .button.current{
			background-position: 0px -16px;
		}
	
#services li{
	margin-bottom: 10px;
	list-style: none;
}
	#services p{
		margin: 5px 0px 20px 0px;
	}
	#services .webdesign h3{
		background: url('img/icon-webdesign.png') no-repeat;
		padding-left: 38px;
		padding-bottom: 5px;
	}
	#services .branding h3{
		background: url('img/icon-branding.png') no-repeat;
		padding-left: 38px;
		padding-bottom: 5px;
	}
	#services .seo h3{
		background: url('img/icon-seo.png') no-repeat;
		padding-left: 38px;
		padding-bottom: 5px;
	}

	.latest-posts .post{
		border-bottom: 1px dashed #dde1ac;
	}
	.latest-posts .post h3{
		font-size: 18px;
		line-height: 1.3;
		margin: 0;
	}	
	.latest-posts .post h3 a{
		border: 0;
		color: #7D813F;
	}
	.latest-posts .post-meta{
		font-size:  10px;
	}
	
/**************************
Portfolio specific
**************************/
.porftolio{

}
	.portfolio h3{
		margin-top: 0px;
	}
	.portfolio h3 a{
		border: 0;
	}
	
	.portfolio .item{
		border-bottom: 1px dashed #c6cc6d;
		padding: 25px 0px;
	}

/**************************
blog specific
**************************/

.blog{
	
}
	.blog  h2{
		background: none;
	}
	.blog h2 a{
		border:0;
	}
	.blog .post-meta{
		border-bottom: 1px solid #c7cb8c;
		border-top: 1px solid #c7cb8c;
	}
#comments{
	
}
	.comment{
		border-bottom: 1px dotted #E8E9D4;
	}
	
	.comment .text{
		margin-left: 46px;
	}
	
	.gravatar{
		margin: 0px 10px 10px 0px;
	}


/*************************
Form style
*************************/
form .form-half{
	width: 285px;
}
	.form-half.left{ margin-right: 15px;	}
	.form-half.right{ margin-left: 15px;	}
form .full-width {	width: 100%;	}

fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}
label{
	display: block;
	margin-top: 5px;
}

input, textarea{
	border: 1px solid #ccc;
	padding: 4px;
}
input[type=text]{
	background: url('img/input-text-bg.png') repeat-x 1px 1px;
}
	input[type=text]:focus{
		background: url('img/input-text-focus-bg.png') repeat-x 1px 1px;
	}
input[type=submit]{
	background: url('img/input-button-bg.png') repeat-x 2px 2px;
}

.form-half input{
	width: 275px;
}
#title{
	width: 590px;
}

#message{
	height: 150px;
	width: 590px;
}
#send-button{
	width:600px;
}

/******************
Sidebar
******************/
	
	
#sidebar{
	display: inline; /*This is for the IE6 double margin bug...*/
	margin: 15px 15px;
	overflow: hidden;
	width: 300px;
}
	#sidebar h2{
		background: none;
		font-weight: normal;
		margin-bottom: 0;
	}
	#sidebar a{
		border: 0;
	}
		#sidebar a:hover{ border:0;	} 

	#sidebar ul{
		list-style: none;
		list-style-image: none; 
		list-style-position:  outside;
	}
	#sidebar ul li{
		background: url('img/sidebar-bullet.gif') no-repeat right center;
		border-left: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		padding: 5px 5px 5px 15px;
	}
		#sidebar ul li a{
			display: block;
		}

		
/**************************
Footer
**************************/

#footer{
	background: #525252 url('img/wood-background.jpg') repeat-y top center;
	border-top: 8px solid #adb354;
	clear: both;
	color: #ccdd99;
	padding: 15px 0px;
}
#footer .column-half{
	margin-bottom: 15px;
}
	#footer a{
		border: 0;
		color: #93a364;
	}
	#footer .nav{
		border: 0;
		list-style: none;
	}
	#footer .nav li{
		border: 0;
		padding: 0;
		float: left;
	}
	#footer .nav li:before{
		content: "|";
	}
	#footer .nav > li:first-child:before{
		content: "";
	}
	#footer .nav a{
		border: 0;
		color: #ccdd99;
		padding: 10px;
	}
		#footer a:hover{
			border: 0;
		}
	#footer .nav >li:first-child a{
		padding-left: 0px;
	}
	
	#footer .social{
		border: 0;
		float: right;
		list-style: none;
	}
	#footer .social li{
		background: url('img/social-icon-bg.png') no-repeat;
		border: 0;
		float: left;
		margin-left: 2px;
		padding: 0;	
		width: 88px;
		height: 20px;
	}
	#footer .social li a{	
		color: #FFF;
		font-weight: bold;
		padding: 0px 0px 0px 23px;
		display: block;
		float: left;
	}
		#footer .social li a:hover{	padding-left: 25px;	}
		
		.social .twitter a{	background: url('img/social-icons/twitter_16.png') no-repeat 4px 2px;	}
		.social .facebook a{	background: url('img/social-icons/facebook_16.png') no-repeat 4px 2px;	}
		.social .flickr a{	background: url('img/social-icons/flickr_16.png') no-repeat 4px 2px;	}
		.social .deviantart a{	background: url('img/social-icons/deviantart_16.png') no-repeat 4px 2px;	}
		.social .delicious a{	background: url('img/social-icons/delicious_16.png') no-repeat 4px 2px;	}
        .social .technorati a{	background: url('img/social-icons/technorati_16.png') no-repeat 4px 2px;	}
		.social .digg a{	background: url('img/social-icons/digg_16.png') no-repeat 4px 2px;	}	
		.social .yahoo a{	background: url('img/social-icons/digg_16.png') no-repeat 4px 2px;	}
		.social .acikis a{	background: url('img/social-icons/acikis.png') no-repeat 4px 2px;	}
		.social .imatbaa a{	background: url('img/social-icons/imatbaa.png') no-repeat 4px 2px;	}
		.social .webmasterbul a{	background: url('img/social-icons/webmasterbul.png') no-repeat 4px 2px;	}	
	#footer hr{
		background-color: #090905;
		border: 0px;
		border-bottom: 1px solid #453d3d;
		color: #090905;
		clear: both;
		height: 2px;
		margin: 15px;
	}
	#copyright{
		margin: 0px 15px;
	}