/*
Theme Name: Blue Webnomica
Author: Alf Catadman
Author URI: http://www.impresario1.com/
Theme URI: http://www.impresario1.com/
Description: Elegant, simple and blue WordPress Theme by <a href="http://www.impresario1.com">Impresario One</a>.
Tags: blue, two-columns, fixed-width, right-sidebar, dark

Version: 1.4
*/


/* ========== all elements style ========== */

*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none; padding: 5px;}
input{vertical-align:middle;}
hr {border: 0; width: 80%; color:#333333; background-color: #444;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */



.floatleft{float:left !important;}
.floatright{float:right !important;}



/* ============= body ============= */

body{
margin:0;
padding:0;
/*background:url(images/bg.gif);*/
font-family: Arial, "Trebuchet ms", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
font-size:12px;
color:#333333;
}



/* ============= wrapper ============= */

#wrapper{
width:984px;
margin:0 auto;
}



/* ============= header ============= */

#header{
width:984px;
height:300px;
background:url(images/hbg.jpg) left top no-repeat;
position:relative;

margin-top: 10px;
margin-bottom:10px;


}



/* ========== title ========== */

.title {
color:#ffffff;
font-size:26px;
position:absolute;
top:40px;
left:20px;
font-weight:normal;
}



.title a{
color:#ffffff;
text-decoration:none;
}



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





/* ========== logo ========== */
#header h1 a {
	color: #d3d3d3;
	position: absolute;
	margin-top: -60px;
	margin-left: 20px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-shadow: #000 0 1px 2px;
	float: left;
}
.description{
font-size:32px;
color:#ffffff;
font-family: Arial, Verdana, Sans-Serif;
position:absolute;
left:30px;
top:200px;
letter-spacing: -1px;
font-weight: bold;
	text-shadow: #000 0 1px 2px;

}



/* ========== small header ========== */

.smallheader {
margin-bottom:20px;
font-size:14px;
font-weight:normal;
color:#d9d9d9;
display:block;

}



.smallheader a{

color:#fff;

text-decoration:none;

}



.smallheader a:hover{

color:#fff;

text-decoration:none;

}



/* ========== menu ========== */

#menu{

width:680px;

height:40px;

background:url(images/mbg.png) left top no-repeat;

padding:0 10px;

margin-top: 20px;
margin-bottom:10px;
margin-left: 280px;

}



#menu ul{

height:40px;

background:url(images/mbr.gif) left top no-repeat;

}



#menu ul li{

float:left;

line-height:40px;

list-style:none;

background:url(images/mbr.gif) right top no-repeat;

}



#menu ul li a{
float:left;
display:block;
line-height:40px;
height:40px;
padding-left:14px;
padding-right:16px;
color:#fff;
text-align:center;
text-decoration:none;
font-size:12px !important;

}
#menu ul li a:hover{
border-right:1px solid #cc3467;
background:url(images/mhover.gif) left top repeat-x;
padding-left:14px;
padding-right:15px;
text-decoration:none;
color:#000;
}
/* ========== container ========== */

#container{
width:984px;
background-color: #2B476C;
padding-top:50px;
}
#container p {
	color: #fff;
}

.ctop {
	background:url(images/ctop.png) left top no-repeat;
	height: 10px;
	margin-top: -160px;
	}
.cbot, .cblue{	
	width:984px;
	height:25px;
	background:transparent url(images/cbot.png) left bottom no-repeat;
	clear:both;
	}
.cblue {background-color:#2b476c; background-image: none;	
	}

#content{
	width:690px;	
	float:left;	
	padding-left:15px;
	
	}
#content-slim {
	width: 320px;
	float: left;
	padding-left: 15px;
	
	}
/* ADDENDUM */
.content-wrapper {
	background-color:#333333;
	}
#services-post {
	color: #d9d9d9;
	padding: 10px;	
	float: right;
	width: 550px; 
	}
#services-post ul li {
	list-style-type: none;
	font-size: 14px;
	padding: 14px 0;
	}	
#services-post h2 {
	margin-top:20px;
	padding-bottom: 20px;
	font-size:28px;
	font-weight:normal;
	color:#fff;
	display:block;
	letter-spacing:-1px;
	
	}	
#services-post li.horiz {background: url(images/icon-horiz.png) left top no-repeat; padding-left: 60px;}
#services-post li.reshouse {background: url(images/icon-resdh.png) left top no-repeat; padding-left: 60px;}
#services-post li.survey {background: url(images/icon-map.png) left center no-repeat; padding-left: 60px;}
#services-post li.fab {background: url(images/icon-tools.png) left center no-repeat; padding-left: 60px;}
#services-post li.sanitary {background: url(images/icon-tbin.png) left top no-repeat; padding-left: 60px;}

