@import url(insect_frames.css);
@import url(slidearrows.css);
body {
	background: #CCC url(insect_background.jpg);
	font-style: verdana, sans-serif;
	font-size: 120%;
	/* Yes, I know, changing the body-text is bad,
	   but this stylesheet is just for play anyway */
	margin: 0px;
	padding: 10px 20px 10px 10px;
}

h1, h2, h3, h4, h5, h6 { font-family: cursive; }
h1 { color: #008000; }
h2 { color: #066; }
h3, h4 { color: #033; }

img { border: 0px; color: #CCC; background: none transparent; } /* Color is a Netscape hack */

.linkcontents  {
	background: #696;
	border: 2px solid black;
}
.meta { background: #CDFFCD; }
.time { color: #060; }
.dheadline, .ddate {
	color: #006000;
	font-family: cursive;
}
.ddate {
	font-size: 80%;
}
blockquote { border: 3px dotted #093; }

* html .descriptionimage, * html .descriptiontext {
	margin-top: 2em;
}
.descriptiontext {
	padding-top: 70px;
}
.thumbtext, .tinytext {
	color: #040;
	font-weight: bold;
}
.daydivider {
	height: 40px;
}
body>.daydivider div {
	border: 1px solid black;
	position: relative;
	height: 40px;
	width: 100%;
	left: -27px;
	padding-left: 26px;
	padding-right: 26px;
	background: url(insect_worm.jpg) repeat-x top left;
}
* html .daydivider {
	border: 1px solid black;
	position: absolute;
	height: 40px;
	width: 100%;
	left: 0px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0px;
	background: url(insect_worm.jpg) repeat-x top left;
}
* html .daydivider div {
	width: 100%;
}
.slidePreview img {	border: 1px solid black;}
.slidePreview .tinyimg {
	padding: 0px;
	background: none;
	width: 120px;
	float: left;
}

.slidenav .tinyimg {
	padding: 3px;
	margin-left: -4px;
}
.slidenav img {
	border: 2px solid black;
}
.slidenav .currentslide .slidePreview .tinyimg {
	padding: 0px;
	margin-left: 0px;
	margin-right: 10px;
}
.slidenav .currentslide .slidePreview .tinyimg img{
	border: 5px solid #090;
}
.descriptionimage { 
	float: left;
	width: 240px; 
 }
 .descriptiontext {
	margin-left: 300px;
	width: auto;
	float: none;
}

/* Calendar */
#calNav a span {
	background: #6C6;
}
#calNav a:hover {
	/* Needed by IE */
	background: #6C6;
}
#calNav a:hover span {
	border: 2px dotted black;
}
#calNav a:hover .sh2 {
	border-bottom: 2px solid black;
}
.calone {
	border: 5px dotted #6C6;
	background: none;
}

.computer, .magnetic, .guestwriter, blockquote.song, .recipe {
	border: 2px dotted black;
	padding: 0.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	background: #9C9;
}
.computer h3, .magnetic h3, .writer, .recipetitle {
	background: #696;
	border: 2px solid black;
}