/* 
    Document   : style
    Created on : 2011-08-13, 17:25:45
    Author     : Pawel
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('./fonts/myriadpro-light-webfont.eot');
    src: url('./fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/myriadpro-light-webfont.woff') format('woff'),
         url('./fonts/myriadpro-light-webfont.ttf') format('truetype'),
         url('./fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;

} 


body {
    font-family: 'MyriadProLight','Arial';
    color: #FFF;
    margin-top: 10px;
    min-width: 988px;
}

 a {
     color: #FFF;
     text-decoration: none;
 }
img {
    border: 0;
}

#container {
   width: 988px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   min-height: 800px;
/* IE6 FIX ech...*/    
    height:auto !important;
    height:800px;
/* ------------- */

}

#content {

}

#footer {
    width: 988px;
    height: 25px;
    margin: auto;
    font-size: 12px;
    clear: both;
    position: relative;
}

#footer_text {
    display: block;
    position: absolute;
    width: 400px;
    height: 25px;
    left: 220px;
}

#footer_hs {
    display: block;
    position: absolute;
    left: 680px;
    width: 305px;
    height: 25px;
    text-align: right;
}

#admin_panel_button {
    display: block;
    background-color: #070707;
    width: 150px;
    height: 20px;
    position: absolute;
}

#title {
    font-size: 25px;
    width: 988px;
    height: 73px;
    padding-top: 5px;
    overflow: hidden;
}

#main_menu {
    width: 988px;
    height: 37px;
    color: #FFF;
    font-size: 18px;
    left: 0px;
    top: 79px;
}

#main_menu ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main_menu ul li {
    float: left;
}

#main_menu ul a:link, #main_menu ul a:visited {
    background-image: url('./images/main_menu_item.png');
    background-repeat: no-repeat;	
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 247px;
    height: 29px;
    text-align: center;
    background-color: #4A0308;
    border: 0;
    padding: 8px 0px 0px 0px;
}

#main_menu ul a:hover {
    background-position: 0 -37px;
}

#content {
    min-height: 400px;
    /* IE6 FIX ech...*/    
    height:auto !important;
    height:400px;
/* ------------- */    
}

#left_content {
    width: 188px;
    height: 400px;
    float: left;
    top: 120px;
    left: 0px;
    margin: 0;
}

#left_menu {
    width: 192px;
    height: 300px;
    padding: 40px 0px 0px 0px;
    margin: 0;
}

#right_content {
    width: 796px;
    min-height: 400px;
/* IE6 FIX ech...*/    
    height:auto !important;
    height:400px;
/* ------------- */    
    position:relative;
    float: left;
    margin: 0;
/*    overflow: visible;*/

}

#left_menu ul {
    padding: 0px 0px 0px 10px;
    margin: 0;
}

#left_menu ul, #left_menu ul li {
    display: block;
    list-style: none;
}

#left_menu li  {
    width: 150px;
    padding-left: 10px;
    background-image: url('./images/mini_arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 11px;
    padding: 6px 0px 0px 22px;

}

#left_menu a {
    text-decoration: none;
    color: #FFF;
}

#left_menu a:hover {
    text-decoration: underline;
}

#link_archiwum {
	display: block;
}


#kontakt {
    display: block;
    position: absolute;
    background-image: url('./images/kontakt.png');
    width: 38px;
    height: 42px;
    left: 940px;
    top: 15px;
}

#logout_button {
    display: block;
    background-color: #4A0308;
    width: 150px;
    height: 20px;
    padding: 2px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 25px;
    left: 750px;
}

hr {
    border: 0;
    border-top: 1px dashed #bfbfbf;
}

h1 {
    display: block;
    position: absolute;
    font-size: 25px;
    font-weight: normal;
    margin: 0;
}

h3 {
    display: inline;
    color: #FFF;
    font-size: 16px;
}

.standard_thumb {
    border: 1px solid #4A0308;
    width: 120px;
    height: 90px;
    display: block;
}

.form_row {
    display: block;
    width: 500px;
    height: 30px;

}

.form_label {
    display: block;
    width: 150px;
    height: 20px;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 3px;
 }