/* CSS Document */
Theme Name: Coastal Build Green Website
Description: A Massachusetts based residential and commercial design, build, construction company.
Version: 1.0
Author: Prototype Syndicate
Author URI: http://www.prototypesyndicate.com
*/

/************************************/
/* 			  BODY/HTML       		*/
/************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body	{
	font:normal 16px/1.5em Cambria, Georgia, serif;
	color:#484848;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: .5px;
	margin:0px;
	background:#fcfcfc url(images/bg.gif) center top no-repeat;
}

img	{
	border:0px;
	outline:none;
}

.leftcol img {
	background-color: #fff;
	padding:3px;
	border:1px solid #DDDDDD;
	outline:none;
}

.clear	{
	clear:both;
	}

a {
	color:#484848;
	text-decoration:none;
	outline:none 
}

a:hover {
	color:#000;
}

.black	{color:#000;}

.san	{font-family: Tahoma, Helvetica, sans-serif;}

.navigation {
	margin:10px 0;
	color:#484848;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.5em;
	text-transform:uppercase;
}

.alignleft {
float:left;
}

.alignright {
	float:right;
}

.textcenter {
	text-align:center;
}

.textright {
	text-align:right;
}
.textleft {
	text-align:left;
}

#menu {
	margin-top:20px;
	float:left;
}

/************************************/
/* 			  WRAPPER       		*/
/************************************/

/************************************/
/* 			   LOGO       			*/
/************************************/
.header {
	width:100%;
	height:120px;
	margin-top:15px;
}

.logo  {
	color:#FFF;
	margin:15px 0 0 10px;}


/************************************/
/* 			   Columns       		*/
/************************************/


.content 	{
	padding:0px; 
	margin-top:30px;	margin-bottom:30px;
	position:relative;
	}

.contentbg {
	margin-bottom:30px;
	position:relative;
	}

.leftcol { 
	padding:10px;
}
	
.rightcol {
	padding:10px;
	}

#barboxes	{
	background:#171717 URL(images/boxtop.jpg) top left repeat-x;
	padding:10px; 
	overflow:auto;;
}

