/*
Theme Name: zakgreene.com 09
Theme URI: http://wordpress.org/
Description: The initial layout of zakgreene.com. Hell yeah.
Version: 1.0
Author: Zak Greene
Author URI: http://www.zakgreene.com

© Copyright 2009 Zak Greene. All rights reserved.

*/


* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style: none;
}
body {
	color: #241b18;
	font: 12px/18px Verdana, Arial, sans-serif;
	background: url(images/linesbg.gif) #7f8c6a right 138px repeat-x;
	min-width: 908px;
}
body#home {
	background-position: right 462px;
}
body.portfolio {
	background: url(images/portfoliobgright.jpg) #000 right 0 repeat-y;
	color: #636647;
}
p, ul, ol {
	margin: 1em 0;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
a {
	color: #872914;
	text-decoration: none;
	border-bottom: 1px solid #54604c;
}
a:hover, .portfolio a:hover {
	border-bottom-color: #c7cb77;
}
.portfolio a {
	color: #631616;
	border-bottom-color: #25251d;
}
a.img, a img {
	border: 0;
}
#everything {
	background: url(images/bloghead.jpg) top right no-repeat;
}
#home #everything {
	background-image: url(images/home.jpg);	
}
.portfolio #everything {
	width: 100%;
	background: url(images/linesbg_dark.gif) 0 138px repeat-x;
}
#top {
	width: 908px;
	margin: 0 0 0 auto;
	height: 118px;
	padding-top: 40px;
}
.portfolio #top {
	padding: 0;
	margin: 0;
	height: 158px;
	width: 100%;
	background: url(images/topport.jpg) no-repeat;
}
#home #top {
	position: relative;
	height: 265px;
	padding-top: 217px;
}
#home #top a {
	color: #652314;
	background-color: #a9b273;
	border: 0;
}
#home #top a:hover {
	color: #fb3b08;
	background-color: #c7cb77;
}
h1 a {
	text-indent: -9999px;
	height: 60px;
	width: 300px;
	float: left;
	margin: 17px 0 0 20px;
	border: 0;
}
#home h1 {
	display: none;
}
.portfolio h1 {
	float: right;
	background: url(images/titleport.jpg) right top no-repeat;
	height: 138px;
	width: 377px;
	margin: 0;
}
.portfolio h1 a {
	margin: 57px 0 0 0;
}
#top p {
	font: 18px 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
	margin: 0;
	margin-left: 20px;
}
#top ul {
	float: left;
	width: 304px;
	margin: 0 0 0 32px;
	border-left: 1px dotted #592220;
	padding-left: 20px;
}
.portfolio #top ul {
	float: right;
	text-align: right;
	border-left: 0;
	margin: 40px 35px 0 0;
}
#top li {
	font-size: 11px;
	line-height: 16px;
}
.portfolio #top li {	
	padding-right: 20px;
	border-right: 1px dotted #25251d;
}
#top #portfolio, #top #blog {
	float: left;
}
#top #portfolio a, #top #blog a {
	border: 0;
	display: block;
	text-indent: -9999px;
	background: url(images/portfolio.jpg) 0 87px;
	height: 87px;
	width: 202px;
}
#top #blog a {
	margin-top: 40px;
	background-image: url(images/blog.jpg);
	width: 145px;
}
#top #portfolio a:hover, #top #blog a:hover {
	background-position: 0 0;
}
#bottom {
	float: right;
	background: url(images/bottombg.jpg) repeat-y;
	width: 908px;
	margin: 0 0 0 auto;
}
.portfolio #bottom {
	float: left;
	width: 100%;
	margin: 0;
	background: url(images/portfoliobgleft.jpg) repeat-y;
}


/*****************************************
 
 BLOG
 
******************************************/

