body { font: 13px/18px Verdana, sans-serif; }

body, h1, h2, h3, h4 { margin: 0; }

h1 { font: 34px/30px Georgia, Palatino Linotype, serif; }
h2 { font: bold 24px/26px Georgia, Palatino Linotype, serif; }
h3 { font: 22px/26px Georgia, Palatino Linotype, serif; }
h4 { font: 18px/20px Georgia, Palatino Linotype, serif; }

h2 { margin: 0.58em 0 0 0; }
h3 { margin: 0.63em 0 0 0; }
h4 { margin: 0.77em 0 0 0; }

p { margin: 6px 0 1em 0; }

a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: blue; }

h1 a { color: white; }
h1 a:hover { text-decoration: none; color: #000; }

blockquote { margin: 0; padding: 0; background: url(/common/openquote.png) no-repeat top left; }
blockquote { margin-left: 20px; padding-left: 45px; min-height: 38px; }
blockquote p { margin: 1em 0; padding: 0; } 

ul, ol { margin: 0; padding: 0; margin-left: 3em; margin-bottom: 1em; }

/** layout stuff **/

#header { background: #008080; color: white; }
#header .inner { width: 800px; margin: 0 auto; background: rgb(0, 128, 128);  }
#header .inner h1 { padding: 66px 0 0 0; /* line-height: 30px; */ margin-left: 180px; }
#header #tagline { font-style: italic; margin-left: 180px; }
#header .inner img { padding-top: 10px; width: 170px; height: 100px; float: left; }

#nav { background: #066; color: white; height: 22px; line-height: 22px; }
#nav .inner { width: 800px; margin: 0 auto; list-style-type: none; display: block; padding: 0; }
#nav .inner li { float: right; }
#nav .inner li a { display: block; padding: 0 1em; color: white; }
#nav .inner li a:hover { color: black; background: white; }

#main { max-width: 800px; margin: 0 auto; }
#main .clear { clear: both; }

#side { width: 160px; font-size: 12px; line-height: 15px; }
#side { float: left; padding-left: 1px; margin-top: 12px; }

#side h3 { font-size: 100%; font-weight: bold; margin-bottom: 0; line-height: 20px; }
#side ul { margin: 0; padding: 0; padding-left: 16px; margin-bottom: 10px; }

#twitter { margin-bottom: 12px; }
#twitter p { margin: 4px 0; }

#content { float: right; width: 620px; margin-top: 12px; }
#content :first-child { margin-top: 0; }

#footer { width: 900px; margin: 1em auto; font-size: 90%; text-align: center; }


.changeblue { background: url(/common/switch-blue.gif) no-repeat; padding-left: 34px; }
.changeyellow { background: url(/common/switch-yellow.gif) no-repeat; padding-left: 34px; }
.changelime { background: url(/common/switch-lime.gif) no-repeat; padding-left: 34px; }
.changepink { background: url(/common/switch-pink.gif) no-repeat; padding-left: 34px; }



/* blog-specific */
#content .navigation { text-align: center; }
#content .postmetadata { font-size: 80%; }
#content hr { margin: 18px auto; border: none; }

#searchform  #s { width: 100%; }

.post { padding-bottom: 18px; }
.entry li {padding-bottom: 10px;}

/* frontpage-specific */

.boxes { margin-top: 32px; }

.boxes h3 { font-size: 30px; text-align: center; }
.boxes h3 { width: 196px; float: left; margin: 0; }
.boxes h3 { margin-right: 8px; margin-bottom: 16px; }
.boxes h3 { border: 1px solid black; -moz-box-shadow: 0 0 1em #ccc; }

.boxes h3 a { display: block; }
.boxes h3 a { padding: 16px 12px; text-align: center; }

.boxes h3 { background-color: #ffff80; width: 300px; }
.boxes h3 + h3 { background-color: #930; }
.boxes h3 + h3 a { color: white; }
.boxes h3 + h3 + h3 { background-color: #fc0; }
.boxes h3 + h3 + h3 a { color: blue; }
.boxes h3 + h3 + h3 + h3 { background-color: rgb(0, 128, 128); }
.boxes h3 + h3 + h3 + h3 a { color: white; }
.boxes h3 + h3 + h3 + h3 + h3 { background-color: #006; width: 610px; }
.boxes h3 + h3 + h3 + h3 + h3 + h3 { background-color: #066; width: 196.5px; }
.boxes h3 + h3 + h3 + h3 + h3 + h3 a {  }
.boxes h3 + h3 + h3 + h3 + h3 + h3 + h3 + h3 + h3 { background-color: #066; width: 610px; }
.boxes h3 + h3 + h3 + h3 + h3 + h3 + h3 + h3 + h3 a {  }