@charset "utf-8";
/* 
  @project lukasztyrala.pl
  @name general.css
  @author lukasz.tyrala
*/

/* GENERAL INFORMATIONS
-----------------------------------------------------------------------------

This file requires BaselineCSS grid (basline.css).

*/

/* Section [section]
----------------------------------------------------------------------------- */

body,
html {
  background: #f4f4f4 url('/web/images/bg-grey-hsl.png') repeat 0 0;
  }

body,
body h1,
body p {
  color: #222;
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 26px;
  }

@media screen and (max-width: 480px) {
  body,
  body h1,
  body p {
    font-size: 13px;
    line-height: 18px;
    }
  }

body p {
  font-family: 'Droid Serif';
  }

body {
  padding: 5% 33% 0 10%;
  width: auto;
  }

@media screen and (max-width: 480px) {
  body {
    padding: 9px 18px 18px 9px;
    }
  }

h1 {
  margin-left: -22px;
  }

p {
  margin-bottom: 36px;
  text-shadow: 0 1px 0 #fff;
  }

@media screen and (max-width: 480px) {
  p {
    margin-bottom: 18px;
    }
  }

p span.bull {
  color: #777;
  }

p a {
  font-style: italic;
  text-decoration: none;
  padding: 9px 3px;
  text-shadow: 0 1px 0 #fff;
  }

@media screen and (max-width: 480px) {
  p a {
    padding: 12px 9px;
    }
  }

p a:hover {
  text-decoration: underline;
  }

p + p {
  text-indent: 0;
  }

p.small {
  color: #888;
  font-size: 12px;
  font-style: italic;
  }

@media screen and (max-width: 480px) {
  p.small {
    font-size: 11px;
    }
  }