h1 { color: #000099; font-family: "Utopia", serif }
h2 { color: white; font-family: "Utopia", serif; margin: 0em }
#content { background-color: #b4bdff; padding: 1em; margin: auto; width: 70%; color: #303030; -moz-border-radius: 20px }
#content:after { clear: both; content: ""; display: block }
#image { height: 100%; position: relative; float: left; padding: 1em; width: 210px }
#right { margin-left: 210px }
#tagcloud { padding: 1em; padding-bottom: 0em }
#tagcloud li { position: relative; font-family: sans-serif; padding: 0.5em; display: inline-block; -moz-border-radius: 10px }
.tag_largest { font-size: x-large; font-weight: 700; background-color: #8896ff }
.tag_large { font-size: large; font-weight: 500; background-color: #909dff }
.tag_normal { background-color: #98a4ff }
.tag_small { font-size: small; font-weight: 300; background-color: #a0abff }
.tag_smallest { font-size: x-small; font-weight: 200; background-color: #a8b2ff }
#flags { padding: 1em; padding-top: 0em }
#flags li { list-style: none }
.flag_Green:before { content: "↑"; color: #c0ffc0; font-weight: bold; padding-right: 0.5em; font-size: small }
.flag_Red:before { content: "↓"; color: #ffc0c0; font-weight: bold; padding-right: 0.5em; font-size: small }
.flag_Amber:before { content: "↔"; color: #ffffc0; font-weight: bold; padding-right: 0.5em; font-size: small }
#email { text-decoration: none; font-size: small; font-family: sans-serif; color: white; font-weight: normal }
#email:hover { text-decoration: underline }
