/*  
Theme Name: Hemingway
Theme URI: http://warpspire.com/hemingway
Description: Hemingway is a simple weblog theme by <a href="http://warpspire.com">Kyle Neath</a> aimed at giving bloggers a great platform on which to customize.  If you'd like to learn more about Hemingway, <a href="http://warpspire.com/hemingway">head on over to Warpspire</a> or ask a question in the <a href="http://discuss.warpspire.com">official support forums.</a> <br /><strong>This theme requires WordPress 2.0+</strong></a>.
Version: 0.19
Author: Kyle Neath
Author URI: http://warpspire.com
*/

/* Global Styles */

/* scott: major changes to the latest released version have been made */

*
{
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address
{
	margin: 1em 0;
}

li, dd
{
	margin-left: 5%;
}

fieldset
{
	padding: .5em;
}

select option
{
	padding: 0 5px;
}

.hl
{
	color: white;
	font-weight: bold;
}

.hide, .print-logo, .close-button
{
	display: none;
}

.navigation
{
}

.left
{
	float: left;
}

.right
{
	float: right;
}

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

a img
{
	border: none;
}

/* Layout / Base Page Styling */

body
{
	background: #000;
	color: #BFBFBF;
	font-size: 12px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */

.inside
{
	width: 79%;
	min-width: 65em;
	max-width: 85em;
	margin: 0 auto;
}

a
{
	color: #FFF;
}

h1
{
	color: #EEEEEE;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0.5em 0;
}

h2, h3
{
	font-size: 1.15em;
	color: #FFF;
	font-weight: normal;
}

#primary h2
{
	color: #CCC;
}

p
{
	line-height: 1.75em;
}

ul li
{
	list-style-type: square;
	margin: 0.5em 0 0.5em 2em;
}

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

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

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

/* Header */

#header
{
	background-color: #272727;
}

#header .inside
{
	padding: 2em 0;
}

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

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

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

/* Primary Items */

#primary
{
	padding: 1px 0 0.5em 0;
	color: #CCC;
	background-color: #272727;
}

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

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

#primary.twocol-stories .story
{
	float: left;
	width: 47%;
	margin: 0 0 0 4%;
	display: inline;
}

* html #primary.twocol-stories .story
{
	margin-left: 2%;
}

#primary.twocol-stories .first, * html #primary.twocol-stories .first
{
	margin: 0 0 0 0;
}

.story h3
{
	font-size: 1.15em;
	margin: 0 0 1.5em 0;
	font-weight: normal;
	color: #CCC;
}

.story h3 a
{
	color: #CCC;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

.story .details
{
	margin: 1em 0;
	text-align: right;
	border-top: 1px solid #333;
	padding: 0.2em 0;
	font-size: 0.95em;
	color: #939393;
}

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

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

.story .details a:hover
{
	color: #FFF;
}

/* Single Post Styles */

#primary .primary
{
	float: right;
	width: 78%;
}

.primary h1 a
{
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#primary .secondary
{
	float: left;
	width: 20%;
	margin-right: 4%;
	padding-top: 0.25em;
	display: inline;
}

* html #primary .secondary
{
	margin-right: 3%;
}

.secondary .featured p
{
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	padding: 0.5em 0 0.6em 0;
	line-height: 1.5em;
	margin: 1em 0 0 0;
}

.secondary .featured dl
{
	margin: 0 0;
	border-bottom: 1px solid #333333;
	padding: 0.5em 0 0.6em 0;
}

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

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

.secondary dd a
{
	color: #808080;
}

.secondary dd a:hover
{
	color: #FFF;
}

.single-post h1, .single-post h2
{
	margin-top: 0;
}


/* Secondary Items */

#respond
{
}

#secondary
{
	background: #1c1c1c;
	padding: 1px 1em;
	border-top: 1px solid #1C1C1C;
}

.comment_inside
{
	padding-bottom: 10px;
}

.comment_head
{
	border-bottom: 1px solid #1C1C1C;
	padding: 0.8em 2em 1.0em 2em;
}

.comment_head h2
{
	font-size: 1.5em;
	margin: 0;
}

.comment_head a
{
	text-decoration: none;
	color: #868686;
}

.comment_head .details
{
	font-size: 0.95em;
}

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

ol#comments li
{
	list-style-type: none;
	margin: 2em 0;
}

#comments cite
{
	float: left;
	width: 21%;
	font-style: normal;
	text-align: right;
}

#comments cite span
{
	display: block;
}

#comments cite .author
{
	font-size: 1.5em;
}

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

#comments cite .avatar
{
	padding: 10px 0 0 0;
}

#comments cite
{
	margin: 5px 0;
}

#comments cite a
{
	float: right;
	margin: 0 5px;
	padding: 0px 3px 3px;
	background: #666;
	border: 1px solid #999;
	text-decoration: none;
}

#primary .secondary
{
	margin: 1em 0;
}

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

#comments .content
{
	float: left;
	width: 70%;
	margin-left: 1.9%;
	border-left: 1px solid #868686;
	padding: 0 0 0 2%;
}

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

#comments .content h3
{
	margin: 0;
	font-size: 1em;
}

#cmt_form.table
{
	width: 100%;
	border-spacing: 2px;
}

#innerfields
{
}

#cmt_form td, #innerfields td
{
	vertical-align: top;
	padding: 1px 5px 1px 5px;
}

#cmt_form label.text
{
}

#cmt_form label.error
{
	background: red;
}

#cmt_form input.textfield
{
	width: 15em;
	margin: 5px 0;
}

input.submit
{
	float: right;
	font-size: 1.5em;
	padding: 5px;
}

/* Ancillary Items */

#ancillary
{
	padding: 1em 0 0 0;
}

#ancillary .block
{
	float: left;
	width: 29.9%;
	padding: 0;
	margin: 0 0 0 5%;
}

* html #ancillary .block
{
	margin-left: 3.9%;
}

#ancillary .twice-length
{
	width: 65%;
}

#ancillary .thrice-length
{
	width: 100%;
}

#ancillary .first, * html #ancillary .first
{
	clear: both;
	margin: 0;
}

#ancillary .block-separator
{
	clear: both;
	height: 1.5em;
}

#ancillary .block h2, #ancillary .block h3
{
	margin: 0 0 1em 0;
}


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

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

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

.block ul li
{
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #3D3D3D;
}

.block ul li .date
{
	padding: 0 1.5em 0 0;
	color: #CCC;
}

ul.dates .date
{
	padding: 0 1.5em 0 0;
	color: #CCC;
}

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

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

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
{
	color: #FFF;
}

.block ul li a
{
	color: #CCC;
	text-decoration: none;
}

.block ul li a:hover
{
	color: #FFF;
}

ul.blogroll
{
	margin-top: 0;
}

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

ul.pages ul
{
	margin: 0;
}

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

/* Foooter */

#footer
{
	clear: both;
	color: #666;
	margin: 0.5em 0 1em 0;
}

#footer .inside
{
	background: url(/Content/images/footer_black.gif) 50% 0 repeat-x;
	padding: 0.5em 0;
}

#footer p
{
	margin: 0;
	font-size: 0.95em;
}

#footer p.copyright
{
	float: left;
}

#footer p.attributes
{
	float: right;
}

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

#footer p.attributes a:hover
{
	color: #FFF;
}


/* Search */

#rss
{
	float: right;
	width: 13px;
	text-align: right;
	margin: 1.1em 0 0 6px;
}


#search
{
	float: right;
	width: 200px;
	margin: 1em 0 0 0;
	text-align: right;
}

#search:hover
{
}

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

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

#search input:focus
{
	background: #FFF;
}

#search_box
{
    width: 221px;
    height: 31px;
    background: #272727;
}
#search_box .searchtxt
{
    margin: 6px 0 0 6px;
    float: left;
    bottom: 0px;
    border-style: none;
    border-width: 0;
    color: #666;
    overflow: hidden;
    width: 179px;
    background: none;
    padding-bottom: 3px;
    border-bottom: solid 1px #fff;
    font-size: 24px;
}
#search_box .searchicon
{
    float: right;
    margin: 0px 4px 0 0;
    padding-top: 10px;
    background: #272727;
    width: 28px;
    height: 28px;
    border: none;
    cursor: pointer;
}

/*	extensions */

fieldset
{
	border-width: 0;
}

fieldset legend
{
	color: #fff;
	font-size: 1.5em;
}

.tag0 { font-size: xx-small; }
.tag1 { font-size: x-small; }
.tag2 { font-size: small; }
.tag3 { font-size: medium; }
.tag4 { font-size: large; }
.tag5 { font-size: x-large; }
.tag6 { font-size: xx-large; }

body div#toolTip
{
    position: absolute;
    z-index: 1000;
    width: 220px;
    background: #000;
    border: 2px #000;
    text-align: left;
    padding: 5px;
    min-height: 2em;
    -moz-border-radius: 5px;
}
body div#toolTip p
{
    margin: 0;
    padding: 0;
    color: #fff;
    font: 11px/12px verdana,arial,sans-serif;
    font-weight: bold;
}
body div#toolTip p em
{
    display: block;
    margin-top: 3px;
    color: #66CCFF;
    font-style: normal;
    font-weight: bold;
}
body div#toolTip p em span
{
    font-weight: bold;
    color: #fff;
}