/*
Theme Name: Nellcom
Theme URI: http://forwardtrends.com
Description: Default version of Nellcom.net
Version: 1.0
Author: Aaron Elliott
Author URI: http://forwardtrends.com/
Tags: nellcom

*/



/* Begin Typography & Colors */
/* Nellcom Technolgies Stylesheet by Aaron Elliott forwardtrends.com */

body {
	margin:0px;
	padding:0px;
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333;
	font-family:"Trebuchet MS", Helvetica, Sans-Serif, Arial, Tahoma, Verdana;
}

body.sub {
	background-image:url(/img/nellcom_bg_sub.jpg);
}
body.home {
	background-image:url(/img/nellcom_bg.jpg);
}

img {
	border:0;
}

h1 {
	font-size:26px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#99CC33;
	letter-spacing:-1px;
}

h2 {
	font-size:24px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#555;
}

h3 {
	font-size:20px;
	font-weight:normal;
	color:#777;
}

hr {
	height:1px;
	border:0px;
	background-color:#3F3F3F;
	color:#3F3F3F;
}

/*structure*/

#wrapper {
	display:block;
	width:960px;
	margin:0 auto;
}

#header {
	display:block;
	height:70px;
	width:960px;
}

#logo {
	width:256px;
	height:70px;
	position:absolute;
}

#nav {
	width:629px;
	height:70px;
	position:absolute;
	margin-left:330px;
}

#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#nav ul li {
	float:left;
	margin:0px;
	padding:0px;
	text-indent:0;
}

#nav ul li a {
	border:0px;
	text-decoration:none;
}

#splash {
	display:block;
	height:380px;
}

#content {
	display:block;
	padding-top:20px;
}

#main {
	float:left;
	width:400px;
	padding:10px;
	background-image:url(/img/000_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333;
}

#main_sub {
	float:left;
	width:600px;
	padding:10px;
	background-image:url(/img/000_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333;
}

#midbar {
	float:left;
	width:200px;
	padding:10px;
	margin-left:10px;
	background-image:url(/img/000_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333;
}

#sidebar {
	float:left;
	width:280px;
	padding:10px;
	margin-left:10px;
	background-image:url(/img/000_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333;
}

#content a {
	color:#B9D13B;
}

#main p, #main td, #main table {
	font-size:12px;
	color:#E4E4E4;
	line-height:18px;
	margin:0px;
	padding:0px;
	margin-top:6px;
}

#main_sub p, #main_sub td, #main_sub table {
	font-size:14px;
	color:#E4E4E4;
	line-height:20px;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#main_sub li {
	font-size:12px;
	color:#F4FFE6;
}

#midbar p, #sidebar p {
	font-size:11px;
	color:#AEAEAE;
	line-height:16px;
	margin:0px;
	padding:0px;
	margin-top:4px;
}

#midbar ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#midbar li {
	margin:0px;
	padding:0px;
	font-size:12px;
	text-indent:none;
	height:26px;
	margin-bottom:2px;
}

#sidebar ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#sidebar li {
	margin:0px;
	padding:0px;
	font-size:12px;
	text-indent:none;
	height:26px;
	margin-bottom:2px;
}

#sidebar li a {
	display:block;
	padding:8px;
	color:#FFCC00;
	margin:0px;
	background-color:#333333;
	border:0px;
	
}

#footer {
	display:block;
	height:130px;
	background-image:url(/img/000_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:20px;
}

#footer_inner {
	width:960px;
	margin:0 auto;
	padding-top:40px;
}

#footer_left {
	width:480px;
	float:left;
}

#footer_right {
	width:480px;
	float:right;
	text-align:right;
}

#footer p {
	font-size:10px;
	color:#8C8C8C;
}

#footer a {
	color:#8C8C8C;
}	

#rss {
	left:50%;
	position:absolute;
	margin-left:400px;
	margin-top:1px;
}	
/*classes*/

.small {
	font-size:10px;!important;
}

.postmetadata {
	color:#666!important;
	margin-top:20px;
}

.post small {
	color:#666666;
}

/*clearfix*/

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}


/* PNG Fix */

img, div, input { 
	behavior: url("htc/iepngfix.htc") ;
}

/* 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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