#services-post li.elect {background: url(images/icon-elec.png) left top no-repeat; padding-left: 60px;}
#services-post li.mecha {background: url(images/icon-mecha.png) left top no-repeat; padding-left: 60px;}
#services-post li.econsult {background: url(images/icon-econsult.png) left center no-repeat; padding-left: 60px;}
#services-post li.idesign {background: url(images/icon-idesign.png) left center no-repeat; padding-left: 60px;}

#services-post ul li {
float: left;
width: 15em;
/*width: 16em;*/
padding: 20px 0;	
}
#services-post li {
float: left;
width: 8em;
}

/* ========== post ========== */
.post{
clear:both;
margin-bottom:25px;
display: block;
                                
}
.post a 		{color:#ffffff;text-decoration:none;}
.post a:hover	{color:#999999;}

.post h1{
	font-size:22px;
	font-weight:normal;
	color:#fff;
	display:block;
	letter-spacing:-1px;
	}
.post h1 a{

color:#999999;
text-decoration:none;
font-size: 26px;
}
.post ul li {
	margin-top: 5px;
	list-style-type: none;
	padding: 2px;
	display: block;
	width: 300px;
	
	border-bottom: 1px dotted #395F91;

	}
.post li a:hover {
	text-decoration: none;
	color: #99cc33;
	}	

.post h1 a:hover{
color:#000000;
text-decoration:none;

}

.post h2{
	margin-top:-10px;
	font-size:28px;
	font-weight:normal;
	color:#fff;
	display:block;
	letter-spacing:-1px;
	padding: 20px 0;
	}

.post h2 a{
color:#d9d9d9;
text-decoration:none;
}

.post h2 a:hover{
color:#ffffff;
text-decoration:none;
}
.indented {
	padding-left: 120px;
	font-size: 14px;
	} 

.post h3{
	margin-top:10px;
	font-size:24px;
	font-weight:normal;
	color:#e5e5e5;
	display:block;
	letter-spacing:-1px;
	}


.post-tools{

display:block;
clear:both;
margin-bottom:10px;
color:#bbbbbb;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}
.post-tools p {
	text-align: center;
	}
	
.post-tools a{
color:#777777;
text-decoration:none;
font-size: 12px;
}
.post-tools a:hover{
color:#999999;
text-decoration:none;
}



.post-date{

line-height:15px;

}
.post.welcome {
	width: 350px;
	margin-top: 40px;
	}
.post.welcome p {
	padding-top: 10px;
	}	
.post {
	width: 690px;
	/*width: 470px;*/
	}

.post p{

text-align:justify;

}



.post p, .post ol, .post ul{
font-size:13px;
color:#d9d9d9;
line-height:18px;
font-family:Arial, 'Lucida Grande', Verdana, Sans-Serif;
margin-bottom:15px;
}
.post ul a {color: #d9d9d9;}


.post ol, .post ul{
list-style-position:inside;
margin-left:20px;
}
.postdata {
	margin-top: -480px;
	color: #fff;
	margin-left: 10px;	
	float: right;
	
	}
.postdata h1 {
	color: #666666;
	font-weight: normal;
	letter-spacing: -1px;
	}


.post-comments a{
padding-left:18px;
background:url(images/comments.gif) left center no-repeat;

}



.post-date{
padding-left:18px;
background:url(images/date.gif) left top no-repeat;
margin-left:5px;
}



/* ========== sidebar ========== */

#sidebar{
width:240px;
padding:10px;
float:right;
}
#sidebar li{
list-style:none;
margin-bottom:20px;
}
#sidebar li a {
	color: #999999;
	text-decoration: none;
	
	}
#sidebar li a:hover {
	color: #666666;
	border-bottom: 1px dotted #555555;
	}	


#sidebar li h2{
font-size:22px;
font-weight:normal;
color:#d9d9d9;
margin-bottom:5px;

}
#sidebar li ul li{
font-family: Arial, Verdana, Sans-serif;
font-size:13px;
color:#d9d9d9;
padding-left: 20px;
margin:0;
line-height:22px;
display: block;
border-bottom: 1px dotted #395F91;
}
#sidebar li ul li a{
color:#e5e5e5;
font-size: 12px;
text-decoration:none;
}



#sidebar li ul li a:hover{
color:#999999;
text-decoration:none;
}

/* ========== sidebar2 ========== */
#sidebar2 h2 {
	font-size: 28px;
	color: #55711C;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: -1px;
	}
#sidebar2 {
	min-height: 120px;
	}
