/*  
Theme Name: Hemingway Re-Reloaded
Theme URI: http://www.wordpresslab.com 
Description: Modified Hemingway Reloaded theme by <a href="http://www.wordpresslab.com">WordpressLab</a>.
Version: whatever.0
Author: garr
Author URI: http://www.karmasoup.org
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {margin:0px;padding:0px;}


a{color:#258;text-decoration:none;}
a:visited{color:#258;}
a:hover{color:#f53;}
a:active{color:#f53;}

img{border:0;}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body{background:#fff;color:#333;font: 11px/1.25em 'trebuchet ms', arial, sans-serif;text-align:center;margin:0;}
#globalNav {background:#555;color:#fff;border-bottom:1px solid #888;margin-bottom:2em;padding:5px;text-align:right;}
#globalNav ul {list-style:none;}
#globalNav ul a {color:#ffd;}
#globalNav ul li {display:inline;margin-left:20px;padding-left:20px;border-left:1px solid #777;}
#globalNav ul li:first-child {border:0;}

#siteWrapper {position:relative;text-align:left;}
div.inside {width:820px;margin:0 auto;}

body#commentspopup {background:#fff;margin:0;text-align:left;}

#commentform {}
#commentform form {background:#fff;padding:10px;margin:3em 0 2em;border-top:3px double #ccc;}
#commentform form p {color:#444;margin-bottom:1em;}

#commentform form input {border:3px double #ddd;background:#fff;margin-bottom:1em;color:#555;padding:2px;}
#commentform form textarea#comment {border:3px double #ddd;background:#fff;}
#commentform form label {display:block;color:#569;letter-spacing:1px;}
#commentform form #submitBtn {background:#eee;color:#333;font:italic 1em times,serif;padding:4px 10px;border:3px double #b8183a;}

#commentform .required {font-style:italic;color:#b8183a;}

ol#commentlist {padding-left:2em;margin:1em;font-size:1.1em;}
ol#commentlist li {background:#fff;color:#bb9;margin-bottom:15px;padding:5px;border-top:1px dotted #dda;font:400 2em times, palatino, serif;}
ol#commentlist li p {color:#444;font:normal .47em 'trebuchet ms', verdana, sans-serif;}
ol#commentlist li p.commentInfo {color:#369;margin-top:2em;}
ol#commentlist li a {color:#285;}

ol#commentlist li cite {font-size:.59em;color:#333;}
ol#commentlist li small {color:#b8183a;font-size:1em;}

ol#commentlist li.author-wen {background:#ffffef;border-top:3px double #f53;}
ol#commentlist li.author-stan {background:#ffffef;border-top:3px double #369;}
ol#commentlist li.author-jon {background:#ffffef;border-top:3px double #444;}
ol#commentlist li.author-gary {background:#ffffef;border-top:3px double #bb9;}

div.comments h3 {font-weight:400;font-size:1.6em;font-style:italic;color:#888;}
div.comments h3 .details {font-size:.7em;font-style:normal;font-variant:small-caps;}

h1,h2,h3,h4,h5,h6 {font-family: times, georgia, serif;margin-bottom:1em;}

h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}


#pageHeader {text-align:center;margin:1.5em 0;color:#b8183a;font-size:15px;}
#pageHeader small{font-family:times, georgia, serif;font-size:14px;font-variant:small-caps;color:#777;}

#logo {display:block;margin:0 auto;}
#primary{background:#fff;}
#primary .inside {width:820px;margin:0 auto;}

#primary p {margin-bottom:1em;}

#secondary{background:#fff;}

#featuredPostBlock {background:url('/i/gradient.gif') 0 29px repeat-x #fff;padding:0;text-align:center;border-top:1px solid #fff;width:820px;margin:0 auto;}

ul#featuredPost {position:relative;list-style:none;width:40em;margin:0 auto;font-size:1.1em;}
ul#featuredPost li {float:left;}
ul#featuredPost li.recently {padding:22px 20px 0 0;}

div.story {background:#fff;}
div.story img {display:block;background:#fff;padding:9px;border:1px solid #ddd;margin:0 auto;}
div.featuredPost {background:#fff;}

div.authorArchive {margin:2em 0;}
div.authorInfo {padding:10px;background:#ffffef;border:3px double #ddd;font-size:.9em;color:#444;margin-bottom:1em;}

div.authorArchive div.story {margin-bottom:3em;}

#primary .details{font-size:.7em;background:#fff;border-top:1px dotted #ddd;}
.details .read-on{font-weight: bold;background:url(../images/readon_black.gif) 100% 60% no-repeat;padding-right:20px;}


#primary div.featuredPost .details {border:0;}

h2.entry-title {float:left;width:auto;padding:8px 0;letter-spacing:1px;font:400 2.12em times,serif;font-variant:small-caps;line-height:1em;margin:0;background:#fff;}
h2.entry-title em {margin-left:10px;padding-left:10px;border-left:3px double #ddd;color:#666;font:italic 400 .75em 'times';letter-spacing:0;font-variant:normal}
span.postInfo {float:right;top:1em;position:relative;text-align:right;width:200px;text-transform:uppercase;font-size:10px;}


#ancillary{padding:2em 0;color:#aaa;margin-top:3em;font-size:1.02em;background:#ffffef;border-top:3px double #ddd;border-bottom:3px double #ddd;}
#ancillary h2{font-size:1.1em;}
#ancillary h3 {font-variant:small-caps;font-weight:400;font-size:1.91em;letter-spacing:2px;margin-bottom:.5em;color:#bb9;}

#ancillary .block{float:left;width:196px;margin-left:12px}
#ancillary .first {margin-left:0;}


#archives ul.dates {width:400px;float:left;margin:0;margin-left:20px;color:#444;}
#archives ul.first {margin-left:0;}

#archives ul li {border-top:1px dotted #dda;clear:both;}
#archives ul li:hover {background:#fff;}

#postNav {font:13px 'times',serif;text-align:center;border-top:1px dotted #dda;padding:5px;font-style:italic;}
#postNav .prev {display:block;float:left;}
#postNav .next {display:block;float:right;}

ul.dates .date{display:inline-block;margin-right:10px;color:#69c;font-weight:700;}
ul.dates .author{display:inline-block;width:3em;color:#995;font:italic 400 12px 'times';}

#footer{clear: both;padding:2em 0 3em;font-size:.9em;background:#fff;color:#777;}

#footer .inside {padding:.5em 0px;}
#footer p.attributes{float: right;}
#footer p.attributes a{color: #aaa;padding: 0px 0px 0px 1em;text-decoration: none;}
#footer a:hover{color: #f53;}

#footer p.copyright{float:left;}



.hide {display:none;}

ul.photo-thumb {color:#888;list-style:none;margin:0;padding:0;}
ul.photo-thumb h2 {font:11px times; color:#def;}
ul.photo-thumb li {float:left;width:auto;margin-right:10px;margin-bottom:10px;border:1px solid #ddb;padding:4px;padding-bottom:10px}
ul.photo-thumb li:hover {background:#ffffef;border:1px solid #bbb;}
ul.photo-thumb img {display:block;}
ul.photo-thumb a {font:12px times;font-style:italic;color:#369;}
ul.photo-thumb li:hover a {color:#b8183a;}


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

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

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

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


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



ul.dates a, ul.counts a {
	text-decoration: none;
}

ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{color: #f53;}

ul.dates li, ul.counts li, ul.archivePosts li{
	border-top: 1px dotted #cc8;
	list-style-type: none;
	margin: 0px;
	padding: 0.5em 0px;
}

ul.dates, ul.counts, ul.archivePosts{
	list-style-type: none;
	margin: 1.5em 0px;
}


div.comments {padding:1em 0;}
div.comments h3{margin-bottom:1em;}
div.comments a{margin-bottom:1em;}

.comment-head .details{
	font-size: .9em;
}

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

.formactions a {
	color:#258;
}

#ancillary h2 {color:#258;text-transform:uppercase;letter-spacing:1.2px;font:1.1em;margin:0;}


#comment-form{
	margin:2em 0;
	width:70%;
	font-size:.95em;
}

#comment-form h3.formhead {
	color:#fff;
	background:#495865;
	font-variant:small-caps;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.1em;
	padding: .1em .2em;
}

#comment-form a {
	color:#495865;
}

#comments .content{
	border-left: 3px solid #717B82;
	float: left;
	margin-left: 1.9%;
	padding: 0px 0px 0px 2%;
	width: 60%;
}

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

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

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



#errors{
	color: #FF0000;
	font-weight: bold;
}




/*-----------------------------------------------------------------------------------------------
  Nav
-----------------------------------------------------------------------------------------------*/

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

#preview p{
	margin: 1em 0px 0px 0px;
}

.float-left {float:left;}
.float-right {float:right;}

.ui-tabs-hide {display: none;}


.ui-tabs-nav {}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}


.ui-tabs-nav li {margin: 0 0 0 20px; /* be nice to Opera */list-style:none;}

.ui-tabs-nav a {
    position:relative;font:1em 'times';background:transparent;color:#777;
    display:block;
    padding:12px 21px 11px;line-height:1;text-align: center;text-decoration:none;
    white-space:nowrap; /* required in IE 6 */    
    outline:0; /* prevent dotted border in Firefox */
    margin-top:10px;
    top:1px;
    }

.ui-tabs-nav a:hover {color:#f53;}

.ui-tabs-nav a span {display:block;}

.ui-tabs-nav .ui-tabs-selected a {position:relative;background:#fff;color:#b8183a;z-index:2;font-style:italic;padding:10px 20px 11px;border:1px solid #eee;border-bottom:0;}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {opacity:.4;filter: alpha(opacity=40);}

#primary div.ui-tabs-panel {background: #transparent;}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* clearing floated elements */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; min-height:1%;}
/* IE 7 standards mode */
*:first-child+html .clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}