/*  
Theme Name: Niby Design
Theme URI: http://www.nibydesigngroup.com/blog
Description: Blog by Niby
Version: 1.0
Author: Nick Hoover
Author URI: http://www.nibydesigngroup.com

	Copyright: (c) 2010 Niby Design group.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

body {
	margin: 0 auto;
	padding: 0;
	color:#544736;
	font-size:12px;
	font-family: FontinSans Bold, Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	list-style-type: none;
	letter-spacing: .02em;
	background-color:#B19773;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0%;
	
	
	}

.clear {clear:both;}

a:link, a:visited  {color:#cccc99;
	text-decoration:none;}
	
a.wp-caption {color:black;}

a.wp-caption:hover {color:black;
	text-decoration:underline;}
	
p {text-align:left; }
	
a {outline:none;}

img {border:none;}

li {text-decoration:none;}

ul {text-decoration:none;list-style:none; margin:0; padding:0;}

fieldset {border:none;}

	
.clearfix {display:inline-block;}
	
@font-face {
	font-family: 'FluxRegular';
	src: url('fonts/Flux_Architect_Regular.ttf');;
	}

	



/*--------header--------*/
#headersecondary {
	height:275px;
	padding-top:1em;
	}


.logo {width:200px; float:left; margin-top:2px;}

/*-----latest post----*/
#content .latest_post {margin-bottom:2em;

	}

	
/*-------brown_highlight----------*/

.brown_highlight {height:800px;
	background-color:#2e271e;
	clear: both;
	margin: 0px auto 3em auto;
	width: 260px;
	-moz-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	border-radius: 10px;
	

}

.brown_highlight_home {height:550px;
	background-color:#2e271e;
	clear: both;
	margin: 0px auto 3em auto;
	width: 260px;
	-moz-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);

	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	border-radius: 10px;
	

}

.brown_highlight h3, .brown_highlight_home h3 {text-align:center;
	text-shadow: 1px 2px 2px #13100c;
	margin-bottom:2em;}

.single_drop_shadow {
	
	box-shadow: 1px 1px 3px #999, 1px 1px 3px #1d1d1d;
	-moz-box-shadow: 1px 1px 3px #999, 1px 1px 3px #1d1d1d;
	-webkit-box-shadow: 1px 1px 3px #999, 1px 1px 3px #1d1d1d;
	}

.single_drop_shadow_footer {
	
	box-shadow: 1px 1px 3px #100d09, 1px 1px 3px #2e271e;
	-moz-box-shadow: 1px 1px 3px #100d09, 1px 1px 3px #2e271e;
	-webkit-box-shadow: 1px 1px 3px #100d09, 1px 1px 3px #2e271e;
	}


.rounded_corners {
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;	
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

.ribbon {
	height: 53px;
	width: 330px;
	position: relative;
	left:-17px;
	top: 30px;
	margin-bottom:2em;
}

.ribbon h2 {
	font-size: 18px;
	color: #DFC18E;
	padding-top: 3px;
	background-image: url(images/blog_ribbon.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:53px;
	
	
}

.info {
	padding: 1em 12px 35px 12px;
	color:#B19773;
	}
.search_side {margin:1em 0;
	
	}
	
.search_side h3 {margin-bottom:1em;
	color:#DFC18E;
	font-size:14px;
	}
#searchform {display:inline;}

#searchform div input#searchsubmit {
	font-size:0px;
	text-indent:-9999px;}

#searchform div {background-image:url(images/blog_search_box.jpg);
	background-repeat:no-repeat;
	margin: 1em -10px 1em -11px;
	width:259px;
	height:40px;
	background-position:0 50%;
	
	}
	
#s {width:135px;
	float:left;
	margin:10px 6px 10px 35px ;
	background-color:#1b150d;
	color:#cccc99;
	border:none;
	height:20px;
	padding: 2px 0 0 3px;}
	
input#searchsubmit {background-image:url(images/blog_search_btn.jpg);
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-color:#2e271e;
	width:75px;
	height:36px;
	border:none;
	float:left;
	padding:0;
	margin-top:5px;
}

.search_indent {text-indent:-9999px;}

.social_icons {
	padding:0 2em;
	margin-bottom:3em;
	float:left;}

.social_icons li {width:30px;
	margin:0 8px;
	float:left;}

/*-------light_tan_highlight----------*/

.light_tan {height:350px;
	background-image: url(images/recent_post_bg.png);
	background-repeat:no-repeat;
	background-color:#b19773;
	}

.thumb_featured {width:160px;
	height:145px;
	background-color:white;
	padding:10px 10px 5px 10px;
	font-family: FluxRegular;
	margin-bottom:5px;
	}
	
.featured_main {padding:2em;
	font-size:10px;
	text-align:center;
	position:relative;}
	
.featured_main a {color:#2e271e;
	font-weight:bold;}

