@charset "UTF-8";
/* -*- css -*- */

/* TODO:
   - focus/active
   - style for main/content
   - blog
 */

/* Color theme: http://www.colourlovers.com/palette/89903/night_watch */
/* COLOURlovers.com - night watch */
/* orig. wink: #E2023C, *.75 */
.wink {color: #A9012D;}
.pulp {color: #1F073E;}
.goldribbon {color: #E0BE51;}
.deepblue {color: #170183;}
.palenugget {color: #3F2AAB;}
/* End color theme */

/* Layout:
   <body><div#world>
     <div#header>
       <h1><a><img#logo/></a></h1>
       <ul#topmenu/>
     </div#header>
     <div#main>
       <div#top-matter?/>
       <div#content/>
       <div#bottom-matter?/>
     </div#main>
     <div#sidebar>
        (<h2/><ul>(<ul/>?)</ul>)+
     </div#sidebar>
     <div#footer>
        <ul#footmenu/>
     <div#footer>
   </div#world></body>
 */

body {
    background-color:  #1F073E; /* pulp */
    font-family: Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
}

#world {
    width: 760px;
    margin: 0pt auto;
    text-align: left;
}

#header {
    color:  #E0BE51;      /* goldribbon */
    height: 100px;
    text-align: left;
    padding-left: 230px;
}

#fotkem {
    position: relative;
    float: right;
    height: 95px;
}

#langflag {
    float: right;
    margin: 0pt 10pt;
    border: 1px solid #F2F1DE;  /* bacon fat: http://www.colourlovers.com/color/F2F1DE/Bacon_Fat */
}

/* http://levin.grundeis.net/files/20030809/alternatefir.html */
#header h1 {
    font-weight: normal;
    clear: none;

    position:relative;
    margin:0px; padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

#header h1 a {
    color:  #E0BE51;      /* goldribbon */
    text-decoration: none;
}

#header h1 a:hover {
    text-decoration: underline;
}

#header h1 span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}

#header h1, #header h1 span { 
      height: 50px;
      width: 417px;
      background-image: url(/static/mapas.png);
}

/* #logo {
} */

#topmenu {
    color: #3F2AAB;      /* palenugget */
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    list-style-type: none;
    list-style-image: none;
}

#topmenu li {
    display: inline;
}

#topmenu li a {
    color:  #BF0233; /* wink */ /* #E0BE51;      /* goldribbon */
    text-decoration: none;
}

#topmenu li a:hover {
    color: #BF0233;        /* wink */
    text-decoration: underline;
}
            
#topmenu li #you-are-here { 
    color: #BF0233; /* wink */
    text-decoration: underline;
}
                        
#sidebar {
    font-size: 12pt;
    width: 200px;
    float: left;
    color:  #E0BE51;      /* goldribbon */
    padding: 0pt;
    margin: 0pt;
}
       
#sidebar h2 {
    font-size: 12pt;
    display: block;
    text-align: center;
    margin: 0pt 5pt;
    padding: 2pt 0pt;
    background:  #3F2AAB;      /* palenugget */
}

#sidebar form, #sidebar p, #sidebar ul {
    border-left: solid thin #3F2AAB;      /* palenugget */
    border-right: solid thin #3F2AAB;      /* palenugget */
    border-bottom: solid thin #3F2AAB;      /* palenugget */
    margin-left: 5pt;
    margin-right: 5pt;
    margin-bottom: 3ex;
    margin-top: 0px;
}

#sidebar form, #sidebar p {
    padding: 3pt;
    text-align: center
}

#sidebar ul { 
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
}
          
#sidebar ul li {
    display: block;
    margin: 0pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    text-align: center;
    font-weight: bold;
    list-style-type: none;
    list-style-image: none;
}

#sidebar ul li .selected {
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
}
          
#sidebar ul li a {
    font-weight: normal;
    display: block;
    text-align: left;
    color:  #E0BE51;      /* goldribbon */
    text-decoration: none;
}
          
#sidebar ul li a:hover {
    color: #BF0233;        /* wink */
    text-decoration: underline;
}
                     
#sidebar ul li ul {
    border: none;
    margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
}
                    
