/* Begin Typography & Colors */
body {
/*  font-size: 62.5%; */ /* Resets 1em to 10px */
  font-size: 68.75%;  /* Resets 1em to 11px */

  font-family: Arial, Sans-Serif;
  color: #ccc;
  text-align: center;
}

a, a:hover, a:visited {
  color: rgb(21,159,233);
  border-bottom: 1px dotted rgb(21,159,233);
  text-decoration: none;
  marks: none;
}

a:hover {
  border-bottom: 1px solid rgb(21,159,233);
  marks: none;
}

#page { text-align: left; }

#content { font-size: 1.2em; }

.entry p { font-size: 1.05em; }

.entry { line-height: 1.4em; }

.postmetadata { text-align: left; }

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}

h1, h2, h3, .inline-widgets h2, .inline-widgets #wp-calendar caption {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.4em;
}

h1 {
  font-size: 4em; 
  letter-spacing: -.05em;
}

h2, h3 { font-size: 1.6em; }

.description { font-size: 1.2em; }

.sidebars h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}

h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, .description {
  text-decoration: none;
  color: #fff;
  border: none;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebars h2, #wp-calendar caption, cite {
  text-decoration: none;
  border: none;
}

h2 a:hover {
  color: rgb(182,222,243);
  marks: none;
}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li, .alt { font-weight: bold; }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist cite, .commentid {
  color: #fff;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

.sidebars { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

code { font: 1em 'Courier New', Courier, Fixed; }

blockquote {
  color: #555555;
  /* font-style: italic; */
}

em {
  font-style: italic;
  font-weight: normal;
}

acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover { text-decoration: none; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption {
  font: bold 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #fff;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

/* dirty fix for the event calendar plugin */
div#wp-calendar caption { padding-top: 1.5em; }
div#wp-calendar .nav {
  margin: 0;
  position: relative;
}
/* end */

.cal {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  width: 2.9em;
}

.pages a, .pages a:hover, .pages a:visited {
  font-size: 1.5em;
  font-weight: bold;
  color: #999;
  letter-spacing: -.08em !important; letter-spacing: -.1em;
}

.pages a:hover { color: #fff; }

.postinfo h2, .postinfo h3 { 
  font-size: 1.7em;
  line-height: .9em;

  padding-bottom: .2em;


}

.commentid {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  font-size: 2em;
  margin-right: .5em;
  letter-spacing: -.1em;
}

strong {
  font-weight: bold;
  color: #fff;
}

/* End Typography & Colors */



/* Begin Structure */
* {
  max-width: 1000px; /* mtd */
  padding: 0;
  margin: 0; 
  margin-left: auto;  /* need this for chrome - mozilla - mtd */
  margin-right: auto;  /* need this for chrome - mozilla - mtd */

}

p { margin: 1.05em 0; }

body {
  background: #111 url(images/patterns/default.png) fixed;
  margin: 0 0 20px 0;
  margin-left: auto;   /* need this for ie - mtd */
  margin-right: auto;  /* need this for ie - mtd */

}

#header {
  text-align: left;
  width: 100%;
  background: url(images/black_overlay_25.png);
  height: 140px;
  position: relative;
/*  margin-bottom: 20px; */
  margin-bottom: 0px;

}

h1, .description { padding-left: 30px; padding-right: 30px; }

#page {
  margin-bottom: 20px;
  width: 100%;
}

#page table {
  width: 100%;
  padding: 0 10px;
}

#page td {
  vertical-align: top;
/*  padding: 5px; */  /* this breaks all kinds of stuff - remove. mtd */
}

#content {
  min-width: 300px;
  width: 100%;
}

.sidebars {
  /*  width: 210px; */
  width: 250px;
  background: url(images/black_overlay_25.png);
  border: none;
  border-top:    2px solid #eee; 
  border-bottom: 1px solid #eee; 
}

.post {
  text-align: left;
  padding: 5px 15px;
  margin-bottom: 30px;
  background: url(images/black_overlay_25.png);
  border: none;
  border-top:    2px solid #eee; 
  border-bottom: 1px solid #eee; 
    clear: both;
}

.postdata { padding-top: 5px; }

.smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata, .entry { clear: both; }

#footer {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border: none; 

}

#footer p {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}
/* End Structure */


/* Begin Headers */
h1 { padding-top: 15px; }

h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}

.sidebars h2 { margin: 5px 0 0 0; }

h3#comments, h3#respond {
  font-size: 1.5em;
  margin: 40px auto 20px auto;
}

.commentlist li, .alt {
  background-color: #444;
  border-top: 1px dashed #777;
}

.commentlist li.alt { background-color: #555; }
/* End Headers */


/* Begin Images */
p img { max-width: 95%; }

.entry img {
  /*  float: none; */
  margin: 3px 10px;
  background: #fff;
  border: 1px solid #333;
  padding: 3px;

}

.entry img.wp-smiley {
  margin: 0;
  background: transparent;
  border: 0;
  padding: 0;
}

img.nofloat, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }

