/*  
Theme Name: Datanex
Author: Collective Front
Author URI: http://www.collectivefront.com
*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body {
	margin:0; padding:0;
	width:auto; height: 100%;	
}

img {
	border:0;
}

blockquote {
	width:80%; height:auto;
	margin:0; padding:15px 25px 15px 85px;
	display:block;
}

code {

}

label {
	font:bold 0.92em Arial, Helvetica, sans-serif; color:#597388;
}

strong {
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	color: #a2c5e4;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	/* Show nothing. Hidden under logo. */
	/*text-indent:-9999px;*/
	/* Use if text logo is shown */		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px !important;
	font-weight: normal !important;
	letter-spacing: 1px !important;
	margin: 0px !important;
}

h2 {
	/* Show nothing. Hidden under logo. */
	/*text-indent:-9999px;*/
	/* Use if text logo is shown */		
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 14px !important;*/
	font-weight: normal !important;
	color: #fff;
	margin: 0px !important;
}

	h2.lifestream_date {
		margin:15px 0 8px 0 !important; padding:15px 0 0 0;
		text-indent:0px;
		font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a;
		border-top:1px solid #172433;
	}
	
	h2.lifestream_date_first {
		margin:15px 0 8px 0 !important; padding:0;
		text-indent:0px;
		font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a;
	}

h3 {
	/* Post/Page Titles*/
	margin:0 -18px 18px -18px; padding:9px 18px 19px 18px;
	font: 2.15em Arial, Helvetica, sans-serif; color:#e8eff7;
}

h4 {
	/* Meta/Category Title*/
	margin:0; padding:0;
	font: 0.85em Arial, Helvetica, sans-serif; color:#7b8eb6;
}

	h4.post-category {
		/* With Divider */
		margin:0 18px 0 0; padding:0 18px 0 0;
		border-right:1px solid #202a37;
		display:inline; line-height:30px; vertical-align:middle;
	}
	
	h4.single-info {
		/* With Divider */
		margin:0;
		display:inline; 
		line-height:30px; 
		vertical-align:middle;
}
	

h5 {
	margin:0 -8px 15px -8px; padding:0 8px 10px 8px;
	font:1.38em Arial, Helvetica, sans-serif; color:#9cadc2;
	border-bottom:2px solid #1b2937;
}

	h5.footer-title {
		margin:0; padding:0;
		font:1.08em Arial, Helvetica, sans-serif; color:#7984b4;
		border-bottom:0;
	}

h6 {
	margin:0; padding:0;
	font:0.77em Georgia, "Times New Roman", Times, serif; color:#b5c2cf;
	text-transform:uppercase;
}

a:link, a:active, a:visited {
	color:#FFF;
	text-decoration:none;
}

	h3 a:link, h3 a:active, h3 a:visited {
		color:#e8eff7;
	}
	
	h4 a:link, h4 a:active, h4 a:visited {
		color:#a5cbff;
	}
	
	h5 a:link, h5 a:active, h5 a:visited {
		color:#9cadc2;
	}

	#top-links a {
		font:0.92em Arial, Helvetica, sans-serif; color:#725faa;
	}
	
	#navigation a {
		margin:0; padding:21px 22px 0 22px;
		width:auto; height:55px;
		font:1.23em Arial, Helvetica, sans-serif; color:#93a2af;
		/* IE6 Needs inline-block otherwise width:auto; spans 100% */
		display:inline-block;
	}
	
		#navigation a span {
			font:0.69em Arial, Helvetica, sans-serif; color:#dfdcf1;
			display:block;
		}
		
	#twitter_update_list li a {
		color:#b96db6; text-decoration:underline;
	}
	
	.post-meta span a {
		color:#a5cbff;
	}
	
/*	.lifestream-content a, #right-col li ul li a, #tag_cloud a {
		color:#4e667a;
	}*/
	
	#footer-list li ul li a {
		font:1.00em Arial, Helvetica, sans-serif; color:#c3caf3;
	}
	
	

a:hover {
	text-decoration:underline;
}

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

	#navigation li a:hover {
		color:#FFF;
		text-decoration:none;
		background: url(images/nav-hover-trans.png) repeat-x top center;
	}
	
	
/* Styles */
.color-light, .color-light a {
	color:#b5c2cf;
}

.color-dark, .color-dark a {
	color:#4f6882;
}

.color-white, .color-white a {
	color:#FFF;
}

.color-blue, .color-blue a {
	color:#7f9bb9;
}

.font-georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.font-arial {
	font-family:Arial, Helvetica, sans-serif;
}

.size-small {
	font-size:0.77em;
}

.size-large {
	font-size:1.23em;
}

