/* =core */

* {
  padding:0;
  margin:0;
  font-family: Helvetica, Arial, Sans-serif;
}

body {
  background: #fff;
  color: #333;
  text-align: center;
  margin: 10px;
  font-size: 86%;
  line-height: 1.5em;
}

p {
  margin-bottom: 1.5em;
}


/* =layout */

#wrapper {
  text-align: center;
  margin: 0 auto;
  width: 807px;
}

#header, #main, #footer { 
  text-align: left;
  width: 807px;
}

#header {
  padding: 3px;
}

#header #logo {
  float: left;
  margin-right: 3px;
  width: 198px;
  height: 160px;
  background: #cc3366;
}

#header #logo h1 a {
  display: block;
  text-indent: -9999px; 
  text-decoration: none;
  width: 198px;
  height: 160px;
}

#header #graphic #tagline {
  padding: 100px 240px 0 8px;
}

* html #header #graphic #tagline {
  padding-top: 100px; /* for IE5 and IE6 in quirks mode */
}

#header #graphic {
  float: left;
  width: 600px;
  height: 160px;
  background: #669900;
}

#main {
  padding: 20px 3px 20px 3px;
}


#main #navigation {
  float: left;
  margin-right: 3px;
  width: 198px;
  padding: 0;
}
 
#main #content {
  float: left;
  margin-right: 3px;
  width: 466px;
  padding: 0;
}

#main #ads {
  float: left;
  width: 131px;
}

#footer {
  padding: 13px 0 0 5px; 
  background: #fff;
}

/* PIE easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =decoration */

a:link, a:visited {
  color: #cc3366;
  text-decoration: underline;
}
a:hover {
  color: #669900;
}

img { 
  border: none;
}

#tagline {
  color: #fff;
  font-size: 2em;
  line-height: 1em;
}

#navigation .box {
  padding: 0 5px 5px 5px;
}

#navigation h2 {
  color: #669900;
  font-size: 1.5em;
  font-weight: lighter;
}

#navigation input {
  border: 1px solid #999;
  background: #fff;
  height: 21px;
}

#navigation input.button {
  background: #97a858;
  color: #fff;
  border: 1px solid #778f20;
}

#content h2 {
color: #669900;
  font-size: 2.5em;
  font-weight: lighter;
  margin-bottom: .5em;
  line-height: 1em;
}

#content h3 {
color: #669900;
}


#content .metadata {
  padding-left: 16px;
  background: transparent;
}

#content .metadata .links {
  font-size: .86em;
}

#content .blogentry {
  padding: 0 5px 43px 5px;
  margin-bottom: 20px;
  text-align: left;
}

#content .blogentry img {
float: left;
padding: 5px 10px 0 0;
}

#footer {
  font-size: .86em;
}

#layer1 { visibility: visible; position: absolute; top: 749px; left: 229px; width: 100px; height: 100px }