body { color: black; background: white; margin: 0 auto; padding: 0 }
h1, h2, h3 { color: navy; font-family: "Comic Sans MS"; letter-spacing: 0.09em }
h4 { color: navy; font-family: "Comic Sans MS"; margin-bottom: 4px }
p { font-family: Arial }
.center { text-align: center }
blockquote { font-family: Arial }
ul { list-style: square; margin: 3px 0; padding-left: 1em }
li { font-size: 100%; font-family: Arial; margin-bottom: 2px }
img { margin: 0; padding: 0; border: 0 }
a:link { color: #000000; text-decoration: none; font-weight:bold; background-color: transparent }
a:visited { color: #000000; text-decoration: none; font-weight:bold; background-color: transparent }
a:hover { color: #c00; background-color: transparent }
#wrapper { color: #ffffff; background: #ffffff; margin-right: 1%; margin-left: 1%; padding-bottom: 1%; width: 98%; border-style: solid; border-width: 7px 2px 20px; border-color: #cff }
#header { color: #00ccff; background: #ffffff; margin-bottom: 3px; padding: 5px 10px 5px 20px; border-bottom: 1px solid #ffffff }
#blogtitle { color: #000; font-size: larger; font-weight: bold; text-align: right; margin: 0; padding: 0; width: 95%; float: left }
#blogtitle h1 { color: #666; font-size: 230%; text-align: center; letter-spacing: 0.1em; margin: 0; padding: 0; width: 100% }
#nav { color: #ffffff; font-size: 60%; font-family: Arial; background: transparent; text-align: right; letter-spacing: 0.09em; margin: 0; padding: 0; width: 100%; float: left }
#content { font-family: "Arial"; margin-bottom: 10px; padding: 0 10px; float: left }
#blog { color: #000000; font-size: 80%; font-family: Arial; background: white; text-align: left; margin-right: 1%; padding-right: 5%; padding-left: 5%; width: 65%; float: left; border: 0 }
#wideblog /* This is used when we don't have a sidebar */  { color: #000000; font-size: 80%; font-family: "Comic Sans MS"; background: #ffffff; text-align: left; margin-right: 2%; margin-left: 2%; padding-right: 5%; padding-left: 5%; width: 87%; float: left }
#photos { color: #000000; font-size: 57%; font-family: Arial; background: #ffffff; text-align: left; margin: 7px 0; padding: 0; width: 100%; float: left }
#sidebar { color: #000000; font-size: 70%; font-family: Arial; background: #ffffff; text-align: left; margin-top: 30px; margin-left: 0; padding-left: 1%; width: 20%; float: right; border: 0 }
#footer { color: #000000; font-size: 70%; background: #ffffff; text-align: center; margin: 0; padding: 5px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.date { color: black; font-size: 80%; background: transparent ; text-align: right }
.title { color: #000000; font-size: 200%; font-family: "Comic Sans MS"; font-weight: normal; background: transparent; border-bottom: 1px solid #ddd }
.summary { color: #333; font-size: 110%; font-family: "Comic Sans MS"; font-weight: normal; background: transparent }
.posted { color: #000; font: bold 10px Arial, helvetica, sans-serif; background: transparent; margin-bottom: 30px }
.sidetitle { color: #333; font-size: 115%; font-weight: bold; background: transparent; text-align: center; letter-spacing: 0.09em; margin: 10px 0; border-bottom: 1px dotted #003f90 }
.spacer { clear: both }
.input { color: black; font-size: 11px; font-family: Arial, Sans-serif; background-color: #fff; margin-top: 6px; margin-bottom: 3px; padding: 0.3em 0 0 2px; height: 1.6em; border-top: 1px solid #999999; border-left: 1px solid #999999 }
.textarea { color: #000000; font-size: 9px; font-family: Arial, Sans-serif; background-color: #ffffff; margin: 3px 5%; border-top: 0 solid #999999; border-left: 0 solid #999999 }
.checkbox { background-color: transparent; margin: 3px; padding: 0; border: 0 }
.submit { color: black; font-size: 8px; font-family: Arial, Verdana, Sans-serif; font-weight: normal; background-color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 6px; margin-bottom: 4px; padding: 1px 3px }
.select { color: black; font-weight: normal; background: #fff; letter-spacing: 0.09em }