/*
Theme Name: HalfZen
Theme URI: http://indigo-webstudio.com
Description: HalfZen first Indigo!Web theme created for draganstefanov.com (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1 (WP2.7.1)
Author: Dragan Stefanov
Author URI: http://indigo-webstudio.com
Tags: zen, green, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* COLORS 
		darker green:		#95AB63
		light green:		#bdd684
		lighter green:	#e2f0d6
		dark color:			#10222B
*/

html, body									{height: 100%;}

body												{background: url(style/images/hdBg.gif) repeat-x #e2f0d6; 
														font: 0.75em 'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif; color: #444;}

p														{margin: 10px auto}

a, a:visited								{color: #10222B}
a:hover											{text-decoration: none}

#pageWrap										{width:960px; margin: 0 auto -200px; min-height: 100%; height: auto !important; height: 100%  }

#push												{height: 200px}

#header											{height: 132px;}

/*tier 1*/
h1#logo a										{width:175px; height:68px; background: url(style/images/logo.png) no-repeat; text-indent: -9999px; margin: 22px 0 0 0; float: left}

ul#pageMenu									{float:right; margin: 31px 0 0 0}
ul#pageMenu	li							{width: 116px; height:72px; float:left; margin: 0 2px 0 0; text-align: center}
ul#pageMenu	li a						{width: 116px; height:52px; display:block; background:url(style/images/pageNavBg.png); padding-top: 20px; color: #fff; text-decoration: none}
ul#pageMenu	li a:hover			{background:url(style/images/pageNavBgHover.png); text-decoration: underline}

/*tier 2*/
ul#categoryMenu							{margin:5px 0; font-size: 1.17em; float: left; width: 700px}
ul#categoryMenu li					{float: left; margin: 0 20px 0 0;}
ul#categoryMenu li a				{color: #000; text-decoration: none; padding: 3px}
ul#categoryMenu li a:hover	{background: #95AB63; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #fff}

/* mainContainer Structure */
#mainContainer							{margin: 20px 0 0 0; overflow: hidden}

#primaryCol 								{width:700px; float:left; background: #fff; border: 1px solid #95AB63; margin: 0 0 30px 0}
#sidebar										{width:240px; float:right;}

#introduction								{overflow: hidden;}
#introduction h2						{background: #e2f0d6; padding: 3px 10px; color: #95AB63; font-size: 1.33em}
#introduction img						{float: left; margin: 10px; border: 1px solid #000;}
#introduction p							{margin:10px 20px 10px; font-size:0.92em; line-height: 1.50em}

/* POST */
.post												{}
.postWrap										{margin:10px;}
.postWrap h2								{margin: 0 0 10px 0; font-size: 1.50em}
.postWrap h2 a							{color: #10222B; text-decoration: none}
.postWrap h2 a:hover				{color: #fff; background: #bdd684}

.postWrap p									{color: #444;}
p.postTime									{float:left; padding: 2px 4px; background: #bdd684; color: #fff; font-size: 1em}
p.postMisc									{float:left; padding: 2px 4px; display: inline; color: #999; font-size: .91em}
p.postMisc a								{ color: #999;}
.post ul 										{padding: 5px;}

p.postDetails								{margin: 10px auto; font-size: .82em; color: #666;}

#content										{margin: 20px 0px 30px}
#content ul									{}
.postWrap ul li, #content ul li	{margin:14px 18px; list-style:disc;}

#comments h3								{font-size:1.25em}
#comments, #tweetbacks			{margin: 20px auto; font-size: .91em; color: #333;}
#comments input							{display: block; margin: 4px 0}
#comments textarea					{width:650px; margin: 10px auto;}

ul#pageNav									{margin: 10px}	

/* search form */
#search 										{float: right; margin: 4px 0 0 0; width: 240px;}
#searchform #s							{background: #fff; border: #95AB63 1px solid; height: 14px; width: 180px; padding: 2px;}
.button											{background: #95AB63; -moz-border-radius: 3px; -webkit-border-radius:3px; color: #fff; border: 0; padding: 1px;}

/* sidebar */

.sidebarBox									{position:relative; border: 1px solid #95ab63; background: #fff; margin: 0 0 10px 0; z-index: 100}
.sidebarBox h2							{background: #bdd684; color: #fff; padding: 6px 10px;}
.sidebarBox ul 							{padding: 10px;}
ul.twitter									{padding:10px 10px 60px 10px; font-size: .93em; background:#fff url(style/images/twIcon.gif) bottom right no-repeat}
ul.twitter li								{margin: 10px 0}
ul.twitter li	a 						{color: #95AB63}
div.followme								{margin: 0 0 14px 10px;}

ul#elsewhere li							{display: inline; margin: 0 10px 0 0}

#flickr											{margin: 10px; overflow: hidden; z-index: 2000}

#flickr a 									{width:75px; display:block; float: left; margin: 8px; padding: 8px; background: #e2f0d6;}
#flickr a:hover							{background:#fff;}
img.flickrr									{margin: 10px 10px 0 10px;}

/* footer */

#footerWrap 								{background: #10222B; height: 200px;}

#footer											{width:960px; margin:auto; color: #E2F0D6; font-size: .92em; line-height: 1.2em}

#footer a										{color: #fff; text-decoration: none}
#footer a:hover							{color: #fff; text-decoration: underline}

#footer ul 									{padding: 0 0 0 3px}

#footer p										{margin:20 0 0 0; padding:3px; background:#95AB63; -moz-border-radius: 3px; -webkit-border-radius:3px; }

#tier1											{width:50%; float:left}
#tier2, #tier3							{width:25%; float:left}

#tier1 h2 									{width:159px; height:29px; background:url(style/images/alsoGreat.png) no-repeat; text-indent: -9999px; margin: 10px 0;}
#tier2 h2 									{width:129px; height:30px;background:url(style/images/imInvolved.png) no-repeat ; text-indent: -9999px; margin: 10px 0;}
#tier3 h2 									{width:112px; height:28px;background:url(style/images/loveRead.png) no-repeat; text-indent: -9999px; margin: 10px 0;}

/* LIFE STREAM */

ul#lifestream li						{margin: 10px auto;}
ul#lifestream li img				{margin: 0 10px 0 0}

/* TOOLS

*/

.cleaner 										{clear: both; width:100px; height: 1px; margin: -1px 0 0 0;}
.littlePush									{height: 22px;}
.pageMargin									{margin: 10px;}