#postnav {
	font: 14px Verdana, Arial, sans-serif;
	background: url(images/linesbg_light.gif);
	float: left;
	margin-left: 20px;
	width: 646px;
}
.portfolio #postnav {
	float: none;
	width: auto;
	background: url(images/linesbg_darkdark.gif);
	text-align: center;
	margin-left: 243px;
	height: 59px;
}
#postnav #prev {
	width: 323px;
	float: left;
}
#postnav #next {
	width: 323px;
	float: right;
}
.portfolio #postnav #prev, .portfolio #postnav #next {
	font: 14px 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
	width: 250px;
}
#postnav a span.title {
	font: 14px 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
}
#postnav a span.date {
	font-size: 12px;
	color: #4c4b3c;
}
#postnav a {
	color: #722615;
	border: 0;
}
.portfolio #postnav a {
	color: #636647;
}
#postnav #prev a {
	text-align: left;
	padding: 15px 15px 15px 40px;
	background: url(images/pageicon.gif) 15px 15px no-repeat;
	width: 268px;
	display: block;
}
#postnav #prev a:hover {
	background: url(images/pageicon.gif) #777e62 15px -106px no-repeat;
}
#postnav #next a {
	text-align: right;
	padding: 15px 40px 15px 15px;
	background: url(images/pageicon_right.gif) 294px 15px no-repeat;
	width: 268px;
	display: block;
}
#postnav #next a:hover {
	background: url(images/pageicon_right.gif) #777e62 294px -106px no-repeat;
}
.portfolio #postnav #next a {
	background-position: 221px 15px;
}
.portfolio #postnav #next a:hover {
	background-position: 221px -106px;
}
.portfolio #postnav a {
	width: auto;
}
.portfolio #postnav #next a {
	width: 193px;
	background-image: url(images/porticon_right.gif);
	padding-right: 42px;
}
.portfolio #postnav #prev a {
	width: 193px;
	background-image: url(images/porticon_left.gif);
	padding-left: 42px;
}
.portfolio #postnav #prev a:hover, .portfolio #postnav #next a:hover {
	background-color: #1b1b15;
}
#postnav p {
	margin: 0 250px;
	padding-top: 21px;
	font-size: 12px;
}
#postnav p a {
	padding: 7px 10px;
}
#postnav p a:hover {
	color: #e6ca91;
	background: #1b1b15;
}
.entry {
	float: left;
	width: 646px;
	padding: 0 0 40px 20px;
	overflow: hidden;
}
.portfolio .entry {
	float: none;
	margin: 0 auto;
	padding: 40px 0 20px 20px;
}
.entry div.date {
	font-family: 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
	width: 91px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	text-align: right;
}
.entry div.date .datebox h2.date {
	background: url(images/linesbg.gif);
	font-size: 54px;
	letter-spacing: -2px;
	color: #4b1f21;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.entry div.date h2.month {
	font-size: 36px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: right;
}
.entry div.date h2.year {
	font-size: 18px;
	letter-spacing: 3px;
	color: #545d4a;
}
h3 {
	width: 490px;
	font: 20px 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
	color: #4b1f21;
	margin-top: 20px;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
h3 a {
	color: #4b1f21;
	border: 0;
}
h3 a:hover {
	color: #872914;
}
#entrytext {
	float: left;
	width: 490px;
	margin-bottom: 20px;
}
#entrytext a.img {
	border: 0;
}
#entrytext img.alignleft {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}
#entrytext img.size-full {
	overflow: hidden;
}
#entrytext img.size-thumbnail {
	margin-left: 0;
}
#entrytext h4 {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px dotted #4b1f21;
	text-transform: none;
}
.entry a.more-link {
	background: url(images/morearrow.gif) right no-repeat;
	margin-left: 10px;
	padding: 0 15px 0 0;
}
#footer {
	margin-top: 30px;
	float: left;
	font-size: 11px;
	margin-right: 45px;
	padding-left: 111px;
	width: 409px;
}
p.wp-caption-text {
	font-size: 11px;
	margin: 0.5em 139px 1em -111px;
	line-height: 1.5em;
}
.entry acronym {
	border-bottom: 1px dotted #54604c;
	cursor: help;
}
.entry acronym:hover {
	border-bottom: 1px solid #54604c;
}
.postinfo {
	width: 535px;
	background: url(images/linesbg_light.gif);
	margin-left: -111px;
	padding: 0.5em;
	padding-left: 111px;
	margin-top: 2em;
	color: #4c4b3c;
}


/*****************************************
 
 COMMENTS
 
******************************************/

#comments #numcomments {
	clear: both;
	width: 616px;
	background: url(images/linesbg_light.gif);
	padding: 15px;
	margin: 0 0 20px 0;
	height: 23px;
}
#comments #numcomments h3 {
	width: 130px;
	margin: 0;
	border: 0;
	float: left;
}
#comments #numcomments h3 a {
	float: left;
}
ol.comments {
	margin-bottom: 30px;
}
ol.comments li {
	margin-left: 27px;
	padding: 15px 0 3px 0;
}
ol.comments li.byuser {
	background: #8b976d;
}
ol.comments li.byuser .title {
	color: #595b47;
}
ol.comments .avatar {
	float: left;
	width: 48px;
	margin-right: 20px;
	margin-left: 15px;
}
ol.comments div.avatar img {	
	height: 48px;
	width: 48px;
	margin: 0;
	padding: 0;
}
ol.comments .title {
	float: left;
	width: 490px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #4b1f21;
	color: #4c4b3c;
}
ol.comments .title a {
	border: 0;
}
ol.comments .title a:hover {
	color: #56181d;
}
ol.comments cite {
	font-size: 14px;
	font-style: normal;	
	color: #241b18;
}
ol.comments div.commenttext {
	width: 490px;
	margin-left: 84px;
}
#comments p.closed {
	margin: 1em 0;
	border-top: 1px solid #5c594a;
	color: #5c594a;
	padding: 5px 0 0 111px;
}
#comments h3 {
	clear: both;
	margin: 0 0 10px 111px;
}
#comments .block {
	clear: both;
}
#comments label {
	display: block;
	text-align: right;
	float: left;
	width: 91px;
	margin-right: 20px;
	margin-top: 14px;
}
#comments .block span {
	margin-left: 10px;
}
#comments .block .input {
	float: left;
	color: #5c594a;
}
#comments .block p {
	margin-left: 111px;
	margin-right: 40px;
}
#comments p.tags {
	color: #5c594a;
	font-size: 11px;
	line-height: 1.3em;
}
input, textarea, select {
	margin-top: 10px;
	border: 1px solid;
	border-color: #6f7258 #989d73 #989d73 #6f7258;
	background-color: #8b976d;
	width: 230px;
	padding: 3px;
	color: #4b1f21;
	font: 12px Verdana, Arial, sans-serif;
}
#comments textarea {
	width: 486px;
	height: 10em;
}
#comments .submit {
	margin-left: 111px;
}
#comments input#submit {
	height: 30px;
	width: 74px;
	text-indent: -9999px;
	background: url(images/submit.jpg) no-repeat;
}


