/*
Theme Name: Holých
Author: Ondřej Holý
Version: 0.1
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);

*
{
  color: #232323;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}

#content, #footer, #header ul
{
  position: relative;
  font-size: 90%;
  max-width: 50em;
  min-width: 20em;
  margin: 0 auto;
  padding: 0 1em;
}

#content, #footer
{
  clear: both;
}

#footer p
{
  color: #616161;
  padding: 1em 0;
}

#header
{
  background: #232323;
}

#header ul
{
  padding: 0.7em 0 0.5em 0;
}

#header li
{
  display: inline-block;
  list-style-type: none;
  margin-right: 1em;
}

#header a
{
  color: white;
  margin: 0;
  padding: 0;
}

#header > ul:first-child > li:first-child > a
{
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: -0.1em;
  padding-right: 0.1em;
  line-height: 0.0001em;
}

#header li.current-menu-item > a, #header li.current_page_parent > a
{
  text-decoration: none;
}

/*#header ul.sub-menu
{
  display: none;
  width: auto;
}

#header ul.sub-menu a
{
  color: black;
}

#header li.current-menu-item ul.sub-menu, #header li.current_page_parent ul.sub-menu
{
  display: block;
  position: absolute;
  left: 0;
}*/

#content h1
{
  margin: 0.8em 0 0.8em 0;
}

#content h2, h3, h4, p, ul, pre, img
{
  margin: 1em 0 0.7em 0;
}

#content ul, ol
{
  padding-left: 2em;
}

#content a
{
  color: #003366
}

#content p
{
  text-align: justify;
  text-justify: newspaper;
}

#content pre
{
  font-family: monospace;
}

#content table, td
{
  border: 1px solid black;
}

#content table
{
  clear: left;
  clear: right;
  margin: 1em auto;
  width: 95%;
  border-collapse: collapse;
}

#content table thead
{
  font-weight: bold;
}

#content table td
{
  padding: 0.2em;
}

#content .alignleft
{
  float: left;
  clear: left;
}

#content .alignright
{
  float: right;
  clear: right;
}

#content .aligncenter
{
  display: block;
  margin: 1em auto;
}

#content p.navigation
{
  color: #616161;
}

/* Mobile */
@media all and (max-width: 50em)
{
  #header li 
  {
    display: block;
    text-align: center;
  }
}
