/*
College of New Media (przed przeprojektowaniem nawigacji)
Head First Web Design, rozdział 6
http://headfirstlabs.com/books/hfwd/ch06/newmedia_before/stylesheets/screen.css
*/

/*
Blaknący obrazek tła można uzyskać w dowolnym programie
do obróbki grafiki i umieścić za pomocą właściwości "background".
*/
body {
   margin: 0;
   padding: 0;
   background: #fff url('../images/main_bg.jpg') no-repeat top left;
   border-top: 10px solid #222;
   font-family: Helvetica, sans-serif;
   font-size: 62.5%;
   color: #333;
}

img {
   border: none;
}

h1, h2, p, ul, li {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}

p {
   font-size: 1.4em;
   line-height: 1.4em;
}

/* Ładne znaki "&". */
span.amp {
   font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
   font-style: italic;
}

#header {
   background: url('../images/nav_bg.png');
   height: 75px;
}

#header img {
   float: left;
}

#nav {
   float: left;
   width: 460px;
   height: 75px;
   font-size: 1.4em;
}

#nav li a {
   float: left;
   width: 104px;
   height: 65px;
   padding: 10px 0 0 10px;
   color: #fff;
   text-decoration: none;
   border-right: 1px solid #777;
}

#nav li a.active {
   background: #222;
}

#subnav {
   margin: 0;
   padding: 0;
   background: #d2dbc0;
   height: 46px;
}

#subnav ul {
   list-style-type: none;
}

#subnav ul li {
   float: left;
   margin: 0;
   padding: 15px 10px 15px 10px;
   font-size: 1.4em;
}

/*
Ta reguła nadaje specjalny styl strzałce "Programy"
w drugorzędnym systemie nawigacyjnym.
*/
#subnav li.option {
   text-transform: uppercase;
   background: #b2bf99 url('../images/option_li_bg.gif') no-repeat right;
   padding: 15px 25px 15px 10px;
   color: #7f8e62;
}

#subnav li a {
   padding: 10px 0 10px 35px;
   color: #333;
   text-decoration: none;
}

#subnav li a.webdesign {
   background: url('../images/webdesign_icon.png') no-repeat left center;
}
#subnav li a.animation {
   background: url('../images/animation_icon.png') no-repeat left center;
}
#subnav li a.game {
   background: url('../images/game_icon.png') no-repeat left center;
}
#subnav li a.writing {
   background: url('../images/writing_icon.png') no-repeat left center;
}

.page #subnav li a {
   padding: 15px;
}
.page #subnav li a.active, .page #subnav li a:hover {
   background: #b2bf99;
}

#wrap {
   padding: 0;
   margin: 225px 0 0 20px;
   width: 780px;
   background: #fff;
   border-top: 5px solid #333;
}

p.crumbs {
   background: #eee;
   padding: 10px;
}

#content {
   width: 495px;
   padding: 10px;
   float: right;
}

#content h2, #sidebar h2 {
   font-size: 2em;
   margin: 0 0 5px 0;
}

#content p, #sidebar h2 {
   margin: 0 0 10px 0;
}

#sidebar {
   width: 235px;
   padding: 10px;
   float: left;
}

#content p, #sidebar p {
}

#footer {
   clear: both;
   border-top: 1px solid #ccc;
}