body {
      background: #339933;
      color: #000;
      font: 0.95em/1.25em "Lucida Sans", Helvetica, sans-serif;
    }
    
    a { color: #339933 !important; }
    a:hover { color: #003300 !important;}
    
    #header {
      background: #66CCFF;
      height: 110px;
    }
    
    #main_nav {
      /*float: right;*/
      padding: 5px 0px 0px 10px;
    }

    #second_nav {
      padding: 4px 0px 0px 0px;
    }
    
    #third_nav {
      padding: 0px 0px 0px 0px;
    }
    
    #body {
      background: #339933;
      width: 900px;
      margin: auto;
    }
    
    #logo {
      float: right;
      margin: -10px 15px 15px 0px;
      position: relative;
    }
    
	#slideshow {
	  position: absolute; 
	  top: 125px;
	  left: 845px;
	  z-index: 5;
      filter:alpha(opacity=65);
      -moz-opacity: 0.65;
      opacity: 0.65;
/*	  width: 80px;*/
    }
    
    .slide {
      margin: -5px 0px -9px 0px;
	  position: absolute;
      z-index: -1;
    }
	    
	#slideshow div{
	  position: relative;
	  /*margin: -5px 0px -9px 0px; */
    }
    
    
    #content {
      background: url('/images/joni_v2.jpg') no-repeat top center #FFFFCC;
      font-size: 90%;
      padding: 15px 15px 100px 15px;  
      min-height: 990px;
    }

	#sidebar {
		width: 195px;
		padding: 5px 10px 5px 10px;
		margin: 560px 0px 100px 670px;
		position: relative;
	}

    #text {
	  background: #FFFFCC;
      filter:alpha(opacity=88);
      -moz-opacity: 0.88;
      opacity: 0.88;
      width: 72%;
    }
                
    #footer {
      background: #FFFFCC;
    }
    
    p {
      font-size: 99%;
      padding: 5px;
      margin: 0;
    }
    
    h1 {
      font-size: 150%;
    }
    
    p.dl {
      background: #333;
      border: 1px solid #373737;
      padding: 2px;
    }

	.footer {
	  text-align: right;
	  font-size: 70%;
	  padding: 5px;
	}
	
	.left {
	  float: left;
	  position: relative;
	}
	
	.left img {
	  padding: 0px 25px 10px 5px;
	}
	
	.small {
	  font-size: 85%;
	}
	
	input.btn {
	  background: #339933;
	  border: 2px outset #669999;
	}


	

/*****************************/
/* specific to HostBaby blog */

.news {
	padding: 5px;
}

.news_entry { padding-bottom: 10px; }

.news_date { font-size: 110%; font-weight: bold; padding-bottom: 5px; }

.news_text { padding-left: 15px; padding-bottom: 15px; }




/* specific to HostBaby guestbook */

.guestbook { 
	width: 98%;
	margin: auto;
}

.guestbook_entry { }

.guestbook_name { font-weight: bold; }

.guestbook_date { }

.guestbook_comment { }



/* specific to HostBaby calendar */

.calendar_main {
	width: 98%;
	margin: auto;
}

.calendar_today, .calendar_today a, .calendar_today .calendar_date_text { 
				  font-weight: bold; 
				  color: #666666; 
				  background-color: #cccccc;
				  }
				  
.calendar_today {				  
				  padding-left: 20px;
				}

.calendar_artist_text { color: #333399; }

.calendar_date_table { font-weight: bold; margin-left: -20px;}

.calendar_event_1 { padding-left: 20px; }

table.calendar_event_1 { 
	background-color: #66CCFF; 
	color: #000000; 
	width: 100%;
}

table.calendar_event_2 { 
	color: #000000; 
	width: 100%; 
}

.calendar_event_2 { 
	padding-left: 20px; 
}

.calendar_event_1 a, .calendar_event_1 a:link, .calendar_event_1 a:active, .calendar_event_1 a:visited { 
	text-decoration: underline; 
	font-weight: normal; 
	color: #000000;
}

.calendar_event_2 a, .calendar_event_2 a:link, .calendar_event_2 a:active, .calendar_event_2 a:visited { 
	text-decoration: underline;
	font-weight: normal;
}

.calendar_event_1 a:hover { 
	color: #0066CC; 
	text-decoration: none; 
	font-weight: normal;
}

.calendar_event_2 a:hover { 
	color: #999999; 
	text-decoration: none; 
	font-weight: normal;
}

.calendar_event_1 .calendar_date_text { 
	font-weight: bold; 
	color: #000000; 
}

.calendar_event_2 .calendar_date_text { 
	font-weight: bold; 
	color: #000000; 
}



/* --- */