/*  
Theme Name: CODEB
Author URI: http://ndzynes.com
Version: 1.0
Author: Nathan Parikh
Description: Theme developed for CODEB. Designed by <a href="http://www.skyboxcreative.com">Skybox Creative</a>.
*/

body
{
	font-family: Arial, Helvetica, Verdana, Georgia, Times, serif;
	font-size: 13px;
	color: #3E3E3E;
	background: #fff url(images/bg.png) repeat-x;
	line-height: 18px;
	margin: 0px;
}
	body.home {
		background: #fff url(images/bg_home.png) repeat-x;
	}
/*LINKS*/
a
{
	text-decoration: underline;
	color: #595959;
	outline: none;
	border: none;
}
	a:hover { text-decoration: underline; }
	a img { border: none; }
.red { color: #ff0000 !important; }
/*ALIGNMENT*/
.left { float: left; }
.center
{
	display: block;
	margin: 0px auto;
}
.right { float: right; }
.clear { clear: both; }
/*STRUCTURE*/
#column1 {
	width: 476px;
	float: left;
	margin: -3px 0 0;
	padding: 0px 0px 0px 0px;
}
*html #column1 {margin: 0px;}
	#column1 h2, #column2 h2 {
		color: #052a33;
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 2px solid #b4d512;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 5px 0px;
	}
	#column1 .back-to-top, #column2 .back-to-top {
		font-size: 14px;
		font-weight: bold;
		color: #aaaaaa;
		clear: both;
		background:url(images/arrow_up.png) right no-repeat;
		display: block;
		width: 100px;
		margin: 20px 0px 20px 0px;
	}
		#column1 .back-to-top a, #column2 .back-to-top a {
			font-size: 14px;
			font-weight: bold;
			color: #aaaaaa;
			text-decoration: none;
		}
			#column1 .back-to-top a:hover, #column2 .back-to-top a:hover {
				text-decoration: underline;
			}
#column2 {
	width: 465px;
	float: left;
	margin: -3px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