#sidebar2 .content {
	width: 430px;
	line-height: 17px;
	display: block;
	float: left;
	margin-right: 10px;	
	
	}
#sidebar2 .widgetized {
	width: 450px;
	display: block;
	float: left;
	margin-right: 10px;
	}
.fieldbox {
	padding: 10px 5px;		
}



/* ========== footer ========== */

#footer{
width:984px;
line-height:16px;
clear:both;
padding-top:5px;
padding-bottom:30px;
margin-bottom: 20px;

}
#footer p, #footer ul{
color:#666666;
font-size:11px;
font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;

}

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



#footer a:hover{
color:#bbbbbb;
text-decoration:none;
border-bottom: 1px solid #bbbbbb;
}

#footerwidget {
	background-color: #99cc33;
	padding: 10px;	
	}
#footerwidget .fieldleft {
	display: block;
	float: left;
	}
#footerwidget .fieldright {
	margin-right: -30px;	
	float: right;
	}
#footerwidget ul li {
	list-style-type: none;
	}
#footerwidget .fieldbox, #footerwidget textarea {
	padding: 5px 10px;
	border: 2px solid #8EBD2F;
	background-color: #abd555;
	height: 20px;
	}
#footerwidget textarea {
	width: 200px;
	height: 150px;
	
		}	
#footerwidget .message {}

#footerwidget input {
	color:#111;
	width: 220px;
	}
#footerwidget .stretch input {
	width: 480px;
	height: 40px;
	background-color: #abd555;
	border: 1px solid #8EBD2F;
	font-size: 18px;
	color: #55711c;	
	}
.stretch input:hover {
	background-color: #dff;	
	}
#footerwidget p {
	color: #333;
	font-size: 11px;
	padding: 8px 0;
	}	

.wtop {
	background: url(images/widget-top.png) left top no-repeat;
	width: 984px;
	height: 10px;
	margin-top: 20px;	
	}
	
.wbot {
	background: url(images/widget-bot.png) left top no-repeat;
	width: 984px;
	height: 25px;
	}	
	
.footer-links{
float:right;

}



.footer-links li{

float:left;

margin-left:10px;

display:inline;

}





/* ========== ADDITIONAL STYLES ========== */
.post {
	display: block;
	}
.post img{
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #444444;
	max-width: 100%;
}
.center{text-align: center;}

.aligncenter

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}
.alignright{
float: right;

background-color: #99cc33;
padding: 10px;
width: 120px;
height: 20px;
display: block;
text-align: center;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

	

.alignleft{
float: left;
background-color: #99cc33;
padding: 10px;
width: 120px;
height: 20px;
display: block;
text-align: center;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.alignleft a, .alignright a {
	/*padding: 10px;*/
	text-decoration: none;
	color: #fff;
	}
.alignleft a:hover, .alignright a:hover {
	color: #565656;

/*	
	display: block;
	text-decoration: none;
	color: #fff;
*/	
	}

img.center, img[align="center"]{

display: block;

margin-left: auto;

margin-right: auto;

}

	

img.alignright, img[align="right"]{

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}



img.alignleft, img[align="left"]{

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

	

img.noborder{

border: none !important;

}



/* ========== prev/next nav ========== */

.prevnextnav{
display:block;
clear:both;
margin-bottom:10px;
border-bottom:1px dotted #395F91;
border-top:1px dotted #395F91;
padding:8px;
}



.prevnextnav a{

color:#000000;

font-size:11px;

font-weight:bold;

text-decoration:underline;

padding:3px;

}



.prevnextnav a:hover{

text-decoration:none;

color:#666666;

}



/* ============= comments ============= */
.comment{
background:#333333;
/*border:1px solid #555555;*/
padding:15px;
margin-bottom:10px;

}



.comi{
margin-bottom:10px;
}
.comi input{
padding:6px;
font-size:13px;
color:#e5e5e5;
/*font-weight:bold;*/
background-color: #686868;
border: none;
}
.comments-box{
clear:both;
padding:10px 20px;

}



.comments-box h3{

font-size:14px;

color:#2277dd;

margin-bottom:5px;

text-align:left;

font-weight:normal;

}



.comment-content{

clear:both;
margin: 40px 0 20px;
border: 1px dotted #444444;
}



.comment-top{

/*background:url(images/cotop.png) right top no-repeat;*/
	/*background-color: #666;*/

}
.comment-bot{
/*background:url(images/cobot.png) right bottom no-repeat;*/
	margin-top: 10px;
	padding: 10px 5px;
}
.comment-content p{

	font-size:12px;

line-height:14px;

margin-bottom:5px;

}



.comment-content a{
color:#777777 !important;
text-decoration:none;
font-weight:bold;
}
.comment-content a:hover{
text-decoration:underline;
color:#777777;
}



.comment-content small{

color:#4f4f4f;

}



.comment-text{

float:right;

width:345px;

padding-top:5px;

}



.comment-text p{

font-size:12px;

line-height:15px;

margin-bottom:16px;

text-align:justify;

padding:5px 10px;

}



#respond{
font-size:15px;
margin-bottom:10px;
color:#99cc33;
font-weight:normal;
}
label {
	color: #686868;
	font-size: 14px;
	padding-bottom: 10px;	
	}
#submit input {
	color: #fff;
	}
#commentform p{

font-size:12px;

}



