.typography { font-family: Trebuchet MS, serif; }
.typography h1, .typography h2, .typography h3, .typography h4 { color: #174349; margin-bottom: 12pt; }
.typography h1 { font-size: 24pt; }
.typography h2 { font-size: 20pt; }
.typography h3 { font-size: 16pt; }
.typography p { margin-bottom: 12pt; }

.typography blockquote { border: 1px dashed #174349; margin: 0em 2em 1em 2em; padding: 5px; }

/* lists */
.typography ol, ul { margin-bottom: 1em; }
.typography ul { list-style-type: square; }
.typography ul li { margin-left: 2.5em; padding-left: 5px; }
.typography ol { list-style-type: decimal; }
.typography ol li { margin-left: 2.5em; }

/* links */
.typography a { text-decoration: none; color: #174943; }
.typography a:hover { text-decoration: underline; }

/* images */
.typography img { border: 3px solid white; margin: 5px; }

/* blog specifics */
.typography #BlogContent h2 a { text-decoration: none; color: #174943; }
.typography #BlogContent p.tags { font-size: 10pt; }
.typography div#BlogPost { float: left; }
.typography div#BlogPost textarea { width: 40em; height: 20em; }
.typography a#BBCodeHint { float: right; }
.typography div#BBTagsHolder { float: right; background: inherit; }
.typography div#BBTagsHolder ul li { margin-left: 0px; margin-bottom: 3px; }
.typography div#Tags { clear: both; }

/* form */
.typography form input, form textarea { margin-bottom: 0.5em; }
.typography form input[type=text] { width: 30em; }
.typography form textarea { width: 40em; height: 10em; }

/* tables */
.typography table { border-collapse: collapse; }
.typography table td { border: 1px solid black; padding: 5px; }

/* alignment */
.typography div.left img { float: left; }
.typography div.right img { float: right; }