/*
Theme Name: Look Web Design V5
Theme URI: http://djbolton.com
Description: A clean and simple theme to display portfolio of work.
Version: 5
Author: DJBolton
Author URI: http://djbolton.com
Tags: clean, simple, 2 column, portfolio
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*****general styles********/
body{
	color:#1b1b1b;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size:14px;
	background:transparent url('style/images/bg.jpg') repeat-x;
}
#fullwrap
{
	width:100%;
	
}
#wrap{
	width:980px;
	margin:0 auto;
	
}
a{
	text-decoration:none;
	color:#4F4F44;
	
}
a:hover{
	text-decoration:underline;
	}
/******header styles************/

#header{
	margin:0px 0px 0px 0px;
	padding: 0px 55px 0px 0px;
}
h1#logo{
	float:left;
	margin:8px 0px 0px 10px;
	color:#191a1c;
	font-weight:normal;
	line-height: 55px;
}
h1#logo a{
	color:#1b1b1b;
	letter-spacing: 1.2px;
	font-weight: bold;
}
h1#logo span{
	color:#889e09;
	font-weight:bold;
	font-size:18px;
	letter-spacing: 0.8px;
}
h1#logo a:hover{
	text-decoration:none;
}
ul#nav{
	font-size:15px;

}
ul#nav li {
	float:right;
	display:inline;
	margin:10px 20px 0px 0px;
}
ul#nav li.current_page_item a{
	border-bottom:2px solid #889e09;
}	
ul#nav li a {
	color:#889e09;
	font-weight: bold;
	line-height: 52px;
	font-family: Arial, Helvetica, sans-serif;
}
.search{

}

/******featured styles******/
#featured_section {
	width: 980px;
	height:138px;
	margin:0px 0px 0px 0px;
	position: relative;
	padding-top: 15px;
}

/************footer styles****************/
#footer{
	width:100%;

}
#footer_content{
	background: transparent url('style/images/footer_bg.jpg') repeat-x scroll;
	color:#ffffff;
	padding:30px 70px 0px 70px;
	font-weight:bold;
	font-size:12px;
	height: 105px;
	
}
#footer_content a{
	color:#ffffff;
}
#footer_content p{
	margin-left:13px;
}
#footer_content a:hover{
	color:#CCCCCC;
}
#footer_content ul{
	margin:0px 10px 10px 13px;
	width:220px;
	float:left;
	line-height:1.5em;
}
#footer_content ul span{
	font-size:14px;
	color: #999999;
}
#centrefooter {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

#footer_content ul li {	
	margin-right:8px;
}
.social_info{
	float:left;
	padding-left: 50px;
}
.social_info img{
	margin:10px 0px 0px 7px;
}
/************opening page content******************/
#front_content{
	width: 620px;
	background-color:#f4f4f4;
	border:1px solid #d9d9d9;
	margin:0px 0px 10px 0px;
	float: left;
}

/************Portfolio item******************/
.portfolio_item{
	background-color:#d9d9d9;
	width:588px;
	height:190px;
	margin:16px;	
	font-size:10pt;
}
.portfolio_item{
	color:#303029;
	border: 1px #b1b1b1 solid;
}
.portfolio_item img{
	margin:16px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	border: solid #fff 2px;
}
.portfolio_item p {
	margin:0px 0px 0px 0px;
}
.portfolio_item h2{
	margin:0px 0px 0px 0px;
	font-size:14px;
}
.portfolio_item span a{
	font-size:10pt;
	color:#ec7c00;
	font-weight:bold;
}
.portfolio_type{
	width:310px;
	float:right;
	padding: 16px 10px 10px 10px;
}
.portfolio_type a {
	line-height: 30px;
}
/**************sidebar**************/
#sidebar{
	float:right;
	width:322px;
	margin:0px 0px 10px 0px;
	background-color:#f4f4f4;
	border:#d9d9d9 solid 1px;
	padding:0px 5px 0px 0px;
}
#sidebar a{
	text-decoration:none;
	color:#060607;
	font-weight:bold;
	font-size:14px;
}
#sidebar ul{
	padding:10px 10px 25px 10px;
}
.flickr_feed{
	width:306px;
	margin-top:20px;
	height:auto;
}
.flickr_feed img{

}
.flickr_feed_top{
	height:48px;
	background: url(style/images/flickr_feed_top.jpg) no-repeat;
	
}
.flickr_feed_rpt{
	background-image: url(style/images/flickr_feed_rpt.jpg);
	background-position: 0px 250px;
	background-repeat: repeat-y;
	
}
.flickr_feed_bottom{
	background-image: url(style/images/flickr_feed_bottom.jpg);
	background-position: bottom;
	height:25px;
}
.flickr_feed p {
	margin:0px 20px 0px 35px;
}
.flickr_feed p img{
	margin:0px 5px 5px 0px;
}