.contentbg .transparency
{
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	background-color:#fcfcfc;
	width:100%;
	height:500px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

/************************************************
                      Breadcrumb                  
************************************************/
.bread span a { color:#fff; padding:2px 2px;}
.bread span a:hover { color:#fff; }
.bread span img { vertical-align:middle; border:none;}

.bread {
	color:#fff;
	font:normal 16px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	background: URL(images/bread.gif) top center no-repeat;
	padding:8px 10px;
}

.bread img {
	margin-left:3x;
	margin-right:3px;
}



/************************************/
/* 			MIDDLE CONTENT       	*/
/************************************/
h1  {
	font:normal 24px Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: lighter;
	text-transform: normal;
	letter-spacing: 1px;
	line-height: 1em;
	color:#9BC135;
	margin:0;
	padding:0;
}

h2  {
	font:normal 11px Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.5em;
	color:#484848;
	margin:0 0 10px 0;
	padding:0;
}

h3  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 2em;
	color:#484848;
	margin:0px;
	padding:0;
}

h4  {
	font:normal 11px Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.5em;
	color:#484848;
	margin:0px;
	padding:0px 0 10px 0;
}

h5  {font:normal 1.2em  "Trebuchet MS", sans-serif;letter-spacing:0px;color:#000;margin:0px;padding:0px 0 5px 0;}
		    h6  {font:normal 0.8em "Trebuchet MS", sans-serif;letter-spacing:0px;color:#000;margin:3px 0px;padding:5px 0 5px 0;}

p  {
	font:normal 16px/1.5em Cambria, Georgia, serif;
	color:#484848;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: .5px;
	padding:0px 0 10px 0;
}

.capone:first-letter  {margin:0px;font:normal 20px "Trebuchet MS", Verdana, Tahoma;color:#000;line-height:150%;}



/*******************************************************
  				Blockquote
*******************************************************/

blockquote {
	color:#9BC135;
	border-top:1px solid #9BC135;
	border-bottom:1px solid #9BC135;
}

blockquote {
	margin:0 0 20px 0;
	font:italic normal 12px georgia, Arial, Tahoma, Sans-serif;
	padding:10px;
}

blockquote h1, blockquote h2, blockquote h3 {
	line-height:1.5em;
	color:#9BC135;
}

blockquote p {
font:italic normal 14px/20px georgia, Arial, Tahoma, Sans-serif;
}


.sidebar-box {
	font:normal 13px Helvetica, Arial, sans-serif;
	padding:20px;
	margin:0 0 15px 0;
	background:#fff;
	border:1px solid #ddd;
}

.sidebar-box p  {
	font:normal 13px/1em Cambria, Georgia, serif;
	color:#484848;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: .5px;
	padding:0px 0 3px 0;
}



/************************************/
/* 			GALLERY WEB CSS			*/
/************************************/
.webborder {
	border:1px solid #ddd;
	padding:3px;
	margin:5px 20px 10px 0px;
	float:left;
}

.contentbox		{
	padding:20px; 
	background:#fff; 
	border:1px solid #ddd; 
	margin:0 12px 30px 13px; 
	position:relative;
	overflow:hidden; 
	height:100%;
	width:400px;
	float: left;
	}

.contentbox h3 a	{
	font:normal 26px Helvetica, Arial, sans-serif;
	letter-spacing:1px; 
	text-transform:capitalize; 
	color:#484848; 
	margin:5px 70px 0 0px;
	text-decoration:none;
	}

.contentbox h3 a:hover	{
	color:#000;
}

/************************************/
/* 		   COPYRIGHT CSS      		*/
/************************************/
.footer	{
	width:100%;
	height:22px;
	border-top:1px solid #9bc135;
	padding:0;
	background:#a6ce39;
	position: fixed;
	z-index: 5;
	bottom: 0px;
}
#copyright {
	text-align:center;
	padding:0 5px;
	font-size:11px;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	margin:auto;
	color:#669900;
	position:relative;
	letter-spacing: .5px;
}
#copyright .black	{color:#000;}
#copyright .white	{color:#fff;}
#copyright a 		{font-family: Georgia, serif;text-transform: uppercase;letter-spacing: 1px;font-size: 10px;border:0;color:#669900;text-decoration:none;}
#copyright a:hover 	{color:#fff;}
#copyright img 		{border:0px;padding:5px 5px;vertical-align:middle;}



/********************************************
             BLOG COMMENTS
*********************************************/

.cancel-comment-reply
{
padding:3px;
width:auto;
}

.cancel-comment-reply a
{
color:#484848;
}

input,textarea, select 
{
	background:#fff;
	color:#999;
	padding:5px;
	font-weight: bold;
	letter-spacing: 1px;
	border:1px solid #ddd;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 95%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	}

.alt {
	margin: 0;
	padding: 10px;
	}


/* End Form Elements */

.comment-topbar	{
	height:70px;
	border-bottom:1px solid #ccc;
	}


ol.commentlist {
	margin: 0;
	padding	: 0;
	}			
			
ol.commentlist li {
	margin: 0 0 18px 0;
	padding: 15px;
	background:#f6f6f6;	
	border: 1px solid #ddd;	
	list-style:none
	}

ul.children {
	margin-left: 0;
	}

.commentlist li.depth-2 {
	border:none;
	background:#fff;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-3	 {	
	border:none;
	background:#f0f0f0;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-4	 {	
	border:none;
	background:#fff;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}

.commentlist li.depth-5	 {	
	border:none;
	background:#f0f0f0;
	border: 1px solid #ddd;	
	margin-left:15px;	
	}
	
.commentlist code {
	background:#e6e6e6;
	padding:3px;
	}

.commentlist .moderation {	
	margin-top: 10px;
	color: #dd0000;	
	}

.comment-author {display:block;  
	margin-bottom: 10px;
	}
	
.comment-meta {
	font-size:10px;
	text-decoration:none;
	}

.avatar {
	margin-right: 10px;
	float:left;
	padding:2px;
	border:1px solid #ddd;
	background: #fff;	
	}

.commentlist .children {
	margin-top:15px;	
	}

	.reply a:link, .reply a:visited  {	
		background:#ddd;	
		text-align:center;		
		text-decoration:none !important;
		text-transform: uppercase;
		color:#212121;	
		padding:3px 10px;		
		font-size:10px;	
		}

	.reply a:hover {	
		background:#ccc;
		}

/* Code Samples */
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
}

/* End Comments */

.blogbox {
	margin-bottom:10px;
	padding:20px;
	background:#ffffff;
	border:1px solid #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	height:100%;
	}

.blogbox p {
	margin:10px 0 0 0;
	}

.blogbox h3 {
	margin:10px 0;
	padding:0 0 0 0px;
	text-align:left;
	color:#191919;
	letter-spacing:-1px;
	line-height:inherit;
	}

.blogbox b {
	margin-bottom:3px;
	color:#000;
	}

.blogbox img, .contentbox-img img {
	margin:0px 10px 10px 0;
	padding:3px;
	border:1px solid #ddd;
	}

.blogbox div.details, .contentbox div.details {
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border:1px solid #ddd;
	border-width:1px 0 1px 0;
	color:#484848;
	width:auto;
    margin:10px 0;
	text-transform:uppercase;
	padding:3px 10px 3px 0px;
	}

.entry ul, .entry ol {
	list-style-position:inside;
	list-style-type:disc;
}

.entry ul ul, .entry ol ol{
	list-style-position:inside;
	list-style-type:circle;
}

.leftcol ul, .leftcol ol {
	list-style-position:inside;
	list-style-type:circle;
	color:#dcdcdc;
}

.leftcol ul li, .leftcol ol li {
	margin-bottom: 10px;
	color:#484848;
}

.leftcol ul ul, .leftcol ol ol{
	list-style-position:inside;
	list-style-type:circle;
}

/******************************
    CUSTOM SEARCH BG
*******************************/

div.search fieldset {
	width: 200px;
	border:none;
	display: block;
	position:relative; top:0px; 
	}

div.search form label {
	display: block; 
	background: url(images/searchbg.gif) no-repeat; 
	width: 236px; 
	height: 37px; 
}

div.search fieldset legend{
	display:none;
}

div.search form label input {
	background: none; 
	border: none;
	outline: none; 
	width: 180px; 
	margin-left: 2px; 
	padding:10px 0 0 10px; 
	color:#484848;
}

.buttonhide {display: none;}

/*********************************************
  				Services Box
**********************************************/
.servicebox {
height:100%;
overflow:auto;
width:auto;
margin:0;
padding:15px 0;
}

.servicebox img
{
margin-left:10px;
margin-top:20px;
}

.servicebox p,.servicebox ul.listitems, .servicebox h4 {
margin-left:100px;
}
ul.logoslist
{
margin:0;
padding:0;
display:inline;
}
ul.logoslist li
{
display: inline;
}





/*- SIDEBAR MENU --------------------------- */
.submenu{
margin:10px 0;
padding:0;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 10px 0 10px;
background-color:#fff; 
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

.submenu li a {
font:normal 12px "Trebuchet MS",Arial, sans-serif; 
voice-family:inherit;
height:18px;
margin:0;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
font:normal 12px "Lucida Sans",Arial, Helvetica, sans-serif;
margin:0;
text-decoration:none;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a:link, .submenu li li a:visited {
color:#999;
display:block;
padding:6px 10px;
text-decoration:none;
}

.submenu li a:link, .submenu li a:visited {
color:#999;
display:block;
padding:6px 10px;
text-decoration:none;
}

.submenu li.current_page_item a {
color:#000;
text-decoration:none;
}

.submenu li.current-cat a {
color:#000;
text-decoration:none;
}

.submenu li a:hover {
color:#000;
padding:6px 10px;
text-decoration:none;
}

.submenu li li a:hover {
color:#000;
padding:6px 10px;
text-decoration:none;
}
/*- SUB End --------------------------- */




/*- RECENT POSTS --------------------------- */

ul.recentposts 
{
margin:0;
padding:0;
	list-style-position:inside;
	list-style-type:circle;

}

ul.recentposts li
{
padding:5px;
}

/*- Readmore Link --------------------------- */

a.more-link
{
margin-top:20px;
background:URL(images/readmore.gif) top left no-repeat;
width:78px;
float:right;
display:block;
height:18px;
text-indent:-9999px;
}

a.more-link:hover
{margin-top:20px;
background:URL(images/readmore.gif) top right no-repeat;
width:78px;
display:block;
height:18px;
text-indent:-9999px;
}