#sidebar ul li ul li {
    display: block;
    width: 99%;
    margin: 0pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    list-style-type: none;
    list-style-image: none;
}
                     
#main {
    font-family: Georgia, "DejaVu Serif", "Bistream Vera Serif", "Times New Roman", serif;
    background-color: #F2F1DE;  /* bacon fat: http://www.colourlovers.com/color/F2F1DE/Bacon_Fat */
    color:  #1F073E;        /* pulp */
    padding: 0ex;
    width: 535px;
    float: right;
}
                     
#top-matter { 
    padding: 5pt 1em;
}

#breadcrumbs {
    font-family: Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: smaller;
    padding: .5ex;
}
                     
#content {
    padding: 0pt 1em;
}
                     
#bottom-matter {
    padding: 5pt 3pt;
}
                     
#footer {
    clear: both;
    color: #3F2AAB;      /* palenugget */
    /* color: #170183; /* deepblue */
    text-align: center;
    font-size: 10px;
    padding-top: 2ex;
    padding-bottom: 1ex;
}

#footer a {
    color: #3F2AAB;      /* palenugget */
    text-decoration: underline;
}

#footer a:hover {
    color: #BF0233;        /* wink */
    text-decoration: underline;
}
                     
#footmenu {
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}
                     
#footmenu li {
    display: inline;
}

/************************************
 * Global content setting
 ************************************/

/* orig. wink: #E2023C, *.75 */
.wink {color: #BF0233;}
.pulp {color: #1F073E;}
.goldribbon {color: #E0BE51;}
.deepblue {color: #170183;}
.palenugget {color: #3F2AAB;}
/* End color theme */

/* Links */
a {
    color: #BF0233; /* wink */
    text-decoration: none;
}

a:visited {
    color: #170183; /* deepblue */
    text-decoration: none;
}

a:hover {
    color: #E2023C; /* original wink */
    text-decoration: underline;
}

#main a:active {
    color: #000000;
    text-decoration: underline;
}

/* All specific selectors for which :hover was previously specified
   must be explicitly mentioned here with :active -- otherwise, specific
   :hover color would shadow non-specific :active color */
a:active, #header h1 a:active, #topmenu li a:active,
#sidebar ul li a:active, #footer a:active {
    color: #FFFFFF;
    text-decoration: underline;
    border: none;
}

a:focus {
    text-decoration: underline;
}

a img {
	border: none;
}

/* Formatting */
acronym, abbr {
    border-bottom: 1px dotted #1F073E; /* pulp */
    cursor: help;
}

blockquote {
    margin: 15px 30px 0 25px;
    padding: 0 0 0 65px;
    background: url(/static/blockquote.png) no-repeat left top;
    font-style:italic;
}

q {
    font-style:italic;
}

q:lang(pl) {
    quotes: '„' '”' '«' '»'
}

q:lang(en) {
    quotes: '“' '”' '`' "'"
}

ul {
    list-style-image: url(/static/ul.png);
}

li {
    margin-top: 2pt;
    margin-bottom: 2pt;
}

pre {
    font-size: smaller;
    border: solid 1px #3F2AAB;      /* palenugget */
    padding: 5pt;
}

pre.samp {
    border: none;
    border-left: solid 3px #3F2AAB;      /* palenugget */
}

/* cite {} */

/************************************************************
 * Jogg
 ************************************************************/
#jabber-status { 
    font-size: smaller;
}

.post { 
    margin: 0 0 2ex 0;
    border-bottom: dotted thin #1F073E; /* pulp */
}

.commentlist li { 
    margin: 0 0 2ex 0;
    border-bottom: solid thin #1F073E; /* pulp */
    border-right: dotted thin #1F073E; /* pulp */
}

.postmetadata {
    font-size: smaller;
    text-align: right;
}

.commentmetadata { 
    font-size: smaller;
}

li.owner cite, li.owner cite a { 
    text-decoration: underline;
    font-weight: bold;
}

#commbody { 
    width: 93%;
    height: 23px;
}

#previous-posts { 
    float: left;
}

#next-posts { 
    float: right;
}

#end-page-block { 
    clear: both;
}