.trans-uppercase {
	text-transform:uppercase;
}

.display-inline {
	display:inline;
}

.display-block {
	display:block;
}

/* Misc */


#top-links {
	color:#7157a9;
}

.search-box {	
	font:0.92em Arial, Helvetica, sans-serif; color:#c2b1e7;
}

#twitter_update_list {
	margin:8px 0 0 0; padding:0;
	font:1.92em Georgia, "Times New Roman", Times, serif;
	list-style:none; display:block;
}
	
.post-meta span {
	font:0.85em Arial, Helvetica, sans-serif; color:#546378;
	line-height:55px; vertical-align:middle;
}

.continue-reading {
	margin:0;
	padding:0 0 0 22px;
	width:auto;
	height:auto;
	background: url(images/continue-reading.gif) no-repeat;
	font:bold 0.92em Arial, Helvetica, sans-serif;
	color:#6f8cc0;
	float: right;
}

#right-col {
	color:#3d5467;
}

.comment-author {
	color:#c7cdd4;
}

.comment-text {
	font:0.92em Georgia, "Times New Roman", Times, serif; color:#677a89;
}

.input {
	font:0.92em Arial, Helvetica, sans-serif; color:#677a89;
}

.lifestream-content {
	font:0.92em Arial, Helvetica, sans-serif; color:#3d5467;
}

#footer-list li ul li {
	font-size:0.85em; color:#3d556d;
}

#footer-copyright {
	font:0.85em Arial, Helvetica, sans-serif; color:#939fae;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left {
	float:left;
}

.right {
	float:right;
}

.container {
	margin:10px auto; padding:0;
	width:921px; height:auto;
}

	/* 02.A - Main Backgrounds
	/* ----------------------------------------------*/
	
	#main-back {
		margin:0; padding:0;
		width:auto; 
		display:block;
		min-height: 100%;
    	height: auto !important;
	    height: 100%;
	}
		
	/* 02.B - Header
	/* ----------------------------------------------*/
	
	#header {
		margin:38px 0 0 0; padding:0;
		width:921px; height:auto;
	}
/* wcc-8.6.2009-we wont need this
	#top-links {
		margin:0; padding:0;
		width:auto; height:42px; line-height:42px;
		display:block; text-align:right;
	}
	*/
	#banner {
		margin:0; padding:0;
		width:auto; height:115px;
	}
	
	#logo {
		margin:38px 0 0 15px; padding:0;
		height:40px;
		float:left; display:inline;
	}
	
	#header-search {
		margin:0; padding:0;
		width:auto; height:auto;
		float:right; display:inline;
	}
	
	/* 02.C - Content
	/* ----------------------------------------------*/
	
	#content {
		margin:0 0 40px 0;
		padding: 30px 0 0 25px;
	}
	
		#left-col {
			margin:10px 0 0 0; padding:0;
			width:520px; height:auto;
			float:left;
		}
		
		#right-col {
			margin:40px 40px 0 0; padding:0;
			width:307px; height:auto;
			float:right; 
		}
	
	/* 02.D - Footer
	/* ----------------------------------------------*/
	
	#footer {
		margin:0; padding:0;
		width:auto; height:auto;
	}
	
/* 03 - HEADER / NAVIGATION
/* ----------------------------------------------*/

#header-search {
	margin:45px 46px 0 0; padding:0;
	display:inline;
}

.search-box {
	margin:0; padding:5px 10px 5px 5px;
	width:185px; height:auto; display:block;
	background:none; border:0; 
	float:left;
}

.search-button {
	margin:0; padding:0;
	width:73px; height:25px;
	border:0; 
	float:left;
}

#navigation {
	/* For Normal Browsers */
/*	margin:25px 0 0 15px !important; */
	float: right;
	padding:0;
	width:auto; height:76px;
	list-style:none;
	margin-top: 22px;
}

	#navigation li {
		margin:0 7px 0 0; padding:0;
		width:auto; height:46px;
		float:left;		
	}
	
/* 04 - LEFT COLUMN
/* ----------------------------------------------*/

.twitter {
	margin:30px 0px 10px ; padding:0;
}

.post {
	margin:30px 0 10px 0;
}

.post-meta {
	margin:0; padding:4px 24px 0 24px;
	/*width:530px;*/
}

	.single-meta {
		margin:0; padding:4px 24px 0 18px;
	}

.post-content {
	/* Indent the Post some */
	/*margin:18px; */padding:0;
}
	.post-content img{
		float: left;
		margin: 0 10px 10px 0;
		border: 5px solid #1b2d33;
	}

	.post-image {
		margin:18px 13px 0 0;
		float:left;
	}
	
