/**
*
*   GENERAL
*
**/


body, div, p, table, a
{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.97em;
    line-height: 1.5em;
    color:#000000;
}
body {
    margin:0;
    background:url(img/bg.gif) repeat-y #585858;
    padding:4px;
}

a {
    font-weight:bold;
    color:#000;
    text-decoration:underline;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:2.8em;
    font-weight: normal;
    line-height: 0.93em;
    letter-spacing: 0.02em;
    padding:0;
    margin:0;
    background-color: #585858;
    display: inline;
}
h2 {
    font-size:1.25em;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.9em;
    padding: 4px;
    margin: 0;
 }
 
hr {
    border:none;
    margin:6px 10px;
    border-bottom: 1px dashed #666;
}

table {
    padding:0;
    margin:0;
}
table td
{
    border:1px solid #fff;
    background-color:#ddd;
    padding:2px 4px;
}

.clear {
    clear:both;
}


/**
*
*   HEAD
*
**/

div#header {
    position: fixed;
    top: 20px;
    padding-top: 4px;
}
body.logged-in div#header {
    top: 48px;
}
div#header h1 {
    color: #969696;
}
div#header h1#third {
    color: #fff;
}
div#header .pom {
    display: inline;
    z-index: -1;
/*    position: absolute;*/
}
div#header h1#pomMain, div#header h1#pomSub {
    color: #fff;
}

div#fbLink {
    position: fixed;
    left: 652px;
}

div#langSelector {
    position: fixed;
    left: 714px;
    padding: 2px 20px 2px 0;
    background: url(img/lang_sel_bg.gif) repeat-y #585858;
}
div#langSelector a.entry {
    padding: 8px 30px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
div#langSelector a.entry.active {
    color: #999;
}


/**
*
*   MENUS
*
**/

div#mainmenus, div#submenus {
    position: relative;
    float: left;
    width: 224px;
    margin: 5px 0 0 36px;
}
div#submenus {
    margin-left: 3px;
}
div.mainmenu, div.submenu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    padding: 7px 0 24px 0;
}
div.submenu {
    float: left;
}

div#mainmenus a.mainmenuitem, div#submenus a.submenuitem {
    text-decoration: none;
    font-weight: normal;
}
div#mainmenus a.mainmenuitem div.title, div#submenus a.submenuitem div.title {
    padding: 2px 12px;
    cursor: pointer;
}

#page {
    padding-top: 132px;
}


/**
*
*   CONTENT
*
**/

div#contentArea {
    float: left;
    margin: 5px 20px 0 3px;
    position: relative;
}
div#contentArea .contentContainer {
    position: absolute;
    top: 0;
    padding-bottom: 94px;
}

div.post {
    width: 451px;
    overflow: hidden;
    background-color: #fff;
}
div.post h2 {
    border-bottom: 4px solid;
    padding: 12px 10px 9px 10px;
}
div.post div.entry {
    padding: 4px 10px 14px 10px;
}

/**
*
*   TICKER
*
**/

div#ticker {
    position: fixed;
    bottom: 24px;
    left: 34px;
    width: 90%;
    max-width: 905px;
    height: 50px;
    overflow: hidden;
    z-index: -999;
}
div#innerTicker {
    position: absolute;
}
div#innerTicker div.entry {
    float: left;
    padding: 3px 14px;
    color: #fff;
    background: url(img/bg.gif) repeat-y -38px 0px #585858;
}

/** Media Queries **/

@media screen and (max-width: 600px) 
{  
    body, div, p, table, a { font-size: 0.92em; }
    h1 { font-size: 2em; }
    
    div#header { padding-top: 0; top: 6px; }
    div#header h1#third { color:#969696 }
    div#langSelector { top:0; left:auto; right:10px; width: 50px; padding:0; z-index:100; }
    div#langSelector a.entry { float:left; display:block; width:4px; overflow:hidden; padding: 3px 10px;  }
    div#fbLink { position: fixed; left: 6px; top: 234px; }

    #page { padding-top: 76px; }
    div#mainmenus, div#submenus { width: 110px; margin: 3px 0 0 2px; }
    div#mainmenus { width: 84px; }
    div.mainmenu, div.submenu { padding: 6px 0 12px 0 }
    div#mainmenus a.mainmenuitem div.title { padding: 2px 8px; }
    div#submenus a.submenuitem div.title { padding: 2px 6px; }
    hr { margin: 2px 5px 3px 5px; }
    div#mainmenus hr { margin-left:8px; margin-right:8px; }

    
    div#contentArea { margin: 2px 0 0 2px; }
    div#contentArea .contentContainer { padding-bottom: 30px; padding-right: 20px;}
    div.post { width:240px; }
    div.post img { width:220px; height:auto; }
    
    div#ticker { height: 32px; bottom: 6px !important; left: 4px; width: 96%; }
}