.attachment-featured-post-thumbnail {margin-bottom:5px;}
	
/*--------contnet-------*/
#content {overflow:hidden;
	background-color:white;
	padding:2em 0;
	
	}
/*------catagoreis_blog--------*/
.blog_catagories ul li h5 {width:940px;}

.main_cats .cat-item {width:80px;
	float:left;
	padding:10px 10px 0 10px ;
	font-size:12px;
	height:30px;
	font-family:Georgia;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #818C68;
	margin-bottom:17px;
	}

.blog_catagories ul li ul {width:940px;
	}

.blog_catagories {margin:0 10px 2em 10px;
	float:left;
	width:940px;
	border-bottom:1px solid #818C68;
	}

.cat-item a {color:#2e271e;
}

.cat-item a:hover, .side_archive li a:hover {
text-decoration:underline;
	
}
/*-----cat_side, archive_side---------*/





.side_cats li.cat-item a, .side_archive li a{display:block;
	font-size:13px;
	font-style:italic;
	padding:4px 0 0 30px;
	color:#DFC18E;
	background-image:url(images/tree.jpg);
	background-repeat:no-repeat;
	height:30px;
	margin-top:5px;
}



.side_cats ul.children li.cat-item{
		padding-left:1em;
		}
		
/*------archive_post------*/

.archive_post small, .archive_post a {color:#CCCC99;}


/*-----featured post----*/
#featured_post {margin:3em 0;
	float:left;
	}

#featured_post h5 {margin:0 10px 10px 10px;
}

#featured_post h3 {	color:#2e271e;
	font-family:Georgia;
	margin-bottom:.75em;}
	
#featured_post h3 a{	color:#2e271e;
	font-family:Georgia;}

.featured_blog {float:left;
	width:460px;
	}
.featured_blog_content {float:left;
	width:200px;
	margin-right:10px;}

.featured_blog_content a {color:#2e271e;
	font-weight:bold;}

.featured_image {width:200px;
	height:120px;}
	
/*------grid classes-----*/
.container {margin-left:auto;
	margin-right:auto;
	width:960px;
	position:relative;
	z-index:6000;
	}


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin:0 10px 0 10px;
	display:inline;}

.grid_1 {width:60px;
	float:left;}

.grid_2 {width:140px;
	float:left;}

.grid_3 {width:220px;
	float:left;}
	
.grid_4 {width:300px;
	float:left;}

.grid_5 {width:380px;
	float:left;}

.grid_6 {width:460px;
	float:left;}

.grid_7 {width:540px;
	float:left;
	}
	
.grid_8 {width:620px;
	float:left;}

.grid_9 {width:700px;
	float:left;}
	
.grid_10 {width:780px;
	float:left;}
	
.grid_11 {width:860px;
	float:left;}
	
.grid_12 {width:960px;
	float:left;}
	
.pad_2 {margin:0 10px 10px 0;
	float:left;
	width:140px;}	
/*---------footer---------*/
#footer {
	padding-top:1em;}

.brown_bg {background-color:#2e271e;
	float:left;
	}
	
#footer h2 {font-size: 18px;
	color: #DFC18E;
	padding-top: 3px;
	text-shadow: 1px 2px 2px #13100c;
	margin-bottom:8px;
}

.green_footer {color:#818C68;
	font-size:10px;
	letter-spacing:.1em;
	margin-bottom:10px;}
		
.recent_teaser_image {
	float:left;
	display:inline;
	
	}

.recent_image {float:left;
	width:120px;
	height:133px;
	background-color:white;
	padding:10px 10px 0 10px;
	}
.recent_image p {text-align:center;
	margin-top:3px;
	font-size:10px;
	float:left;
	width:120px;}
	
.popular_trees {background-image:url(images/tree.jpg);
	background-repeat:no-repeat;
	height:32px;
	margin-bottom:5px;
	padding:4px 0 0 30px;}
	
.popular_trees a {margin-right:10px;}
/*-----archives--------*/
.archive_post {width:600px;
	float:left;
	background-color:#2e271e;
	padding:1em;
	margin-bottom:1em;
	}

.archive_post p {color:#b19773;
	}

.archive_nav a {color:#2e271e;}

.archive_post .entry h3, .archive_post .entry h2, .archive_post .entry li  {color:#b19773;}

/*-------Headings--------*/
h5 {font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #818C68;
	color:#818C68;
	padding-bottom:3px;
	margin-bottom:1em;
	}

h2.blog_title, h2.blogtitle a.post_title {font-size:30px;
	color: #544736;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	margin-bottom:3px;
	}

h2 a.post_title {
	color: #544736;}

.blog_content {float:left;
	width:180px;
	padding-left:1em;}

.blog_image {float:left;
	width:100px;}

.blog_link {
	width:atuo;
	color:#992600;}

a.port_link {
	float:left;
	width:auto;
	margin:0 10px 0 0;
	text-decoration:underline;}
	
a.port_link:hover {color:#992600; 
	float:left;
	width:auto;
	margin-top:14px 10px 0 0;
	text-decoration:underline;}

a.mailrollover:hover {text-decoration:underline;}

a.mailrollover {color:#992600;}

.callout_image {float:left;
	width:auto;
	display:inline;
	padding-left:10px;
	}

.callout_text {padding-top: 60px;
	text-align:justify;
	width:220px;
	float:left;}

 a.blog_link {color:#992600;}

	
	
/*-----sidebarimage-------*/


.sidebar_image {margin-bottom:10px;
	display:inline;
	float:left;
	width:120px;}

.sidebar_main_image {margin-bottom:10px;
	display:inline;
	float:left;
	width:220px;}

.screen-reader-text {width:220px;
	float:left;
	color:#992600;
	font-size:14px;
	margin-bottom:10px;
	margin:1em 0;
	font-weight:bold;}


	
.blog_list a {color:#992600;
	text-decoration:underline;
	float:right;}
	
.recent_sidebar{float:left;
	display:inline;}
	


.recent_post li {float:left;
	display:inline;}


	
.categories {float:left;
	width:200px;
	display:inline;}
	

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 8px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right:40px;
	width: 25px;
	margin: 3px 0 8px 0;
}
ol.forms input, ol.forms textarea {
	background-color:#201710;
	border: 1px solid #0d0c0a;
	color:#CC9933;
	height:1.5em;
	padding-left:10px;
	width:230px;
	
}
ol.forms textarea { height: 90px; width: 312px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #3b2b1e; border-color: #cccc99; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }




/*------blog image styling------*/
.entry_blog img {border:1px solid #D5D5D5;}

.entry_blog img.alignleft {float:left;
	padding:1em 1em 1em 0;
	margin-right:1em;
	}
	
.entry_blog img.alignright {float:right;
	padding:1em 0em 1em 1em;
	}

.aligncenter {margin-left:200px;
		padding:1em 1em 1em 1em;}
		
/*------blog layout-------*/

.meta_post {float:left;
	width:100%;}

.postmetadata   {margin-bottom:1em;
	color:#818C68;
	font-size:10px;
}
	
.postmetadata a {color:#818C68;}

.featured_blog_content .moretext {width:200px;
	float:left;
	font-size:.85em;}

.moretext {color:black;
	font-weight:normal;}

.moretext_image {
	text-indent:-9999px;
	background-image:url(images/blog_readmore.jpg);
	height:41px;
	width:178px;
	position:absolute;
	top:307px;
	left:20px;}

.entry {margin:5px 0;
	float:left;}
 
.entry h4, .entry h2, .entry h3 {margin:5px 0;}



.post {float:left;}
	
.blog_title ul {margin-top:9px;}

li.title_author {float:left;
	font-size:10px;
	width:530px;}

.attachment-post-thumbnail {margin-bottom:1em;
	width:620px;
}

a.full_post_title {color:#A6A67C;}
	
.tert_nav {float:right;
	width:300px;
	margin-bottom:.5em;
	position:relative;
	height:1em;}
	
ul.tert_nav li {float:left;
	width:100px;}

.next_project {
	position:absolute;
	left: 100px;
	}
.prev_project {
	position:absolute;
	left: 0px;
	}
.next_project a:hover,.prev_project a:hover {color:#992600;} 

.entry_blog a {color:#C60;
	font-weight:bold;}

.entry_blog ul {border:1px solid #999;
	padding:1em;
	background-color:#CCC;}

.entry_blog li {list-style:circle inside;}
	
.entry_blog h3, .entry_blog img {margin:1em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;}

.entry_blog p {margin-bottom:1em;}
	
.entry_blog {line-height:1.75em;}



.month_site {border:1px solid #999;
	padding:2em 1em;
	background-color:#CCC;}
	
.post_highlight {border:1px solid #999;
	padding:1em 1em;
	background-color:#CCC;
	color:#2e271e;
	font-size:2em;
	font-style:italic;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	


/*-----share-----*/
.share li {width:32px;
	float:left;
	padding:0 16px 0;}

.share {margin-bottom:1em;
	float:left;
	width:650px;}

/*----comments style------*/
.comment_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
	float:left;
	width:620px;
	overflow:auto;}

.comment_single h3, .share h3 {font-size:24px;
	color: #544736;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	margin-bottom:.5em;
	}

.comment {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border:1px solid #D5D5D5;
list-style-image:none;
list-style-position:outside; 
list-style-type:none;
margin:0 0 10px;
padding:5px 7px 35px 70px;
position:relative;

}

.comment_single {float:left;
	width:620px;
	margin-bottom:1em;}

.ol.comment_list li .reply {bottom:5px;
position:absolute;
right:5px;}

.comment_list li {overflow:auto;
	height:auto;}

.comment_list li {overflow:auto;
	height:auto;}

.bypostauthor {background-color:#CCC;
border:1px solid #999;}

.comment-meta {
font-family:helvetica,arial,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
position:absolute;
right:10px;
text-align:right;
top:5px;}

#commentform a {color:#544736;}

.comment-meta a {color:#999;}

.comment-meta a:hover {color:#666666;}

.avatar {left:11px;
position:absolute;
top:9px;}

li.comments_main {float:left;
	font-size:10px;
	width:90px;}

li.comments_main a {color:#544736;}


.fn a {color:#992600;}

#comment_writer_info {margin-bottom:10px;
	overflow:hidden;
	height:45px;}
	
#comment_writer_info div {float:left;
position:relative;
width:201px;
z-index:100;
margin-right:5px;}

#comment_writer_info label {position:absolute;
	top:30px;
	left:1px;}

#comment_writer_info input {width: 200px;}

#author, #email, #url {background-color:#968c7f;
	height:20px;
	padding:4px 0 0 2px;
	border:none;
	display:inline;
	float:left;}

#comment {width:605px;
	float:left;
	margin:10px 0;
	background-color:#968c7f;
	border:none;
	height:60px;
	padding:.5em 0 0 .5em;
	border:1px solid #2e271e;}
	
.btn_submit,  #submit {background-color:#968c7f;
	color:#2e271e;
	height:2.5em;
	-moz-border-radius: 1px;
  	-khtml-border-radius: 1px;
  	-webkit-border-radius: 1px;
	border:1px solid #2e271e;
	float:left;}

.btn_submit:hover, #submit:hover {background-color: #3b2b1e; color:#CCC999; border:1px solid #2e271e; cursor:pointer;} 


/*------scrollbars------*/

#respond {float:left;}

ol {
	list-style-type:none;
}

/*--------navigation----------*/

/*-------navigation-------*/

#headermain {margin-top:10px;
	height:443px;}

#headerminor {margin-top:10px;
height:240px;}

.navigation {float:right;}

.mainnav ul li {
float: left;
position: relative;

}

.mainnav ul li a{
	display:block;
	color: #AEBF88;
	width: 80px;
	text-align: center;
	padding: 6px 3px 3px 3px;
	margin: 0 1px;
	text-decoration:none;
	font-size:12px;
	height:19px;
}


li.index a:hover {background-color:#B19773;   color: white;}
li.portfolio a:hover {background-color:#B19773;   color: white;}
li.about a:hover {background-color:#B19773;   color: white;}
li.news a:hover {background-color:#B19773;   color: white;}
li.services a:hover {background-color:#B19773;   color: white;}
li.contact a:hover {background-color:#B19773;   color: white;}
li.blog a:hover {background-color:#B19773;   color: white;}

body#home li.index a,
body#portfolio li.portfolio a,
body#about li.about a,
body#blog li.blog a,
body#news li.news a,
body#services_page li.services a,
body#contact li.contact a {background-color:#B19773;color: white;}

.mainnav ul li ul {
display: none
}

.mainnav ul li:hover ul {
display: block;
position: absolute;
}

.mainnav ul li:hover ul li a {
display:block;
background:#B19773;
color:#544736;
width: 111px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
margin:0 0 0 1px;
padding:.25 em;

}

.mainnav ul li:hover ul li a:hover {
background:#DFC18E;
color:white;
}


#callout {margin:20px 10px 0 0;}

.main_callout {float:right;
	font-family:Gill Sans, Arial, Sans-Serif;
	width:400px;
	font-size:30px;
	color:#FFF;
	margin-top:5px;
	line-height:1.2em;
	text-align:right;}
	
.callout_bold { font-weight:bold;}

.callout_image {margin-bottom:65px;}
.submenu {
	margin:0;
	padding:0;}

.submenu ul {
	width: 700px;
	float:right;
	background-color:#fff;}
	
.submenu ul li {
	width:72px;
	float: left;
	display: inline;
	color:#white;
	font-size:8pt;
	border-right: 1px #FFF;	
	
	}

.submenu ul li a{
	display:block;
	color: white;
	text-align: center;
	padding: .15em .25em;
	border-right: 1px #FFF;	
}

.submenu {
	margin:0;
	padding:0;}

.submenu ul {
	width: 700px;
	float:right;
	background-color:#fff;}
	
.submenu ul li {
	width:72px;
	float: left;
	display: inline;
	color:#white;
	font-size:8pt;
	border-right: 1px #FFF;	
	
	}

.submenu ul li a{
	display:block;
	color: white;
	text-align: center;
	padding: .15em .25em;
	border-right: 1px #FFF;	
}

.right {float: right;}