/*  
Theme Name: Sigil
Theme URI: http://blinkkin.kom.pl/cloudyDay/
Description: <b>NIE DOTYKAĆ!!!</b> Theme stworzony na potrzeby witryny <a href="http://sfery.org">"Tam, gdzie łączą się sfery..."</a>.
Version: 0.3
Author: blinkkin & Kristoff
Author URI: http://blinkkin.kom.pl

     UŻYTE KOLORY:
     #DAA520; - pomarańczowy
     #4169E1; - niebieski

     DO ZROBIENIA:
     - Wyszukiwarka - przydałby się lepszy algorytm
     - Komentarze - udostępnić wszystkim starym artykułom, które zostały opublikowane jeszcze przed włączeniem systemu komentarzy
     - Podzielić długie wpisy ??
     - Dodać ilość podstron w kategoriach
     - Poprawić i sprawdzić kod
     - Przyjazne odnośniki (permalink)
     - Widgety
     - Meta dane
     - Zgodność z XHTML i CSS
*/

/* -- Site container definition -- */



    body {
      font: 0.8em arial, sans-serif;
      color: #FFFFBB;
      background-color: rgb(34,38,37);
      margin: 0px 20px 20px 20px;
    }

    #siteBox {
      float: left;
      background: url(./images/sigil_sitebox_2.png) no-repeat left top;
      padding: 0 10px 0 10px;
    }
    
   .istoty{ 
     background-color: #DAA520;
    }
    
    .clear {
      clear: both;
      display: block;
      height: 1px;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }  
    
        
/* -- Header definitions -- */       

    #headerBox {
      float: left;
      width: 48px;
      height: 41px;
      font-size: 1.5em;
      font-weight: bold;
      text-align: center;
      padding-top: 10px;
    }

/* -- Header link bar definitions -- */

    #headerBox a {
      padding-left: 20px;
      text-decoration: none;
      color: #DAA520;
    }

    #headerBox a:hover {
      color: #DAA520;
      text-decoration: underline;

    }

/* -- Footer definitions -- */



    #footerBox {
      float: left;
      width: 100%;
      height: 25px;
      font-size: 0.8em;
      color: #FFFFBB;
      /*border-top: 1px solid #444444;*/
    }

    #footerLeft {
      float: left;
      width: 250px;
      text-align: left;
          }

    #footerRight {
      float: right;
      width: 60%;
      text-align: right;      
    }



/* -- Content column & layout definitions -- */



    #leftColumn {
      float: left;
      width: 250px;
      padding: 0 5px 5px 5px;
      margin: 300px 0 1.0em 0;
    }


    .leftColumnBox {
      float: left;
      width: 100%;
      margin-bottom: 1.4em;
      padding: 5px 5px 0 5px;
    }

    #leftColumn p {
      margin-top: 1px;
    }

    #leftColumn h1 {
      clear: both;
      font-size: 0.9em;
      margin-bottom: 1px;
      color: #4169E1;
    }
    
    #leftColumn h1 a {
      color: #4169E1;
      text-decoration: none;
    }
    
    #leftColumn h1 a:hover {
      text-decoration: underline;
    }
    
    #leftColumn h2 {
      color: #DAA520;
      font-size: 1.2em;
      clear: both;
      margin-bottom: 1px;
      text-transform: uppercase;
    }
    
    #leftColumn h2 a {
      color: #DAA520;
      text-decoration: none;
    }    

    #rightColumn {
      float: left;
      width: 600px;
      position: absolute; left: 350px; top: 130px;
    }

    #leftColumn p a,
    #rightColumn p a,
    #rightColumn ul a,
    #footerBox a {
      text-decoration: none;
      color: #4169E1;

    }

    #leftColumn p a:hover,
    #rightColumn p a:hover,
    #rightColumn ul a:hover,
    #footerBox a:hover {
      color: #4169E1;
      text-decoration: underline;
    }

    #rightColumn a {
      color: #4169E1;
      text-decoration: none;
    }

    #rightColumn h1 {
      clear: both;
      color: #DAA520;
      font-size: 1.0em;
      margin-top: 1.0em;
      border: 1px solid #444444;
    /*  background: url(./images/news_bg.gif) repeat left bottom; */
    }
    
    #rightColumn h1 a {
      color: #DAA520;
      text-decoration: none;
    }

    #rightColumn h2 {
      clear: both;
      font-size: 1.0em;
      margin-bottom: 1px;
      color: #4169E1;
      text-align: center;
      margin-top: 1.0em;
      border: 1px solid #444444;
  /*    background: url(./images/news_bg.gif) repeat left bottom; */
    }


    
    #rightColumn h2 a {
      color: #4169E1;
      text-decoration: none;
    }



/* -- Layout class definitions -- */



    .subHeading {
      display: block;
      clear: both;
      font-size: 0.85em;
      font-weight: bold;
    }
    
    .noDisplay  {
      display: none;
    }

    .bugFix {
      height: 1px;
    }

    .bigRightChar, .bigLeftChar {
      font-size: 5.0em;  
    }

    .bigRightChar {
      float: right;
      width: 11%;
      text-align: left;
    }

    .bigLeftChar {
      float: left;
      width: 10%;
      text-align: right;          
    }
    
    .center {
      text-align: center;
    }    
    
    
    
/* -- Element class definitions -- */    
    
    
    
    acronym {
      cursor: help;
      background-color: #1B1B1B;
      border: 1px solid #444444;      
    }
    
    ul {
      margin-left: 2.0em;
      padding-left: 2.0em;
      list-style-image: url(./images/bullet.gif);
    }

    ul li:hover {
      list-style-image: url(./images/bullet_on.gif);
    }   
    
    p {
      margin: 15px 0 15px 0;
    }    
    
    

/* -- Image class definitions -- */



    .imgBlock {
      float: left;
      width: 75%;
      text-align: center;
      padding-left: 10px;
      margin-bottom: 1.0em;
    }

    .imgBlock .imgThree {
      padding: 0 2% 0 2%;
    }

    .imgLeft {
      float: left;
      padding: 5px;      
    }
    
    .imgRight {
      float: right;
      padding: 5px;      
    }    

    .imgText {
      display: block;
      font-size: 0.7em;
    }



/* -- Form element class definitions -- */



    .inputField {
      font-size: 0.70em;
      border: 1px solid #D2D2D2;
      background-color: #FFFFBB;
    }

    .inputField:focus {
      color: #444444;
      border: 1px solid #999999;
    }

#navcontainer
{
position: absolute; left: 400px;
float: left;
width: 600px;
z-index: 1;
}