/*
Próbka kodu dla strony "Mark w Japonii"
"Head First Web Design", rozdział 2.
http://headfirslabs.com/books/hfwd/ch02/stylesheets/screen.css
*/

body {
   margin: 0;
   background: #112b63;
   font-family: Georgia, serif;
   line-height: 1.2em;
}

h1, p, ul {
   margin: 0;
   padding: 10px;
}

ul {
   padding: 10px;
   list-style-type: none;
}

ul li {
   margin: 0 0 10px 0;
   padding: 0;
}

#wrap {
   margin: 0 auto;
   padding: 10px 20px 20px 20px;
   width: 880px;
   background: #0b204c;
   border-top: 10px solid #091a3f;
}

#header {
   background: #ead9b8;
   height: 150px;
}

/* Kolumna lewa i środkowa wyrównana do lewej strony za pomocą pływania,
po prawej stronie każdej odstęp 20 px. */
#content-left, #content-center {
   float: left;
   width: 280px;
   margin: 20px 20px 20px 0;
   background: #fff;
}

/* To samo z prawą kolumną, która ma tylko inny kolor. */
#sidebar {
   float: left;
   width: 280px;
   margin: 20px 0 20px 0;
   background: #ccc;
}

/* 
Po wyrównaniu wszystkich kolumn powyżej stopki za pomocą pływania,
należy upewnić się, by element <div> stopki został zepchnięty
poniżej kolumn za pomocą deklaracji "clear: both".
*/
#footer {
   clear: both;
   background: #ead9b8;
}