@charset "UTF-8";

html {
    /* background-image: url('../img/bg-tile.png'); */
    background: #333;
}

#doc {
    color: #333;
    background: white;
}

h1,h2,h3,h4,h5,h6 {
    font-family: tahoma;
    font-weight: bold;
    color: black;
    margin: 0.5em 0;
}

p {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 0.5em;
}

ul {
    margin: 0.5em;
}

ul li {
    list-style-type: square;
}

ol {
    margin 0.5em 1em;
}

li {
    
}
table {
    margin: 1em 2em;
    border-left: 0;
    border-right: 0;    
}

tr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.event-archive, table.event-archive-nav {
    margin: 0 2%;
    width: 96%;
}

table.event-archive tr, table.event-archive-nav tr{
    border-top: 0;
    border-bottom: 0;
}

table.event-archive-nav td {
    width: 32%;
    text-align: center;
}

table.event-archive td {
    width: 16%;
    text-align: left;
}

th, td {
    border: 0;
    text-align: left;
    padding: 0.5em;
}

table.event-archive td {
    padding: 0.25em 0.5em;
}

#content-area a, #content-area a:visited, #content-area a:hover, #content-area a:active, #content-area a:link, #ft a, #ft a:visited, #ft a:hover, #ft a:active, #ft a:link {
    color: #8b0066;
    text-decoration: inherit;
    font-weight: inherit;
}

#content-area a:before {
    content: "\2192";
}

#content-area a.navigation:before, #content-area .paginator-widget a:before {
    content: "";
}

#content-area li, #content-area li {
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;    
}

strong {
    font-weight: bold;
    color: black;
}

form {
    display: block;
    padding: 0 1em;
}

fieldset {
    border-bottom: 1px solid #ccc;
}

fieldset ol {  
    list-style: none;
    padding: 0 1em;
}

fieldset li {  
    list-style-type: none;
    margin-bottom: 0.5em;
}

legend {
    font-variant: small-caps;
}

fieldset.submit {  
    border-style: none;
    padding: 0 3em;
}

label, .label-description {  
    display: block;
    margin-bottom: 0.5em;
}

label {
    font-weight: bold;
}

.label-description {
    margin-top: 0.5em;
    font-style: italic;
    font-size: 85%;
}

.errorlist {
    margin: 0.5em 0;
    padding: 0;
}

.errorlist li {
    font-weight: bold;
    color: #470000;
}

#hd {
    height: 158px;
    background-image: url('../img/heading-bg.png');
}

#main-menu-container {
    padding-top: 106px;
    padding-left: 8px;    
    width: 560px;
}

#content-area {
    padding: 1em 2em;
}

#ft {
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 0;
    padding-bottom: 2em;
    font-size: 85%;
    text-align: center;
}

.content-block {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.paginator-widget {
    text-align: center;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.left {
    float: left;
    margin-right: 1em;
}

.right {
    float: right;
    margin-left: 1em;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.img p {
    font-size: 85%;
    font-style: italic;
    text-align: center;
}

.img img {
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px;
}

.media {
    margin: 2em;
    text-align: center;
}

input[type="text"], input[type="password"], textarea {
    width: auto;
}

#event-flash {
    font-size: 85%;
    background: #eee;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.event, .publication, .promotion, .news {
    margin: 1em;
}

.event p, .publication p, .promotion p, .news p {
    margin: 0;
}

.event-date, .event-type, .promotion-date, .promotion-type, .news-date, .news-type {
    font-weight: bold;
}

.event-title, .publication-title, .promotion-title, .news-title {
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
}

.event-subtitle, .publication-subtitle, .promotion-subtitle, .news-subtitle {
    margin: 0;
}

.date-anchor {
    font-size: 123.1%;
}

#event-flash .event-title, #promotion-flash .promotion-title, #news-flash .news-title {
    font-size: 100%;
}

.event-description, .event-organizer, .promotion-description, .news-subtitle {
    margin: 0;
    text-align: justify;
}

.event-text, .publication-text, .publication-available, .promotion-text, .news-text {
    margin: 0.5em 0;
    text-align: justify;
}

.event strong, .promotion strong {
    text-transform: uppercase;
    color: #8b0066;
}

.publication-row {
    width: 50%;
    vertical-align: top;
}