/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

.twtr-hd {
display:none !important;
}
.twtr-ft {
display:none !important;
}

.thumbnail {
   width: 190px;
   height: 70px;
   float: left;
   overflow: hidden;
   margin-bottom: 10px;
   border: 0px;
   

}

#colLeft img {
	margin: 10px;

}



#navmenu ul {margin: 0; padding: 0;
 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; padding: 20px;}
#navmenu { 
	position: absolute;
	top: 138px;
	height: 20px;
 
	background: url('images/blogtopmenubg.png') #333333; 
	padding: 5px;
	padding-top: 8px;  
	font-size: 1.1em; 
	line-height: 100%; 
}

body,html {
	font-weight: normal;
	font-family: Arial, Helvetica;
	font-size:0.9em;
	color: #8b8b8b;
	margin:0;
	padding:0;
	background:#000; 
	line-height:150%;
	font-family: 'Open Sans', sans-serif;
	background: url('images/mainbg.gif') no-repeat #000000 center top;
}

ul { list-style: none;
	margin-bottom:5px;
 }
 
a {
	color:#4AAACA;
	text-decoration:none;
}

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

ul { list-style: none;
	margin-bottom:5px;
 }

ul li {
	padding:5px 0;
	
	padding-left:15px;
	position:relative;
}

h1 {
	font-size:26px;
	background:url(images/bk_dotted_horiz.gif) 0 100% repeat-x;
	color:#ED8E00;
	padding:5px 0 15px;
	margin-bottom:15px;
	text-transform:capitalize;
}

h2 {
	font-size: 2em;
	font-weight:normal;
	color:#eee;
        line-height: 30px;
	padding:10px 0;
}


h3 {
	font-size:16px;
	font-weight:bold;
	color:#eee;
	padding:10px 0;
}

#bottomBox h2 {
	background:url(images/bk_dotted_horiz.gif) 0 100% repeat-x;
	padding:0;
	padding-bottom:15px;
	margin-bottom:5px;
}
 
*html #bottomBox h2 {
	padding-top:2px;
}

 
 /* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
        
	
}

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

#header {
	height:140px;
	position:relative;
	
}

#content {
	padding:0 0 25px;
	border: 1px solid #232323;
	border-top: 6px solid #232323;
	margin-top: 25px;
}

#footer {
	height:80px;
	background:url(images/bk_footer.jpg) 0 0 no-repeat;
	padding-top: 2px;
        padding-left: 5px;
	margin-left:10px;
	margin-top:10px;
	color:#666;
}

*html #footer {
	margin-top:0;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:absolute;
	top:10px;
	left:0px;
	
}

#logo h1 {
	padding:0;
	background:none;
}

#logo h1 a, #logo h1 a:hover{
	background:url(images/logo.png) 0 0 no-repeat;
	width:600px;
	height:157px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#topMenu {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 25px;
	background: #2D2D2D;
}



#topMenu li {
	float:left;
	background:none;
	padding:0;
	border-right: 1px solid #000000;
}

#topMenu li a {
	font-size:11px;
	color: #999999;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	display:block;
	height:22px;
	padding-left: 15px;
    padding-right: 15px;
	padding-top:2px;
	
	
}

#topMenu li a:hover {
	background: #2a92ca;
        color: #ffffff;

}

#topMenu li.selected a{
	font-weight:bold;
	background: #ffffff;
        color: #000000;
}

#header #comein {
	position:absolute;
	height:80px;
	top:55px;
	right:0;
	padding-right: 7px;
	padding-top:7px;
	width:300px;
	text-align: right;
	font-size: 9px;
        line-height: 11px;
        
        font-family: arial;
        font-color: #777777;
	
}

/* CONTENT STUFF 
--------------------------------------------*/

#content p {
	margin:0.8em 0;
}


#colLeft {
	float:left;
	width:700px;
	margin-top:10px;
	background: #080808;
	
}

#colLeft2 {
	float:left;
	width:950px;
	margin-top:10px;
	background: #080808;
	line-height: 100%;
	
}

#colLeft3 {
	float:left;
	width:900px;
	margin-top:10px;
	background: #080808;
	line-height: 140%;
	padding: 20px;
	
}

#colLeft2 #leftTop {
	height:16px;
	
}

#colLeft2 #leftMiddle {
	
	padding:3px 22px;
}

#colLeft2 #leftBottom {
	height:16px;
	
}

#colLeft #leftTop {
	height:16px;
	
}

#colLeft #leftMiddle {
	
	padding:3px 22px;
}

#colLeft #leftBottom {
	height:16px;
	
}