#commentform a{

color:#2277dd !important;

text-decoration:none;

font-weight:bold;

}



#commentform a:hover{

text-decoration:underline;

color:#bb4411;

}
.compostauth{
	width:100px;
	float:left;
	margin-left: 30px;
}

#indexphotos {}
#indexphotos ul li {list-style-type: none; display: inline-block;}
#indexphotos li.idxdesign {
	background:url(images/idx-design_on.png) left top no-repeat;
	width: 290px;
	height: 230px;
	position: relative;
	top: -70px;
	left: 10px;
	text-indent: -2000px;
	}
#indexphotos li.idxbuild {
	background:url(images/idx-build_on.png) left top no-repeat;
	width: 290px;
	height: 254px;
	position: relative;
	top: -80px;
	left:-50px;
	text-indent: -2000px;
	}
#indexphotos li.idxdeliver {
	background:url(images/idx-deliver_on.png) left top no-repeat;
	width: 290px;
	height: 254px;
	position: relative;
	top: -80px;
	left: -90px;
	text-indent: -2000px;
	}		
.clear {
	clear: both;
	}	



/* IMAGE EFFECTS */
.post img {
	background-color:#fff;
	padding: 5px;
	}
.post img {
	position: top;
	background-color: #fff;
	}
.post .hr {
	padding: 10px;
	border-bottom: 1px dotted #395F91
	border-top: 1px dotted #395F91	
	}	
	
/* CUSTOM FIELD STYLES */	
.cfstyle {
	padding-top: 10px;
	color: #666666;
	font-size: 12px;
	line-height: 32px;

	}
.cfstyle ul li {
	list-style-type: none;
	border-bottom: 1px dotted #666666;
	}
.cfstyle .right {
	float: right;
	}
textarea, input {	
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#commentform textarea {
	background-color: #686868;
	border: none;
	padding: 20px 10px;
	font-family: Arial, sans-serif;
	color: #e5e5e5;
}
.fbindex {
		position: absolute;
		margin-top: -110px;
		margin-left: 880px; 
}
.fbbutton {
	float: right;
	margin-bottom: 10px;
	padding-top: 10px;
	}
.fblogo {
	margin-top: -100px;
	margin-left: 820px;
	}	
#content .posindeximage {
	width: 150px;
	float: left;
	display: block;
	min-height: 130px;	
	}
#content .posindeximage img {
	background-color: #fff;
	height: 112px;
	width:150px;
	}
#content .excerpts {
	padding: 0 0 0 180px;
	}
.excerpts p {
	
	}	
#content .projectbox {
	/*border-bottom: 1px dotted #395F91;*/
	display: block;
	border-top: 1px dotted #395F91;
	padding-top: 10px;
	width: 670px;
	}
				
.excerpts .details, .tags {
	margin: 20px 0;
	text-align: center;
	width: 80px;
	padding: 5px;
	background-color: #99cc33;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
.details {
	float: right;
	margin: 20px 0;
	text-align: center;
	width: 80px;
	padding: 5px;
	background-color: #99cc33;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}	
.details a:hover  {
	color: #000;
	}
.cvalues {}
.cvalues ul li {
	margin-left: 60px;
	height: 100px;
	width: 520px;
	padding-top: 10px;
	padding-left: 80px;
	}
span.coretitle {
	font-size: 1.26em;
	color: #fff;
	font-weight: bold;
	}
	/*	
.cvalues li.list1	{background: url(images/icon-excellence.png) left 15px no-repeat;}
.cvalues li.list2 	{background: url(images/icon-integrity.png)  left 15px no-repeat;}
.cvalues li.list3 	{background: url(images/icon-excellence.png) left no-repeat;}
.cvalues li.list4 	{background: url(images/icon-excellence.png) left no-repeat;}
.cvalues li.list5 	{background: url(images/icon-excellence.png) left no-repeat;}
	*/