@charset "UTF-8";

/* 
 * kursy-maturalne.edu.pl
 *

 * Reset & fonts
 * Global
 * Header
 * Content
 * Sidebar
 * Per-page settings

 */

/* Reset (thanks to http://perfectionorvanity.com/reset.html) & fonts
 ****************************************************************** */
  a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
  caption, cite, code, dd, del, details, dfn, div, dd, dl, dt, em, embed,
  fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, 
  header, hgroup, html, i, iframe, img, ins, kbd, label, legend, 
  mark, menu, nav, object, p, pre, q, samp, section, small, span,
  strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time,
  tr, var, video /* ol, ul, li */ { 
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline; }
  ol, ul {
    margin-top:     0;
    margin-bottom:  1.5em;
    padding-top:    0;
    padding-bottom: 0; }

  article, aside, canvas, details, figcaption, figure, footer, header, 
  hgroup, menu, nav, section, summary {
    display: block;
  }
  iframe { display: block; }
  p, blockquote, q, pre, address, hr, code, samp,
  dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
  }

  a, ins, del { text-decoration: none; }

/*  ul, ol { list-style: none; } */

  table {
    border-spacing:   0;
    border-collapse:  collapse;
    font-size:        0.9em;
    line-height:      1.3;
  }

  caption, th, td {
    text-align: left;
    vertical-align: top;
  }
  th, td { padding: 1ex 1.7ex; }
  caption { padding-bottom: 1em; }
  th { font-weight: bold; }
  caption, th { text-align: left; }

  q:after, q:before { content: ""; }

  article, aside, canvas, details, figcaption, figure, footer, header, 
  hgroup, menu, nav, section, summary {
    height:   auto;
    overflow: auto; }

  img { display: block; }

  /*
  sup, sub { 
    font-size: .5em;
    vertical-align: baseline;
    position: relative;  }
  sup { top: -.65em;   }
  sup.math { top: -.8em }
  sub { top: .2em; }
  */

  sup, sub  { font-size:      0.7em;
              position:       relative;
              vertical-align: baseline; }
  sup       { top:            -.60em; }
  sub       { top:            .2ex; }

  em, i { font-style: italic; }
  strong, b { font-weight: bold; }


  q:lang(pl)  { quotes:  "\201E" "\201D" "\00AB" "\00BB"; }
  q:before    { content: open-quote }
  q:after     { content: close-quote }

/* Unknown */
  code, kbd, pre, samp, tt {
    font: 1em/1.5em "andale mono", consolas, monaco, "lucida console",
                    "courier new", courier, monospace;
  }

  pre { white-space: pre-wrap; }

  abbr, acronym, dfn {
    border-bottom: 1px dotted;
    cursor: help;
    font-style: normal;
    font-variant: normal; }

  var { font-style: normal; }

  center { text-align: center; }

  hr {
    border: 0;
    border-bottom: 1px solid; }
  
  big   { font-size:  1.333em; line-height: 1.125em; }
  small { font-size:  0.833em; line-height: 1.8em; }

  del, s, strike { text-decoration: line-through; }

  ins {
    border-bottom: 1px dotted;
    text-decoration: none; }

  bdo { border-bottom: 1px dotted; }
  u { text-decoration: underline; }

