body {
	font-family: lucida grande, verdana, sans-serif;
	margin: 0;
	border: 0;
	text-align: center;
	background: #999;	
	font-size:12px;
}

a 		{ color: #039; text-decoration: none;} 
a:link		{ color: #039; text-decoration: none;} 
a:visited	{ color: #039; text-decoration: none;} 
a:active	{ color: #369;  } 
a:hover		{ color: #369;  }


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

img {
	border: 0;
}

#wrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
 
#header{
	height: 100px;
	width: 720px;
	margin-left: 15px;
}


#leader {
	font-family: georgia, serif;
	margin-left:15px;
	width: 720px;
}

#leader .title {
	padding: 10px;
}

#leader .tagline{
	padding-right: 10px;
	float: right;
	margin-top: -1em;
}

#mainbody{
	font-family: lucida grande, verdana, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
}

#blog {
	width: 470px;
	float: left;
	padding: 10px 0px 10px 20px;
}

#links{
	font-family: lucida grande, verdana, sans-serif;
	width: 200px;
	float: right;
	margin:20px 0px 20px 0px;
}

#footer{
	height: 20px;
	margin-left:15px;
	margin-right:15px;
	text-align:right;
	font-size: .8em;
	padding: 10px;
}

#blog .date{
	font-family: georgia, serif;
	font-size:1em;
	padding:10px 5px 0px 5px;
	font-weight:bold;
}

#blog .title{
	font-family: georgia, serif;
	font-size:1.2em;
	font-weight:bold;
}

#blog .blogbody{
	padding:10px 20px 20px 20px;
	line-height: 1.5em;
	font-size:1em;
}

.blogbody div.thumb200 {   
  float: left;  
  width: 200px;
  height: 200px;
  padding: 10px;
  text-align:center;
  }
        
.blogbody div.thumb100 {
 float: left;
  width: 110px;
  height: 200px;
  padding: 10px;
  }
         
.blogbody div.thumb200 p {
   text-align: center;
   font-size:.9em;
   }

.blogbody div.thumb100 p {
   text-align: center;
   font-size:.9em;
   }

.blogbody div.thumb {
  float: left;
  padding: 10px;
  }
  
.blogbody div.thumb p {
   text-align: center;
   font-size:.9em;
   }

.blogbody blockquote{
	margin: 10px;
	padding:5px 20px 5px 20px;
   	font-size:.95em;
   }
.blogbody dl{ margin-top: 0px;}
   
.blogbody dt {
              font-weight: bold;
        }       

.blogbody dd {    
                font-weight: normal;
                margin-left: 1em;
                margin-bottom: 1em;

        }

.img-box {
        float:right;
}

.img-shadow {
        float:left;
        background: url(images/shadow.gif) no-repeat bottom right;
        margin: 10px 0 0 10px !important;
        margin: 10px 0 0 5px;
}

.img-shadow img {
        display: block;
        position: relative;
        margin: -5px 5px 5px -5px;
} 


.hide {
                background: #000;
        }

#blog .footnote {
                font-size: .8em;
                padding:5px 20px 5px 20px;
}

#blog .posted{
   	font-size:.95em;
}

#blog sup.footmark{
   	font-size: .75em;
   	line-height: 80%;
}

div .spacer{
   clear:both;
}


#haikubox{
	margin:35px 10px 5px 10px;
	float:right;
}	

#haikubox .shadow {
	margin: 5px 5px;
	padding: 0;
	position:relative;
}

#haikubox .shadbox {
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	vertical-align: bottom;
}

#haikubox .haikutitle{
	font-family: georgia, serif;
	padding:5px;
	font-size: 1em;
	font-weight:bold;
	color:003;
	text-transform:uppercase;
}

#haikubox .haiku{
	font-family: lucida grande, verdana, sans-serif;
	font-size: .95em;	
}

.haiku dl{
	padding-left: 10px;
	padding-right: 15px;
}
.haiku dt{
	margin-left: .3em;
	margin-top: .5em;
	font-weight: bold;
}

.haiku dd{
	font-weight: normal;
	margin-left: 1em;
	line-height:1.5em;
}

#haikubox .disclaimer{
	font-size: .9em;
	font-style:italic;
	text-align:right;
	padding-right:10px;
}

.clearie5mac { clear:right; }
/* v1 of the commented backslash hack. This \ character between rules appears to have the effect  that macIE5 ignores the following rule. Odd, but extremely useful. */
.clearie5mac {display: none; clear:none; }


#links .sidetitle{
	font-family: georgia, serif;
	padding:5px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}

#links .side{
	font-size: .9em;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:10px;
	padding-top:10px;
	line-height:140%;	
	font-weight:bold;
}


.side dl {
	margin:0px;
}

.side dt {
	padding-top: .3em;
	font-weight: bold;
}

.side dd {
	font-weight: normal;
	margin-left: 1em;
}

#links .powered{
	text-align:center;
	margin: 10px;
	padding-top:10px;
}


#menu {
	font-weight:bold;
	padding:10px;
	text-align:center;
}


	.comments-body {
		color:#666;
		font-size:.9em;
		font-weight:normal;
  		line-height:140%;
  		padding-bottom:10px;			
		}		

	.comments-post {
		font-size:x-small;
		font-weight:normal;
   	 	margin-top:0px;		
		}	

	.comments-head	{ 
		font-size: .9em; 
		font-weight:bold;
		padding:5px;
		margin-top:20px;
		margin-bottom:10px;
		text-transform:uppercase;
		}		

	.comments-body {
		color:#666;
		font-size:.9em;
		font-weight:normal;
  		line-height:140%;
  		padding-bottom:10px;			
		}		

 	.trackback-body {
		color:#333;
		font-size:.9em;
		font-weight:normal;
  		line-height:140%;	
  		padding-top:15px;				
		}		

	.trackback-url {
		color:#666;
		font-size:.9em;
		font-weight:normal;
  		line-height:140%;	
  		padding:5px;
  		border:1px dashed #666; 				
		}

	.trackback-post {
		color:#999;
		font-size:x-small;
		font-weight:normal;
  		margin-bottom:20px;
		}	

	#banner-commentspop {
		color:#003;
		font-size:large;
		font-weight:bold;
  		padding-left:15px; 
		}