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

/* ----------------------------------------------------------- The Body */
body {
	margin:				0px;
	padding:       	 	0px;
	background:			#fff;													/* The background color to the whole site */
	font-family:		Arial, Helvetica, sans-serif;							/* The main font type */
	font-size:			12px;													/* Change the overall scale of fonts */
	color:				#444444;												/* The Main Color of text */
	
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	line-height:		normal;

}

/* ----------------------------------------------------------- main wrapper for content */
.wrapper {
	clear:				both;
	margin:				0 auto;
	padding:			0px;
	width:				980px;
}

/* ----------------------------------------------------------- columns */
.column-1 {
	float:left;
	min-height:		500px;
}
.column-2 {
	float:			left;
	margin-left: 	80px;
	min-height:		500px;
}


/* ----------------------------------------------------------- The Page (all columns inside) */
#page {
	margin: 			 0 auto;
	background-color:	 #fff;
	min-height:			 500px;
}


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

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

img { border:			none; }



/* ----------------------------------------------------------- Links */
a { 
	text-decoration:	none; 
	color:				#444;
	}
a:visited 	{ color:	#444;    }
a:hover 	{ color:	#FF006D; }

/* ----------------------------------------------------------- Text Headers */
h1, h2, h3, h4 {
	font-weight:normal;
}

/* ----------------------------------------------------------- Nav Prev New */
.alignleft {
	float:				left;
}
.alignright {
	float:				right;
}
.navigation a {
	color:				#999;
}
.navigation a:hover {
	color:				#FF006D;
}
.navigation {
	clear:				both;
	margin:				0px;
	padding:			0px;
	padding-top:		50px;
	padding-bottom:		50px;
	width:				500px;
}

/* ----------------------------------------------------------- Input Forms and Button */

.button {
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	border: 1px solid #999;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #464646;
	background:#e2e2e2 none repeat scroll 0 0;
}

.input-text, .comment-input-text {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#e2e2e2 none repeat scroll 0 0;
	border:1px solid #999;
	color:#666666;
	
	height:14px;
	margin-right:2px;
	padding:3px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------------- The Middle Column (where blog and content is posted) */
#middle-column {
	float:				 left;
	background-color:	 #fff;
	padding:             0px;
	margin:              0px;
	margin-left:         230px;
	width:				 500px;
	margin-top:			 30px;
	margin-bottom:		 100px;
	background-color:	 #fff;
	border:#666 1px solid thin;
}

/* ----------------------------------------------------------- Explore */
#explore-column {
	float:				 left;
	background-color:	 #fff;
	padding:             0px;
	margin:              0px;
	margin-left:         230px;
	width:				 700px;
	margin-top:			 30px;
	margin-bottom:		 100px;
	background-color:	 #fff;
}
.explore-nav {
	height:80px;
	background:#fff;
	text-align:center;
}

.explore-nav span, .explore-nav a {
	font-size:36px;
	padding:30px;
	color:#CCC;
}
.explore-nav a:hover {
	color:		#FF006D;
}

/* ----------------------------------------------------------- */
.page-center {
	clear:both;
	padding-top:	     20px;
	width:				 700px;
	margin: 			 0 auto;
	background-color:	 #fff;
}
					
/* ----------------------------------------------------------- Elemenets for content */
.module-first, .module {
	width:				 200px;
	margin-bottom:       20px;
	background-color:	 #fff;
	padding-right:	     20px;
	float:				 left;
	margin-right:		 20px;
	min-height:			 300px;
	border-right:		 #ccc dotted 1px;
}
.module-first {
	padding:			 0px;
}

.module a {
	color:#7A7A7A;
}
.module a:hover {
	color:#FF006D;
}

/* ----------------------------------------------------------- The Header (Top of page) */

#header {
	margin:				0px;
	padding:			0px;
	background:			#fff none repeat scroll 0 0;
	height:				85px;
}
.header-logo {
	float:left;
	margin-right:15px;
	margin-top:15px;
}
#header-logo {
	padding:	        0px;
	margin:				0px;
	width:			    200px;
	padding-left:		0px;
	height:				inherit;
	float:				left;
}
#header-logo h2 {
	padding:	        0px;
	margin:				0px;
	padding-top:		30px;
}
#header-logo h2 a {
	padding:	        0px;
	margin:				0px;
	color:				#666;
	font-weight:		normal;
}
#header-logo h2 a:hover {
	color:				#FF006D;
	border:				none;
}

#header-logo small {
	font-weight:		normal;
	color:				#7a7a7a;
	padding-left:		4px;
}

#header ul a {
	margin-right: 			50px;
	color:					#bfbfbf
}

#header ul a:hover {
	border-bottom: 			#bfbfbf solid 5px;
}

#header ul {
	float:					left;
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	margin-top:				35px;
	margin-left:			0px;
	padding:				0px;
}

#header ul li {
	color:					#CCC;
	float:					left;
}
/* ----------------------------------------------------------- The Footer (bottom of page*/
.icon-image {
	padding-bottom:6px;
}
.icon-image img{
	width:16px;
	height:16px;
	margin-right:5px;
	vertical-align:bottom;
}

