/* layout CSS: podziekowania / thank you -> Dug Falby / A List Apart: http://www.alistapart.com/articles/flexiblelayouts/ */


p,ol,li,ul {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: 13px;
	line-height: 18px;
	color: #333;
text-align: left;
margin-right: 10px;
margin-left: 10px;
}



h1,h2,h3,h4,h5 {
font-family:arial,helvetica,sans-serif; 
}


 A         { color: #ff0033; text-decoration: none;} 
        A:link        { color: #ff0033; text-decoration: none; } 
        A:visited        { color: #ff0033; text-decoration: none; } 
        A:active        { color: #ff0033;  } 
        A:hover                { color: #ff0033; text-decoration:underline;  }
                

				
#top-section {
  position:relative;
  left:0;
  top:0px;

  }
   
  #mid-section {
  position:relative;
  
  left:0;
  top:10px;
  }

  
  #bottom-section {
  position:relative;
  left:0;
  top:10px;
  margin-bottom: 100px;
  }

#top-col-1 {
  position:relative;
  margin-left:10%;
  margin-right:10%;
  background-image:url(http://terminal.n17.waw.pl/freeculture/pliki/bg.gif);
  background-repeat:repeat-x;
  // height: 450px;
  }
  
#mid-col-0
  {position: relative;
  border-top: 2px dotted #f03;
  top:0;
  left:10%;
  width:80%;
  padding-bottom: 25px;
  }
  
#mid-col-0 p {
margin-right:60px;
margin-left:30px;
}

  #mid-col-1 {

  position:absolute;
  top:0;
  left:0;
  width:10%;
  }
  
#mid-col-1b {
  position:relative;

border-top: 2px dotted #f03;
  top:0;
  left:10%;
  width:80%;
  margin-right: 20px;
     padding-bottom: 25px;

  }


  #mid-col-2 {
  position:absolute;
border-top: 2px dotted #f03;
  top:0;
  left:10%;
  width:45%;
  margin-right: 20px;
     padding-bottom: 25px;

  }

#mid-col-2 p {
margin-right: 20px;}
  
  #mid-col-3 {
  position:relative;
border-top: 2px dotted #f03;
   top:0;
  left:55%;
  width:35%;
padding-bottom: 25px;

     }
  
  #mid-col-4 {
  position:absolute;
  top:0;
  left:90%;
  width:10%;
  }
 

  
  #bottom-col-1 {
  position:relative;
  margin-left:20%;
  width:60%;
   margin-bottom:100px;
  }

.title {margin: 30px 0px 0px 10px;

	font-family: Georgia, Times, Serif;
	font-size: 16px;
	 	color: #000; 
     	font-weight:normal;  
}

.email {margin: 0px 0px 20px 40px;
		text-transform: uppercase;
		font-size: 11px;}

        
        .blogbody {
                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                color:#333;
                font-weight:normal;
                  background:#fff;
                  line-height:140%;        
              
                }
  
	.posted        { 

                font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
                font-size: 11px; 
                color: #999; 
margin-left: 10px;
                }
                
             
		#menu {
    width: 334px; height: 62px;
    background: url(menu.gif);
    margin: 10px auto; padding: 0;
    position: relative;
	top: -74px;
	right: -200px;}
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #menu li, #menu a {
    height: 62px; display: block;}
	
	#panel1b {left: 0px; width: 61px;}
  #panel2b {left: 61px; width: 60px;}
  #panel3b {left: 119px; width: 60px;}
  #panel4b {left: 179px; width: 60px;}
  #panel5b {left: 239px; width: 61px;}
  #panel6b {left: 302px; width: 32px;}
  
  #panel1b a:hover {
    background: transparent url(menu.gif)
    0px -61px no-repeat;}
  #panel2b a:hover {
    background: transparent url(menu.gif)
    -61px -60px no-repeat;}
  #panel3b a:hover {
    background: transparent url(menu.gif)
    -119px -60px no-repeat;}
  #panel4b a:hover {
    background: transparent url(menu.gif)
    -179px -60px no-repeat;}
	  #panel5b a:hover {
    background: transparent url(menu.gif)
    -239px -61px no-repeat;}
	
	#panel6b a:hover {
    background: transparent url(menu.gif)
    -302px -61px no-repeat;}