/*
Theme Name: Danvers
Theme URI: http://journal.barleyhut.com
Description: "I'd like to have your advice on how to live comfortably without working hard."
Version: 1.1
Author: <a href="http://journal.barleyhut.com">A.M. Griffin</a>
Author URI: http://journal.barleyhut.com
*/

/*===== o0o: RESET=====*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*===== o0o: UNIFORMITY=====*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,
td,th,caption,pre,p,blockquote,input,textarea {
  font-family: constantia, georgia, serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

/*===== o0o: FOR THE HEADER=====*/
#hd {
  width: 700px;
  margin: 0 auto;
  padding: 1em 0;
}

.line-through {
  background: url(images/dot.gif) repeat-x left center;
  text-align:right;
}

.line-through span.hide {
  background: #fbfbfb;
  color:#7F7F7F;
  padding:0 2px 0 4px;
}

/*===== o0o: TEXT CONSIDERATIONS=====*/
p {
  margin: 0 0 20px 0;
  text-align:justify;
}

p.last {
  margin-bottom:0;
}

p.withal {
  font-family: georgia, "times new roman", serif;
  font-style: italic;
  text-align:center;
  padding: 0 20px 0 20px;
}

p.post-meta-details, p.nav {
  color: #707070;
  font-family: georgia, "times new roman", serif;
  font-variant: small-caps;
  text-align:center;
}

p.hilite {
  background: #efefef;
  border-bottom: 1px solid #999;
  padding: 9px;
  text-align:center;
}

p.pullquote {
  font-family: georgia, "times new roman", serif;
  font-size:16px;
  font-style: italic;
  color:#454545;
  float:right; 
  margin-left: 20px;
  margin-bottom: 20px;
  text-align:center;
  width:150px;
}

ul, ol {
  margin: 20px 0 20px 20px;
  list-style-type:square;
}

ol { 
  list-style-type: decimal;
}

li { 
  line-height:20px;
}

dl { 
  margin: 20px 0;
}

dl dt {
  font-weight: bold;
}

a { 
  background: #efefef; 
  border-bottom: 1px solid #ddd; 
  color: #606060; 
  text-decoration: none; 
  outline: none;
}

a:hover { 
  color: #000; 
  text-decoration: underline;
}

blockquote { 
  margin: 0 40px;
  font-size: 0.9em; 
  color: #666; 
  font-style: italic; 
}

strong { 
  font-weight: 700;
}

em { 
  font-style: italic;
}

pre { 
  margin-bottom: 20px; 
  line-height:20px; 
  background: #eee; 
  padding:10px; 
  border:1px solid #ddd; 
}

code { 
  font:0.9em Monaco, monospace; 
}