.comment-count {
	float:left;
}
	
.commentlist {
	margin:0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:20px;
	}
	
	.commentlist li.comment-alt {
		background:#0c131d;
		border-top:1px solid #0f1721;
	}
	
		.comment-meta {
			width: 170px;
			float: left;
			margin:0; padding:0;
		}
	
		.comment-author {
			margin:0; padding:0;
			width:118px;
			float:left; text-align:right;
		}

		.comment-gravatar {
			float: right;
			display: inline; 
			width: 32px;
			padding: 15px 0px 0px 20px !important;
			padding: 0px 0 0 20px;			
		}		
		
		.comment-text {
			margin:0; padding:15px 0 0 0;
			width:270px;
			float:right;
		}
		
		.comment-text p {
			display: inline;
		}

#social-sites {
	float:right;
}

	#social-sites dd {
		margin:-4px 0 0 11px; padding:0;
		width:auto; height:auto;
		float:left; display:inline;
	}
	
		.social-rss, .social-digg, .social-delicious, .social-stumble {
			margin:0; padding:0;
			width:32px; height:31px;
			background-image:url(images/social-sprite.gif);
			text-indent:-9999px; display:block; outline:0;
		}
		
		.social-rss {
			background-position:0px 0px;
		}
		
		.social-digg {
			background-position:0px -31px;
		}
		
		.social-delicious {
			background-position:0px -63px;
		}
		
		.social-stumble {
			background-position:0px -95px;
		}
	
/* 05 - RIGHT COLUMN
/* ----------------------------------------------*/

#right-col {
	list-style:none;
}

	#right-col li {
		margin:0 0 30px 0; padding:15px 20px 20px 20px;
	}
	
		#right-col #ads img {
			margin:4px; padding:2px;
			border:1px solid #1b2737;
		}
		
		#right-col #lifestream {
			
		}
		
			#right-col li ul {
				margin:0; padding:0;
				list-style:none;
			}
			
				#right-col li ul li {
					margin:3px 0; padding:0;
					border: none;
				}
		
			#right-col #lifestream ul {
				margin:0; padding:0;
				list-style:none;
			}
			
				#right-col #lifestream ul li {
					margin:0 0 10px 0; padding:0;
					background:none;
					border:0;
				}
				
					.lifestream-image {
						margin:0; padding:0;
						width:25px; height:auto;
						float:left;
					}
					
					.lifestream-content {
						margin:0; padding:0 0 0 0;
						width:248px; height:auto;
						float:right;
					}
					
					#right-col #lifestream ul li ul li {
						margin:2px 0 2px 10px; padding:0;
						font-size:0.92em;
					}
					
/* 06 - FOOTER
/* ----------------------------------------------*/

#footer-columns {
	margin:0; padding:0;
}

#footer-list {
	margin:0; padding:0;
	list-style:none;
}

	#footer-list li {
		margin:0; padding: 20px 30px 20px 30px;
		width:150px; height:auto;
		float:left; display:block;
	}
		#footer-list li#footer-about{
			width:370px;
		}
		#footer-list li ul {
			margin:5px 0 0 0; padding:0;
			list-style:none;
		}
		
			#footer-list li ul li {
				margin:10px 0; padding:0 0 0 11px;
				width:auto; height:auto;
				float:none;
			}
			
			#footer li-list #links li {
				width:155px; height:auto;
				float:left;
			}
			
#footer-repeat {
	margin:0; padding:0;
	width:100%; height:auto;
}
			
	#footer-copyright {
		margin:0; padding:0;
		width:auto; height:65px;
		line-height:65px;
	}

/* 00 - FORMS
/* ----------------------------------------------*/

.input {
	margin:0 0 10px 0; padding:6px;
	background:#0e1620;
	border:1px solid #162232;
}

label {
	margin:0 0 26px 0; padding:0;
	display:block; line-height:25px;
}

/* 00 - IMAGE ALIGNMENT
/* ----------------------------------------------*/

.alignleft {
	float:left;
	padding: 0px 20px 10px 0px;
}

.alignright {
	float:right;
	padding: 0px 0px 10px 20px;
}

/**
 * interiors
 */

body {
	background: #091219 url(images/main-back.jpg) no-repeat top center;
	font:normal 0.81em Arial, Helvetica, sans-serif; color: #7d97ac;
}

blockquote {
	background: url(images/blockquote.png) no-repeat top left;
	font: italic 0.92em Arial, Helvetica, sans-serif; 
	margin-bottom: 20px;
	border-top: 1px solid #293943;
	border-bottom: 1px solid #293943;
}

