/*   
Theme Name: Evan Samek's Blog
Theme URI: www.evansamek.com
Description: for Heart Beverages LLC
Author: Pixel Dreamer
Author URI: www.pixeldreamer.net
Template: 
Version: 1.0
.
COPYRIGHT 2010 PIXELDREAMER LLC, MAY NOT BE REPRODUCED WITHOUT SPECIFIC PERMISSION.
.
*/

/*
	Style for myself
	BY PIXELDREAMER
	AUTHOR: EVAN SAMEK
	

*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
* {margin: 0; padding: 0;}
body {
	font-family: Helvetica Neue, Helvetica, Arial, Tahoma, sans-serif;
	background:  #f5f5f5;
	color: #222;
	line-height: 1;
	}
img {color: white; border: none;}
a {color: #000; text-decoration: none; background: transparent;}
a:visited {outline: none;}
a:hover,a:focus {color: #666;outline: none;}
a:active {outline: none;}
.left {float: left;}
.right{float: right;}
.clear{clear: both;}
br.clear {height: 0;}
.textHide{text-indent: -9999px; overflow: hidden;outline: none;}
.center {text-align: center;}
.textRight {text-align: right;}
.gItalic {font-style: italic; font-weight: normal;}
.hide {display: none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.a {border-bottom: 1px #000 solid; border-top: 4px #000 solid; padding: 5px;}
.b {border-bottom: 2px #000 solid; padding: 2px;}

#header {position: fixed; width: 100%; top:0; background: #f5f5f5; min-width: 960px; z-index: 99;
	-webkit-box-shadow:0 4px 14px #333;
	-moz-box-shadow:0 4px 14px #333;
	-o-box-shadow:0 4px 14px #333;
	box-shadow:0 4px 14px #333;
}
#head-wrap {width: 970px;}
#nav {margin: 50px 0 0 20px;}
.twitter-follow-button {margin: 50px 0 0 10px;}
#nav ul li {display: inline; list-style: none; margin-right: 5px;}
#nav ul li a {font-size: 11px; font-weight: bold; padding: 5px 20px 5px 5px;}
#nav ul li a:hover, #nav ul li.current_page_item a {color:#f5f5f5; background: #000 url(img/nav-bg.jpg) top right no-repeat;}

#logo {margin: 0;}
#logo a {color: #222; font-size: 72px; letter-spacing: -3px;}
#wrapper{width: 960px; margin: 100px auto;}
#content{width: 63%;border-left:1px solid #eee;border-right:1px solid #eee;}
#sidebar{width:30%}
#sidebar ul li {list-style: none;}
#sidebar ul li ul li { margin: 10px 0 10px 10px; font-size: 12px;}
#sidebar ul li a {}
#sidebar ul li div {margin:10px;}
#sidebar h2 {font-size:24px;}

#tweets li{margin-bottom: 15px; font-size: 12px; margin-left: 0px !important; padding:10px;
			-webkit-box-shadow:0 1px 2px #333;
	-moz-box-shadow:0 1px 2px #333;
	-o-box-shadow:0 1px 2px #333;
	box-shadow:0 1px 2px #333;
	background-color:#fff;
}
#tweets p {line-height: 1.4; font-size: 11px;color:#202020;margin-bottom:10px;width:90%;font-family:"Lucida Grande", LucidaGrande, Helvetica Neue,Helvetica,sans-serif;}
#tweets p a {text-decoration: underline;background-color:#f0ed89;}
#tweets p a:hover {text-decoration: none;background-color:transparent;}
#tweets li a.time {float: right;color:#202020;font-size:10px;font-family:"Lucida Grande", LucidaGrande, Helvetica Neue,Helvetica,sans-serif;}
.post { border-bottom: 1px #eee solid; padding: 15px;margin: 5px 0 20px 0;-webkit-box-shadow:0 1px 2px #333;
	-moz-box-shadow:0 1px 2px #333;
	-o-box-shadow:0 1px 2px #333;
	box-shadow:0 1px 2px #333;
	background-color:#fff;}
.date {color:#999;font-size: 10px; position: absolute; bottom: 5%; right: 1%; letter-spacing: 0px;font-family:"Lucida Grande", LucidaGrande, Helvetica Neue,Helvetica,sans-serif;}
.entry {margin: 10px 0 0 0;font-family:"Lucida Grande", LucidaGrande, Helvetica Neue,Helvetica,sans-serif;font-size:11px;}
.tags {padding: 5px 0; line-height: 2;}
.tags a {font-size: 11px; font-weight: bold; padding: 5px 20px 5px 5px;color:#f5f5f5; background: #000 url(img/nav-bg.jpg) top right no-repeat;}
.tags a:hover {color: #FBEC5D;}
.post-title { z-index: 0;position: relative;padding: 15px 5px 20px 0px; color:#202020;}
.post-title a {color: #202020; text-decoration: none;font-size:18px;font-weight:normal;letter-spacing:-0.06em; }
.post-title a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {color:#333; margin:20px 0 5px 0; letter-spacing: -1px;}
h1 {font-size:38px;}
h2 {font-size:32px;}
h3 {font-size:26px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
.entry, p {font-size:11px; line-height: 1.5; letter-spacing: 0px;}
blockquote { font-style: italic;border-top: 6px solid #000; border-bottom: 6px solid #000; width: 80%;margin: 10px 10px 10px 25px; }
.entry ul, .entry ol {margin: 10px 0 20px 25px;}
.entry img {margin: 15px;}
.entry li {margin-bottom: 15px;}
.entry h2, #search {border-bottom: 1px #000 solid; border-top: 4px #000 solid; padding: 5px; width: 90%;}
.entry h3 {width: 90%; border-bottom: solid 1px #666;}
.entry p {margin: 10px 0 10px 0;}
#page-nav {font-size: 11px;}
#newer-posts {float: left;}
#older-posts {float: right;}
img:hover {-moz-box-shadow: 1px 1px 5px #888; -webkit-box-shadow: 1px 1px 5px #888;}
#searchsubmit {background: #000 url(img/nav-bg.jpg) top right no-repeat; color: #f5f5f5; border: none; padding:5px 20px 5px 5px; }
#searchsubmit:hover {color: #FBEC5D; cursor: pointer;}
#s {background: #f5f5f5; padding: 2px; font-weight: bold; font-size: 14px; letter-spacing: -1px; font-family: Helvetica Neue, Helvetica, Arial, Tahoma, sans-serif;}
div.portfolio {width: 960px !important;}
#portfolio-iframe {width: 100%; height: 960px; border: none;}
.entry a {text-decoration: underline;background-color:#f0ed89;}
.entry a:hover {background-color:transparent;}


#fourOfour {background: #000; color: #f5f5f5;}
#fourOfour #content {width: 100%;}
#fourOfour #content h1 {text-align: center;color: #222 !important; width: 900px; margin: 100px auto; font-size: 90px;}
#fourOfour #content h1 span {font-size: 0.7em;}
#fourOfour #content a {color: #555;}
#fourOfour #content a:hover {text-decoration: underline;}

.no-margin {margin: 0 !important;}