/* here are the colors, font sizes, etc. used throughout the page */
/* the font-family style is repeated so that Netscape displays it properly */

/* regular text */   
body { 
	background-color: #090;
	color: #000;
	text-align: center;
	font-family: verdana, arial, sans-serif; 
	font-size: 9pt; 
}

/* main content area */
#main {
	background-color: #fff;
	width: 450px;
	text-align: left;
	border: solid 2px #0c0;
	margin: auto;
}
#content {
	margin: 16px;
}

/* blog title */    
h2 { 
	font-family: verdana, arial, sans-serif; 
	font-size: 13pt; 
}
img {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* date */
h3 { 
	font-family: verdana, arial, sans-serif; 
	font-size: xx-small; 
	color: #fff; 
	font-weight: normal; 
	background-color: #06f; 
	padding: 2px;
}      

/* posting info */
h4 { 
	text-align: right;
	font-family: verdana, arial, sans-serif; 
	font-size: 9pt; 
	font-weight: normal; 
	color: #f63; 
	padding: 0px;
	margin: 8px 0px;
}

/* links, baby */

a, .post h4 a { 
	text-decoration: none; 
	font-weight: bold; 
	color: #0c0; 
	border: solid 2px #fff;
	padding: 2px; 
}
a:visited, .post h4 a:visited { 
	color: #090;
	font-weight: bold;
	border: solid 2px #fff;
	padding: 2px;
}
a:hover, .post h4 a:hover { 
	color: #fff;
	font-weight: bold; 
	background-color: #090; 
	border-top: 2px #0c0 solid; 
	border-left: 2px #0c0 solid; 
	border-right: 2px #060 solid; 
	border-bottom: 2px #060 solid;
	padding: 2px;
}

/* image links */

a.imag {
	float: right;
	background-color: #fff; 
	border-top-width: 0px; 
	border-bottom-width: 0px;
	border-left: 1px #fff solid; 
	border-right: 1px #fff solid; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-right: 1px; 
	padding-left: 5px;
	margin: 0px;
}
a:visited.imag { 
	background-color: #fff; 
	border-top-width: 0px; 
	border-bottom-width: 0px;	
	border-left: 1px #fff solid; 
	border-right: 1px #fff solid; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-right: 1px; 
	padding-left: 5px; 
	margin: 0px;
}
a:hover.imag { 
	background-color: #fff; 
	border-top-width: 0px; 
	border-bottom-width: 0px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-right: 1px; 
	padding-left: 5px; 
	border-left: 1px #3c0 solid; 
	border-right: 1px #3c0 solid; 
	margin: 0px;
}
a.imag img {
	display: block;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
.post img {
	display: block;
	border: solid 1px #000;
	margin: 16px auto;
}

/* text links */

.post a, a.textlink { 
	text-decoration: none; 
	font-weight: normal; 
	color: #00c; 
	padding: 0px; 
	border: 0px;
	margin: 0px;
}
.post a:visited, a:visited.textlink { 
	text-decoration: none; 
	font-weight: normal; 
	color: #090;
	padding: 0px; 
	border: 0px;
	margin: 0px;
}
.post a:hover, a:hover.textlink { 
	text-decoration: none; 
	font-weight: normal; 
	color: #fff; 
	background-color: #f63; 
	padding: 0px; 
	border: 0px;
	margin: 0px;
}

/* blog credits */

div.blogcredits {
	text-align: right;
	border-top: solid 1px #9f3;
	margin-top: 12px;
	padding-top: 12px;
}
.blogcredits a {
	border: none;
	margin: 0px;
	padding: 0px;
}
.blogcredits a:hover {
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
}
.blogcredits a:visited {
	border: none;
	margin: 0px;
	padding: 0px;
}
.blogcredits img {
	display: inline;
	border: 1px #fff solid;
	margin: 2px;
	padding: 0px;
}
.blogcredits img:hover {
	margin: 2px;
	padding: 0px;
	background-color: #9f0;
	border: 1px #3c0 solid;
}