body { font-family: Georgia, serif; padding: 0; margin: 0; color: black; text-align: center; }

img { border-style: none; }

input { padding: 0; margin: 0.2em 0; border: 1px solid gray; text-align: right; color: white; }

a:link { color: black; text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }
.blog h3.a:link { color: green; text-decoration: none; }

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

.blog a:hover { text-decoration: underline; }
.wrapper { width: 800px; margin: 10px auto; text-align: center; }

.header { width: 500px; text-align: center; margin: 0 auto 2em auto; padding: 0; }

.main { width: 500px; text-align: center; margin: 2em 0 0 150px; }

.main img { padding: 0; margin: 5px; }

.main p { width: 500px; font-family: Verdana, sans-serif; font-size: 70%; line-height: 1.4em; text-align: justify; }

#title { text-transform: uppercase; padding: 0; border-bottom: 3px solid orange; }

#attr { font-size: 60%; color: gray; font-style: italic; }

.nav { width: 800px; font-size: 80%; text-align: center; margin: 0 auto; text-transform: uppercase; }

.nav .hi_nav { text-decoration: underline; }

.navigate { float: left; font-size: 90%; text-align: right; width: 130px; margin: 3em 20px 0 0; text-transform: uppercase; }

.section_list { margin: 0; padding: 0; list-style-type: none; }

.section_list ul { list-style-type: none; }

.section_list li { margin: 0; padding: 0.25em 0; }

.section_list .active_section { color: #ccc; }

.section_list .article_list { font-size: 80%; }

.section_list .article_list a { color: #ccc; font-style: italic; text-transform: none; }

.alebox img { float: left; margin: 10px; padding: 0; }

.blog { width: 500px; margin: 2em 0 0 150px; text-align: left; }

.blog img { padding: 0; margin: 5px; }

.blog h3 { color: black; }

.blog p { width: 500px; font-family: Verdana, sans-serif; font-size: 70%; line-height: 1.4em; text-align: justify; }

.published { color: gray; }