/*****************************************
 
 PAGE TEMPLATE
 
******************************************/

.page h3, .page p {
	width: 490px;
	margin-left: 111px;
}
h4 {
	float: left;
	width: 91px;
	text-transform: lowercase;
	color: #4c4b3c;
	margin-right: 20px;
	text-align: right;
}


/*****************************************

 SIDEBAR
 
******************************************/

#sidebar, #sideblargh {
	color: #e6ca91;
	float: left;
	padding: 0 0 40px 20px;
	width: 202px;
	line-height: 18px;
}
#sidebar {
	float: left;
	padding-left: 14px;
	padding-top: 30px;
}
#sideblargh h2, #desc h2, #sidebar li a {
	margin-top: 20px;
	margin-bottom: 0.25em;
	font: 20px 'ff-tisa-web-pro-1', 'ff-tisa-web-pro-2', 'Times New Roman', serif;
}
#sideblargh h2 a, #sidebar li a {
	color: #e6ca91;
	border: 0;
	cursor: pointer;
}
#sideblargh h2 a:hover {
	color: #c1b483;
}
#sidebar ul, #sidebar p, #sideblargh ul, #sideblargh p {
	margin-top: 0;
	margin-bottom: 2em;
}
#sidebar li li a, #sideblargh ul a {
	display: block;
	color: #e6ca91;
	text-decoration: none;
	background: url(images/linesbg.gif);
	padding: 2px 0 2px 24px;
	border: 0;
}
#sidebar li li a {
	font: 12px Verdana, Arial, sans-serif;
	margin: 0;
}
#sidebar ul {
	margin-left: 6px;
}
#sidebar ul a:hover, #sideblargh ul a:hover {
	color: #241b18;
	background: #726751;
}
#sidebar ul li, #sideblargh ul li {
	padding: 2px 0;
}
#sideblargh ul.recententries li {
	padding: 4px 0;
}
#sideblargh ul li div.date {
	color: #7f6953;
	padding-left: 24px;
}
#sidebar a.more, #sidebar ul a.more, #sideblargh a.more, #sideblargh ul a.more, #sideblargh #links ul a {
	display: inline;
	color: #c1b483;
	background: url(images/linkarrow.gif) right no-repeat;
	padding: 0 15px 0 0;
	border-bottom: 1px solid #543f38;
}
#sidebar a.more:hover, #sidebar ul a.more:hover, #sideblargh a.more:hover, #sideblargh ul a.more:hover, #sideblargh #links ul a:hover {
	border-bottom-color: #7f8c6a;
	background: url(images/linkarrow.gif) right no-repeat;
}
#sidebar li.more, #sideblargh li.more {
	margin-left: 24px;
}

#sideblargh #links .twitter-timestamp {
	background: url(images/linesbg.gif);
	padding: 2px 6px;
	margin-right: 5px;
}
#sideblargh #links ul a {
	background-image: none;
	padding: 0;
}
#sideblargh #links li {
	margin-bottom: 0.5em;
	overflow: hidden;
}
	


/*****************************************

 PORTFOLIO
 
******************************************/

#desc {
	margin: 10px 0 20px 282px;
	width: 600px;
}
#desc p {
	margin-top: 0;
	font-size: 11px;
	line-height: 1.5em;
}
.portfolio img#image:hover {
	/*background: url(images/imghover.gif) center right repeat-y;*/
	cursor: pointer;
}


/*****************************************

 HOME PAGE
 
******************************************/

#home #links {
	float: left;
	margin: 0 40px 0 111px;
}
#home #links li {
	margin-bottom: 0.5em;
}
#home #links .twitter-timestamp {
	display: block;
	float: left;
	width: 91px;
	margin-left: -111px;
	background: url(images/linesbg_light.gif);
	clear: left;
	color: #4b1f21;
	text-align: right;
}