/***************************************
   =style domyślne
************************************** */
html,body {
   margin: 0;
   padding: 0;
}

body {
   font: 62.5% Verdana, Helvetica, Arial, sans-serif;
   color: #000;
   background: #fff;
}

#container {
   font-size: 1.2em;
   margin: 10px 2em;
}

h1 {
   font-size: 2.5em;
   margin-bottom: 0;
}

h2 {
   font-size: 1.3em;
   margin-bottom: .5em;
}

h3 {
   font-size: 1.1em;
   margin-bottom: 0;
}

code {
   font-size: 1.2em;
}

a {
   color: #06581f;
}

/*****************************************
=Metoda Asletta dla elementów pływających 
**************************************** */
.clear-after:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clear-after {
   display: inline-block;
}

/* sztuczka z ukośnikiem lewym ukrywająca kod przed IE dla Maca \*/
* html .clear-after {
   height: 1%;
}

.clear-after {
   display: block;
}

/* koniec sztuczki z ukośnikiem lewym */
/***************************************
   =style dla rozdziału 5.
************************************** */
.chapter {
   width: 42em;
}

#f-title {
   font-size: 1.5em;
}

#excerpt {
   font-style: italic;
}

/* -----------------------------------
   =PRZYPISY DOLNE
-------------------------------------- */
span.footnote {
   font-style: italic;
   font-family: "Times New Roman", Times, serif;
   display: block;
   margin: 1em 0;
}

.chapter span.footnote {
   display: inline;
}

.text-reference {
   font-weight: bold;
}

#notes li {
   margin: 1em 0;
}

#notes {
   margin-top: 1em;
   border-top: 1px solid #dedede;
}

#footer {
   margin-top: 1em;
   border-top: 1px solid #dedede;
}

/* -----------------------------------
   =PROSTY CYTAT WYRZUCONY
-------------------------------------- */
/*.pulled {
  background: #e5e5e5;
  position: absolute;
  width: 145px;
  top: -20px;
  right: -180px;
  padding: 12px 5px 12px 10px;
  font: italic 1.4em "Times New Roman", Times, serif;
}*/
/* -------------------------------------------------
   =CYTAT WYRZUCONY Z ZAOKRĄGLONYMI ROGAMI I CIENIEM
--------------------------------------------------- */
.pulled-wrapper {
   background: url(pq-top.jpg) no-repeat left top;
   position: absolute;
   width: 160px;
   right: -180px;
   padding-top: 18px;
}

.pulled {
   background: url(pq-bottom.jpg) no-repeat left bottom;
   position: relative;
   display: block;
   width: 140px;
   padding: 0 10px 24px 10px;
   font: italic 1.4em "Times New Roman", Times, serif;
}