/*    
Theme Name: Highlighter
Theme URI: http://www.wehighlight.com/ 
Description: Highlighter Company Blog
Author: Philip Scott Weber
Author URI: http://www.philipweber.com/ 
Version: 1.0 
. 
General comments/License Statement if any. 
. 
*/  
body {
	font: 62.5%/1.6em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #03080d;
	background-image: url('img/bgSpace.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0; }

* {
	margin:0;
	padding:0; }

a {
	text-decoration:none;
	color: #3fefff; }

a:hover {
	border-bottom: dotted 1px #3fefff;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:2px;
	margin:0; }

h1 a {
	text-decoration:none;
	color:#333; }

h3 {
	padding: 0;
	color: #cccccd;
	font: 14px Arial, Helvetica, sans-serif;
	font-style: italic;
	letter-spacing:.6px;
	text-transform: uppercase;}

#header {
	background-image: url(img/bg75black.png);
	background-repeat: repeat;
	height: 100px; }

#wrapper {
	width:936px;
	margin:40px;
	overflow: hidden; }

.clear {
	clear:both; }


/*Posts________________________________*/
#content {
	margin:0;
	padding:0;
	width: 748px;
	height: auto;
	background-image: url(img/bg75black.png);
	background-repeat: repeat;
	overflow: hidden;}

#content p {
	width: 540px;
	line-height:20px;
	color: #d0d0d0;
	margin:0 0 20px 0;
	font-size:12px;
	font-weight: normal;
	letter-spacing: 0px; }

div.postInfo {
	color: #474747;
	font-size: 10px;
	line-height: 10px;
	margin:0; }

.postInfo a {
	color: #474747;
	text-decoration: none;}
	
.postInfo a:hover {
	color: #d0d0d0;
	border: none;}

#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #7d5ccb;
	font-size:24px;
	line-height: 26px;
	font-weight:bold;
	margin:0;
	padding:0 0 20px 0;
	letter-spacing: 1.4px;
	max-width: 540px; }

#content h2 a {
	color:#7d5ccb;
	text-decoration:none;
	border:none; }

#content h2 a:hover {
	color:#9d74ff;
	text-decoration:none;
	border:none; }

.postDate{
	float: left;
	width: 165px;}
	
.postDate span {
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #474747;
	text-transform: uppercase;
	font-style: italic;
	padding-top:11px;
	line-height: 12px;}

.postContent {
	float: right;
	width: 540px;
	margin: 0 20px 0 0;
	overflow: hidden;
	clear: none;}

.postContainer {
	float: left;
	clear: both;
	margin: 20px 0 40px 0;
	width: 748px;}

.postDivider {
	background-image: url(img/postDivider.png);
	width: 536px;
	height: 1px;
	margin-top: 5px; }

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;}
	
#content li {
	padding:10px;
	border-bottom:1px solid #eee;}

img {
	padding:0;
	margin: 0;
	max-width: 540px;}

div#respond {
	float: left;
	clear: both;
	margin-top: 0; }

div#commentContainer {
	width: 540px;}

textarea#comment { 
	width: 530px;
	padding: 5px;
	margin: 0;}

div#commentContainer h3 {
	margin-top: 40px; }

div#commentContainer div.commentmetadata {
	margin-bottom: 5px;}
	
div#commentContainer div.commentmetadata a {
	font-size: 10px;
	color: #474747;
	text-decoration: none;}
	
div#commentContainer div.commentmetadata a:hover {
	color: #d0d0d0;}

div#commentContainer ol.commentlist {
	margin: 20px 0 0 0;
	width: 540px;
	border: none;
	list-style: none;
	padding: 0;}
	
div#commentContainer ol.commentlist em {
	font-size: 10px;
	color: #474747;}	

div#commentContainer ol.commentlist li {
	border: none;
	margin: 0;
	padding: 0;}
	
div#commentContainer p {
	width: 540px;
	margin: 0 0 20px 0;
	overflow: hidden;}
	
div#commentContainer img {
	display: none;}	
	
div.comment-author {
	color: #d0d0d0;
	text-transform: uppercase;
	font: 12px Arial, Helvetica, sans-serif;}

div#postNavContainer {
	clear: both;
	float: right;
	margin: 0 20px 20px 188px;
	}

