/*----------------------------------------------------------------------------------------------------
Author: Ondrej Pohorsky | www.pohodesign.cz
----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
Global
----------------------------------------------------------------------------------------------------*/
  body {
    background: #FFFFFF url('./img/background.png') left top repeat-x;
    color: #000000;
    font: 14px/1.6 "Arial", sans-serif; 
  }
  #all {
    width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  #logo {
    width: 341px;
    height: 437px;
    margin: 49px auto 0 auto;
    background: url('./img/logo2.png') left top no-repeat;
  }
  #logo span {
    display: none;
  }
  #portfolio a {
    display: block;
    width: 300px;
    height: 54px;
    margin: 5px auto 0 auto;
    background: url('./img/portfolio.png') left top no-repeat;
  }
  #portfolio a:hover {
    background-position: left -54px;
  }
  #portfolio span {
    display: none;
  }
  #mail a {
    display: block;
    width: 242px;
    height: 18px;
    margin: 30px auto 0 auto;
    background: url('./img/mail.png') left top no-repeat;
  }
  #mail span {
    display: none;
  }
/*----------------------------------------------------------------------------------------------------
Content
----------------------------------------------------------------------------------------------------*/
  #content {
    margin: 0 auto;
    padding: 50px 0 50px 0;
    text-align: left;
  }
  #content h1 {
    font-size: 1.9em;
  }
  #content h2 {
    margin: 20px 0 0 0;
    color: #666666;
    font-size: 1.3em;
  }
  #content p {
    margin: 18px 0 0 0;
    font-size: .9em;
    line-height: 1.7em;
  }
  #content a {
    color: #0079A8;
  }
    #content a:hover {
      color: #000000;
    }
  #content hr {
    margin: 18px 0 0 0;
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 3px;
  }
  #content ul, #content ol {
    margin: 18px 0 0 0;
  }
  #content ul li {
    margin: 8px 0 0 0;
    padding: 0 0 0 18px;
    background: url('./img/li.png') left center no-repeat;
    font-size: .9em;
  }
  #content ol li {
    margin: 8px 0 0 0;
    font-size: .9em;
    list-style-position: inside;  
  }
  #content table {
    width: 100%;
    margin: 18px 0 0 0;
  }
  #content th, #content td {
    padding: 9px 15px 9px 15px; 
    border: 1px solid #D9D9D9;
    font-size: .9em;   
  }
  #content th {
    background: #EEEEEE;
    color: #000000;
  }
  #content img.alignright, #content img.right {
    float: right;
    margin: 25px 0 10px 15px;
    padding: 2px 2px 2px 2px; 
    border: 1px solid #EEEEEE;
  }
  #content img.alignleft, #content img.left {
    float: left;
    margin: 25px 15px 10px 0;
    padding: 2px 2px 2px 2px; 
    border: 1px solid #EEEEEE;
  }
  #content p img.alignright, #content p img.right {
    margin: 5px 0 10px 15px !important;
  }
  #content p img.alignleft, #content p img.left {
    margin: 5px 15px 10px 0 !important;
  }
  #content img.aligncenter, #content img.center, #content div.aligncenter, #content div.center {
    display: block;
    clear: both;
    margin: 25px auto 0 auto;
    padding: 2px 2px 2px 2px; 
    border: 1px solid #EEEEEE;
  }