/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body
{
  background-color: #996;
  background-image: url(images/med-tile.png);
  color: #000;
}

#header,
#footer
{
  background-color: #663;
}

#header
{
  border-bottom: black solid 0.1em;
}

#footer
{
  border-top: black solid 0.1em;
}

h1 > a,
h2 > a
{
  color: #000;
}

h1 > a:hover
{
  color: #FFC;
}

h2 > a:hover
{
  color: #009;
}

#header h2
{
  color: #030;
}

div.comment-meta,
div.comment-meta a
{
  background-color: #663;
  color: #FFC;
}

div.comment-meta a:visited
{
  color: #CC9;
}

#header ul.menu,
#header ul.menu > li a,
#footer ul.menu,
#footer ul.menu > li a,
ul.menu > li:hover,
ul.menu > li:hover a
{
  color: #FFC;
}

div.comment-meta ul.menu > li:hover a,
ul.menu > li:hover
{
  background-color: #030;
}

div.attachment,
div.comments,
div.navigation,
div.page,
div.post,
div.related-posts,
div.widget
{
  border: black solid 0.2em;
}

div.comments div.navigation
{
  border-style: none;
}

div.attachment,
div.page,
div.post
{
  background-color: #FFC;
}

div.comments,
div.navigation,
div.related-posts,
div.widget
{
  background-color: #CC9;
}

div.comment-text
{
  border: black solid 0.15em;
  border-top-width: 0.35em;
}

div.comment-meta
{
  border: black solid 0.15em;
}

ol.commentlist,
ul.commentlist
{
  margin-bottom: 1.0em;
}

div.comment-text
{
  background-color: #FFC;
}

blockquote
{
  background-color: #CC9;
}
html,
body,
#page,
#page-top
{
  min-height: 100%;
}

#header
{
  min-height: 85px;
  position: relative;
}

#header > div
{
  display: table-cell;
}

#header > div h2
{
  display: inline;
  margin-right: 1em;
}

#page-top
{
  padding-bottom: -5em;
}

#sidebar-top-ad
{
  position: relative;
  width: 15.4em;
  height: 60px;
  overflow: visible;
}

#sidebar-top-ad > div
{
  clear: right;
  position: absolute;
  left: -15.4em;
  z-index: -1;
}

#middle
{
  margin-left: auto;
  margin-right: auto;
  min-height: 8em;
  min-width: 12em;
  max-width: 76.6em;
  padding: 1em;
}

#middle > div
{
  margin-left: -1em;
}

#footer
{
  margin-top: -5em;
  height: 5em;
}

ul.menu
{
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5em;
}

ul.menu > li
{
  display: inline;
}

h2 > small
{
  display: block;
  float: right;
  text-align: left;
  padding-bottom: 0.75em;
  padding-left: 1.25em;
}

/* various column spannings ... */
div.span-one   { width: 12.0em; }
div.span-two   { width: 27.4em; }
div.span-three { width: 42.8em; }
div.span-four  { width: 58.2em; }
div.span-five  { width: 73.6em; }

/* floating and margins ... */
#content,
div.widget,
div.ads
{
  float: left;
}

#sidebar-top-ad
{
  float: right;
}

div.alignleft
{
  text-align: left;
}

div.alignright
{
  text-align: right;
}

div.attachment,
div.comments,
div.navigation,
div.page,
div.post,
div.related-posts,
div.widget,
div.ads
{
  margin-left: 1em;
  margin-bottom: 1em;
  min-height: 7em;
  min-width: 12em;
}

div.ads
{
   min-width: 0;
   min-height: 0;
}

div.centered
{
  padding-left: auto;
  padding-right: auto;
}

ol.commentlist
{
  margin-top: 1.0em;
}

div.navigation
{
  min-height: 1em;
}

div.navigation > div
{
  display: table;
  width: 100%;
}

div.navigation > div > div
{
  display: table-cell;
}

div.post div.entry
{
  min-height: 3.5em;
}

#content
{
  margin-right: 3.2em;
}

div.clear
{
  clear: both;
  height: 6em;
  line-height: 0;
}

div.codecolorer-container
{
  clear: both;
}

p.clear
{
  clear: both;
  line-height: 0;
}

li.comment,
li.related-post,
li.pingback
{
  clear: both;
  margin-top: 1.0em;
}