/* Global
 ****************************************************************** */
  html { 
    background: #122836 url(img/gradient-bg.png) repeat-x;
    color:      #FEE5E0; /* was F2E7E7 */
    font-size:  100.01%; }
  body {
    font:         normal 0.75em/150% "Lucida Grande", 
                    "Lucida Sans Unicode", "Lucida Sans", 
                    "DejaVu Sans", "Bitstream Vera Sans", 
                    Verdana, "Verdana Ref", sans-serif;
    border-left:  solid 24px #92B0D4;
    margin:       0 auto;
    width:        925px; }
  article, aside {
    overflow: visible; }
  p {
    text-align:     justify;
    text-justify:   distribute; }

  a                 { color: #92b0d4;
                      border-bottom: 1px solid #92b0d4; }
  a:link            { border-bottom: 1px solid #92b0d4; }
  a:visited         { border-bottom: #A1A9B2; }
  a:hover, a:focus  { border-bottom: 1px dotted; }

  h1, h2 {
    font-family:  Impact, Haettenschweiler, "Arial Narrow Bold", 
                  sans-serif; 
    color:        #d3d5b5; }
  h3, h4, h5, h6 { font-weight: bold; }

  h1 { font-size: 2em;     line-height: 1.5em;   margin-bottom: 0.75em; }
  h2 { font-size: 1.333em; line-height: 1.125em; margin-bottom: 1.125em;}

  dt { font-weight: bold; }
  dd { margin-bottom: 1.5em; }

  table  { margin: 1.5em auto; }
  tr:nth-child(odd)   { background-color: #20303F; }
  tr:nth-child(even)  { background-color: #253A4C; }
  thead *             { background-color: #345266; }

  tr > * {
    min-width:      8ex;
    text-align:     center;
    vertical-align: middle; }
  th, td {
    border-left: 1px solid #1A2939;
  }

/* Classes */
  .nowrap { white-space: nowrap; }
  .clear { clear: both; }

  .left {
    width:    48%;
    float:    left;
    padding:  0 1%;
  }
  .right {
    width:    48%;
    float:    right;
    padding:  0 1%;
  }

/* Header
 ****************************************************************** */

  header { 
    background:     url("img/hand.png") no-repeat right top;
    border-bottom:  solid 12px #d3d5b5;
    -moz-border-image: url("img/head-border.png") 50 0 stretch;
    -webkit-border-image: url("img/head-border.png") 50 0 stretch;
    border-image: url("img/head-border.png") 50 0 stretch;
    margin-bottom:  10px;
    padding-bottom: 2px;
    height:         210px;
  }

  header ul, header ol, header li {
    margin: 0; padding: 0; border: 0; 
    list-style: none;
  }

  header a, header a:link, header a:visited, 
            header a:hover, header a:focus {
    border:       none; 
    display:      block; 
  }
   
  header hgroup { margin: 20px 15px; }
  header nav    { margin: 10px 36px; }

  header nav { overflow: visible; }
  header nav ul li {
    /* font:       small-caps bold 2.25em/100% "Helvetica Neue", Helvetica,
                                          Arial, sans-serif; */
    margin-right: 45px;
    display:      block;
    float:        left;
  }

/* Content
 ****************************************************************** */

  article {
    display:        table-cell;
    vertical-align: top;
    padding:        48px 40px;
    padding-left:   54px;
    padding-bottom: 185px;
    width:          635px; /* 715 - 2*40 */
    background:     url("img/books.png") bottom left repeat-x;
  }

  article table { max-width: 635px; }

  article img {
    margin:     1.5em auto;
    max-width:  90%;
  }

  article h1 {
    border-bottom:  0.15em solid #832707;
    margin-bottom:  0.6em;
    margin-left:   -8px;
    display:        -moz-inline-block;
    display:        inline-block;
  }

  article h2 {
    margin-left: 1ex;
    margin-bottom: 0.5em; }

  article h1 + p {
    border-left:    solid 6px #92B0D4;
    margin-left:    -22px;
    padding-left:   16px; }

/* Sidebar
 ****************************************************************** */
aside {
  display:        table-cell;
  vertical-align: top;
  background:     #192f3d url("img/side-bg.png") top left repeat-y;
  padding:        26px 16px 22px 30px;
  width:          162px; /* 210 - (16+32) */
  font:           0.9em/1.4em Verdana, "Verdana Ref", sans-serif; }

aside p {
  background:     url("img/side-p-bg.png") no-repeat;
  padding-left:   19px;
  text-align:     left; }

/* Per-page settings
 ****************************************************************** */
  
  #kontakt article * { margin-left: auto; 
                       margin-right:auto; }
  #kontakt article h1 { margin-bottom: 1.125em; }
  #kontakt article iframe { padding: 1.125em; }

/* vim: set ts=2 sw=2 et nu cul fdm=indent fdn=2 fdc=3 fdl=100: */