/* Global
----------------------------------------------- */

body { background:#262626; font-family:Helvetica, Arial, San-serif; margin:0; padding:0;  }


/* Structure
----------------------------------------------- */

#header { background:#2E3338; background-image:url(images/headerBG.gif); background-position:bottom; background-repeat:repeat-x; height:80px;  }

#logo { float:left; width:289px; margin:14px 0 0 20px; }

#globalNav { float:right;}

#localNav { background:#2C292A;  }

#flairTop { background:#000; border-bottom:1px solid #848484; height:5px; }

.bigMiddle { background:url(images/background01.jpg); background-position:bottom right; background-repeat:no-repeat;  }

#postCat { background:#090909; height:117px; padding-left:20px; }

#projectBox { width:660px; float:left;}

#pageContent { width:660px; float:left; margin-top:15px;}

#projectMeta { margin:15px 0 15px 20px; width:240px; float:left; }

#pageSidebar { margin:15px 0 15px 0; width:240px; float:left; }

#projectDesc { margin:30px 0 30px 10px; _margin:30px 0; }

#relatedBox { background:#0D0D0D;  margin:15px 0; padding:15px; _padding-right:0px;   }

.relatedInd { clear:both; height:100px; }

#footerWrapper { }

#footer { background:#0D0D0D; border-bottom:1px solid #848484; padding:24px 0 24px 10px; height:100px; margin-bottom:20px; }

.highlightBox { background-image:url(images/opacity.png); padding: 10px; }


/* Type
----------------------------------------------- */

p { font-size:.9em; line-height:1.4em; margin-bottom:.7em; }


h1 { font-size:1.4em; line-height:2em;}

h2 { font-size:1.2em; line-height:2em;}

h3 { font-size:1.1em; line-height:2em;}

h4 { font-size:1em; line-height:2em;}

address { color:#fff; font-size:.8em; line-height:1.4em; font-weight:normal; text-decoration:none; font-style:normal; }

#projectBox { color:#fff; }

#projectMeta p { margin-bottom:12px; color:#fff; }

#projectDesc p { margin-bottom:12px; color:#fff; }

p { font-size:.9em; }

#relatedBox p { color:#fff; }

#testimonialText { font-size:.86em;}

#testimonialText strong { color:#D8FF7F;}

strong { color:#ABABAB; font-weight:bold;}


/* Links
----------------------------------------------- */

a { color:#D8FF7F; text-decoration:none; }

a:hover { text-decoration:underline; } 

#globalNavList a { font-size:.67em; line-height:1em; text-decoration:none; color:#fff; margin:0; padding:0 10px; }

#globalNavList a:hover { color:#D8FF7F; }

address a { color:#D8FF7F; text-decoration:none; }

address a:hover { text-decoration:underline; }

#relatedBox a { color:#ABABAB; }

#relatedBox a:hover { color:#fff; text-decoration:none; }

#sideBar ul { background-image:url(images/opacity.png); padding: 12px 0; }

#sideBar ul ul { padding: 0; background:transparent; }

/* Lists
----------------------------------------------- */

#globalNavList { margin:0; padding:0; }

#globalNavList li { display:inline; margin:0; padding:0; }

/* Forms
----------------------------------------------- */


/* Images
----------------------------------------------- */

#projectBox img { margin:0; padding:0; }

#projectMeta img { margin:0 0 6px 0; }

#projectDesc img { margin:0 0 12px 0; }

img#relProTitle { margin:0 0 14px 0; }

#footerWrapper img { margin:0 0 18px 10px; }

img#workWith { margin:30px 0 15px 0; }

.relatedInd img { border:1px solid #ABABAB; margin:0 8px 8px 0; float:left; }

.relatedInd img:hover { border:1px solid #fff; }

.exExample { height:41px; background-image:url(images/opacity.png); padding: 5px; margin-bottom:10px; width:300px;  }

.exExample img { float:left; border:1px solid #D8FF7F; margin-right:10px; width:43px; height:39px;  }

/* Tables
----------------------------------------------- */

table { padding:0; margin:0; }

table tr td { vertical-align:top;}

#globalNavCell { background-image:url(images/globalBG.gif); margin:0; padding:0 3px; height:32px;  }

/* WP Default Styles
----------------------------------------------- */

.post { color:#fff; padding:40px 40px 40px 20px;}

#sideBar { padding:40px 0; }

#sideBar li { font-size:.9em; line-height:1.8em; padding-left:12px;}

.post li { font-size:.9em; line-height:1.8em;  }



/* WP News Styles
----------------------------------------------- */

.newsItem { margin-bottom:60px;}

.singleNews img { float:right; margin:4px 0 15px 15px; }

.authorBlog { color:#ABABAB; }

/* Forms
----------------------------------------------- */

label { font-size:.9em; }

table#contactInfo td { vertical-align:top; padding-bottom:20px; }

.contactLeft { width: 125px; }

.contactRight { width: 300px; }

.contactInput { width:100%; }

.qArea { width:100%; height:50px; margin-bottom:30px; }





/* WP Search/Archive Styles
----------------------------------------------- */

.searchterm1, .searchterm1 a { background-color: #D8FF7F; color:#000; padding: 2px; font-weight: bold;}
.searchterm2, .searchterm2 a { background-color: #D8FF7F; color:#000; padding: 2px; font-weight: bold;}
.searchterm3, .searchterm3 a { background-color: #D8FF7F; color:#000; padding: 2px; font-weight: bold;}
.searchterm4, .searchterm4 a { background-color: #D8FF7F; color:#000; padding: 2px; font-weight: bold;}
.searchterm5, .searchterm5 a { background-color: #D8FF7F; color:#000; padding: 2px; font-weight: bold;}


#searchContent { width:800px; }

#searchContent h1 { margin-left:20px; color:#fff;  }

#searchContent .navigation { margin-left:20px; }

#searchContent .navigation .alignleft {float:left; }

#searchContent .navigation .alignright {float:right; }

.projectArchiveImage { float:left; margin:0 20px 60px 0; }



.incoming {
overflow: hidden;
border: 3px solid #DCEEEE;
padding: 0.5em;
margin: 2em 0em;
color: #2530A8;
background-color: #F1FAF9;
}

.incoming h3
{
width: 100%;
margin: 0;
padding: 5px;
font-weight: bold;
font-size: 16px;
}

.incoming a {	color: #405D77; }
.incoming a:hover {	color: red; }
.incoming div { padding: 5px; }
.incoming p { margin: 0; padding: 0; }
.incoming ul li, .incoming ul { background: none; margin: 0; padding: 0; }
.incoming ul li { margin-left: 40px; }
.incoming .hide { float: right; margin: 5px; padding: 0; }

#sideBar { color:#fff; }

#sidebar { margin:0 10px; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding:0;
	margin: 0 0 20px 20px;
	display: inline;
	}

img.alignleft  {
	padding: 0;
	margin: 0 20px 20px 0;
	display: inline;
	}
	
.alignleft .wp-caption-text	{

	padding:0;
	background:#000;
	font-size:.8em;
	margin-right:10px;
	}
	
.alignright .wp-caption-text	{

	padding:0;
	background:#000;
	font-size:.8em;
	margin-left:10px;
	}	


.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.incoming {
overflow: hidden;
border: 3px solid #DCEEEE;
padding: 0.5em;
margin: 2em 0em;
color: #2530A8;
background-color: #F1FAF9;
}

.incoming h3
{
width: 100%;
margin: 0;
padding: 5px;
font-weight: bold;
font-size: 16px;
}

.incoming a {	color: #405D77; }
.incoming a:hover {	color: red; }
.incoming div { padding: 5px; }
.incoming p { margin: 0; padding: 0; }
.incoming ul li, .incoming ul { background: none; margin: 0; padding: 0; }
.incoming ul li { margin-left: 40px; }
.incoming .hide { float: right; margin: 5px; padding: 0; }




/* 404 */

.post404 { color:#fff; padding:40px 40px 40px 20px;}

.post404 h2 { margin:0; padding:0;}



/* Mobile
----------------------------------------------- */

#mobileMessage { font-size:2em; line-height:3em; padding-left:20px; background:#3B5CE4; }


/* Bios */

.entry li { list-style-type:disc; margin-left:20px;  }