/* body, general elements */

body {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 0.8em;
}

hr {
    background-color: #bfe4ff;
    color: #bfe4ff;
    border: 0;
    height: 1px;
}

h2 {
    margin: 0;
    color: #00487d;
    font-size: 13px;
}

h3 {
    margin: 0;
    color: #000;
    font-size: 11px;
}

h4 {
    margin: 0;
    padding: 2px;
    font-size: 10px;
}

img {
    border: 0;
}

.media-float-left {
    border: 1px solid #ccc;
    clear: left;
    margin: 0 10px 10px 0;
    padding: 5px;
}

.media-float-right {
    border: 1px solid #ccc;
    clear: right;
    margin: 0 0 10px 10px;
    padding: 5px;
}

.tile-container {
    vertical-align: top;
}

/* anchors */

a {
    text-decoration: underline;
}

a:hover {
    color: #00487d;
    text-decoration: underline;
}

a:link {
    color: #00487d;
}

a:visited {
    color: #00487d;
}

a:active {
    color: #00487d;
}

/* table */

table {
    width: 100%;
}

th {
    padding: 2px;
    text-align: left;
}

td {
    padding: 2px;
}

#table-data table {
    border-bottom: 1px solid #bfe4ff;
}

#table-data td, #table-data th {
    padding: 2px;
    border-top: 1px solid #bfe4ff;
    font-size: 0.8em;
}

/* form */

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 6px;
    border: 1px solid #80c9ff;
}

legend {
    color: #0066b3;
    font: small sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

input {
    margin: 3px;
    font: small sans-serif;
    font-size: 0.9em;
    vertical-align: middle;
}

textarea {
    margin: 3px;
    font: small sans-serif;
    font-size: 0.9em;
}

select {
    margin: 3px;
    font: small sans-serif;
    font-size: 0.9em;
}

label {
    font-weight: bold;
    margin: 3px;
}

.topic-body {
    font-family: Georgia, Serif;
    font-size: 1.0em;
}

#container {
    border: 1px solid #eee;
    background-color: #fff;
}

#categories {
    padding: 0;
    font-size: 1.0em;
}

#categories a {
    text-decoration: none;
    color: #00487d;
}

#categories a:hover {
    text-decoration: underline;
}

#categories table {
    border-top: 1px solid #ffd833;
    border-bottom: 1px solid #ffd833;
}

#categories td {
    background-color: #ffffdd;
}

#activity {
    font-size: 0.8em;
    font-family: Verdana, sans-serif;
}

#latest-comments {
    font-size: 0.8em;
    font-family: Verdana, sans-serif;
}

#latest-comments a {
    text-decoration: none;
}

#latest-comments a:hover {
    text-decoration: underline;
}

#archives {
    font-size: 0.8em;
    font-family: Verdana, sans-serif;
}

#archives a {
    text-decoration: none;
}

#archives a:hover {
    text-decoration: underline;
}

#content {
    border-left: 1px dotted #506a92;
    padding-left: 10px;
}

#form-help {
    background-color: #ffffbf;
    border: 1px solid #ffd20f;
    font: x-small sans-serif;
    padding: 6px;
}

#form-info {
    background-color: #dff1ff;
    border: 1px solid #4fb0ff;
    padding: 6px;
}

#notification {
    margin: 10px;
    padding: 2px;
}

#notification ul {
    margin: 0;
    padding-left: 0px;
}

#notification li {
    font-weight: bold;
    list-style: none;
    line-height: 2em;
}

#notification .error {
    color: #ff0000;
    background: transparent url('/static/images/exclamation_icon.png') no-repeat left center;
    padding: 2px 0 2px 25px;
}

#notification .info {
    color: #000;
    background: transparent url('/static/images/lightbulb_icon.png') no-repeat left center;
    padding: 2px 0 2px 25px;
}

#live-update-wrapper {
    background-color: #ffffbf;
}

#live-topic-content {
    border: 1px solid #ffd20f;
}

#live-comment-content {
    border: 1px solid #ffd20f;
}

#menubar {
    font-size: 11px;
    font-weight: bold;
}

#pager {
    margin: 10px;
    text-align: center;
}

#pager ul {
    margin: 2px;
    padding: 2px;
}

#pager li {
    margin: 2px;
    padding: 2px;
}

#pager .current {
    background-color: #bfe4ff;
    border: 1px solid #00487d;
    padding: 1px 5px 1px 5px;
}

#pager a {
    border: 1px solid #00487d;
    padding: 1px 5px 1px 5px;
    text-decoration: none;
}

#popup-layer {
    background-color: #ffff99;
    border: 1px solid #ffd20f;
    opacity: 0.85;
}

#popup-layer img {
    margin: 2px;
}

#rss a {
    text-decoration: none;
}

#tags a {
    text-decoration: none;
}

#tile-num-votes {
    color: #fff;
    font-size: 1.0em;
    font-weight: bold;
    padding: 15px 10px 0 0;
    text-align: center;
}

#tile-vote {
    padding: 0 10px 0 0;
    text-align: center;
}

.border {
    border: 1px solid #ccc;
}

.blocked {
    color: #ff0000;
}

.pollbar {
    background-color: #ff0000;
}

.mandatory {
    color: #ff0000;
}