/*===== o0o: HEADINGS=====*/
h1,h2,h3,h4,h5,h6 { clear:both; color: #222; font-family: georgia, serif; margin: 0; padding: 10px 0; background: transparent;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #222; font-weight: 400; background: inherit; border: none;}
h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #222; background: inherit; font-weight: 400;}
h1 { font-size: 20px; font-variant: small-caps; text-transform: lowercase;}
h2, h1.entry-title { font-size: 30px;  line-height: 30px; text-align:center; font-variant: normal; text-transform: none;}
h3 { font-size: 20px; font-weight: 400;}
	h3.comment-area, h3.archive {color: #000; font-family: constantia, georgia, "times new roman", serif; font-size: 20px; font-style: italic; letter-spacing: 0.5px; margin-bottom: 20px; text-align:center;}
h4 { font-size: 16px;}
	#sidebar h4 {color: #333; font-size: 16px;}
h5, h6 { font-size: 14px; font-weight:bold; }
/*===== o0o: IMAGES=====*/
p img{ float: left; margin: 20px 20px 20px 0; padding:0; border: 1px solid #d4d4d4; padding: 8px; background: #fafafa; }
p img.alignleft{ float: left; margin: 20px 20px 20px 0; padding:0; border: 1px solid #d4d4d4; padding: 8px; background: #fafafa; }
p img.alignright{ float: right; margin: 20px 0 20px 20px; padding:0; border: 1px solid #aaa; padding: 8px; background: #fafafa; }
p img.center{ float: none; border: 1px solid #d4d4d4; padding: 8px; background: #fafafa; display:block; margin-left:auto;margin-right:auto; }
p img.top{ margin-top:0; } /* Use this if the image is at the top of the <p>. */
div.entry-content {
  border: 1px solid #eee;
  border-width: 1px 2px 2px 1px;
  background-color: #fff;
  margin: 1em 0;
  padding: 2em;
}
/*===== o0o: SIDEBAR=====*/
#sidebar {text-align: right; padding-left: 85px; position: absolute; width: 11.5em; top: -90px;}
#sidebar a {background: transparent; border: none; font-style: italic; display: block; padding: .15em;}
#sidebar a:hover {}
#sidebar ul {margin: 10px 0 10px 0;}
#sidebar ul li {list-style-type: none;}
#sidebar ul.tags {padding-left: 3px;}
/*===== o0o: COMMENTS=====*/
#comments {margin: 0px; }
#trackbacks {}
#comments-form input {background: #fff none repeat scroll 0%; border: 1px solid #ddd; font-size: 16px; padding:9px;}
#comments-form input:focus, #comments-form textarea:focus { background: #fff; border: 1px solid #000;}
#commentform textarea {background: #fdfdfd none repeat scroll 0%; border: 1px solid #ddd; height: 198px; width: 100%;}
div.comment-meta {margin: 9px 9px 0 9px;}
span.comment-author {font-variant: small-caps; font-size: 16px;} 
span.comment-date {color: #888; font-variant: small-caps;}
div.comment-text {padding: 9px 9px 0 9px;}
ol.comments li {list-style-type: none;}
.even {padding: 9px 0 9px 0; margin-bottom: 40px;}
.odd {padding: 9px 0 9px 0;margin-bottom:40px;}
.highlight {background: #1f1f1f; padding: 9px 0 9px 0; border: 1px solid #505050;}
.even img.gravatar, .odd img.gravatar {float:right;background: #3e3e3e; padding: 5px; margin-top: -20px;}
#sub {
  background: #efefef;
  color: #505050;
  cursor: pointer;
  border-bottom: 1px solid #9f9f9f;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-variant: small-caps;
  margin: 20px 0;
  padding: .75em;
}

#ft {
  font-size: .85em;
  border-top: 2px solid #222;
  text-align: center;
  clear: both;
  margin: 0;
  padding: .5em .5em 3em;
  text-align:center;
  color: #fff;
  background-color: #333;
}
#ft a, #ft a:visited, #ft a:hover {
  background-color: transparent;
  border: none;
  color: #fff;
}
body {
  background-color: #333;
}
#ft ul li { display: inline; font-variant: small-caps; margin: 0 20px 0 20px;}
#searchform {background:#fff; color: #505050; text-align: center; margin-bottom: 20px;}
#searchform input {background:#fafafa; border: 1px solid #ddd; color: #505050;}
#searchform input:focus {background: #fafafa; border: 1px solid #999; color: #505050;}
#searchsubmit {cursor: pointer;}

/*===== o0o: YUI GIBBERISH - THE GLUE KEEPING YOUR SITE FROM MELTING INTO A BRILLIANT BALL OF GOO=====*/
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,
.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
  margin: 0 auto;
  padding-bottom: 50px;
  text-align: left;
  position: relative;
  background-color: #fbfbfb;
}

#doc2 {
  width:73.074em; 
  min-width:950px;
}

.yui-b {
  position:relative;
}

.yui-b {
  position:static;
} /* for IE < 7 */

#yui-main .yui-b { 
  position:static;
} 

#yui-main {
  width:100%;
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
  float:right; 
  margin-left:-25em; /* IE: preserve layout at narrow widths */
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
  float:left;
  margin-right:-25em; /* IE: preserve layout at narrow widths */
}

.yui-t5 .yui-b {
  float:right;
  width:17.4608em;
}

.yui-t5 #yui-main .yui-b { 
  margin-right: 0;
}

#yui-main .yui-b {
  float:none; 
  width:auto;
}

#bd:after,.yui-g:after, .yui-gb:after, .yui-gc:after, 
.yui-gd:after, .yui-ge:after, .yui-gf:after { 
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
  zoom:1; 
  width:700px; 
  margin: 0 auto; 
  position: relative;
}

p.description{
  margin-right: 12em;
  font-size: 1em;
  font-style: italic;
  text-align: left;
}

ul.elsewhere {
  margin: .5em;
}

.random-quote {
  width: 10em; 
  font-size:.85em;
  font-style:italic;
}

#wordle-container {
  text-align: center;
  height: 500px;
  text-align: center;
  background-image: url(images/wordle3.png);
  background-position: center;
  background-repeat: no-repeat;
  display:none;
}

ol.comments {
  margin: 20px;
}