*html #column2 {margin: 0px 0px 0px 30px;}
.box {
	background: #f4f4f4 url(images/services_icons.png) no-repeat;
	border: 1px solid #e1e1e1;
	margin: 0 0px 26px 0px;
	padding: 0 120px 12px 12px;
	width: 237px;
	min-height: 107px;
	-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
}
	.box h3 {
		margin: 14px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.box p {
		margin: 5px 0 0 2px;
		padding: 0px 0px 0px 0px;
		line-height: 16px;
		width: 235px;
		float: left;
	}
	.box.violation {
		background-position: 272px 18px;
		margin:34px 16px 19px 0;
	}
	.box img.more-info {
		float: right;
		margin: 11px 30px 0px 0px;
	}
	.box.inspection {
		background-position: -132px 18px;
		margin-right: 16px;
	}
	.box.help {
		background-position: -932px 18px;
		margin-right: 16px;
	}
	.box.resolution {
		background-position: -1324px 18px;
		margin-right: 16px;
	}
	.box.permit {
		background-position: -2938px 18px;
		margin-right: 16px;
	}
	.box.verification {
		background-position: -524px 23px;
		margin: 34px 0 19px 1px;
	}
	.box.gogreen {
		background-position: -2122px 16px;
	}
	.box.construction {
		background-position: -2523px 19px;
	}
	.box.clean {
		background-position: -1752px 18px;
		margin-bottom: 40px;
	}
/*TEXT*/
.centertxt { text-align: center; }
.text-left
{
	text-align: left;
	display: block;
}
.text-right
{
	text-align: right;
	display: block;
}
.thirteenHalf {font-size: 13.5px;}
.fourteen { font-size: 14px; }
/*COLORS*/
.blue { color: #175360; }
.green { color: #a2c010; }
.darkGreen { color: #8ea80e; }
.white  { color:#fff; }
.black { color: #000; }

.container
{
	width: 964px;
	margin: 0px auto;
	padding: 0px;
}
.logo
{
	margin: 12px 0 0 16px;
	width: 253px;
	height: 113px;
	float: left;
}
/*CLIENT LOGIN*/
#client-login {
	float: right;
	width: 461px;
	height: 57px;
	background: url(images/bg_login.png) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 33px 0px 0px 0px;
	color: #fff;
	position: relative;
	font-size: 11px;
}
	#client-login .login {
		float: right;
		margin: 0px 16px 0px 0px;
	}
	#client-login .soon {
		position: absolute;
		bottom: 10px;
		margin: 0 0 0 165px;
	}
/*MENU*/
#menu
{
	height: 44px;
	font-size: 12px;
	padding: 0px 0 0;
	margin: 11px 0 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}

	#menu ul
	{
		margin: 0px;
		padding: 0px;
		float: left;
		height: 41px;
	}
		#menu ul li
		{
			list-style-type: none;
			position: relative;
			display: inline;
			padding: 0px;
			margin: 0px;
			cursor: pointer;
			float: left;
			height: 44px;
		}
			#menu ul li a
			{
				background: url(images/menu.png) no-repeat;
				padding: 0px;
				margin: 0px;
				float: left;
				height: 44px;
				text-indent: -9999px;
			}
				/*HOME*/
				#menu ul li a.home {
					width: 91px;
					background-position: 0px 0px;
				}
					#menu ul li a.home:hover, #menu ul li a.home.current_page_item {
						background-position: 0px -44px;
					}
				/*WHO WE HELP*/
				#menu ul li a.help {
					width: 141px;
					background-position: -91px 0px;
				}
					#menu ul li a.help:hover, #menu ul li a.help.current_page_item {
						background-position: -91px -44px;
					}
				/*SERVICES*/
				#menu ul li a.services {
					width: 110px;
					background-position: -232px 0px;
				}
					#menu ul li a.services:hover, #menu ul li a.services.current_page_item {
						background-position: -232px -44px;
					}
				/*FAQs*/
				#menu ul li a.faq {
					width: 87px;
					background-position: -342px 0px;
				}
					#menu ul li a.faq:hover, #menu ul li a.faq.current_page_item {
						background-position: -342px -44px;
					}
				/*ABOUT*/
				#menu ul li a.about {
					width: 110px;
					background-position: -429px 0px;
				}
					#menu ul li a.about:hover, #menu ul li a.about.current_page_item {
						background-position: -429px -44px;
					}
				/*NEWS*/
				#menu ul li a.news {
					width: 89px;
					background-position: -539px 0px;
				}
					#menu ul li a.news:hover, #menu ul li a.news.current_page_item {
						background-position: -539px -44px;
					}
				/*EVENTS*/
				#menu ul li a.events {
					width: 91px;
					background-position: -628px 0px;
				}
					#menu ul li a.events:hover, #menu ul li a.events.current_page_item {
						background-position: -628px -44px;
					}
				/*EMPLOYMENT OPPORTUNITIES*/
				#menu ul li a.employment {
					width: 245px;
					background-position: -719px 0px;
				}
					#menu ul li a.employment:hover, #menu ul li a.employment.current_page_item {
						background-position: -719px -44px;
					}
/*DROPDOWN MENU*/
#menu ul li
{
	float:left;
	display:block;
}
#menu ul li ul
{
	position: absolute;
	width: 244px;
	background: #73880b;
	opacity: 0.9;
	padding:0px;
	z-index: 1000;
	display:none;
	line-height:12px;
	color: #818285;
	font-size: 11px;
	font-weight: bold;
	margin: 44px 0 0 0px;
	float: none;
	height: auto;
}
#menu ul li ul li
{
	float:none;
	display:block;
	background: none;
	padding: 0px;
	width: 244px;
	height: 24px;
}
#menu ul li ul li a
{
	font-size: 11px;
	height: 8px;
	padding: 8px;
	width: 244px;
	text-transform: none;
	background-image: none;
	text-indent: 0px;
	color: #fff;
	text-decoration: none;
}

*:first-child+html #menu ul li ul
{
	margin: auto;
	clear: both;
}
#menu ul li:hover ul li a { color: #fff; }
#menu ul li ul li:hover { background: #8aa30e;}
#menu ul li ul li:hover a { color: #fff; }
/*FLASH*/
#flash {
	float: left;
	display: block;
	width: 100%;
	height: 113px;
	margin: 0px 0px 40px 0px;
}
	#flash.home {
		height: 348px;
		background: url(images/bg_home.jpg) no-repeat center 1px;
		float: left;
		padding: 20px 0px 0px 0px;
	}
