body {
margin: 0;
padding: 0;
background: #F0FFFF;
color: #000;
}

h1, h2, h3 {
font-family: georgia, times new roman, times, serif;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

h5 { 
	font: italic bolder 24pt georgia; 
	color: #009933;
	}

p {
font-family: verdana, arial, helvetica, sans-serif;
}

.center {
text-align: center;
}

blockquote {
font-family: georgia, times new roman, times, serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 1em;
}

li {
background: transparent;
font-family: lucida grande, verdana, arial, sans-serif;
color: #333;
}

img {
margin: 0;
padding: 0;
border: 0;
background: #E0F5F8;
color: #000;
}

a:link { border-bottom: 1px solid #8fbc8f; background-color: transparent; text-decoration: none; color: #003967; }
a:hover { border: 0; background-color: #8fbc8f; text-decoration: none; color: #eee; }
a:visited { border: 0; background-color: transparent; text-decoration: none; color: #003967; }

#main {
margin: 0 300px 0 5%;
padding: 10px;
font-size: 75%;
line-height: 180%;
background: #E0F5F8;
color: #000;
border:        1px solid #999999;

}

#sidebar {
position: absolute;
top: 0px;
right: 85px;
width: 210px;
background: #CCEAEA url(/images/pic.jpg) no-repeat top center;
padding-top: 150px;
color: #000;
border:        1px solid #999999;

}

.date {
font-size: 100%;
background: transparent;
color: #000;
}

.blogtitle {
font-size: 340%;
color: #00403C;
background: transparent;
margin-bottom: 40px;
}

.title {
font-size: 170%;
background: transparent;
color: #0D6654;
}

.posted {
margin-top: 10px;
margin-bottom: 30px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
} 

.sidetitle {
margin: 10px 0;
font-size: 125%;
background: transparent;
color: #2E8B57;
}

.box {
margin: 10px;
padding: 5px;
background: transparent;
font-size: 70%;
line-height: 170%;
color: #000;
}

.altbox {
margin: 0;
padding: 5px;
background: #B4D8D7;
font-size: 70%;
line-height: 170%;
color: #000;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
} 

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         10px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}  

#wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 1000px;
border-top: 7px solid #9DB7A7;
border-right: 1px solid #aaa;
border-bottom: 20px solid #9DB7A7;
border-left: 1px solid #aaa;
background: #eee;
color: #333;
}

#header {
margin-bottom: 10px;
padding: 5px 10px 5px 20px;
border-bottom: 1px solid #ccc;
background: #fff;
color: #003300;
font-variant: small-caps;
}

.spacer {
clear: both;
}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}