p input#author {
	margin-top:20px;}
	
	

/*sidebar________________________________*/

div#sidebar {
	width:184px;
	float:right;
	padding:0;
	margin: 0; }

div#searchBox {
	background-image: url(img/bg75black.png);
	background-repeat: repeat;
	height: 45px;
	width: 184px;
	padding: 0;
	margin: 0;
	overflow: hidden; }

div#search {
	margin: 10px 0 0 10px;
	padding: 0;}

form#searchform {
	width: 164px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: left; }

div#sidebar form#searchform input#s{
	border:0;
	display: block;
	width: 135px;
	height: 20px;
	color:#666666;
	margin: 0;
	padding: 5px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	float: left;}

div#sidebar form#searchform input#go{
	width:15px;
	height:25px;
	border:0px;
	cursor:pointer; 
	background-image:url(img/searchButton.png); 
	background-color: transparent; 
	float: right;
	clear: none; }

div.sidebarBox {
	background-image: url(img/bg75black.png) !important;
	background-repeat: repeat;
	margin-top: 4px;
	overflow: hidden; }

div.sidebarBox h2 {
	padding: 20px 0 0 20px;
	color: #cccccd;
	font: 14px Arial, Helvetica, sans-serif;
	font-style: italic;
	letter-spacing:.6px;
	text-transform: uppercase; }

div.sidebarListWrapper{
	margin: 0;
	padding: 5px 0 16px 20px;
	overflow: hidden;
	}

div.sidebarListWrapper ul {
	margin:0;
	padding:0; 
	list-style:none;}

div.sidebarListWrapper li {
	list-style:none;
	padding: 0 0 4px 0; }

div.sidebarListWrapper li a {
	text-decoration:none;
	color: #3fefff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: none;
	font-style: normal;
	font-size: 12px;
	font-weight:normal;
	letter-spacing:0px; }

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee; }



/*navigation________________________________*/

#nav_wrapper {
	width: 936px;
	height: 98px;
	margin: 0 0 10px 0;
	padding: 0; }

div#nav_wrapper a:hover {
	border: none;}

#nav_wrapper ul {
	list-style-type: none;
	padding: 0; }

#nav_wrapper li {
	float: left; }

#nav_wrapper a {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0; }

a#nav_home {
	background-image: url('img/nav_home_small.png'); 
	width: 372px;
	height: 68px; }

a#nav_home:hover {
	background-position: 0 -68px;}
	
	
a#nav_work{
	background-image: url('img/nav_work_small.png'); 
	width: 184px;
	height: 68px;}
	
a#nav_work:hover {
	background-position: 0 -68px;}	

a#nav_work_selected {
	background-image: url('img/nav_work_selected.png'); 
	width: 184px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0;}

a#nav_work_selected:hover {
	background-position: 0 -98px;}

a#nav_contact {
	background-image: url('img/nav_contact_small.png'); 
	width: 184px;
	height: 68px;}
	
a#nav_contact:hover {
	background-position: 0 -68px;}	

a#nav_contact_selected {
	background-image: url('img/nav_contact_selected.png'); 
	width: 184px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0;}

a#nav_contact_selected:hover {
	background-position: 0 -98px;}

a#nav_blog {
	background-image: url('img/nav_blog_small.png'); 
	width: 184px;
	height: 68px;
	margin-right: 0;}

a#nav_blog:hover {
	background-position: 0 -68px;}
	
a#nav_blog_selected {
	background-image: url('img/nav_blog_selected.png'); 
	width: 184px;
	height: 98px;
	margin-right: 0;}

a#nav_blog_selected:hover {
	background-position: 0 -98px;}	

	
	
	
/*footer________________________________*/
div#footer {
	background-image: url('img/bg75black.png');
	width: 748px;
	height: 45px;
	float: left;
	clear: both; }
	
div#footer {
	margin: 8px 0 0 0; }

div#footer a {
	font: bold 11px Arial, sans-serif;
	color: #271f42;
	margin: 0;
	text-decoration: none;
	float: left;
	margin: 10px 0 0 10px; }
	
div#footer span {
	font: normal 11px Arial, sans-serif;
	letter-spacing: 1px;
	color: #1b1e20;
	float: left;
	clear: left;
	margin: 2px 0 0 10px; }