div.comment-author > img
{
  float: right;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

div.comment-text
{
  min-height: 5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

div.comment-meta
{
  float: right;
  margin-left: 1.0em;
  margin-right: -1.0em;
  padding: 0.5em;
  position: relative;
  top: -0.5em;
  text-align: right;
  width: 15em;
}

ul.children,
ul.children > li
{
  margin-right: 0;
  padding-right: 0;
}

img.alignright
{
  clear: right;
  float: right;
  margin: 1.0em;
  margin-right: 0;
  margin-top: 0;
}

img.tex
{
  position: relative;
  top: -2pt;
}

div.sociable
{
  float: left;
}

/* stuff for visualizing the grid ... */
/*
div.grid-test
{
  background-color: blue;
}

div.grid-test > div.span-one,
div.grid-test > div.span-two,
div.grid-test > div.span-three,
div.grid-test > div.span-four,
div.grid-test > div.span-five
{
  background-color: green;
  margin-bottom: 1px;
  margin-top: 1px;
  min-height: 3em;
}
*/


#logo a
{
  bottom: 8px;
  right: 0px;
  position: absolute;
}

#logo img
{
  margin-top: -80px;
  margin-bottom: -48px;
}

#logo
{
  width: 372px;
}
ul.rss-list
{
  list-style-image: url(images/rss.png);
  list-style-position: inside;
  list-style-type: square;
}#header,
#footer,
h1,
h2,
h3,
h4
{
  font-family: "Times New Roman", Times, serif;
}

#middle
{
  font-family: Verdana, sans-serif;
  line-height: 1.5;
}

#header,
#middle,
#footer
{
  padding-left: 1em;
}

#middle,
#footer
{
  padding-right: 1em;
}

h1
{
  font-size: 1.5em;
  padding-top: 0.2em;
}

h2
{
  font-size: 1.25em;
  margin-bottom: 0.3em;
}

#content h3
{
  margin-top: 0.75em;
}

#header h1
{
  font-size: 3.0em;
  padding-top: 0.2em;
}

#header h2
{
  font-size: 1.25em;
}

div.widget > *
{
  font-size: 0.90em;
}

div.widget > h2
{
  font-size: 1.25em;
}

small
{
  font-size: 0.75em;
}

#header h1 > small
{
  font-size: 0.5em;
}

h1 > a,
h2 > a
{
  text-decoration: none;
}

h1 > a:hover,
h2 > a:hover
{
  text-decoration: underline;
}

ul.menu
{
  list-item-style: none;
  text-align: center;
}

ul.menu > li
{
  margin: 0.25em 0;
  padding: 0.25em 0.25em;
}

#header ul.menu > li a,
#footer ul.menu > li a
{
  text-decoration: none;
}

p,
li
{
  padding: 0 1em;
}

p
{
  margin-top: 0.5em;
  text-align: ragged-right;
  text-indent: 1.5em;
}

#newsletter > p
{
  padding: 0 0;
}

#newsletter > p > br:first-child
{
  display: none;
}

p:first-child,
p.no-indent
{ 
  text-indent: 0em;
}

div.attachment,
div.comments,
div.navigation,
div.page,
div.post,
div.related-posts,
div.widget
{
  padding: 1em;
}

div.post-metadata
{
  padding-top: 0.75em;
  text-align: right;
}

div.comment-author
{
  margin-bottom: 0.25em;
}


div.page ul,
div.post ul
{
  list-style: disc inside;
  margin-top: 0.25em;
}

div.page ul > li,
div.post ul > li
{
  margin-top: 0.5em;
}

div.widget_links > ul,
#recent-posts > ul
{
  list-style: disc inside;
}

div.page ol,
div.post ol
{
  list-style: decimal inside;
}

div.page ul li,
div.page ol li,
div.post ul li,
div.post ol li
{
  margin-left: 1.0em;
}

div.post-metadata > ul.menu > li
{

  margin-left: 0.75em;
  padding: 0;
}

blockquote
{
  margin-left: 2.5em;
  margin-right: 2.5em;
  margin-top: 0.5em;
  padding: 0.5em;
}

blockquote.quoted,
q
{
  font-style: italic;
  quotes: '\201C' '\201D' '\2018' '\2019';
}

blockquote.quoted:before,
q:before
{
  content: '\201C';
}

blockquote.quoted:after,
q:after
{
  content: '\201D';
}