/*
Theme Name: ElaineNelson.org 2010 - HTML5 Version
Theme URI: http://elainenelson.org
Description: Using the "Starkers" theme as a starting point. Now with HTML5!
Version: 1.0
*/

/* http://www.maxdesign.com.au/articles/css-reset/ */
/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

/* force FF to recognize new html5 elements as block */
section, article, header, footer, nav { display: block; }

/* http://kuler.adobe.com/#themeID/668043 */

body { 
  background: url(images/bluebokeh1.jpg) top center no-repeat #4676A6; 
  font-family: Georgia, "Times New Roman", Times, serif;
}
a { color: #4878A6; }
.clear { clear: both; }

.elsewhere { 
  background: #162D63; 
  color: #4878A6; 
  padding: 10px; 
  text-align: center;
}

/* skip link */
#top { position: absolute; top: 0; right: 0; }

/* http://www.maxdesign.com.au/articles/em/ for line length */
#page { 
  width: 40em; 
  margin: 20px auto; 
  font-size: 16px;  
  background: #87A8C9; 
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
/* lighter blue for individual entries and pages */
.single #page, .page #page { background: #E3EAF2 }

/* header */
header#sitename, footer { 
  background: #162D63; 
  color: #F8F9FD; 
  padding: 20px; 
}
header#sitename {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; 
}
header#sitename h1, header#sitename h2 { margin: 0; font-size: 16px; }
header#sitename a { color: #F8F9FD; }
header#sitename p { margin: 0; }
header#sitename div { display: none; }


/* page content */
#content { 
  line-height: 1.4; 
  width: 30em; 
  margin: 0 auto; 
  color: #3D3F4C;
  position: relative; 
  padding-bottom: 30px; 
}
.page #content { width: 33em; }

.post { 
  background: #E3EAF2; 
  margin: 30px 0; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  padding: 10px; 
  position: relative; 
  text-shadow: 0 0 2px #fff; 
-webkit-text-shadow: 0 0 2px #fff;
-moz-text-shadow: 0 0 2px #fff;
}
.post h1 { font-size: 18px; margin-bottom: 0; }
.post h2, .post h3 { font-size: 16px; margin-bottom: 0; }
.post img { max-width: 455px; }
.category-photos .post-meta { clear: both; } /* only needed after flickr digest posts on homepage */
.post-meta { font-size: 12px; }
.post-meta p { margin: 0; }
.entry-editlink { 
  position: absolute; 
  right: 10px; 
  bottom: 10px; 
}
.entry-editlink a { color: #BECFDF; }
.entry-editlink a:hover, .entry-editlink a:focus { color: #4878A6; }

/* archive pages */
#archive-title { margin-top: 10px; }
.archivelist h1 { margin: 10px 0 0 0; font-size: 20px; }
.archivelist { font-size: 18px; float: left; width: 50%; padding-bottom: 20px; }
.archivelist .cat-item { margin: 0 0 10px 0; }
.archivelist .children .cat-item { font-size: 16px; margin: 0 0 0 10px; }
#content #searchform { margin: 10px 0; }

/* single pages */
.single .post, .page .post { background: transparent; padding: 0; }
.single .post h1, .page .post h1 { font-size: 22px; }
.single .entry-excerpt { font-style: italic; font-size: 12px; margin-bottom: 14px; }
.single .entry-excerpt p { margin-bottom: 0; }
.single .post ul li, .page .post ul li { list-style: disc; margin-left: 1.5em; }
.single .post ul, .page .post ul { margin-bottom: 14px; }
.single .post ol li, .page .post ol li { list-style: decimal; margin-left: 1.5em; }
.single .post ol, .page .post ol { margin-bottom: 14px; }
.footnotes { font-size: .8em; }

/* date listings */
.date-header { 
  position: absolute; 
  left: -7em; 
  font-size: 18px; 
  font-weight: normal;
  width: 4em; 
  background: #4878A6; 
  color: #fff; 
  padding: .25em; 
  text-align: center; 
  line-height: 1; 
  box-shadow: -2px 2px 3px #162D63; 
  -webkit-box-shadow: -2px 2px 3px #162D63; 
  -moz-box-shadow: -2px 2px 3px #162D63; 
  text-shadow: 0 0 0px #000; 
-webkit-text-shadow: 0 0 0px #000;
-moz-text-shadow: 0 0 0px #000;

}
.date-header span { display: block; }
/* I would like to get this working on the home/archive pages! */
.date-header .month { font-size: 11px; }
.date-header .day { font-size: 26px; }

/* custom category styles */
/* pushpin: http://www.iconfinder.com/icondetails/34219/16/ */
/* bird: http://www.iconspedia.com/icon/twitter-bird-5-63.html */
#content .category-tweets a, #content .category-snapping-links a { text-decoration: none; }

/* link digest items */
#content .category-snapping-links { 
  background: #E3EAF2 url(images/blue-pushpin-flip.png) no-repeat left 5px; 
  padding-left: 38px; 
}
.single .category-snapping-links ul li { 
  margin-top: 12px; 
  line-height: 1.3; 
  list-style: none; 
  margin-left: 0; 
}
#content .category-snapping-links li a { font-size: 18px; }

/* tweet digest items */
#content .category-tweets { 
  background: #E3EAF2 url(images/bird.png) no-repeat 3px 5px; /*3px left, 5px top*/ 
  padding-left: 40px; 
}
.single .post .aktt_tweet_digest li { 
  list-style: none; 
  margin: 10px 0; 
  padding: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  background: #87A8C9; 
/* text-shadow looks horrid on these background colors! */
text-shadow: 0 0 0px #fff; 
-webkit-text-shadow: 0 0 0px #fff;
-moz-text-shadow: 0 0 0px #fff;
}
.single .post .aktt_tweet_digest li:nth-child(even) { background: #A8C7E8; }

/* formspring questions */
#content .category-formspring-questions { 
  background: #E3EAF2 url(images/gel-speech-bubble.png) no-repeat 3px 8px; 
  padding-left: 53px; 
}