label {
	font:bold 0.92em Arial, Helvetica, sans-serif; color:#597388;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

/* Headings */

h2 {
	color:#b8cbe1;
}

h2.lifestream_date {
	margin:15px 0 8px 0; padding:15px 0 0 0;
	text-indent:0px;
	font:0.85em Arial, Helvetica, sans-serif; color:#61965d;
	border-top:1px solid #183118;
}

h2.lifestream_date_first {
	margin:15px 0 8px 0; padding:0;
	text-indent:0px;
	font:0.85em Arial, Helvetica, sans-serif; color:#61965d;
}

h3 {
	/* Post/Page Titles*/
	margin:0 -18px 0px -18px; padding:9px 18px 0px 18px;
	font: 2.15em Arial, Helvetica, sans-serif; color:#e9f6e9;
}

h5 {
	margin:0 -8px 15px -8px; padding:0 8px 10px 8px;
	font:18px Arial, Helvetica, sans-serif; color:#9cadc2;
	border-bottom:2px solid #234558;
}

	ul#footer-list li h5 {
		margin:0; padding:0;
		font:1.08em Arial, Helvetica, sans-serif; color:#6a8fae;
		font-weight: bold;
		border-bottom:0;
	}

h6 {
	margin:0; padding:0;
	font:0.77em Georgia, "Times New Roman", Times, serif; color:#b7cdb6;
	text-transform:uppercase;
}

/* Links */

a:link, a:active, a:visited {
	color:#6387a4;
	text-decoration:none;
}

.post-content p a:link, .post-content p a:active, .post-content p a:visited {
	text-decoration: underline;
}

/* wcc-8.6.2009-we wont need this
	#top-links a {
		font:0.92em Arial, Helvetica, sans-serif; color:#498f7b;
	}
	
*/
	#navigation a {
		margin:0; padding:21px 38px 0 38px;
		width:auto; height:25px;
		font:12px Arial, Helvetica, sans-serif; color:#b8cbe1;
		/* IE6 Needs inline-block otherwise width:auto; spans 100% */
		display:inline-block;
		text-transform: uppercase;
		border-bottom: 5px solid #5b6d71;
		font-weight: bold;
	}
	
		#navigation a span {
			font:0.69em Arial, Helvetica, sans-serif; color:#dfdcf1;
			display:block;
		}
		
	#twitter_update_list li a {
		color:#b96db6; text-decoration:underline;
	}
	
	.post-meta span a {
		color:#a5cbff;
	}
	/*
	.lifestream-content a, #right-col li ul li a, #tag_cloud a {
		color:#517a4e;green
	}*/
	
	#footer-list li ul li a {
		font:1.00em Arial, Helvetica, sans-serif; color:#a5bed4;
	}
	
	

a:hover {
	text-decoration:underline;
}

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

	#navigation a:hover,
	#navigation li.current_page_item a{
		color:#FFF;
		text-decoration:none;
		background:url(images/nav-hover-trans.png) repeat-x top center;
		border-bottom: 5px solid #fff;
	}
	
	#twitter_update_list a:hover {
		color:#FFF; text-decoration:none;
	}

/* Misc */

#top-links {
	color:#4b917a;
}

.search-box {	
	font:0.92em Arial, Helvetica, sans-serif; color:#abe1d5;
}

#twitter_update_list {
	margin:8px 0 0 0; padding:0;
	font:1.92em Georgia, "Times New Roman", Times, serif;
	list-style:none; display:block;
}
	
.post-meta span {
	font:0.85em Arial, Helvetica, sans-serif; color:#546378;
	line-height:30px; vertical-align:middle;
}

.continue-reading {
	margin:0; padding:0 0 0 22px;
	width:auto; height:auto;
	background:url(images/continue-reading.gif) no-repeat center left;
	font:bold 0.92em Arial, Helvetica, sans-serif; color:#6f8cc0;
}

#right-col {
	color:#d5d5d5;
	line-height: 20px;
}
	#right-col li ul li {
		/*background:url(images/bullet.jpg) no-repeat center left;*/
		background: none;
	}


.comment-author {
	/*color:#b8cbe1;*/
}

.comment-text {
	font:0.92em  Arial, Helvetica, sans-serif; line-height: 18px; color:#597388; 
}

.input {
	font:0.92em Arial, Helvetica, sans-serif; color:#677a89;
}

.lifestream-content {
	font:0.92em Arial, Helvetica, sans-serif; color:#42643f;
}

#footer-list li ul li {
	font-size:0.85em; color:#597388;
}

#footer-copyright {
	font:0.85em Arial, Helvetica, sans-serif; color:#95af98;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/