img.noborder {
  background: inherit;
  border: 0;
  padding: inherit;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

img.alignright  {
  display: inline;
  float: right;
}

img.alignleft  {
  display: inline;
  float: left;
}

.alignright { float: right; }

.alignleft { float: left; }


.imgalignright {
  float: right;
}
.imgalignleft {
  float: left;
}

.imageframe {
  display: inline;
  margin: 3px 10px;  
  background: #555555;
}

.imageframe img {
 outline: 0;
 margin: 0;
 border: 0;
 padding: 0;
}

.imageframe a img {
 margin: 0;
 border: 0;
 padding: 0;
}

.imageframe a, .imageframe a:active, .imageframe a:visited, .imageframe a:focus {
 border: 0;
 outline: none;
   /*  border-bottom: 2px solid #555555; */
  text-decoration: none;
  marks: none;
}

.imageframe a:hover {
  /* border: 0; */
 outline: 2px solid #AAAAAA;
  /*  border: 1px solid rgb(21,159,233); */
		/*  border-bottom: 2px solid #AAAAAA; */
  text-decoration: none;

  marks: none;
}

.imagecaption {
 padding: 8px;
  /*  font-size: 0.8em;
   line-height: 1.4em; */
}

/* End Images */


/* Begin Lists */
.entry ul {
  padding: 0 0 0 20px;
  list-style: none;
  list-style-type: circle;
} 

.entry li { margin: 7px 0 8px 5px; }

.entry ol { padding: 0 0 0 20px; }

.postdata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

.sidebars li {
  list-style-type: none;
  margin: 0 10px 20px 10px;
}

.sidebars ul li {
  list-style-type: circle;
  list-style-image: none;
}

.sidebars p, .sidebars select { margin: 5px 0 8px; }

.sidebars ul { margin: 5px 0 0 15px; }

.sidebars ol { margin: 5px 0 0 25px; }

.sidebars ul ul { margin: 0 0 0 15px; }

ol li, .sidebars ol li { list-style: decimal outside; }

.sidebars ul li, .sidebars ol li {
  margin: 3px 0 0 0;
  padding: 2px 0;
}

.sidebars a, .sidebars a:visited { border: none; }

.sidebars a:hover {
  border-bottom: 1px dotted rgb(21,159,233);
  marks: none;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
  margin: 0 auto;
  padding: 0 3px; 
  text-align: center;
}

.sidebars #searchform #s {
  width: 140px;
  padding: 2px;
}

#content #searchform {
  text-align: left;
  margin: 1em 0;
}

#content #searchform #s {
  width: 200px;
  padding: 2px;
}

.entry form { text-align: center; }

select { width: 130px; }

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 99%;
  padding: 2px;
}

/* #commentform #submit { float: right; } */
#commentform #submit { float: none; } 
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 2em 0 0 0;
  padding: 10px;
}

.commentlist { text-align: justify; }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
}

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; }

.commentmetadata { display: block; }

.authorcomment {
  background-color: #111 !important;
  color: #FFF;
  border-top:    1px dashed #CCC !important;
  border-bottom: 1px dashed #CCC;
}

#previewed-comment-header {
  font-size: 1.5em;
  font-weight: bold;
}

/* End Comments */



/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 0 auto !important; margin-top: -1.5em;
  width: 155px;
}

#wp-calendar caption {
  margin-top: -1.2em;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
  border: none;
}

#wp-calendar #today {
  color: #999;
  background: #333;
}

#wp-calendar caption {
  text-align: left;
  width: 100%;
}

#wp-calendar th, #wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote {
  margin: 15px 10px 0 10px;
  padding: 0 20px;
  border-left: 5px solid #ddd;
  border: 1px dashed #ddd;
  border-left: 0;
  border-right: 0;
  background: #444;
  color: #ddd;
}

.center { text-align: center; }

a img { border: none; }

.navigation {
  display: block;
  text-align: center;
  padding: 10px 0 20px 0;
}

.navigation div { padding: 0 0 10px 0; }
.navigation img { vertical-align: bottom; }

 
.cal {
  display: inline;
  padding: 0;
  padding-right: 1em;
  float: left;
  margin-right: 1.1em;
 width:7em; /* added this */
   border-right: 1px solid #ddd; /* this too */
}

.cal span { display: block; } 

.cald {
  font-size: 1.7em; 
  line-height: .9em;
  font-weight: bold;
  letter-spacing: .2em;
  padding-left: .2em;

  padding-bottom: .2em;
}

.cald2 {
  letter-spacing: 0em;
  padding-left: 0;
}


.calm {
  font-weight: bold;
  font-size: 2em;
  line-height: .7em; 
}


.caly {
/*    font-size: .8em;
  letter-spacing: .2em;
  line-height: 1em; */
  letter-spacing: .1em;
  font-size: 0.9em;
  line-height: 1.5em;
}

.pages {
  display: block;
  text-align: left;
  padding: 30px 0 0 20px; 

  border-bottom: 5px solid black;
  position: absolute;
  bottom: 0;
  
  width: 98%;
}

.pages li {
  list-style-type: none;
  display: inline;
  margin: 0 1px;
}

.pages a, .pages a:hover, .pages a:visited {
  border: none;
  padding: 5px 10px;
  background: #333;

}

.pages a:hover {
  border-top: 2px solid rgb(21,159,233);
  marks: none;
}

.postinfo { padding-bottom: 1em; }

#rss {
  float: right;
  padding-right: 4px;
}

.inline-widgets { padding-left: 0; }

.inline-widgets li {
  list-style-type: none;
  padding-bottom: 2em;
}

.inline-widgets li ul { padding-left: 2em; }

.inline-widgets li li {
  list-style-type: circle;
  padding-bottom: 0;
}

.textwidget { padding-right: 10px; }

.textwidget blockquote {
 margin: 5px;
 padding: 6px;
  border-left: 5px solid #ddd;
  border: 1px dashed #ddd;
  border-left: 0;
  border-right: 0;
 border: 0;
  background: #444;
  color: #ddd;
  font-style: normal;

}


.commentid { float: left; }
#content hr {
      margin: 20px;
}

/* End Various Tags & Classes*/


.icon {
  width: 16px;
  height: 16px;
  background: url(images/sprites.png);
}
.book_previous { background-position: 32px 0; }
.book_next     { background-position: 16px 0; }
.comments      { background-position: 64px 0; }
.magnifier     { background-position: 80px 0; }
.page_edit     { background-position: 48px 0; }
.rss           { background-position:  0px 0; }

.absolute { position: absolute; }