/* ========== */
/* = Global = */
/* ========== */
body, html {
    color: #FFCC66;
    background-color: #000000;
}

body {
}

a {
    color: #CC6633;
}
a, a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.block {
    display: block;
    margin: 1em 0;
    padding: 0;
/*    border: thin solid red;*/
    clear: both;
}

.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6 {
    margin-top: 0;
}

/* =========== */
/* = Globals = */
/* =========== */

dl dt {
    font-weight: bold;
    margin-top: 1em;
}

img {
    vertical-align: middle;
}
/* ========== */
/* = Header = */
/* ========== */
div#nav {
    text-align: right;
    font-size: 0.9em;
    height: 30px;
    padding-top: 10px;
    padding-right: 5px;
    background: #000000 url('/media/assets/pix/logo.png') top center repeat-x;
}

div#nav img {
    vertical-align: middle;
}

div#nav a {
    font-weight: bold;
}

div#nav a:link { text-decoration: none; }
div#nav a:visited { }
div#nav a:active { }
div#nav a:hover { text-decoration: underline; }


ul#lang-sel, ul#main-nav {
    display: inline;
    margin-bottom: 0;
}

ul#lang-sel {
    display: inline;
    margin-bottom: 0;
}

ul#lang-sel li, ul#main-nav li {
    list-style: none;
    display: inline;
}

/* =============== */
/* = Breadcrumbs = */
/* =============== */

ul#breadcrumbs {
    margin: 0;
    padding: 0;
    text-transform: lowercase;
    margin-bottom: 1em;
}

ul#breadcrumbs li {
    display: inline;
    list-style: none;
}

ul#breadcrumbs li.first {}


/* =========== */
/* = Content = */
/* =========== */

div#content {
}

/* ========== */
/* = Footer = */
/* ========== */
div#ft {
    margin-top: 0.5em;
    padding-top: 2px;
    text-align: center;
    font-size: 80%;
    background: #000000 url('/media/assets/pix/bg.jpg') top center repeat-x;
}

div#ft a {
    color: #999;
}

/* =========== */
/* = Gallery = */
/* =========== */
div#hero-image {
    margin-right: 1em;
}

table.gallery, table.gallery td {
    border: none;
    vertical-align: middle;
}

table.gallery {
    width: 100%;
}

table.gallery td h2{
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

div.photo-gallery {
    margin-bottom: 1em;
    overflow: hidden;
}

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

div.photo-gallery .description {
}

/* =================== */
/* = tag cloud sizes = */
/* =================== */
span.tag_9 {
    font-size: 150%;
}

span.tag_8 {
    font-size: 140%;
}

span.tag_7 {
    font-size: 130%;
}

span.tag_6 {
    font-size: 120%;
}

span.tag_5 {
    font-size: 110%;
}

span.tag_4 {
    font-size: 100%;
}

span.tag_3 {
    font-size: 90%;
}

span.tag_2 {
    font-size: 80%;
}

span.tag_1 {
    font-size: 70%;
}

/* ================ */
/* = image loader = */
/* ================ */

div#loader {
    height: 450px;
    text-align: center !important;
}
div#loader img {
    display: inline !important;
}

div.loading {
    background: url('/media/assets/pix/loading.gif') no-repeat 50% 50%;
}

/* ============= */
/* = portfolio = */
/* ============= */

div.portfolio-entry {
    width: 12em;
    height: 12em;
    text-align: center;
    float: left;
}

div#portfolio-latest {
    text-align: center;
}

ul.clients {
    margin: 0;
    padding: 0;
}

ul.clients li {
    list-style: none;
    margin-bottom: 1em;
}

ul.clients li.first {}

ul.clients li h2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.clients li {
    width: 33%;
    min-height: 5em;
    height: auto !important;
    height: 5em;
    margin-right: 0.2em;
    float: left;
}
ul.clients li h2 a {
    color: #FFCC66;
}

div.markdown a {
    color: #CC6633;
}

div.markdown a, div.markdown a:link, div.markdown a:visited, div.markdown a:active {
    text-decoration: underline;
}

div.markdown a:hover {
    text-decoration: none;
}

/* ======= */
/* = FAQ = */
/* ======= */

dl#faq dt {
    font-weight: bold;
    font-size: 110%;
    padding: 0.2em 0;
    border-bottom: 1px dotted #444;
    border-top: 1px dotted #444;
    margin-bottom: 0.5em;
}

dl#faq dd {
    padding: 0px 1em;
    background-color: #111;
    margin-bottom: 1em;
}

/* =============== */
/* = form za FAQ = */
/* =============== */
div.comment-form {
    text-align: center;
}

div.comment-form table {
    width: 100%;
    border: none;
}

div.comment-form table th {
    text-align: left;
    font-weight: bold;
    border: none;
}

div.comment-form table td {
    border: none;
}

div.comment-form input[type="text"] {
    width: 100%;
    background-color: #222;
    color: #FFCC66;
    border: thin solid #333;
}

div.comment-form textarea {
    width: 100%;
    height: 25em;
    font-family: monospace;
    background-color: #222;
    color: #FFCC66;
    border: thin solid #333;
}

/*div.comment_even {
    background-color: #111;
}

div.comment_odd {
    background-color: #222;
    
}
*/

div.comment {
    background-color: #111;
    border: thin solid #333;
    padding: 0 0.5em;
}

div.comment div.header {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

div.comment-admin {
    background-color: #222;
}

/*div.comment-admin .comment-person {
    font-weight: bold !important;
    color: #FFCC66 !important;
}
*/
/* =================== */
/* = Form error list = */
/* =================== */

ul.errorlist {
    margin: 0;
    padding: 0;
}

ul.errorlist li {
    list-style: none;
    margin-bottom: 1em;
    color: red;
    font-weight: bold;
}

/* ======== */
/* = News = */
/* ======== */

div.news div.body {
    background-color: #111;
    padding: 0.5em;
}