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

body {
  margin: 0;
  padding: 0;
  background: #3c4e5a url(/images/bg_page.gif) bottom repeat-x fixed;
  font: small arial,helvetica,sans-serif;
  color: #333;
  }

html>body { font-size: small; } /* for Opera */

b,strong { font-weight: bold; }
i,em { font-style: italic; }

img	{
  border: 0;
  border-width: 0;
  border-style: none;
  padding: 0;
  margin: 0;
  }

a:link    {color: #3cf;}
a:visited {color: #3cf;}
a:active  {color: #777;}
a:hover   {color: #3cf; text-decoration:none;}

a img {
  border-width: 0;
  border-style: none;
  border-color: #fff;
  color: #fff;
  }

sup {
  font-size: 75%;
  line-height: 50%;
  }

form,table,tr,td {
  margin: 0;
  padding: 0;
  }

/* Site Container ----------------------------------------------- */

#container {
  margin: 0 auto;
  padding: 140px 0 0 0;
  position: relative;
  background: #fff url(/images/bg_header.gif) top repeat-x;
  }

.homepage {
  width: 400px;
  }

.subpage {
  width: 660px;
  }

/* Navigation ----------------------------------------------- */

#navigation {
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 15px;
  margin: 0;
  padding: 0;
  }

#navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#navigation li {
  margin: 0;
  padding: 0 0 0 3px;
  float: left;
  }

#navigation li a {
  color: #fff;
  font-weight: bold;
  font-size: 85%;
  text-decoration: none;
  }

#navigation li a:hover span {
  color: #3cf;
  }

#searchfield {
  visibility: hidden;
  }

#searchfield input {
  color: #fff;
  width: 160px;
  font-size: 85%;
  background: transparent;
  border: 1px solid #fff;
  }

/* Logo ----------------------------------------------- */

#logo {
  position: absolute;
  top: 54px;
  left: 15px;
  }

/* Entries on Home Page ----------------------------------------------- */

h4 {
  padding: 0 15px;
  text-align: right;
  font-size: 115%;
  color: #3cf;
  }

h4 a {
  text-decoration: none;
  color: #777;
  }

h4 a:visited { color: #777; }
h4 a:hover { color: #333; }

.entry h2 {
  margin: 0;
  padding: 0 0 31px 15px;
  text-transform: lowercase;
  font-size: 250%;
  letter-spacing: -2px;
  color: #666;
  }

.entry h3 {
  margin: 0;
  padding: 0 15px 31px 0;
  text-align: right;
  text-transform: lowercase;
  font-size: 250%;
  font-weight: normal;
  letter-spacing: -2px;
  color: #ccc;
  background: url(/images/bg_h3date.gif) repeat-x bottom;
  }

.entry h3 span {
  font-size: 225%;
  font-weight: bold;
  letter-spacing: -5px;
  color: #fc3;
  }

.entry h1 {
  margin: -30px 0 0 0;
  padding: 0 15px;
  color: #777;
  letter-spacing: -1px;
  font-size: 129%;
  text-transform: lowercase;
  }

.entry h1 a {
  color: #777;
  text-decoration: none;
  }

.entry h1 a:hover {
  color: #333;
  }

.entry p {
  margin: 0 0 10px 0;
  padding: 0 15px 0 16px;
  color: #777;
  font-size: 85%;
  }

.entry p span {
  color: #3cf;
  }

.entry p a.more {
  text-decoration: none;
  font-weight: bold;
  }

.entry p a.more:hover {
  color: #777;
  }

/* Entry Pages ----------------------------------------------- */

#entry {
  padding-bottom: 30px;
  }

#entry h3 {
  margin: 0;
  padding: 0 30px 36px 0;
  text-align: right;
  text-transform: lowercase;
  font-size: 180%;
  font-weight: normal;
  letter-spacing: -2px;
  color: #ccc;
  background: url(/images/bg_h3date.gif) repeat-x bottom;
  }

#entry h3 span {
  font-size: 225%;
  font-weight: bold;
  letter-spacing: -5px;
  color: #fc3;
  }

#entry h1 {
  margin-top: -15px;
  padding: 0 30px;
  color: #777;
  letter-spacing: -1px;
  font-size: 129%;
  }

#entry h2 {
  padding: 0 30px;
  color: #777;
  letter-spacing: -1px;
  font-size: 129%;
  }

#entry img.blogpost {
  float: right;
  margin: 0 0 15px 15px;
  }

#entry img.blogpostborder {
  float: right;
  margin: 0 0 15px 15px;
  padding: 10px;
  background: #ededed;
  }

#entry img.blogpostborder:hover {
  background: #ccc;
  }

#entry p {
  padding: 0 30px;
  color: #777;
  font-size: 85%;
  }

#entry p span {
  color: #3cf;
  }

#entry p.red {color:#cc0000}
#entry p.blue {color:#0000ff}

blockquote {
  padding: 10px;
  font-size: 85%;
  color: #000;
  background: #ccf5ff url(/images/bg_blockquote.gif) repeat-x top;
  border: 1px solid #a3edff;
  }