/* reviews from goodreads */
#content .category-goodreads-reviews { min-height: 70px; }
#content .category-goodreads-reviews h1 { margin-right: 60px; }
#content .category-goodreads-reviews p { 
  display: none; 
}
/* first paragraph after the title always has the picture */
#content .category-goodreads-reviews h1 + p { margin: 0; display: block !important }
/* override for actual review page */
.single #content .category-goodreads-reviews p { display: block; }
#content .category-goodreads-reviews #entry-content img { 
  position: absolute; 
  top: 10px; 
  right: 15px; 
}


/* comments */
#comments { clear: both; } /* only needed after flickr digest posts */
.comment-feed { 
  /*float: right; 
  width: 200px; */
  text-align: right; 
  font-size: 12px; 
}
.comments-title { 
  margin: 15px 0 3px 0; 
  font-size: 18px; 
}
.single .post .commentlist, .single .post .commentlist li { font-size: 14px !important; list-style-type: none !important; }
.li-comment .comment { 
  margin-bottom: 20px; 
  padding: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  background: #87A8C9; 
}
.li-comment .odd { background: #A8C7E8; }
.li-comment p { margin-bottom: 7px; }
.li-comment .avatar { 
  float: left; 
  margin: 0 5px 0 0; 
}

#comments #respond { font-size: 12px; }
#comments #respond label { display: block; }

/* next/previous links */
.pagination span { 
  display: block; 
  font-size: 12px; 
  width: 8em; 
  position: absolute; 
  background: #4878A6; 
  color: #fff; 
  bottom: 2em; 
  padding: 4px;
  box-shadow: -2px 2px 3px #162D63; 
  -webkit-box-shadow: -2px 2px 3px #162D63; 
  -moz-box-shadow: -2px 2px 3px #162D63;  
}
.pagination a { 
  display: block; 
  color: #fff; 
}
.pagination .newer { right: -12em; }
.pagination .older { left: -12em; }

/* footer */
footer { 
  clear: both;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
footer .widget, footer nav, footer #searchform {
  float: left;
  width: 50%;
}
footer h2 { 
  font-size: 18px; 
  margin-bottom: 4px; 
}
footer #searchform { margin-top: 10px; }
footer #searchform label { display: none; }
/* specifically, the widget with my photo and info text */
#text-652458681 p { 
  font-size: 14px; 
  margin: 0 10px 0 0; 
  margin-top: 0; 
}
#text-652458681 img { 
  float: left; 
  width: 140px; 
  height: 105px; 
  margin: 0 5px 5px 0; 
}
/* page navigation */
footer nav { font-size: 18px; }