/*  
Theme Name: 4u-Hemingway
Theme URI: http://utombox.com/2006/09/22/4u-style-for-wordpress/
Description: 4u-Hemingway continues to develop <a href="http://warpspire.com/hemingway">Hemingway</a>.<br />4u style is designed by <a href="http://utombox.com">Utom</a>.
Version: 1.0
Author: Utom
Author URI: http://utombox.com
*/

*
{
	margin: 0;
	padding: 0;
}

li,dd { margin-left: 5%; }
fieldset { padding: .5em; }
select option { padding: 0 5px; }

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

body
{
	color: #BFBFBF;
	font-size: 9pt;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.inside
{
	width: 760px;
	min-width: 65em;
	max-width: 85em;
	margin: 0 auto;
	clear: both;
}

h1
{
	color: #333;
	font-size: 1.5em;
	font-weight: 400;
	margin: 1.5em 0;
}

h2,h3
{
	font-size: 1.15em;
	color: #333;
	font-weight: 400;
}

h4,h5
{
	font-size: 1.10em;
	color: #333;
	font-weight: 400;
}

#primary h2 { color: #333; }
p { line-height: 1.75em; }

blockquote
{
	margin-left: 1em;
	padding-left: 1em;
	border-left: 2px solid #CCC;
	color: #CCC;
}

pre
{
	width: 100%;
	overflow: auto;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding: 1em 0;
}

.rule
{
	border-top: 1px solid #CCC;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 1.5em 0;
}

.utom { padding: 0 2em; }
#header { background: #000; }
#header .inside { padding: 3em 0; }

#header h2
{
	font-size: 2.25em;
	border-right: 1px solid gray;
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0.25em 0;
}

#header h2 a
{
	color: #FFF;
	text-decoration: none;
}

#header p
{
	line-height: 1em;
	margin: 0;
	padding: 1em 0;
}

#primary
{
	color: gray;
	background-image: url(images/maintop.png);
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: top;
	padding: 2em 0;
}

#primary.onecol-stories .primary
{
	float: left;
	width: 50%;
}

#primary.onecol-stories .secondary
{
	float: right;
	width: 40%;
	margin: 0 0 0 10%;
}

#primary.twocol-stories .left_utom
{
	float: left;
	width: 500px;
}

#primary.twocol-stories .story
{
	width: 500px;
	margin: 0;
}

#primary.twocol-stories .navigation
{
	width: 500px;
	text-align: right;
	margin: 0;
}

.story { overflow: hidden; }

.story h3
{
	font-size: 23px;
	font-weight: 700;
	color: #CCC;
	margin: 0;
}

.story h3 a
{
	color: #598D32;
	text-decoration: none;
}

.story .details
{
	text-align: right;
	font-size: 12px;
	color: #666;
	height: 27px;
	margin: 10px 0 30px;
	padding: 0;
}

.story .details .read-on
{
	background: url(images/readon_black.gif) 100% 60% no-repeat;
	padding-right: 20px;
	display: block;
}

#primary .primary
{
	float: right;
	width: 480px;
	padding: 0;
}

#primary .secondary h2
{
	color: #fff;
	display: block;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	background-image: url(images/about1.gif);
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 1em;
}

#primary .secondary
{
	float: left;
	width: 220px;
	padding-top: 0;
	background-image: url(images/about2.gif);
}

* html #primary .secondary { background-image: url(images/about2.gif); }

.secondary .featured
{
	color: #fff;
	background-image: url(images/about3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 1em 1em;
}

.secondary .featured p
{
	line-height: 1.5em;
	margin: 1em 0 0;
	padding: 0.5em 0 0.6em;
}

.secondary .featured dl
{
	margin: 0;
	padding: 0.5em 0 0.6em;
}

.secondary dt
{
	display: inline;
	color: #fff;
	margin: 0;
	padding: 0;
}

.secondary dd
{
	display: inline;
	margin: 0;
	padding: 0;
}

#secondary
{
	background-color: #FAF9F5;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #D1D0CC;
	padding: 0;
}

.comment-head
{
	border-bottom: 1px solid #ccc;
	padding: 1em 2em;
}

.comment-head h2
{
	font-size: 1.5em;
	color: #333;
	margin: 0 0 3px;
}

.comment-head a
{
	text-decoration: none;
	color: #333;
}

.comment-head .details { font-size: 12px; }

ol#comments
{
	list-style-type: none;
	color: #333;
	margin: 1em 0;
	padding: 0 2em;
}

ol#comments li
{
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 5px 0;
}

#comments cite
{
	float: left;
	width: 20%;
	font-style: normal;
	text-align: left;
	padding-left: 2px;
}

* html #comments cite { width: 23%; }
#comments cite span { display: block; }

#comments cite .author
{
	font-size: 1em;
	margin: 3px 0;
}

#comments cite .author a
{
	text-decoration: none;
	color: #000;
}

#comments cite .date { margin-bottom: 5px; }

#comments cite .gravatar
{
	border: 1px solid #ccc;
	width: 32px;
	padding: 3px;
}

#preview
{
	border: 1px solid #333;
	margin: 1em 0;
	padding: 0.5em;
}

#errors
{
	color: red;
	font-weight: 700;
}

#comments .pingback cite .author
{
	display: block;
	padding-top: 68px;
	background: url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content
{
	float: left;
	width: 66%;
	margin: 0;
	padding: 0 0 0 2%;
}

#comments .content a { color: #060; }
#comments .content p { margin: 0 0 1em; }

h3.formhead
{
	font-size: 1.5em;
	color: #333;
	padding: 10px 0 0 30px;
}

#comment-form
{
	float: left;
	width: 32em;
	background: #eeeee6;
	color: #990;
	margin: 0.5em 0 5em 3em;
	padding: 10px;
}

#comment-form p { color: #333; }

#comment-guide
{
	float: left;
	color: #44442F;
	margin: 0 0 0 30px;
}

#comment-guide ul
{
	list-style-type: square;
	margin: 6px 0 0;
}

#comment-guide li { margin-bottom: 12px; }
#comment-guide li a { color: #606; }

#comment-guide h3
{
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	margin-left: 5px;
	color: #333;
	padding: 0 50px 6px 0;
}

input.textfield
{
	width: 25.8em;
	margin: 10px 0;
	padding: 4px 0 3px 5px;
}

textarea.commentbox
{
	width: 25em;
	height: 10em;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 4px 0 3px 5px;
}

label.text
{
	position: relative;
	font-size: 12px;
	color: #990;
}

.formactions input.submit
{
	float: right;
	margin: -1em 0 0;
	padding: 0;
}

.formactions .spinner
{
	float: right;
	margin: -8px -20px 0 0;
}

#ancillary
{
	background-color: #272727;
	padding: 2em 0 0;
}

#ancillary .first,#ancillary .second { margin: 0 3em 0 0; }
#ancillary .block p { padding: 0 0 2em; }
#ancillary .second { width: 288px; }

ul.dates,ul.counts,ul.blogroll ul,ul.pages,ul.twitter_update_list
{
	list-style: none;
	border-top: 1px solid #3D3D3D;
	margin: 1.5em 0 2em;
}

ul.dates li,ul.twitter_update_list li,ul.counts li,ul.blogroll ul li,ul.pages li
{
	list-style: none;
	border-bottom: 1px solid #3D3D3D;
	color: #858585;
	margin: 0;
	padding: 0.5em 0;
}

#twitter_div ul
{
	list-style: none;
	border-top: 1px solid #3D3D3D;
	margin: 1.5em 0 2em;
}

#twitter_div ul li
{
	list-style: none;
	border-bottom: 1px solid #3D3D3D;
	color: #858585;
	margin: 0;
	padding: 0.5em 0;
}

#twitter_div li
{
	list-style: none;
	border-bottom: 1px solid #3D3D3D;
	color: #858585;
	margin: 0;
	padding: 0.5em 0;
}

#twitter_div a:hover
{
	color: #598D32;
	text-decoration: underline;
}

#google_div ul
{
	list-style: none;
	border-top: 1px solid #3D3D3D;
	margin: 1.5em 0 2em;
}

#google_div ul li
{
	list-style: none;
	border-bottom: 1px solid #3D3D3D;
	color: #858585;
	margin: 0;
	padding: 0.5em 0;
}

#google_div li
{
	list-style: none;
	border-bottom: 1px solid #3D3D3D;
	color: #858585;
	margin: 0;
	padding: 0.5em 0;
}

#google_div a:hover
{
	color: #598D32;
	text-decoration: underline;
}

ul.dates .date
{
	color: #858585;
	float: right;
	padding: 0;
}

ul.counts .count
{
	float: right;
	color: #858585;
}

ul.dates a,ul.counts a,ul.blogroll a,ul.pages a
{
	color: #BFBFBF;
	text-decoration: none;
}

ul.blogroll li
{
	list-style: none;
	margin: 0;
}

ul.pages ul li
{
	border: none;
	margin-left: 2em;
	list-style: square;
}

#footer
{
	clear: both;
	color: #939393;
	background: #000;
}

#footer .inside { height: 35px; }

#footer p
{
	font-size: 10px;
	line-height: 35px;
	margin: 0;
}

#footer p.attributes a
{
	text-decoration: none;
	color: #525252;
	padding: 0 0 0 1em;
}

#search
{
	left: 50%;
	width: 200px;
	-moz-opacity: 0.4px;
	text-align: right;
	margin: 12px 12px 0 150px;
	position: absolute;
}

#search:hover { -moz-opacity: 1px; }

#search .searchimg
{
	float: left;
	width: 14px;
	height: 13px;
	background: url(images/search.gif) 0 0 no-repeat;
	position: relative;
	top: 4px;
}

#search input
{
	width: 175px;
	font-size: 9pt;
	background: #CCC;
	margin-top: 2px;
}

#search input:focus { background: #FFF; }
#searchform { margin: 1em 0; }

#searchform #s
{
	background: #222;
	border: none;
	border-bottom: 1px solid #333;
	width: 30em;
	color: #666;
	padding: 0.25em;
}

#searchform #searchsubmit
{
	background: #000;
	color: #666;
	border: none;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

#search-results
{
	width: 30%;
	background: #333;
	float: right;
	-moz-opacity: 0.9px;
	border-top: 1em solid #000;
	padding: 0;
}

#search-results h3
{
	font-weight: 700;
	text-align: left;
	background: #000;
	margin: 0;
	padding: 0 0 1em;
}

#search-results small
{
	display: block;
	text-align: left;
	font-size: 0.9em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
	padding: 0.5em 1em 0.7em;
}

#search-results small a { color: #CCC; }

#search-results ul li
{
	list-style: none;
	margin: 0.5em 0;
	padding: 0 1em 0.5em;
}

#search-results ul li:hover { background: #202020; }

#search-results ul li a
{
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}

#search img.archives-icon
{
	top: 1px;
	margin: 0 7px 0 0;
}

#otherbar
{
	float: right;
	width: 190px;
	margin: 0;
	background-color: #EBEBEB;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#otherbar ul.dates li,
#otherbar ul.counts li,
#otherbar ul.blogroll ul li,
#otherbar ul.pages li
{
	list-style: none;
	border: none;
	color: #858585;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#otherbar ol,#otherbar ul,#otherbar li
{
	list-style: none;
	margin: 0;
}

#otherbar ul { margin: 0 0 10px; }
#otherbar .ul_flickr { margin: 10px 0; }

#otherbar h2
{
	margin: 0 0 5px;
	color: #333333;
}

#otherbar .ul_flickr a
{
	border: 1px solid #ccc;
	display: block;
	float: left;
	margin: 4px;
	padding: 3px;
}

#otherbar .ul_flickr a:hover
{
	border: 1px solid #9c0;
	background: #FAFFE8;
}

#otherbar .ul_feeds
{
	clear: both;
	margin: 10px 0;
}

.ul_feeds li
{
	background-image: url(images/feed.gif);
	background-position: 1px center;
	background-repeat: no-repeat;
	line-height: 20px;
	padding: 0 0 0 20px;
}

#wp-calendar
{
	text-align: center;
	background-color: #fff;
	margin: 0;
}

#wp-calendar td
{
	height: 24px;
	width: 24px;
	line-height: 20px;
	background-image: url(images/day.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 11px;
	color: #4f4f35;
}

#wp-calendar td a
{
	display: block;
	width: 24px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background-image: url(images/linkday.png);
	background-position: center;
	line-height: 24px;
	background-repeat: no-repeat;
}

#wp-calendar #prev a
{
	width: 49px;
	background-image: url(images/linkday2.png);
	background-position: center;
}

#wp-calendar #next a
{
	width: 49px;
	background-image: url(images/linkday2.png);
	background-position: center;
	margin: 0 0 0 30px;
}

#wp-calendar #today
{
	background-image: url(images/today.png);
	background-position: center;
	color: #fff;
	background-repeat: no-repeat;
}

#wp-calendar #today a
{
	background-image: url(images/today.png);
	background-position: center;
	color: #fff;
	font-weight: 700;
	background-repeat: no-repeat;
}

#sidebar a
{
	color: #570;
	text-decoration: none;
	line-height: 150%;
}

.datetime
{
	float: left;
	height: 50px;
	width: 50px;
	background-image: url(images/date.png);
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	color: #000;
	line-height: 20px;
	margin: 0 10px 0 0;
}

.datetime span
{
	display: block;
	line-height: 30px;
	color: #fff;
	font-size: 15px;
}

.postin { margin: 10px 0 10px 0; }

.postin span
{
	float: left;
	padding: 0 0 10px 0;
}

.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags
{
	background-position: 1px center;
	background-repeat: no-repeat;
	margin: 0 10px 10px 0;
	padding: 0 0 0 20px;
}

.postin .p_author { background-image: url(images/author.gif); }
.postin .p_category { background-image: url(images/category.gif); }
.postin .p_tags { background-image: url(images/tags.gif); }
.postin .p_read { background-image: url(images/fulltext.gif); }

.details .p_comments
{
	background-image: url(images/comments.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 100px;
	line-height: 27px;
	text-align: center;
	float: right;
	padding: 0 5px 0 27px;
}

#menu
{
	font-size: 12px;
	background-image: url(images/menu.png);
	height: 26px;
	position: static;
}

#menu .menu,#menu li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu .utom_menu
{
	width: 760px;
	margin: 0 auto;
}

#menu .menu
{
	background: transparent url("images/menu_right.png") repeat-y left top;
	height: 26px;
	padding: 0 0 0 1px;
}

#menu .utom_menu_b
{
	background: transparent url("images/menu_left.png") repeat-y right top;
	float: right;
	height: 26px;
	padding: 0 1px 0 0;
}

#menu .menu li
{
	float: left;
	line-height: 25px;
	height: 26px;
	background-image: url(images/menu_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu .menu a
{
	height: 26px;
	background-image: url(images/menu_right.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	text-align: center;
	padding: 0 10px;
}

a.oc
{
	display: block;
	height: 26px;
	width: 154px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 200px;
}

.open_c { background-image: url(images/open_comments.png); }
.close_c { background-image: url(images/close_comments.gif); }

.download
{
	background: #D0F29D;
	text-align: center;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	margin: 1em;
}

#getfirefox
{
	text-align: center;
	padding: 2em 0 0;
}

#primary .secondary2
{
	float: left;
	clear: left;
	width: 220px;
	margin: 2em 0 0;
	padding: 0 1em;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,ul,ol,dl,fieldset,address,#preview p,#ancillary .block h2,#ancillary .block h3 { margin: 1em 0 0; }
.hide,.print-logo,.close-button,a.oc span { display: none; }
.left,#ancillary .block,#footer p.copyright { float: left; }
p.copyright a { color: white; }
p.copyright a:hover { color: #666; }
.right,#footer p.attributes { float: right; }
a img,#otherbar ul,#otherbar ul li { border: none; }

a,.story .details a
{
	color: #333;
	text-decoration: none;
}

a:hover,.story .details a:hover,.inside a:hover,.secondary dd a:hover,.comment-head a:hover,#otherbar ul a:hover,#menu .menu a:hover,.download a { color: #000; }
.inside a,#otherbar ul a { color: #598D32; }
.secondary dd a,.details .p_comments a,.download a:hover { color: #fff; }
.single-post h1,.single-post h2,ul.blogroll { margin-top: 0; }
#comments cite .author a:hover,#comments .content a:hover,#comment-form p a { color: #9BDA41; }
#comment-form p a:hover,#comment-guide li a:hover,ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover,#footer p.attributes a:hover { color: #FFF; }
#ancillary .first,#ancillary .third { width: 180px; }
ul.pages ul,#search-result ul { margin: 0; }
#wp-calendar caption,#wp-calendar th { font-size: 11px; }
#wp-calendar .pad,#wp-calendar #prev,#wp-calendar #next { background-image: url(images/do.png); }

#wp-calendar td a
{
	color: white;
	font-weight: bold;
}