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

*/

* {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;}
#head-wrap {width: 970px;}
#nav {margin: 50px 0 0 20px;}
#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: 65%;}
#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;}

#tweets li{margin-bottom: 15px; font-size: 12px; margin-left: 0px !important;}
#tweets p {line-height: 1.2; font-size: 12px;}
#tweets li a.time {float: right;}
.post { border-bottom: 1px #999 solid; padding: 15px 0 0px 0;background: #f5f5f5;margin: 5px 0 20px 0;}
.date {font-weight: bold; font-size: 12px; position: absolute; bottom: 5%; right: 1%; letter-spacing: 0px;}
.entry {margin: 10px 0 0 0;border-bottom: 1px #999 solid;}
.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: yellow;}
.post-title { z-index: 0;position: relative;padding: 15px 5px 20px 15px; color:#f5f5f5; background: #000 url(img/nav-bg.jpg) top right no-repeat;}
.post-title a {color: #f5f5f5; text-decoration: none; }
.post-title a:hover {color: yellow;}
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;}
p {font-size:14px; 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: yellow; 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;}


#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;}