/**************single post**************/
.post{
	padding:0px 20px 0px 10px;


}

#wrap #singlecontent h2{
	padding:10px 0px 15px 10px;

}
.post img{
	padding:15px 15px 15px 10px;
}

.post p{
	width:600px;
	margin:0px 15px 10px 0px;
	font-size:13px;
}
p.tags{
	padding:20px 0px 0px 0px;
	font-size:11px;
}
p.time{
	font-size:10px;
	color:#999999;
	clear: left;
}
#wrap_content{
	width: 620px;
	background-color:#f4f4f4;
	border:1px solid #d9d9d9;
	margin:0px 16px 0px 0px;
	float: left;
}
h3#respond{
	padding:50px 10px 5px 10px;

}
p.response{
	font-size:11px;
}
#wrap_content label{
	font-size: 12px;

	}
h2.single_post{
	padding:10px 0px 10px 0px;
}
/**************comments**************/

#commentform{
	padding:10px 0px 0px 10px;
	text-align:left;

}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border:#CCCCCC solid 2px;
}
#commentform textarea {
	width: 97%;
	padding: 2px;
	border:#CCCCCC solid 2px;
}

#commentform #submit {
	margin-right:11px;
	float: right;
	background-color:#F4F4F4;
	margin-bottom: 11px;
}
.allowed{
	font-size:8px;
	color:#999999;
}
#wrap_content ol li {
	padding: 20px 0px 0px 20px;
}
#wrap_content #comments {
	color: #999999;
	font-size: 13px;
	padding: 10px 0px 0px 0px;
}
#wrap_content ol li p {
	font-size: 11px;
	padding: 10px 20px 0px 20px;
}
#wrap_content h3#comments{
	padding-left:20px;
}
/*************archives *************/

h2.archive_header{
	padding:10px 0px 0px 15px;
}
.archive_item{
	background-color:#d9d9d9;
	width:588px;
	height:190px;
	margin:16px;	
	font-size:10pt;
	color:#303029;
	border: 1px #b1b1b1 solid;
}
.archive_item img{
	margin:0px 0px 0px 0px;
	padding: 16px 0px 0px 16px;
}
.archive_item p {
	margin:0px 0px 0px 0px;
}
.archive_item h2{
	margin:0px 0px 0px 0px;
	font-size:14px;
}
.archive_item span a{
	font-size:10pt;
	color:#ec7c00;
	font-weight:bold;
}
.archive_type{
	width:310px;
	float:right;
	padding: 16px 10px 10px 10px;
}
.archive_type a {
	line-height: 30px;
}

/**************search form styling**********************/
#featured_section #searchform #searchsubmit {
	height: 18px;
	width: 38px;
	font-weight: bold;
	padding: 0px 2px 2px 0px;
	cursor: pointer;
	background: transparent url(style/images/go_btn.jpg) no-repeat;
	border: none;
}
#featured_section #searchform #s {
	height: 17px;
	border: none;
	font-weight: bold;
	width: 130px;
}
#featured_section #searchform {
	padding: 30px 20px 0px 0px;
	position: absolute;
	left: 730px;
	top: 15px;
	width: 222px;
}
/*****************rss***************/
#featured_section #rss{
	font-weight:bold;
	color:#FFFFFF;
	width: 200px;
	position: absolute;
	left: 730px;
	top: 86px;
}
#featured_section #rss img {
	position: absolute;
	left: 150px;
	top: -1px;

}
#header_lead{
	float:left;
	padding: 15px 0px 0px 17px;

}
#featured_section #rss a {
	color: #FFFFFF;
}
#featured_section #rss a:hover {
	text-decoration: none;
}
/*****************page_styles***************/
h2.page_type{
	padding: 10px 0px 5px 0px;	
}
.imgwrap {
	float: left;
}