.widget_design {
	border: 1px solid #2e2e2e;
	float:left;
	width:276px;
	margin-left:8px;
	margin-top:10px;
	padding: 15px;
	
}

.widget_design2 {
	
	float:right;
	width:120px;
	margin-right:4px;
	margin-top:-45px;
	padding: 15px;
	line-height: 15px;
	
}


.widget_design3 {
	
	float:left;
	width:950px;
	height: 200px;
	margin-right: 5px;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 0px;
        border: 0px;
	
}

.widget_design4 {
	
	float:left;
	width:315px;
	height: 304px;
	margin-right:3px;
	
	padding: 0px;
	
}

.widget_design4 img {
	border: 0px;

}

.widget_design3 img {
	border: 0px;

}

.widgetborder {
	
	position: relative;
	background: url(images/widget_spacer.gif) no-repeat;
	height: 4px;
	width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 10px;
	

}

#hometopbanner {
	width: 955px;
	height: 400px;
        overflow: hidden;
	margin: 5px;
	margin-top: 0px;
     margin-left: 3px;

	
}

#undertopbanner {
	width: 955px;
	height: 304px;
	margin-top: -20px;
        margin-bottom: -20px;
	margin-left: 3px;
	
}

#colRight {
	float:right;
 	margin-right: 20px;
	margin-top: 10px;
	width: 220px;
	font-size: 0.9em;
	line-height: 100%;
}


p.line {
	background:url(images/bk_dashed_horiz.gif) 0 100% repeat-x;
	display:block;
	padding:0 0 10px;
	margin:0;
}

#bottomBox {
	margin-top:20px;
	padding:0 8px;
	float:left;
}


#bottomBox #innerBoxLeft {
	float:left;
	padding-right:20px;
	width:280px;
	margin-left: 10px;
}

#bottomBox #innerBoxMiddle{
	float:left;
	padding:0 15px;
	width:320px;
}

#bottomBox #innerBoxRight{
	float:left;
	padding:0;
	padding-left:20px;
	width:250px;
	position:relative;
}

#bottomBox #innerBoxRight p img {
	padding-right:5px;
	vertical-align:middle;
}

ul.latestPosts {
	
}

 ul.latestPosts li {
	background:url(images/bk_dashed_horiz.gif) 0 100% repeat-x;
	padding:0;
	padding-bottom:1px;
}

* html ul.latestPosts li {
	float:left;
	width:100%;
}

ul.latestPosts li a {
	display:block;
	background:url(images/ico_post.gif) 2px 5px no-repeat;
	padding:4px 0 6px 25px;
	margin:0;
}

ul.latestPosts li a:hover {
	background-color:#141414;
	text-decoration:none;
}

ul.latestPosts li a span.date {
	font-size:10px;
	color:#999;

}

/* portfolio */

.portfolioItem {
	background:url(images/bk_dashed_horiz.gif) 0 100% repeat-x;
	padding-bottom:10px;
	margin-bottom:5px;
}

.portfolioItem img {
	border:none;
}

/* blog */

.blogPost {
	background: #1a1a1a;
	width: 426px;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:0px;
        margin-right: 7px;
	margin-left: 450px;
	padding: 15px;
}

.blogPost2 {
	background: #1a1a1a;

	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:0px;
        margin-right: 7px;
	padding: 15px;
	font-size: 1.1em;
	line-height: 23px;
}

.blogItem {
        float: left;
        width: 199px;
        height: 300px;
        overflow: hidden;
	background: #1a1a1a;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:15px;
        margin-right: 7px;
	padding: 10px;
}

.blogItem2 {
        float: left;
		position: relative;
        width: 425px;
        height: 200px;
        overflow: hidden;
	background: #1a1a1a;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:15px;
        margin-right: 7px;
	padding: 10px;
	font-size: 0.8em;
}

.blogItem .title{
	padding:5px 0 0px 2px;

	margin-bottom:0px;
	position:relative;
}

.blogItem .title .date {
	width:55px;
	height:31px;
	position:absolute;
	top:0;
	left:-22px;
	background:url(images/bk_blog_date.gif) 0 0 no-repeat;
	text-align:center;
	color:#fff;
	padding-top:5px;
	font-weight:bold;
}	

*html .blogItem .title .date {
	left:-64px;
}

.blogItem .title h2 {
	padding:0;
	font-weight:bold;
	color:#4AAACA;
	padding-bottom:8px;
	font-size:20px;
}

.blogItem .title .meta {
	font-size:10px;
	line-height:110%;
}

.blogItem .meta a {
        color: #999999;
}

.blogItem img {
        padding: 8px;
        border: 0px;

        
}