#footer-space {
	height:				100px;
	clear:				both;
}

#footer {
	height: 			240px;
	background-color:	#141414;
	clear:				both;
	padding:		    0px;
	margin:				0px;
	border-top:			#CCC thin solid;
}

#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:				200px;
	height:				150px;
	min-width:	        200px;
	min-height:			180px;
	float:				left;
	border-right:		thin dotted;
	padding-bottom:		20px;
	margin-top:			20px;
	
	padding-right:		20px;
	margin-right:		20px;
	padding-left:		0px;
}
#footer-module p {
}

#footer-module h3 {
	border-bottom:      thin solid;
	padding-bottom:		10px;
}

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


#search-post {
	background:none repeat scroll 0 0 white;
	border-bottom:1px dotted #CCCCCC;
	margin:0 0 25px 16px;
	min-height:178px;
	padding-left:158px;
	width:500px;
}


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

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

.post p a:hover {
	text-decoration: 	 underline;
}

.post p a {
	color: 				 #FF006D;
}

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

.post-thumb-search {
	background:#CCC;
	float:left;
	height:100px;
	margin-right:10px;
	width:100px;
}


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

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

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

.post-title-date {
	color:				#999999;
}

.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:				#FF006D;
}

/* ----------------------------------------------------------- Break inbetween Posts */
#post-break {
	height:              15px;
	margin-top:			 10px;
	margin-bottom:		 40px;
	border-bottom:		 #ccc dotted 1px;
}

/* ----------------------------------------------------------- The Right Sidebar */
#sidebar-right, #explore-sidebar-right {
	width:				230px;
	padding-right:		20px;
	background:			#fff;
	padding-top:		0px;
	margin-top:			63px;
	margin-left: 		990px;

}

#sidebar-right {
	padding-top:		16px;
	margin-left: 		760px;
}



.list-a, .list-b {
	padding:10px;
	border-bottom:#ECECEC dotted thin;
}


.list-a img, .list-b img {
	width:50px;
}

.list-a:hover, .list-b:hover{
	background-color:#EFEFEF;
}

.list-content {
	color:#999;
	padding:0px;
	margin:0px;
	margin-left:10px;
}
.list-content p {
	color:#CCC;
	padding:0px;
	margin:0px;
	font-size:11px;
}

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


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

.comment-input input, .comment-input textarea  {
	background-color:    #eee;
	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;	
	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;
}

.comments-avatar {
	padding:5px;
	float:left;
}
.comments-avatar img {
	width:50px;
	height:50px;
}
.comments-content {
	margin-left:60px;
	padding:10px;
}



/* ----------------------------------------------------------- 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;
	}




/* ----------------------------------------------------------- Project Page */
/*
.project-page {
	float:				left;
	padding:             0px;
	margin:              0px;
	padding-left:       20px;
	padding-right:      20px;
	padding-bottom:     20px;
	margin-left:		250px;
}

.project-page-column p, .project-page-row p{
	margin:				 0px;
	padding:             0px;
}
.project-page-row h3 {
	margin:				 0px;
	padding:             0px;
	padding-bottom:		 5px;
}
.project-page-column h3, 
.project-page h3,  
.project-page-div h3 {
	margin:				 0px;
	padding:             0px;
	padding-bottom:		 5px;
}

.project-page-content {
	width:				 700px;
	line-height:         20px;
}

.project-page-column {
	margin:				 0px;
	padding:             0px;
	float:				 left;
	width:				 330px;
	text-align:			 justify;
	margin-right:        20px;
	line-height:         20px;
}

.project-page p a {
	text-decoration:underline;
}
.project-page-row {
	line-height:         20px;
	float:				 left;
	clear:				 both;
	width:				 700px;
	padding:			 0px;
	margin:				 0px;
	padding-top:	 	 20px;
	padding-bottom:		 20px;
	text-align:			 justify;
}

.project-page-div {
	float:				 left;
	margin-right:        10px;
}
*/

/* ----------------------------------------------------------- Project Archive */
/*
.project-archive {
	background-color:	fff;
	padding:             0px;
	margin:              0px;
	padding-left:       20px;
	padding-right:      20px;
	padding-bottom:     20px;
	padding-top:		30px;
}

.project-archive table, 
.project-archive tr, 
.project-archive td, 
.project-archive tbody {
	padding:             0px;
	margin:              0px;
	border:				none;
}
	
.project-archive-image {
	padding:             0px;
	margin:              0px;
	background:		  #efefef;
	width:224px;
	height:137px;
	
}

.project-archive-title {
	padding:             0px;
	margin:              0px;
	padding-bottom:      10px;
	padding-top:		 10px;
	margin-bottom:		 20px;
	background:		  	 #efefef;
}
.project-archive-title a {
	padding:			 5px;
}
*/

/* ----------------------------------------------------------- Search Bar */

.search-bar {
	padding:			0px;
	margin-left:		0px;
	background:			#096;
}

#searchform {
	float:				right;
	height:				48px;
	margin-right:		14px;
	padding-top:		30px;
}



