/*  
Theme Name: Vanderlin
Theme URI: http://vanderlin.cc/
Description: A hack on the original.
Version: 0.0
Author: Todd Vanderlin
Author URI: http://vanderlin.cc/
*/

/* ----------------------------------------------------------- The Body */
body {
	margin:				20px;
	padding:       	 	20px;
	background:			#fff;													/* The background color to the whole site */
	font-family:		'Helvetica Neue','HelveticaNeue',Arial,Sans-Serif;		/* The main font type */
	font-size:			12px;													/* Change the overall scale of fonts */
	color:				#444444;												/* The Main Color of text */
    
}


/* ----------------------------------------------------------- Global Things */

embed {
	margin-top:			5px;
	margin-bottom:		5px;
}

img {
	border:				none;
}

a { 
	text-decoration:	none; 
	color:				#c6c6c6;
	}
a:visited {
}
a:hover {  color:		#000; }

h1, h2, h3, h4 {
	font-weight:normal;
}

.alignleft {
	float:				left;
}
.alignright {
	float:				right;
}
.navigation a {
	color:#999;
}
.navigation a:hover {
	color:		#000;
}
.navigation {
	width:				500px;
	padding:			0px;
	margin-left: 		0px;
	padding-bottom:		20px;
	padding-top:        20px;
}

/* ----------------------------------------------------------- Highlisght Side Bar */
.highlights {
	background-color:	#fff;
	font-family:		Georgia;
}
.highlights-node {
	padding-bottom:		20px;
	background-color:	#fff;
}
.highlights-title, .highlights-title a {
	color:				#606060
}
.highlights-link a:visited {
	text-decoration:	line-through;
	color:#000;
}

.search {
	background-color:#FFF;
	
}

/* ----------------------------------------------------------- The post node */
.pagetitle {
	text-transform:uppercase;
	padding-left:10px;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	color:#606060;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
}

.post-node-a, .post-node-b {
	height:30px;
	background-color:#eceaea;
	margin-bottom:0px;
	width:600px;
}
.post-node-b {
	background-color:#fff;
}
.post-node-a:hover, .post-node-b:hover {
	background:#999;
}

.post-node-title, .post-node-title a , sidebar-module-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	padding:0px;
	margin:0px;
	padding-left:5px;
	text-transform:uppercase;

}

.post-node-cat {
	font-family:		Georgia;
	color:#606060;
	padding-left:5px;
}
.post-node-date {
	font-family:		Georgia;	
	color:#606060;
	padding-right:25px;
	text-align:right;
}
.post-node-table{
	width:600px;
	vertical-align:middle;
}


/* ----------------------------------------------------------- The Page (all columns inside) */
#page {
	padding-top:	     20px;
}

.page-center {
	clear:both;
	padding-top:	     20px;
	width:				 700px;
	margin: 			 0 auto;
}

/* ----------------------------------------------------------- Elemenets for content */
.module {
	width:				 230px;
	margin-bottom:       20px;
	background-color:	 #f5f4f4;
	padding:	         5px;
	float:				 left;
	margin-right:		 10px;
}

/* ----------------------------------------------------------- The Header (Top of page) */
.head-title {
	padding-left:113px;
}

.header {
	height: 			81px;
	width:				100%;
	background-color:	#fff;
}
.header-logo {
	float:				left;
	padding:	        0px;
	margin:				0px;
	marginp:			0px;
}

.header-logo h2 a {
	padding:	        0px;
	margin:				0px;
	color:				#efefef;
	font-weight:		normal;
}

.header-logo h2 {
	padding:	        0px;
	margin:				0px;
}

.header-logo a {
	color:				#efefef;
}
.header-logo a:hover {
	color:				#000;
}

.header-logo small {
	font-weight:		normal;	
}



.header-menu {
	float:				left;
	margin-top:			65px;
	margin-left:		125px;
}
.header-menu span {
	margin-right: 		80px;
}

.header-menu span a:hover {
	border-bottom: #000 solid 5px;
}

/* ----------------------------------------------------------- The Footer (bottom of page*/
#footer {
	height: 			80px;
	width:				100%;
	background-color:	#fff;
	clear:				both;
}

#footer p {
	padding: 0px;
}

#footer-meta {
	height: 			200px;
	width:				100%;
	background-color:	#111111;
	clear:				both;
	border-top:			thin solid #444444;
}

#footer-copyright, #footer-copyright a{
	font-size:			10px;
	color:				#333333;
}

.footer-module {
	width:				300px;
	height:				200px;
	float:				left;
	border-right:		thin solid #444444;
}

/* ----------------------------------------------------------- A Center Column when needed*/
#center-column {
	width:				700px;
	margin: 			0 auto;
}

/* ----------------------------------------------------------- The Middle Column (where blog and content is posted) */
#middle-column {
	background-color:	#fff;
	float:				left;
	padding:             0px;
	margin:              0px;
	padding-left:       20px;
	padding-right:      20px;
	padding-bottom:     20px;
	width:				500px;
}

/* ----------------------------------------------------------- A Post */
.post {
	padding:             0px;
	margin:              0px;
	width: 				500px;
}