#logo {
	background:url(images/logo-trans.png) no-repeat top left;
}
#logo h1 a{ color: #fff; }
#logo h1 a:hover{ text-decoration: none; }
#logo h2{
	display: none;
}
#main-back {
	background: url(images/main-back_bottom_bg.jpg) repeat-x bottom;
}
	
#right-col li {
	background: url(images/transparency.png);
	border-top:1px solid #23576d;
	border-right:1px solid #092832;
	border-bottom:1px solid #092832;
	border-left:1px solid #092832;
}

#footer{ background: url(images/footer_bg.jpg) no-repeat bottom;}

#footer-columns {
	width: 921px;
	margin: 0 auto 60px;
	/*background: transparent url(images/footer-list_bg.jpg) no-repeat;	*/
	background: transparent url(images/footer-columns_bg.jpg) no-repeat;	
}

#footer-list {
	background: transparent url(images/footer-list_bg.png) repeat-y;
}

	#footer-list li {
	}
	#footer-list #footer-about,
	#footer-list #footer-twitter,
	#footer-list .linkcat{
		border-top:1px solid #1a3b52;
	}	
	#footer-list #footer-about,
	#footer-list #footer-twitter{	
		margin: 0 30px 30px 0;
	}
		#footer-list li ul li {
			background:url(images/bullet.gif) no-repeat left;
			padding-left: 25px;
		}
	

#footer-repeat {
}
	
	#footer-copyright {
		margin:0; padding:0;
		width:auto; height:65px;
		line-height:65px;
		color: #5e7588;
	}



/* 03 - MISC
/* ----------------------------------------------*/	
	
.post-meta {
	background:url(images/post-meta-trans.png) top center;
}
	
	.single-meta {
		/*background:url(images/post-meta-trans.png) top center;
		border-top:1px solid #213522;*/
	}	

.commentlist li.comment-alt {
	background: transparent url(images/transparency.png);
	border-top:1px solid #329BC2;
}

.input {
	margin:0 0 10px 0; padding:6px;
	background:#0e1d0e;
	border:1px solid #18301a;
}

.post img {
	border:1px solid #152C16;
	padding:8px;
	background: url(images/img_transparency.png);
}

.container{
	position: relative;
}

#powered{
	position: absolute;
	background: url(images/powered.png) no-repeat;
	right: 60px;
	top: 110px;
}#powered a{
	display: block;
	width: 116px;
	height: 145px;
	text-indent: -10000px;
}
#featured{ width: 520px; color: #597388; margin-top: 25px; }
#featured h2 a{ color: #e8eff7; font-size: 28px; text-decoration: none;}
#featured h2 a:hover {color:#b8cbe1;}
#featured img{ float: left; } 
#featured p{ text-align: justify; }
#featured p a{ color: #a5cbff; font-weight:bold }
#featured .left{ float: left; padding-right: 15px; }
#featured .right{ float: right; }
#featured .left,#featured .right{ width: 245px; }
.post-content h3{ padding-bottom: 15px;}
li#search-form,li#j-tabs{ background: none; border: 0; padding: 0;}
/*li#j-tabs ul li{ border: none; }*/
.search-box,
li#search-form input#s,
div.wpcf7 .input,
#commentform .input{ margin-right: 10px; border: 1px solid #1b495c; padding: 5px; background: url(images/transparency.png); }
li#search-form input#s{ width: 210px; color: #1b495c; }
.search-box,
div.wpcf7 .input,
#commentform .input,
#commentform #submit{ color: #9CADC2; font-family: Arial, Helvetica, sans-serif; width: auto;}
.submit,
#commentform #submit{
	background: url(images/button-left.gif) no-repeat left;
	height:26px;
	padding-left:3px;
	display: block;
	float: left;
}
li#search-form .submit{	
	float: right;
}
.button,
#commentform #submit .button{
	color: #f2f4ff;
	border:0 none;
	height:26px;
	padding-left:5px;
	padding-bottom: 3px;
	text-align:left;
	margin: 0;
	/*padding-right: 20%;*/
	border: none;
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
}

.button,
#commentform #submit .button{
	background: url(images/button-right.gif) no-repeat right;
} 
div.wpcf7 .ajax-loader{ position: absolute}

/*--Featured Posts */
div.featuredposts {
	margin: 5px 0 0;
	width: 100%;
	height: 200px;
	font-size: 0.9em;
	background: #333;
	color: #fff;
	padding: 5px;
}
div.featuredposts h2 {
	margin-top: 0;
	font-size: 0.9em;
}
div.featuredposts h2>a {
	color: #fff;
}
img.featuredimg {
	float: left;
	margin: auto 10px 5px auto;
}