/* pagination */
.wp-pagenavi {
	background:url(images/bk_horizline.jpg) 0 100% repeat-x;
	padding-bottom:15px;
}

.wp-pagenavi span , .wp-pagenavi a{
	
}

.wp-pagenavi span.current, .wp-pagenavi span.extend,  .wp-pagenavi span.pages{
	color:#ccc;
	border:1px solid #ccc;
}

.commentlist {
	border-top:1px solid #444;
}

.comment {
	background:none;
	padding-left:0;
	border-bottom:1px solid #444;
	
}

*html .comment {
	height:1%;
}

.comment-author {
	color:#999;
}

.commentmetadata {
	padding-bottom:3px;
	font-style:italic;
	font-size:11px;
}

/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 650px; /*Width of Carousel Viewer itself*/
	height: 373px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0;
	width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:373px;
	position:relative;
	clear:both;
}

.stepcarousel .panel a img {
	border:none;
}

.stepcarousel .panel .projectDetails {
	position:absolute;
	bottom:30px;
	left:0;
	padding:12px 40px;
	background:url(images/bk_pixel_details.png);
	color:#ccc;
	line-height:140%;
	width:100%;
}

.stepcarousel .panel .projectDetails strong {
	font-size:16px;
	color:#6CB200;
}

#content .stepcarousel .panel .projectDetails p {
	margin:0;
	padding:0;
}

*html .stepcarousel .panel .projectDetails {
	left:-12px;
}

/* FORMS
-------------------------------------------------*/
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #3F3F3F;
	background:none;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form input:focus, form textarea:focus {
	border:1px solid #7EA803;
}

form textarea {
	width:500px;
}

form input#submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	text-transform:uppercase;
	margin-top:15px;
	background:url(images/bk_submit.jpg) 0 0 no-repeat;
	font-size:11px;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}
blockquote {
   width: 95%;
   background: #252525;
   padding: 10px;
   font-size: 0.9em;
 
   color: #E0E9F3; 
   line-height: 20px;
   border: 1px solid #333333;
   margin-top: 20px;
   margin-bottom: 20px;
   
}

ul .xoxo blogroll{
list-style-type: none;

}

.thumb {
 float: left;
 width: 125px;
 height: 90px;
 border: 0px;
 margin-right: 10px;
}


.blogPost2 li {
	
	padding: 2px 0px 5px 23px; 
	list-style-type: none; 
	background: url("images/listicon.png") no-repeat left 5px;
	
	

}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.p-thumb { float: left; margin-right: 20px; margin-bottom: 10px; overflow: hidden; border: 1px solid #929ca0; } 
.p-thumb2 { float: left; margin-right: 20px; margin-bottom: 10px; overflow: hidden;  } 

.bigpost { border-bottom: 1px solid #292929; height: 280px; }

.p-cat { height: 30px; font-size: 14px; };
.p-cat a { color: #ffffff; };

.p-head { position: relative; padding-right: 10px;  }
.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#eceede; font: bold 30px/30px "Arial"; letter-spacing: -1px; }
.p-head h1 a:hover { color:#53bfe2; text-decoration: none; }

.p-head h2 { color:#eceede; font: 30px/30px "Helvetica"; letter-spacing: -1px; font-weight: normal; }
.p-head h2 a, .p-head h2 a:visited { color:#eceede; }
.p-head h2 a:hover { color:#53bfe2; text-decoration: none; }

.p-head h3 { color:#eceede; font: bold 26px/26px "Arial"; letter-spacing: -1px; }
.p-head h3 a, .p-head h3 a:visited { color:#eceede;}
.p-head h3 a:hover { color:#53bfe2; text-decoration: none;}



.p-date { position: relative; margin-left: 223px; font-size: 10px; color: #1c2123; }
.p-date2 { position: relative; margin-top: 10px; margin-bottom: 15px; font-size: 10px; color: #1c2123; }

.p-con { padding-right: 20px; }
.p-con p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 2px; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #1b2023; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}



.p-more { padding-top: 10px; text-align: right;}
.p-more li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 20px; margin-right: 5px;}
.p-more li.p-more-read { background: url("images/p-more-read-ico.png") left center no-repeat; }
.p-more li.p-more-com { background: url("images/p-more-com-ico.png") left center no-repeat; }
.p-more li a,.p-more li a:visited { color:#50b5d6; font: bold 14px/18px "Arial"; letter-spacing: -1px; margin-right: 3px;}
.p-more li a:hover { color:#ead58c; }

.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: 0px;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: 0px; padding: 1px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: 0px; padding: 1px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 20px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { color:#50b5d6; cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }
.nav a:hover { color:#ead58c; }