body {
    margin: 0;
    padding: 0;
}
div#message {
    width: 70%;
    background: #ccc;
    border: solid 1px #999;
    padding: 5px;
    margin: 0 auto;
}
/* normal background settings */ 
div#language-menu-bk    { background: url('/gfx/language-bk.gif') left bottom repeat-x; border-style: solid; border-color: #ffc820; border-width: 0px 0px 4px 0px; }
div#header-bk           { background: #e04343 url('/gfx/header-bk.gif') left bottom repeat-x; border-style: solid; border-color: #951a1a #000 #6d0a0a #000; border-width: 1px 0px 1px 0px; }
div#menu-bk             { background: #333 url('/gfx/menu-bk.gif') left top repeat-x; border-style: solid; border-color: #ffc820; border-width: 3px 0px 4px 0px; }
div#contents-bk         { background: url('/gfx/contents-bk.gif') left top repeat-x; padding-bottom: 40px; }

/* eye background */
div#header-eye-bk       { background: url('/gfx/eye1.png') 68% bottom no-repeat; }
div#menu-eye-bk         { background: url('/gfx/eye2.png') 68% top no-repeat; }

div#language-menu, div#contents, div#footer {
    width: 740px;
    margin: 0px auto;
}
div#language-menu {
    position: relative;
    border: dashed 0px #f00;
    height: 40px;
}
div#language-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 0px;
    bottom: 3px;
}
div#language-menu ul li {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    padding-left: 20px;
    float: right;
}
div#language-menu ul li#polish {
    background: url('/gfx/pl.gif') no-repeat left 3px;
}
div#language-menu ul li#english {
    background: url('/gfx/en.gif') no-repeat left 3px;
}
div#language-menu ul li a {
    font-weight: normal;
    font-size: 0.9em;
    color: #000;
}

div#header {
    position: relative;
    font-family: 'Arial Black', Impact, sans-serif;
    text-transform: uppercase;
    height: 8em;
}
div#header h1, div#header h2, div#header h3, div#header h4 {
    margin: 0;
    padding: 0;
    position: absolute;
}
div#header h1, div#header h2 {
    width: 42%;
    text-align: right;
    left: 0px;
}
div#header h1, div#header h4 {
    top: 3.7em;
    font-size: 1.3em;
}
div#header h2, div#header h3 {
    bottom: 1em;
    font-size: 2.6em;
}
div#header h1, div#header h3 {
    letter-spacing: -2px;
}
div#header h3, div#header h4 {
    left: 42%;
}
div#header h2, div#header h4 {
    color: #fff;
}
div#header h2 {
    letter-spacing: 0px;
}
div#header h4 {
    letter-spacing: -1px;
}

div#menu {
    margin: 0px auto;
    width: 70ex;
    color: #ccc;
}

div#menu ul {
    border: 0px dashed #0000FF;
    height: 8ex;
    list-style: none;
    margin: 0px;
    max-height:120px;
    min-height:80px;
    padding:2ex 0px 1ex;
}
div#menu ul li {
    margin: 0;
    padding: 0;
    float: left;
}
div#menu ul li a {
    display: block;
    padding-top: 64px;
    margin-right: 5ex;
    width: 12ex;
    text-align: center;
    border: dashed 0px #ff0;
    color: #ccc;
    font-weight: normal;
}
div#menu ul li#blog a {
    background: url('/gfx/m_blog.png') no-repeat 63% top;
}
div#menu ul li#projects a {
    background: url('/gfx/m_projects.png') no-repeat 63% top;
}
div#menu ul li#info a {
    background: url('/gfx/m_info.png') no-repeat 63% top;
}
div#menu ul li#album a {
    background: url('/gfx/m_album.png') no-repeat 63% top;
}
div#menu ul li#contact a {
    background: url('/gfx/m_contact.png') no-repeat 63% top;
}

#contents h1.title {
    margin-top: 0px;
    padding-top: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    margin-bottom: 5px;
}
#contents p, #contents li {
    text-align: justify;
}
#contents ul, #contents ol {
    padding-left: 20px;
} 
#contents .news-item h2 a {
    color: #000;
}
#contents .news-item h6 {
    font-weight: normal;
    color: #777;
}

div#footer {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 0.9em;
    color: #666;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ccc;
}
div#footer p {
    text-align: center;
    margin: 0;
    line-height: 110%;
    text-align: justify;
}
div#footer span {
    font-weight: bold;
    color: #900;
}
div#footer a {
    color: #999;
    font-weight: normal;
}
div.menu-subitem {
    margin-bottom: 14px;
}
div.menu-subitem div.thumb {
    float: left;
}
div.menu-subitem div.thumb img {
    margin-right: 5px;
    margin-bottom: 10px;
    border: solid 2px #ccc;
}
div.gal a.gal-item img {
    margin: 0px;
    margin-top: 2px;
    padding: 1px;
    border: solid 1px #ccc;
}
div.gal a.gal-item {
    display: block;
    float: left;
    margin: 4px 6px;
    width: 160px;
    height: 180px;
    text-align: center;
    padding: 1px;
    border: solid 1px #f0f0f0;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    line-height: 100%;
    padding-top: 2px;
}
div.gal a.gal-item:hover {
    border: solid 1px #999;
}