@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: 800px) {
  body,
  body h1,
  body p {
    font-size: 14px;
    line-height: 22px;
    }
  }

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

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

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

h1 {
  margin-left: -22px;
  }
  
@media screen and (max-width: 800px) {
  h1 {
    margin-left: -13px;
  }
  h1 img {
    max-width: 100%;
    }
  }
  
p {
  margin-bottom: 36px;
  text-shadow: 0 1px 0 #fff;
  }

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

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: 800px) {
  p.info .bull {
    display: none;
    }
  p.info a {
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 2px 0 #a1a1a1;
    -moz-box-shadow: 0 2px 0 #a1a1a1;
    -webkit-box-shadow: 0 2px 0 #a1a1a1;
    clear: both;
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    margin: 18px 3px 0;
    padding: 6px 9px;
    text-align: center;
    }
  p.info a:active {
    background: #ddd;
    }
  }

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

p + p {
  text-indent: 0;
  }

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

abbr i {
  text-transform: none;
  }
  
@media screen and (max-width: 800px) {
  p.small {
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    padding: 0 15%;
    }
  }

.g-plusone {
  position: relative;
  }