@CHARSET "UTF-8";

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3em; }
p,ul,ol { margin-bottom: 1em; }

body { font-family: Ubuntu, sans-serif; font-size: 10pt;}
.wrapper { margin: 0 auto; width: 855px;}
.clear { clear: both; }
.center { text-align: center; }
h1, h2, h3 { font-family: Georgia; font-size: 22pt; font-weight: normal; color: #403424; text-shadow: 1px 1px 1px #AAA; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt}

/* zinnia */
pre { background: #f0eecc; color: black; overflow: auto; word-wrap: normal!important; white-space: pre!important; border: 1px dashed #fff8ee; margin: 8px; padding: 16px; }
blockquote { margin: 8px; padding: 16px; font-style: italic; background: #f4f4f4; }
em { font-style: italic; }

#header-container {
    height: 130px;
    border-bottom:20px solid #BDAC74;
    -webkit-box-shadow:0 40px 40px -40px #AAA;
    -moz-box-shadow:0 40px 40px -40px #AAA;
    box-shadow:0 40px 40px -40px #AAA;
}
header { position: relative; }
header h1 { margin-bottom: 0; }
header .logo { margin-top: 8px; }
header nav { position: absolute; left: 406px; top: 8px; bottom: 28px; width: 450px; }
header nav ul:first-child > li { float: left; width: 149px; height: 20px; background: #64553C; border-right: 1px dotted #BDAC74;}
header nav ul:first-child > li:first-child {-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
header nav ul:first-child > li:last-child {-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; border-right: 0; }
header nav ul:first-child > li > a, header nav ul:first-child > li > a:active, header nav ul:first-child > li > a:visited { display: block; height: 20px; text-decoration: none; font-family: Georgia; font-size: 12pt; color: #FFF; text-shadow: 1px 1px 1px #AAA; text-transform: uppercase; text-align: center;}
header nav ul:first-child > li > a:hover, header nav ul:first-child > li.selected > a, header nav ul:first-child > li.ancestor > a { color: #BDAC74 }

header nav ul > li > ul { display: none; position: absolute; top: 20px; left: 0; bottom: 0; width: 449px; background-color: white;}
header nav ul > li:first-child ul { }
header nav ul > li:last-child ul { }
header nav ul > li:hover > ul, header nav ul > li.selected > ul, header nav ul > li.ancestor > ul { display: block; }
header nav ul > li:hover > ul { z-index: 100;}
header nav ul li ul li { display: block; float: left; width: 224px; line-height: 18px;}
header nav ul li ul li a { display: block; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 1px #AAA;}
header nav ul li ul li a, header nav ul li ul li a:active, header nav ul li ul li a:visited { color: #64553C;}
header nav ul li ul li a:hover { color: #BDAC74;}

#breadcrumbs { margin-top: 2px; color: #FFF; }
#breadcrumbs ul { list-style: none; margin-left: 0; }
#breadcrumbs ul li { display: inline; }
#breadcrumbs ul li a { text-decoration: none; color: #64553C; }

#language-chooser { float:right; margin-top: 4px; }
#language-chooser ul { list-style: none; margin: 0;}
#language-chooser li { display: inline; }

aside { padding: 20px; float:right; width:200px; margin-bottom:50px; -webkit-box-shadow:0 0px 40px -10px #AAA; -moz-box-shadow:0 0px 40px -10px #AAA; box-shadow:0 0px 40px -10px #AAA; }
aside nav ul li a { display: block; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 1px #AAA; }
aside nav ul li a, aside nav ul li a:active, aside nav ul li a:visited { color: #64553C; }
aside nav ul li a:hover { color: #BDAC74;}
aside h2 {border-bottom: 1px dotted #BDAC74;}

aside .tags ul { list-style: none; margin-left: 0; }
aside .tags ul li { margin: 0px; padding: 0px; display: inline; }
aside .tags ul li { list-style-image: none; list-style-type: none; margin-left: 0px; }
aside .tags ul .tag_1 { }
aside .tags ul .tag_2 { font-size: 1em; }
aside .tags ul .tag_3 { font-size: 1.125em; }
aside .tags ul .tag_4 { font-size: 2em; }
aside .tags ul .tag_5 { font-size: 2.25em; }
aside .tags ul .tag_6 { font-size: 3em; }

aside .lastest-entries ul { list-style: none; margin-left: 0; }

#content-container .wrapper { padding: 50px 0; }
#content { width: 595px; }

article {
    margin-bottom: 50px;
}
article header {}
article header h2 a, article header h2 a:active, article header h2 a:visited { color: #403424; }
article header h2 a:hover {color: #64553C; }
article .entry-content, article #comments { padding: 10px 0; margin: 10px 0; border-top: 1px dotted #BDAC74; border-bottom: 1px dotted #BDAC74; -webkit-box-shadow:0 -40px 40px -40px #AAA, 0 40px 40px -40px #AAA; -moz-box-shadow:0 -40px 40px -40px #AAA, 0 40px 40px -40px #AAA; box-shadow:0 -40px 40px -40px #AAA, 0 40px 40px -40px #AAA;}
article footer { padding: 5px 0; }

#comments .comment { clear: left; border-top: 1px dotted #BDAC74; padding: 5px 0; }
#comments .comment-gravatar { float: left; margin-bottom: 5px; }
#comments .comment-body { padding-left: 65px;}
#comments .comment-author { font-weight: bold;}
#comments .comment-form { clear: left; border-top: 1px dotted #BDAC74;}

form fieldset .field { margin: 3px 0 4px 0; }
form fieldset .field label { width: 150px; display: inline-block;}
form fieldset .field label { vertical-align: top;}

#footer-container {
    background-color:#64553C;
    border-top:20px solid #BDAC74;
    -webkit-box-shadow:0 -40px 40px -40px #AAA;
    -moz-box-shadow:0 -40px 40px -40px #AAA;
    box-shadow:0 -40px 40px -40px #AAA;
}

#footer-container { clear: both;}
#footer-container footer { color: #BDAC74; padding-bottom: 5px;}
footer .sitemap { float: left; margin-top: 10px;}
footer .sitemap ul { list-style: none; margin-left: 0; margin-right: 15px; }
footer .sitemap ul li { float: left; margin-bottom: 2px; width: 160px;}
footer .sitemap ul li a { text-decoration: none; font-family: Georgia; font-size: 12pt; color: #FFF; text-shadow: 1px 1px 1px #AAA; text-transform: uppercase;}
footer .sitemap ul li ul li { float: none; margin-bottom: 0; width: auto;}
footer .sitemap ul li ul li a { text-decoration: none; color: #BDAC74; font-size: 10pt; text-shadow: none; text-transform: none;}
footer .sitemap ul li ul li ul { margin: 0 0 0 10px; }
footer .info { float: left; margin-top: 10px;}
footer .info ul { float: left; width: 160px; margin: 0 15px 0 0; list-style: none;}
footer .info ul li {font-family: Georgia; font-size: 10pt; margin-bottom: 2px;}
footer .info ul li.header { margin-top: 10px; font-size: 12pt; color: #FFF; text-shadow: 1px 1px 1px #AAA; text-transform: uppercase;}
footer .info ul li.header:first-child { margin-top: 0; }
table { width: 100%; }
td { padding: 3px; }