.post p {
	padding:             0px;
	margin:              0px;
	padding-bottom:      5px;
	font-weight:         normal;
    line-height:         20px;
	
}

.post p a {
	color: 				 #000;
	text-decoration:	 none;
}
.post p a:hover {
	color: 				 #000;
	text-decoration:	 underline;
}

.post p img, .project-page img, .project-page-row img {
    padding-top:	 5px;
    padding-bottom:  5px;
}

.post p img {
}
.wp-smiley {
width:15px !important;
}

/* ----------------------------------------------------------- Post Title */
.post h2, .post h2 a {
	padding:             0px;
	margin:              0px;
	font-weight: 		 normal;
	color:				 #444;
}
.post h2 a:hover {
	color:				 #000;
}

#post-title {
	background-color:    #fff;
	padding-bottom:	     12px;
}

.post-title-meta {
	background-color:	#fff;
	clear:both;
}

post-title-name a:visited {
	text-decoration:none!important;
}

.post-title-name a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	
}
.post-title-date {
	float:right;
	font-family:Georgia;
	color:				#999999;
	padding-top:7px;
}

.post-title-catagory, .post-title-comments{
	padding-left:       4px;	
}

.post-title-catagory, .post-title-catagory a, .post-title-comments a {
	font-size:			11px;
	color:				#CCC
}
.post-title-catagory a:hover, .post-title-comments a:hover {
	color:				#000;
}

/* ----------------------------------------------------------- Break inbetween Posts */
#post-break {
	height:              20px;
	margin-top:			 10px;
	margin-bottom:		 40px;
	background:			 #f0f0f0;
}

/* ----------------------------------------------------------- The Right Sidebar */
#sidebar-right {
	float:				left;
	width:				230px;
	padding-right:		20px;
	padding-top:		34px;
	background:			#FFF;
}

/* ----------------------------------------------------------- The Left Sidebar */
#sidebar-left {
	float:				left;
	width:				230px;
	padding-left:		0px;
	background-color:	#fff;
}


/* ----------------------------------------------------------- The Sidebar Modules*/

.sidebar-module {
	width:				 230px;
	margin-bottom:       20px;
	background-color:	 #fff;
	padding:	         5px;
	font-family:		 Georgia;
}


.sidebar-module h2, .sidebar-module h3, .module h3 {
	padding:             0px;
	margin:              0px;
	font-weight: 		 normal;
	color:				 #444;
}
.sidebar-module span a, .sidebar-module span {
	color:				#CCC;
}
.sidebar-module span a:hover {
	color:				#000;
}
.sidebar-module li {
	list-style:none;
}
.sidebar-module li a {
	color:				#666;
}

/* ----------------------------------------------------------- The Comments*/
.comments h2, .comments h3 {
	padding:             0px;
	margin:              0px;
	padding-bottom:	     10px;
	font-weight: 		 normal;
	color:				 #444;
}

.comment-input input, .comment-input textarea  {
	background-color:    #efefef;
	border:				 #CCC solid 1px;
}

.comment-input textarea {
	width:				500px;
}

.commentlist {
	padding:             0px;
	margin:              0px;
}
.commentlist li cite {
	padding-bottom:40px;
}
.commentlist li {
	padding:             0px;
	margin:              0px;
	list-style-type:	none;	
	padding:	         8px;
	margin-bottom:		 15px;
	background-color:    #efefef;
}

.commentlist p, .commentlist p a {
	color:				#9f9f9f;
}
.commentlist p a:hover {
	color:				#666;

}

.commentmetadata, .commentmetadata a {
	font-size:			11px;
	color:				#999;
}



/* ----------------------------------------------------------- Logo */
.logo {
	padding:             0px;
	margin:              0px;
	padding-left:		 0px;
	}
.logo h2 a{
	font-size:			18px;
	padding:             0px;
	margin:              0px;
	}
.logo h2 a:hover{
	text-decoration:	underline;
	padding:             0px;
	margin:              0px;
	}



.wp-smiley img {
	width:15px;

}

/* ----------------------------------------------------------- Login Page */
.login-page {
	width:300px;
	margin: 0 auto;

}
.login-page input {
	height: 30px;
	font-size:24px;
	color:#999;
}
.login-page.button {
	margin-left:40px;

}

/* ----------------------------------------------------------- CMS */
.edit-entry {
	font-style:			italic;
}

.archive-data {
}

.archive-data-title, .archive-data-title-num {
	height:				30px;
	margin:0 auto;
}

.archive-data-title h1 {
	text-align:			center;
	color:				#333;
	font-weight:		normal;
	
}
.archive-data-title-num h3 {
	font-weight:		lighter;
	text-align:			center;
	color:				#CCC;
	padding-left:		7px;
	padding-top:		11px;
}

.archive-data td {
	vertical-align:		bottom;
}


.archive-data-month {
	background:			#d7d7d7;
}
.archive-data-tag {
	margin:				0px;
	padding:			0px;
	border:				none;
	background:			#d7d7d7;
}

.archive-data-bar {
}

.archive-data-month:hover, .archive-data-tag:hover {
	
}
.size-full {
width:500px;
}