body	{background:url("images/1280x1024.jpg") fixed center center #222222; color: #eee; font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; font-size: 12.5px; line-height: 23px; margin: 0; position: relative; font-weight:normal; padding: 0;}
a	{color: #3B8A9F; text-decoration:none; outline: 0 none;}
	a:hover	{color: #eee;}
	a:active	{position: relative; top:1px; width: 100%;}
h1	{clear:both; font-size:31px; font-weight:bold;}
h1, h2, h3, h4, h5, h6	{color: #eee;line-height:1.4em; padding-bottom:5px;}
h3	{clear:both; font-size:18px; font-weight: normal;}
ul,ol	{list-style:none; list-style-position: inside; margin:0; padding:0;}
ol	{list-style: decimal; padding:0 0 0 20px;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {height: 1%;}
.incomment {padding:5px 0 !important;margin: 0;}
	.text {background: #eee; padding:10px; width:300px; border-top:2px solid #9a9a9a; border-left:2px solid #9a9a9a; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding-right:24px;}
.box	{border-right: 1px solid #555; display:block; float:left; margin:5px 15px 0 0; padding:0 15px 0 0; position:relative; z-index:1;}
.box_medium	{width: 614px;}
.box_small	{width: 292px; z-index: 2;}
.box3, .box4	{border:medium none; margin-right:0; padding-right:0;}
.widget	{clear:both; float:left; padding-bottom:30px; width:292px;}
	.widget ul	{list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#s	{padding: 5px; font-size: 15px; width: 280px;}
.entry .first	{margin-top: 0;}
.hr	{background: #555; border-top:1px solid #111; clear:both; float:left; height:1px; overflow:hidden; width:100%;}
.last	{border-bottom: none !important;}
pre	{padding: 2px 5px; background: url(images/transpBlack75.png) repeat; overflow: hidden; width: 630px;}
	pre:hover	{overflow: auto;}
.frame	{margin: 0 auto;}

	#top-wrapper	{clear:both; margin: 0 auto; position: relative; width: 960px;}
		#header	{border-bottom: 1px solid #555; height: 100px; margin: 0 auto; position: relative; width: 960px;}
			#header h1, #header h3 	{padding: 0; margin: 15px 0 0; top: 30px; left: 0; position: absolute; }
			.logo	{background: url(images/logo2.png) no-repeat; display: block; height:50px; width: 300px; text-indent: -9999px;}
				.logo:active	{height: 50px; width: 300px; display: block;}
			#top-nav	{float: right; margin:30px 0 0; padding:0; position:relative;}
				#top-nav li {background:url(images/sprite2.png) no-repeat;display: block;float: left; position: relative; height: 70px; 
				text-decoration: none; text-indent: -9999px; width: 70px;}
					#top-nav li a {display: block; height: 70px; width: auto;}
				#top-nav #frontpage {background-position:3px 0px;}
				#top-nav #services {background-position:-137px 0px; }
				#top-nav #portfolio {background-position:-208px 0px; }
				#top-nav #about {background-position:-67px 0px; }
				#top-nav #contact {background-position:-350px 0px;}
				#top-nav #blog	{background-position:-279px 0px; }
					#top-nav li .hover {background: transparent url(images/sprite2.png) no-repeat;display:block; opacity: 0; position: relative;
					top: -31px; left: 0; height: 100%; width: 100%;}
					#top-nav #frontpage .hover {background-position: 3px -72px;}
					#top-nav #services .hover {background-position: -137px -72px;}
					#top-nav #portfolio .hover {background-position: -208px -72px;}
					#top-nav #about .hover {background-position: -67px -72px;}
					#top-nav #contact .hover {background-position: -350px -72px;}
					#top-nav #blog .hover	{background-position: -279px -72px;}
		#featured	{border-bottom: 1px solid #555; clear: both; height: 361px; position: relative; width: 100%;}
			#featured ul.ui-tabs-nav{ position:absolute; top:0; right: 0; width:287px; }
				#featured ul.ui-tabs-nav li{background: #eee; color: #222; display:block; height: 80px; margin-bottom: 5px; font-size:12px;}
					#featured ul.ui-tabs-nav li p {font-size:11px; margin: 0; padding: 5px 0 0;}
			#featured .ui-tabs-panel{ width:658px; height:325px; border: 5px solid #555; position:relative; overflow:hidden; margin: 25px 0 0 0; }
				#featured .ui-tabs-hide{ display:none;}
				#featured li.ui-tabs-nav-item a{color: #222; text-decoration: underline;}
					#featured li.ui-tabs-nav-item a:hover{text-decoration: none;}
					#featured li.ui-tabs-selected{background:;}
						#featured ul.ui-tabs-nav li.ui-tabs-selected {background: #3B8A9F;}
				#featured ul.ui-tabs-nav li img{float:left; margin:10px 10px 0; border:none;}
					#featured .ui-tabs-panel .info{position:absolute; bottom:30px; left:0; height:auto; width: 100%; padding: 0 5px 10px 5px; background: url(images/transpBlack75.png) repeat;}
						#featured .info h2{font-size:18px; color:#fff; padding:5px; margin:0;overflow:hidden;}
						#featured .info p{margin:0 5px;font-family:Verdana; font-size:11px;line-height:15px; color:#f0f0f0; text-align: center;}
							#featured .info a{text-decoration:none;color:#fff;}
								#featured .info a:hover{text-decoration:underline;}
								
		#call-to-action	{border-bottom: 1px solid #555; clear: both; padding: 25px 0; position: relative;}
			#call-to-action h2	{background: url(images/intro-h2.png) no-repeat scroll 0 -15px; height: 70px; width:638px; text-indent: -9999px;}
			.get-in-touch	{background: url(images/contact-me.png) no-repeat; display: block; height: 105px; position: absolute; right: 0; text-indent: -9999px; top: 28px; width: 305px;}
				.get-in-touch:active	{position: absolute; top: 28px; width: 305px;}
				.get-in-touch:hover	{background-position: 0 -110px;}
				
		#main	{clear:both; float:left; padding:20px 0 0 0; position:relative; width:960px;}
			.main-content	{clear:both; float:left; padding-bottom:20px; position:relative; width:960px !important;}
				.main-content .box h3	{text-align: center;}
				.blog .main-content-left	{margin:15px 0 0;}
				.entry, .entry-front	{clear:both; float:left; margin: 0; padding-bottom:30px; position:relative;}
				.entry-front	{width: 614px;}
					.entry p	{margin: 0 0 12px;}
					.entry h3	{color:#EAFFA4; margin:25px 0px 10px;}
					.entry ul, .entry ol	{list-style: inside; margin: 0 0 12px 15px;}
				.news {border-bottom:1px solid #555; color: #bbb; display:block; padding:4px 10px; text-decoration:none;}
					.news a	{color: #bbb; font-size: 11px;}
					.news .post_name	{color: #eee; display:block; font-size:13px;}
					.news:hover	{background: #3B8A9F;}
				.front-service	{border:medium none; height:70px; outline: 5px solid #555; width:292px;}
					.front-service:hover	{outline: 5px solid #999;}
				.main-content-left	{background: url("images/left-bg.png") repeat-y scroll 0px 0; min-height: 775px; float: left; margin: 0; width:655px;}
					.page .main-content-left	{background: none;}
					.page .entry	{background:url("images/left-bg.png") repeat-y; margin-top: 15px; padding-right:15px; width: 640px;} 
				.post	{clear:both; float:left; padding-bottom:0px; position:relative; width: 640px;}
					.post h2	{clear:both; font-size:24px; font-weight: normal; margin:0;}
					.page-template .post h2	{margin: 0;}
					.entry-head	{display:block; font-size:10px; padding:0 0 0 1px; position:relative; top:-8px; color: #999;}
						.entry-head a	{color: #999; text-decoration: underline;}
					.postmetadata	{}
					.wp-post-image {background:none repeat scroll 0 0 #222222; border:1px solid #555555; padding:5px;}
					.continue	{}

				
				#sidebar	{float:right;  padding-left:15px; width:290px;}
					.page-template #sidebar	{margin-top:70px;}
					#sidebar h3, .page #sidebar h2	{font-weight: normal; margin: 30px 0 0;}
					#sidebar ul li	{border-bottom: 1px solid #444; font-size: 12px; width: 280px;}
						#sidebar ul li a, .recentcomments	{color: #eee; display:block; padding: 5px 2px;}
						#sidebar ul li a:hover	{background: #3B8A9F;}
						#sidebar .sidebaritem ul li a:hover {background: none; color: #3B8A9F;}
					.check	{-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; background: url(images/transpBlack50.png) repeat; padding:10px 15px; width: 100%; min-height: 65px;}
						.check:hover	{background: #3B8A9F;}
						.check li	{padding: 5px 0; width: 100% !important;}
						.check a	{text-decoration: underline; display: inline !important; padding: 0 !important;}

	#footer	{background: #171614 url(images/footer-bg.jpg) repeat-x; clear: both; float: left; position: relative; width: 100%;}
		#footer-inner	{font-size:11px; margin:15px auto 0; padding:5px 0 10px; position:relative; width:960px;}
			.footer-item	{float: left; margin: 0 25px 0 0; padding:0; position:relative;}
				.footer-item h3	{border-bottom:1px solid #090909; font:25px Georgia; margin:0px; text-align: center;}
					.footer-item h3	a	{color: #eee; }
				.footer-item ul	{padding:0 }
					.footer-item ul li	{margin: 0px; border-top: 1px solid #313131; border-bottom: 1px solid #090909; padding: 5px;}
						#footer .footer-item ul a	{background: #262626; display: inline; color: #eee;}
						#footer .footer-item ul a:hover	{background: none; display: inline; text-decoration:none;}
			#twitter	{width: 45%;}
			#last-fm	{float: right; margin: 0; line-height: 15px; width: 26%;}
				#last-fm h3	{margin-bottom: 0;}
			#blogroll	{width: 225px;}
				#blogroll li, #site-navigation li	{padding: 1px; margin: 0;}
					#footer #blogroll li a, #footer #site-navigation li a	{background:none; display:block; text-align: center; padding: 4px; width: 100%;}
						#footer #blogroll li a:hover, #footer #site-navigation li a:hover	{background: #3B8A9F; text-align: center;}
			#site-navigation	{margin-top: 20px; width: 225px;}
		#footer .credits {background: #252423; border-top:1px solid #393837; clear:both; color:#A4A5A1; height:auto; margin:0 auto; padding:10px 0; text-align:center; width:100%;}
			.credits p	{margin: 0;}

/*Portfolio*/
.portfolio-title	{border-bottom:1px solid #555555; font-size:28px; font-weight:normal; margin:0 0 0 0px; padding-bottom:25px; width: 960px;}
#port-left	{}
	.clickme1, .clickme2, .clickme3, .clickme4, .clickme5	{clear: both; cursor: pointer;-moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; 
	background:#2c78cc; margin: 0 0 50px 10px; min-height:1px; padding:0 15px; text-align:center; width:55px;}
	.port-sample	{margin: 30px 0 0;}
		.sample	{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
	#honey-doers	{/*background: url(images/honeydoers-compact.jpg) no-repeat;*/ height: 300px; width: 700px;}
		#honey-doers-expand	{background: url(images/honeydoers-expanded.jpg) no-repeat; height: 253px; width: 700px;}
	#shopmyzfa	{background: url(images/shopmyzfa-compact.jpg) no-repeat; height: 300px; width: 700px;}
		#shopmyzfa-expand	{background: url(images/shopmyzfa-expanded.jpg) no-repeat; height: 289px; width: 700px;}
	#hippykritz	{background: url(images/hippykritz-compact.jpg) no-repeat; height: 300px; width: 700px;}
		#hippykritz-expand	{background: url(images/hippykritz-expanded.jpg) no-repeat; height: 246px; width: 700px;}
	#southwest	{background: url(images/southwest-compact.jpg) no-repeat; height: 300px; width: 700px;}
		#southwest-expand	{background: url(images/southwest-expanded.jpg) no-repeat; height: 170px; width: 700px;}
	#promark	{background: url(images/promark-compact.jpg) no-repeat; height: 300px; width: 700px;}
		#promark-expand	{background: url(images/promark-expanded.jpg) no-repeat; height: 810px; width: 700px;}
	
	.port-right	{color:#4d96a7; float:right; font-size:12px; line-height:18px; width:220px; min-height: 280px;}
		.port-right:hover	{color: #eee;}
			.site-view-cont	{clear:both; margin:0; padding:10px 0 0; text-align:center; width:100%;}
		.port-right .site-view, .site-info	{color:#eee; margin: 0 5px;}
			.services, .tech	{float: left; width: 47%;}
			.tech	{margin-left: 10px;}
				.services li, .tech li	{padding:0; list-style: inside square;}
				.services h4, .tech h4	{margin:0;}
		.client-name	{border-bottom: 1px dotted #555; padding-bottom: 5px; margin: 5px 0 5px 0;}

	 .post .post-head {border-bottom:1px solid #555; min-height: 50px; position:relative; width: 100%;}	
	 .post h1.post-heading {width:81%; font: 25px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;}	
	 .post h1.post-meta {padding: 0; font-weight:normal; font-size: 13px; bottom: 21px; margin:0; right: 10px; position:absolute;}
	 .post .post-content-full blockquote {color:#A1A1A1; font-size:11px; margin:0 0 0 5px; padding-left:35px;background:url(images/blockquote.png) no-repeat;}
	 .post .post-content-full .post-image {padding:10px;background:#fff;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
	 	.post img	{display:block; margin: 0 auto;}
	 .post .post-bookmark {width:410px;	padding:20px 0 30px 0; margin:0 auto;}	
		 .post .post-bookmark a {display:block; height:48px; width:48px; padding:0 10px; float:left;}
		 .post .post-bookmark a.rss {background:url(images/social-rss.png) no-repeat top center;}
		 .post .post-bookmark a.rss:hover {background:url(images/social-rss2.png) no-repeat top center;}
		 .post .post-bookmark a.digg {background:url(images/social-digg.png) no-repeat top center;}
		 .post .post-bookmark a.digg:hover {background:url(images/social-digg2.png) no-repeat top center;}	
		 .post .post-bookmark a.delicious {	background:url(images/social-delicious.png) no-repeat top center;}
		 .post .post-bookmark a.delicious:hover {background:url(images/social-delicious2.png) no-repeat top center;	}
		 .post .post-bookmark a.stumbleupon {background:url(images/social-stumble.png) no-repeat top center;}
		 .post .post-bookmark a.stumbleupon:hover {	background:url(images/social-stumble2.png) no-repeat top center;}
		 .post .post-bookmark a.technorati {background:url(images/social-technorati.png) no-repeat top center;}
		 .post .post-bookmark a.technorati:hover {background:url(images/social-technorati2.png) no-repeat top center;}
		 .post .post-bookmark a.twitter {background:url(images/social-twitter.png) no-repeat top center;}
		 .post .post-bookmark a.twitter:hover {	background:url(images/social-twitter2.png) no-repeat top center;}
		
	
/* meta */
	
	 .post .post-meta li.meta-author {background:url(images/user.png) no-repeat 0px 3px; padding-left:20px; padding-right:10px; }
	 .post .post-meta li.meta-share {float:right !important;}
	 .post .post-meta li.meta-date {background:url(images/calendar.png) no-repeat 0px 3px;	padding-left:20px;padding-right:10px;}
	 .post .post-meta li.meta-comment {background:url(images/comment.png) no-repeat 0px -1px;padding-left:20px;	padding-right:10px;	}
	 .post .post-meta li.meta-category {background:url(images/category.png) no-repeat 0px 3px;	padding-left:20px;padding-right:10px;}
	 .post-navigation {margin-top:10px; padding:15px 10px; font-size: 13px; border-top:1px solid #555; border-bottom:1px solid #555;}
	 .post .post-content-half {padding-top:10px;width:430px;}
	 .post ul, .post-foot ul	{list-style:disc outside none; padding: 0 0 0 15px;}
	 .post .post-meta li {float:left;height:20px;}
	 .post .post-foot {margin-bottom:20px;	padding:10px 8px;border: 1px solid #555;border-left: none;border-right: none;}
	 	.post-foot ul	{list-style: outside none;}
	
/* Comments
----------------------
*/

#comments {border-bottom:1px solid #555555; border-top:1px solid #555555; padding:20px 10px;}
	#comments h3 {font-size: 20px; font-weight: normal; padding-bottom: 15px; text-transform:capitalize; border-bottom:3px solid #555; margin: 0;}
	#comments .comment-meta h2 {font-size: 15px; padding: 0; text-transform:capitalize;}
	.comment-meta	{height: 15px; width: 100%;}
	.comment-meta-time	{position:relative; width:87%;}
		.author	{font:20px 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif; margin:0; width:50%;}
		.comment-time	{font-size:11px; padding:0; position:absolute; right:0; text-transform:capitalize; top:0; width:50%;}
	#comments .comment-listing	{text-align: center; font-weight:bold; font-size:14px; display:block; padding:10px 20px 20px 20px; border-bottom:1px solid #555; margin-bottom:10px;}
	#comments .comment-meta span {font-size: 11px; padding: 0;text-transform:capitalize; }
	#comments .comment-box {padding-top:20px;}
		#comments .comment-box .comment-body {border-bottom:1px solid #555555; margin-bottom:20px; padding:0 0 20px 0;}	
		#comments .comment-author-box {background:url(images/user.png) no-repeat 98% 50% #eee;}	
		#comments .comment-email-box {background:url(images/email.png) no-repeat 98% 50% #eee;}	
		#comments .comment-url-box {background:url(images/link.png) no-repeat 98% 50% #eee;}	
		#comments .comment-textarea-box {width: 420px;}
		#comments .submitbtn, #comments .resetbtn {padding:8px 12px; margin-right:10px; border:0; background:#2d2d2d; color:#fff; font-family: Georgia, "Times New Roman", Times, serif; cursor:pointer; }
		#comments .submitbtn:hover, #comments .resetbtn:hover {background:#3c3c3c;}

/*About
_-_-_-_-_-_-_-_
*/

.page-template-about-php .social-media	{}
	.page-template-about-php .social-media .icons	{height: 130px; width: 130px; float: left; margin-left:15px; text-indent:-9999px; list-style:none inside;}
		.page-template-about-php .social-media .icons a	{display: block; height: 130px; width: 130px;}
		.page-template-about-php .social-media .twitter	{background: url(images/twitter128.png) no-repeat;}
		.page-template-about-php .social-media .facebook	{background: url(images/facebook128.png) no-repeat;}
		.page-template-about-php .social-media .linkedin	{background: url(images/linkedin128.png) no-repeat;}
		.page-template-about-php .social-media .google	{background: url(images/google128.png) no-repeat;}
		
/*Contact
_-_-_-_-_-_-_-_
*/

.contact-left	{float: left; width: 63%;}
.wpcf7-form input	{font-size:20px;padding:10px 2px;width:335px;}
.wpcf7-form textarea	{height:150px; width:335px;}
.contact-right	{float: left; width: 34%;}
	.contact-right h4	{border-bottom:1px dotted #aaa; margin:0 0 10px; text-align:center;}
#plugoo	{}

/*Blog Index
_-_-_-_-_-_-_-_
*/

h1.index-title	{margin: 5px 0; font-weight: normal;}
.entry-index	{padding-bottom: 10px;}
/* Footer

/* wp-pagenavi
-------------------------
*/

.wp-pagenavi {
	font-size: 1.1em;
	text-transform: uppercase;
	clear: both;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}
.wp-pagenavi .current {
	color:#CCC !important;
}
.wp-pagenavi a,
.wp-pagenavi .current {
	padding: 8px !important;
	border: 1px solid #e2e2e2 !important;
	margin-left: 3px;
	color:#b0483b !important;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	background: #e2e2e2;
	color:#000;
}
.wp-pagenavi .pages {
	float: left;
	border:0 !important;
}

/* wordpress css codex
------------------------
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right:10px;
}

.alignright {
   float: right;
   margin:10px 0px 10px 10px;
   margin-left:10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*_-_-_-_-_-_-_Archives_-_-_-_-_-_-_*/

.archive .post	{margin: 0 0 30px;}
.archive .entry	{padding: 0;}
	.archive .pagetitle {font-size:30px; font-weight:normal; margin:0;}

/*_-_-_-_-_-_-Syndication-_-_-_-_-_-_*/

.igBar	{display:none;}
.syntax_hilite	{padding: 2px 5px; background: url(images/transpBlack50.png) repeat; overflow: hidden; width: 630px;}
	.syntax_hilite:hover	{overflow: auto;}
	.syntax_hilite ol	{list-style: none outside none;}

/*_-_-_-_-_-_-Demo Button-_-_-_-_-_-_*/

.awesome, .awesome:visited { background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-align: center;
}
.large.awesome, .large.awesome:visited 			{ font-size: 17px; padding: 8px 14px 9px;}
.large:active	{width: auto;}
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }