body {
  background:#336699;
  text-align:center;
  margin:0px 0px 0px 0px;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#666;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


 a {
  text-decoration: none;
   }

a:link {color:#305080; border-bottom:1px solid #fff;}
a:visited {color:#305080; border-bottom:1px dotted #999;}
a:hover {color:#305080; border-bottom:1px solid #fff;}


h1, h2, h3, h4 { 
 margin:0px;
 }


 #content {
  position:absolute;
  margin:0px auto;
  text-align:center;
  width:700px;
  background:#fff;
  border-top:0px solid #ffffff;
  border-left:0px solid #ffffff;
  border-right:0px solid #ffffff;
  padding:0px;
  }

 #content {
	position: relative;
	}

  html>body #content
	{
	right					: -20px;
	}

html>body #content
	{
	\right					: 0px;
	}

#banner {
 background:transparent;
 text-align:left;
 font-size:90%;
 font-weight:bold;
 text-transform: uppercase;
 padding:0px 0px 0px 0px;
 color:#fff;
 }

/* this moz-ie nested div fix found at SitePoint Forums.  thanks!
http://www.sitepoint.com/ */

 .clearer {
      height:1px;/* for moz*/
      overflow:hidden;/* makes ie display only 1px height*/
      clear:both;/*clear floats*/
      margin-top:-1px;/*close the gap that the 1px height made*/
  }

#archivemain {
  background-color:#fff;
  text-align:center;
  width:80%;
  margin:0px auto;
   }

 #archivemain2 {
  background-color:#fff;
    text-align:left;
  }

#copyrightbox {
background-color : #ffffff;
color : #000000;
height : 75px;
width : 700px
} 


 #main {
  background-color:#fff;
  padding:0px;
  margin:5px 0px 0px 0px;
  text-align:left;
  }

 #menu {
 text-align:center;
 font-size:89%;
 margin-bottom:10px;
 }


#blogarea {
  float:left;
  background:#fff;
  width:470px;
  text-align:left;
  margin-left:10px;
  margin-right:5px;
  margin-bottom:10px;
  margin-top:5px;
  }

  #sidearea {
  float:left;
  background:#fff;
  width:150px;
  margin-top:30px;
  margin-left:30px;
  text-align:left;
  }

 .sidetitle {
  background:transparent;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color:#999;
  font-weight:bold;
  font-size:75%;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin-top:10px;
  margin-bottom:0px;
 text-align:left;
  }

.sidetitle2 {
  background:transparent;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color:#999;
  font-weight:bold;
  font-size:75%;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin-top:10px;
  margin-bottom:0px;
  margin-right:5px;
  text-align:right;
  }

  .side {
  margin-top:0px;
  margin-bottom:25px;
  padding:3px;
  }

 #sidearea img {
  margin-left:1px;
  margin-bottom:1px;
  margin-top:0px;
  margin-right:5px;
  }
  
 #happycamper {
  background-color:#8EC9DB;
  color:#fff;
  padding:5px;
  text-align:center;
  margin:0px 0px 0px 0px;
  }

 #happycamper a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
   }



.title {
 background:transparent;
 font-family:"Palatino Linotype", "Book Antiqua", georgia, serif;
  color:#336699;
 text-align:left;
 margin-bottom:5px;
 margin-top:10px;
 margin-left:15px;
  }

.date {
 background:transparent;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color:#999;
  font-weight:bold;
  font-size:78%;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin-top:5px;
  margin-bottom:0px;
  border-bottom:1px solid #eee;
 }


.module-header {
  background:transparent;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  color:#999;
  font-weight:bold;
  font-size:78%;
  text-transform:uppercase;
  letter-spacing:.2em;
  margin-top:10px;
  margin-bottom:0px;
  border-bottom:1px solid #eee;
  }


 .blog {
  background:transparent;
  padding:15px;
  }


 .posted {
  background:transparent;
  border-top:1px solid #ccc;
  padding-top:3px;
  padding-left:15px;
  text-align:left;
  margin-left:30px;
  margin-right:30px;
  margin-bottom:35px;
  color:#999;
  font-size:89%;
  background:url("http://www.symbiotika.com/images/symb-comment.gif") no-repeat 2px .3em;
  }


  .photo {
  background:#fff;
  padding:3px;
  border:1px solid #666;
  margin:5px 3px 3px 3px;
  }

.caption {
 font-size:80%;
 color:#999;
 margin:0px 0px 3px 0px;
 }

 ul {
  background:transparent;
  margin:0;
   }
  
li {
   list-style:none;
   padding:0px 0px 3px 15px;
  margin-bottom:5px;
  margin-left:0px;
  line-height:1.4em;
  font-size:89%;
  }


module ul {
  background:transparent;
  margin:0;
   }
  

 module li {
 list-style:none;
 padding:0px 0px 3px 15px;
 margin-bottom:5px;
 line-height:1.4em;
 font-size:89%;
  }


 .comments-header {
 background:transparent;
 padding-left:30px;
 font-family:"Palatino Linotype", "Book Antiqua", georgia, serif;
 color:#4A9600;
  }
 
.comments-blog {
 background:transparent;
 padding-left:30px;
 padding-right:30px;
 font-size:small;
  }


.comments-footer {
 background:transparent;
  border-top:1px solid #ccc;
  padding-top:3px;
  padding-left:15px;
  text-align:left;
  margin-left:30px;
  margin-right:30px;
  margin-bottom:35px;
  color:#999;
  font-size:89%;
  background:url("http://www.symbiotika.com/images/symb-comment.gif") no-repeat 2px .3em;
 }


 input.one {
 background:#eee;
 border:1px solid #999;
 padding:2px;
 color:#666;
 font-family: Tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 89%;
  }

 input.two {
 background:#eee;
 border:0px;
 color:#666;
 font-family: Tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 89%;
 }

 textarea {
 background:#eee;
 border:1px solid #999;
 padding:2px;
 color:#666;
 font-family: Tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 89%;
 }

.icon {
 background:transparent;
 margin-right:3px;
 margin-bottom:2px;
 }