/* ----------------------------------------------------------- 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 {
	
}

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

.wp-smiley img {
	width:15px;

}




/* ----------------------------------------------------------- Filter */
#filter {
	background:		#fff;
	min-height:		160px;
	min-width:		980px;
	margin-top:		0px;
}

.filter-node {
	float:			left;
	text-align:		left;
	width:			200px;
	height:			180px;
	margin:			0px;
	padding:		0px;
	margin-bottom:  10px;
	margin-right:	10px;
	border-right:	1px dotted #ccc;
}
.filter-node p{
	background:		#fff;
	padding:	    0px;
	margin:			0px;
	margin-bottom:	3px;
}
.filter-node input {
	padding:		0px;
	margin:			0px;
}
.filter-node label {
	font-size:		0.9em;
	color:			#999;
	margin:			0px;
	padding:		0px;
}

.filter-node h4 {
	color:#999;
	font-weight:bold;
}

#filter-btn {
	margin-top:0px;
	margin-right:5px;
	font-size:0.7em;
}

#filter .filter-bar {
	border-top:		1px dotted #ccc;
	padding:		0px;
	padding-bottom: 25px;
}



/* ----------------------------------------------------------- Project Page */
#prj {
	clear:			both;
}

.prj-item {
	float:			left;
	padding-right:	6px;
	text-align:		left;
	width:			224px;
	height:			200px;
	margin:			0px;
	padding:		0px;
	margin-right:	10px;
}



.prj-thumb {
	width:			222px;
	height:			137px;
	overflow:		hidden;
	background:		#000;
	border: solid #ccc 1px;
}

.prj-item h4 {
	padding:             0px;
	margin:              0px;
	padding-bottom:      10px;
	padding-top:		 10px;
	margin-bottom:		 20px;
	padding-left:		 10px;
	background:		  	 #efefef;
	border-bottom:		 solid 1px #E8E8E8;
}
.prj-thumb:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
	background:#999;
}
.prj-item h4:hover {
	background:#F2F2F2;
}


/* ----------------------------------------------------------- Project Detail */

.prj-title {
	margin-bottom:		10px;
}

.prj-post {
	width:				700px;
}
.prj-post p img {
	padding-bottom: 10px;
}
.prj-post img {
	overflow:			hidden;
	border:				none;
}

.prj-post h1 {
	padding:		 	0px;
	margin:				0px;
}
.prj-post h4 , .sidebar-module h4 {
	color:				#444;
	font-style:			italic;
	font-weight:		bold;
	padding-bottom:		5px;
	border-bottom:		1px solid #ccc;
	margin-bottom:		0px;
	margin-top:			25px;
	clear:left;
}

.prj-post p a {
	text-decoration:	underline;
}
.prj-post p {
	clear:left;
	line-height:20px;
}

.prj-col {
	margin-top: 		15px;
	padding-right:		15px;
	float:left;
	height:auto;
}

/* ----------------------------------------------------------- The Sidebar Modules*/
.sidebar-module {
	width:				 235px;
	margin-bottom:       20px;
	background-color:	 #fff;
}

.sidebar-module h2, .sidebar-module h3, .module h1 {
	padding:             0px;
	margin:              0px;
	font-weight: 		 normal;
	color:				 #444;
}
.sidebar-link a,
.sidebar-module span a, 
.sidebar-module span, 
.sidebar-module p, 
.sidebar-module p a,
.delicious-posts ul li a,
.sidebar-module ul li a {
	color:				#7a7a7a;
}
.sidebar-module ul {
	margin:0px;
	padding:0px;
}

.sidebar-module span a:hover,
.sidebar-module p a:hover, .sidebar-link a:hover {
	color:				#FF006D;
}
.sidebar-module li , .randome_post li {
	list-style:none;
}
.sidebar-module li a {
	color:				#666;
}
.sidebar-link {
	color:				#CCC;	
	padding-bottom:		3px;
}

/* ----------------------------------------------------------- Contact Page */

.contact-content {
	margin-left:3px
}

/* ----------------------------------------------------------- Visual Navagation */
.view-nav {
	border:1px solid #CCCCCC;
	float:left;
	margin-bottom:5px;
	margin-right:8px;
	padding:3px;
	-moz-border-radius:3px 3px 3px 3px;
}

/* ----------------------------------------------------------- Visual Search Page */
.visual-post-item {
	border:1px solid #CCCCCC;
	float:left;
	margin-bottom:8px;
	margin-right:5px;
	padding:3px;
	-moz-border-radius:3px 3px 3px 3px; 
}
.visual-post-item a:hover{
}
.visual-post-img {
	background:none repeat scroll 0 0 #CCCCCC;
	height:150px;
	width:150px;
	border-bottom:1px solid #CCCCCC
}
.visual-post-title {
	color:#FFF;
	width:150px;
	height:30px;
}
.visual-post-title h4 {
	color:#333;
	font-size:10px;
font-weight:bold;
margin:0;
padding-left:4px;
padding-top:3px;
}
.visual-post-title small {
	color:#777777;
font-style:italic;
padding-left:4px;
}