#entry ul {
  margin-left: 1.1em;
  padding: 0 30px;
  list-style-type: square;
  }

#entry ol {
  margin-left: 1.1em;
  padding: 0 30px;
  }

#entry li {
  margin: 0 0 0 1.1em;
  font-size: 85%;
  color: #777;
  }

.entry p.oldposts {
  color: #777;
  font-size: 85%;
  text-transform: lowercase;
  }

.entry p.oldposts a {
  text-decoration: none;
  }

.entry p.oldposts a:hover {
  color: #777;
  }

/* Date Colors ----------------------------------------------- */

#entry h3 span.January, .entry h3 span.January, .entry p.oldposts span.January { color: #ffbf00; }
#entry h3 span.February, .entry h3 span.February, .entry p.oldposts span.February { color: #ff007f; }
#entry h3 span.March, .entry h3 span.March, .entry p.oldposts span.March { color: #bffe00; }
#entry h3 span.April, .entry h3 span.April, .entry p.oldposts span.April { color: #0f0; }
#entry h3 span.May, .entry h3 span.May, .entry p.oldposts span.May { color: #0ff; }
#entry h3 span.June, .entry h3 span.June, .entry p.oldposts span.June { color: #ff3198; }
#entry h3 span.July, .entry h3 span.July, .entry p.oldposts span.July { color: #f00; }
#entry h3 span.August, .entry h3 span.August, .entry p.oldposts span.August { color: #8000ff; }
#entry h3 span.September, .entry h3 span.September, .entry p.oldposts span.September { color: #00f; }
#entry h3 span.October, .entry h3 span.October, .entry p.oldposts span.October { color: #e9e900; }
#entry h3 span.November, .entry h3 span.November, .entry p.oldposts span.November { color: #00ff7f; }
#entry h3 span.December, .entry h3 span.December, .entry p.oldposts span.December { color: #066; }

/* Info Boxes ----------------------------------------------- */

.box {
  margin: 0;
  padding: 20px 15px 30px 15px;
  }

div.subpage div.box {
  margin: 0;
  padding: 20px 30px 30px 30px;
  }

.box h2 {
  margin: 0;
  text-align: right;
  font-size: 190%;
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: -2px;
  }

.box h6 {
  margin: -10px 0 10px 0;
  color: #ccc;
  text-align: right;
  font-size: 85%;
  font-weight: normal;
  font-style: italic;
  text-transform: lowercase;
  }

.box h6 a {
  color: #ccc;
  }

.box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

.box li {
  margin: 0;
  padding: 0;
  font-size: 85%;
  }

.box li a { padding: 0 0 0 9px; }
.box p { font-size: 85%; }

/* Info Box Styles ----------------------------------------------- */

#digg {
  margin-top: 30px;
  color: #fff;
  background: #1b5790 url(/images/bg_diggbox.gif) repeat-x top;
  }

#digg h2 { color: #fff; }
#digg li a { 
  color: #ccc;
  background: url(/images/bullet_digg.gif) no-repeat left;
  }

#digg li a:hover { color: #fff; }

#digg div.f { display: none; }


#about {
  color: #fff;
  background: #91c100 url(/images/bg_aboutbox.gif) repeat-x top;
  }

#about h2 { color: #fff; }
#about li a { 
  color: #fff;
  background: url(/images/bullet_about.gif) no-repeat left;
  }
#about li a:hover { color: #fc3; }

#about p img {
  float: right;
  margin: 0 0 10px 10px;
  }

#about p a { color: #fc3; }

#links {
  color: #fff;
  background: #639 url(/images/bg_linksbox.gif) repeat-x top;
  }

#links h2 { color: #fff; }
#links li a { 
  color: #fff;
  background: url(/images/bullet_links.gif) no-repeat left;
  }
#links li a:hover { color: #fc3; }

#links p a { color: #fc3; }

#comments {
  color: #fff;
  background: #777 url(/images/bg_commentsbox.gif) repeat-x top;
  }

#comments h2 { color: #ccc; font-size: 180% }
#comments h2 span {
  font-size: 225%;
  font-weight: bold;
  letter-spacing: -5px;
  color: #0cf;
  }

#comments li a { 
  color: #fc3;
  background: url(/images/bullet_comments.gif) no-repeat left;
  }

#comments p a { color: #fc3; }
#comments p span.required { color: #fc3; }

#comments input, #comments textarea {
  border: 0;
  }

div.commentbox {
  margin-bottom: 20px;
  padding: 0;
  border-bottom: 1px dashed #666;
  }

div.commentbox p span {
  color: #fc3;
  }

/* Footer ----------------------------------------------- */

#footer {
  margin: 0;
  padding: 10px 15px;
  color: #cdcdcd;
  text-align: right;
  background: #404040 url(/images/bg_footer.gif) repeat-x top;
  }

#footer p {
  margin: 0;
  font-size: 85%;
  }

#footer p a {
  text-decoration: none;
  }

#footer p a:hover {
  text-decoration: underline;
  }