/*  
Theme Name: BASIC
Theme URI: http://zacksears.com
Description: Clean grid-based theme.
Version: 1.1
Author: Zack Sears
Author URI: http://zacksears.com
Tags: white, grid, whitespace, minimal, clean, widgets
*/

* {margin: 0; padding: 0;}
body { background: #fff; color: #000; font-size: 62.5%; font-family: arial, verdana, sans-serif; text-align: center;} 
h1 { font-size: 2em;}
h2 { font-size: 1.8em; font-weight:normal;}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em;}
a { color: #000; outline: none; text-decoration: underline; }
a:hover {text-decoration: none; }
.clear { clear: both; }
.left {float:left;}
.right {float:right;}

/* =----------------------------------- oh the convenience */
#wrapper { font-size: 1.2em; line-height: 1.4em; margin: 0 auto; text-align: left; width:100%; padding: 0;}
	#main { clear:both; margin-left:auto; margin-right:auto; width:900px; margin-top:150px;}
		.description {float:left;}
			.description a {text-decoration:none;}
			.description h3 {font-weight:normal;}
		#home {width:310px;}
		#single {width:510px; float:right;}
		#thoughts {width:510px;}
		.logo {float:left; width:30px; margin-right:20px;}
			.logo span {background-color:#d5d5d5; display:block; padding:2px; text-align:center; margin-top:5px;}
			.logo span:hover {background-color:#ccc;}
			.logo span a {font-size:10px; text-decoration:none;}
		#nav {padding:10px 0 30px 0; text-transform:uppercase; margin-left:-5px;}
			#nav a {text-decoration:none; font-size:0.9em;}
			#nav ul {list-style:none;}
			
div.hoverBtn { position: relative; float: left;}
div.hoverBtn a { position: relative; z-index: 2; display: block; width: 310px; height: 20px; line-height: 20px; font-size: 1.1em; text-decoration: none; color:black; padding-left: 5px;}
div.hoverBtn div { display: none; position: absolute; z-index: 1; top: 0px; background:black;}
	
#paginateIndex { font-size: 0.9em; text-transform: uppercase; margin-bottom: 25px;}
#paginateIndex a {color:#777; font-size:0.9em; text-transform:uppercase; display:block; padding: 4px 7px 3px; background:#fff; border:1px solid #ddd; text-decoration:none;}
#paginateIndex a:hover { color: #121212; border-color: #121212; background: #eee;}


/* =----------------------------------- general post */

.post-archive {padding:0 0 5px 25px; background: url(images/arrow-right.gif) no-repeat 0px 3px;}
	.post-archive a {font-size:11px; color:#000; text-decoration:none;}
	.post-archive a:hover {text-decoration:underline;}
	.post-archive span {font-size:11px; color:#333; font-style:italic;}
	.post-archive h3 {padding-bottom:5px;}

.entry {font-size:0.9em;}
	.entry img, .entry a img { background: #fff; border: none; padding: 10px; border:1px solid #d5d5d5; margin:0 15px 10px 0;}
	.entry a:hover img { border-color: #121212;}
	.author a { color: #777; font-size: 0.7em; text-transform: uppercase; display: block; padding: 4px 7px 3px; border:1px solid #ddd; width:60px; margin:5px 0 30px 0; text-decoration:none;}
	.author a:hover { color: #121212; border-color:#b9f2f8; background: #b9f2f8; text-decoration:none;} 
	.author-photo {float:left; width:500px; padding-right:20px;}
	.author-description {float:left; width:350px;}
	.author-description ul {border-top:1px dotted #000; list-style:none;}
	.author-description ul li {border-bottom:1px dotted #000; height:20px; padding:10px;}
	.author-description ul li:hover {background: #b9f2f8;}
	.author-description a {text-decoration:none;}