/*HOMEPAGE*/
#welcome
{
	color: #175360;
	width: 529px;
	height: auto;
	line-height: 21px;
	float: left;
	margin: 0px 0px 0px -3px;
	padding: 19px 20px 20px 24px;
	border: 1px solid #e1e1e1;
	-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
	background: #f4f4f4 url(images/bg_city.png) bottom left no-repeat;
}
	#content #welcome h1
	{
		color: #8ea80e;
		font-size: 18px;
		font-weight: bold;
		margin: 0px 0px 12px 0px;
		padding: 0px;
	}
	#content #welcome h2 {
		color: #175360;
		font-size: 13px;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#content #welcome ul {
		font-weight: bold;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
		#content #welcome ul li {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 14px;
		}
	#content #welcome a {
		color: #175360;
		text-decoration: underline;
		font-weight: bold;
	}
#sidebar.home {
	width: 368px;
	float: left;
	color: #fff;
	margin: -1px 0px 0 32px;
	padding: 0px 0px 0px 0px;
}
*html #sidebar.home {
	margin: -1px 0px 0 20px;
}
	#home-list {
		float: left;
		background: url(images/bg_sidebar_home.png) no-repeat top;
		height: 470px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	*html #home-list {margin: 0px 0px 0px 5px;}
		#home-list .heading {
			margin: 16px 0 27px 28px;
		}
		#home-list p {
		 width: 308px;
		 margin: 0px 0px 9px 0px;
		 padding: 0 25px 13px 35px;
		 background: url(images/divider_right_sidebar.png) 10px bottom no-repeat;
		}
	#info-box {
		float: left;
		width: 289px;
		height: 216px;
		background: url(images/bg_codeb_box.jpg) no-repeat;
		margin: 22px 0px 0px 10px;
		padding: 87px 35px 0 35px;
		text-align: center;
	}
		#info-box p {
			margin: 7px 0px 0px 0px;
		}

#searchform {
	width: 260px;
	margin: 0 0 21px 35px;
}
	#searchform label {
		font-weight: bold;
		font-size: 14px;
	}
#s
{
	width: 185px;
	height: 19px;
	background: #fafafa;
	padding: 0px 5px 0 10px;
	border: 1px solid #D8D8D8;
	color: #636363;
	font-size: 14px;
}
#search
{
	float: right;
	margin: 20px 0px 0px 0px;
}
#searchsubmit
{
	background: #5f5f5f;
	color: #fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	border: none;
	padding: 1px 15px 2px 15px;
}
#rss
{
	height: 32px;
	margin: 20px 0 0 30px;
	float: left;
	font-family: Lucida Sans, Georgia, Times, serif;
	color: #888;
	line-height: 32px;
}
#rss img { margin: 0px 10px 0px 0px; }
#content
{
	width: 972px;
	background: #fff;
	padding: 0px 0px 75px 0px;
	float: left;
	clear: both;
}
#content h1, #content h1 a
{
	color: #8ea80e;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
}
	#content.enrollment h1 {
		float: left;
		clear: both;
	}
#page-content
{
	width: 875px;
	background: #fff;
	padding: 0 0px 20px 0px;
	float: left;
	font-size: 12px;
	line-height: 24px;
}

.entry {
	margin: 0px 0px 30px 0px;
	}
.commentlist li
{
	padding: 10px 10px 5px 10px;
	border: 1px solid #8A8A8A;
	margin: 0px 0px 10px 0px;
}
.alt { background: #efefef; }


#sidebar
{
	width: 412px;
	float: left;
}

	#sidebar h2 { font-size: 18px; }
	#sidebar ul
	{
		float: left;
		margin: 0 0 0 37px;
		padding: 0 0 0 5px;
		width: 222px;
	}
		#sidebar ul li {
			border-bottom: 1px solid #e5e5e5;
			padding: 0 0 3px 8px;
			margin: 0 0 3px;
		}
		#sidebar ul li, #sidebar li { list-style-type: none; }
		#sidebar ul li a {
			text-decoration: none;
			color: #3e3e3e;
			font-size: 12px;
		}

.post
{
	width: 490px;
	float: left;
	padding: 0px;
	margin: 0 45px 0 25px;
}
*html .post {margin: 0px 20px 0px 25px;}
	.post h2
	{
		font-weight: bold;
		font-size: 18px;
		color: #052a33;
		border-bottom: 2px solid #b4d512;
		padding: 0px 0px 10px 0px;
		margin: 0px 0 5px 0;
	}
		.post h2 a {
			color: #052a33;
			text-decoration: none;
		}
	.date
	{
		font-size: 11px;
	}
	
.end-entry {
	background: #e5e5e5;
	color: #3e3e3e;
	font-size: 11px;
	padding: 5px 7px 11px 11px;
}
	.end-entry a {
		color: #3e3e3e;
	}
	
.metadata, .comment, .email, .readmore, .tags
{
	font-size: 11px;
	margin: 0px 4px 0px 0px;
	font-weight: bold;
	color: #636363;
}
.post .comment a, .post .email a, .post .readmore a
{
	color: #636363;
	font-weight: bold;
}

.subscribe, .facebook, .twitter, .categories, .recent, .tagCloud {
	background: url(images/blog_headers.png) no-repeat;
	float: left;
}

.subscribe {
	width: 341px;
	height: 50px;
	background-position: 0px 0px;
	text-indent: -9999px;
}
.facebook {
	width: 341px;
	height: 57px;
	background-position: 0 -53px;
	text-indent: -9999px;
}
.twitter {
	width: 341px;
	height: 57px;
	background-position: 0 -110px;
	text-indent: -9999px;
}
.categories {
	width: 341px;
	height: 30px;
	background-position: 0 -175px;
	text-indent: -9999px;
	margin: 25px 0px 0px 0px;
}
.recent {
	width: 341px;
	height: 30px;
	background-position: 0 -216px;
	text-indent: -9999px;
	margin: 25px 0px 0px 0px;
}
.tagCloud {
	width: 341px;
	height: 30px;
	background-position: 0 -255px;
	text-indent: -9999px;
	margin: 25px 0px 0px 0px;
}
#cloud {
	float: left;
	margin: 0 0 0 50px;
	width: 222px;
}
	#cloud a {
		text-decoration: none;
	}
.comment
{
	padding: 0px 0px 0px 0px;
}
.email
{
	padding: 0px 0px 0px 18px;
	background: url(images/email.png) left no-repeat;
}
.readmore
{
	padding: 0 12px 0 0;
	background: url(images/arrow_right.png) right no-repeat;
	float: right;
}
.tags {
	background: url(images/tag.png) no-repeat left;
	padding: 0 0 0 17px;
}
/*COMMENTS*/
ul.commentlist {
	margin: 0px;
	padding: 0px;
}
	ul.commentlist li {
		list-style-type:  none;
	}
/*FOOTER*/
#footer
{
	background: #dfdfdf;
	color: #175360;
	padding: 15px 0 15px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	border-top: 3px solid #cecece;
	font-size: 13px;
	text-align:center;
	clear: both;
	line-height: 22px;
}
	#footer a
	{
		color: #175360;
		font-weight: bold;
		text-decoration: none;
	}
		#footer a:hover
		{
			color: #a2c010;
			text-decoration: none;
		}
/*CFORMs*/
.cform.wide {
	width: 708px;
	float: left;
	clear: both;
}
	.cform.wide ol.cf-ol li {
		float: left;
	}
	
	.cform.wide.bginfo li {
		width: 350px;
	}
	.cform.wide.bginfo label {
		width: 258px;
		text-align: center;
		display: block;
		margin: 0px auto;
	}
		.cform.wide.bginfo label span {
			width: 258px;
		}
	.cform.wide.bginfo input {
		display: block;
		margin: 0px auto;
	}
.cform input.sendbutton {
	height: 30px;
	cursor: pointer;
}
.cform input.backbutton {
	cursor: pointer;
}
.cf-fs1 legend {
	font-weight: bold;
	float: left;
}

.cform .cf-fs2 legend {
	margin: 0px 0px 0px 0px;
}
ol.cf-ol li#li-8-2.textonly {
	text-align: left;
	margin: -20px 0px 0px 0px !important;
	padding: 0px;
	width: 335px;
}
ol.cf-ol li#li-8-3.textonly {
	text-align: left;
	margin: 10px 0px 0px 0px !important;
	padding: 0px;
	width: 335px;
}
/*PAYPAL*/
form#paypal-app {
	display: block;
	margin: 0px auto;
	width: 350px;
}
form#paypal-pro {
	width: 350px;
	float: left;
	margin: 0px 0px 25px 0px;
}