/*
Theme Name: Bluegrey
Theme URI: http://nescius.dizgrafix.cz/bluegrey
Description: a port of drupal css driven theme, screw drupal anyway.
Version: 0.9
Author: Martin Zbořil
Author URI: http://nescius.dizgrafix.cz
Todo: kill hacks
*/
body {
    font-size		: 62.5%;		/* Resets 1em to 10px */
    font-family		: 'Nimbus Sans', 'DejaVu Sans', 'Lucida', 'Arial', sans-serif;
    background-color	: #222228;
    color		: #9CD;
  }
* {						/*fuck IE! fuck opera, fuck everything!*/
    margin		: 0;
    padding		: 0;
  }
a {
    color		: #FFFFE1;
    text-decoration	: none;
  }
a:hover {
    color		: #FFF;
    text-decoration	: underline;
  }
a:active {
    color		: #E1F8FF;
    outline		: none;
  }
h2 {
    font-size		: 1.6em;
  }
h3 {
    font-size		: 1.3em;
  }
h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited, .description {
    color		: #96dade;
    text-decoration	: none;
  }
#header h1 {
    position		: absolute;
    top			: 5px;
    right		: 5px;
    z-index		: 0;
    padding		: 5px;
    height		: 68px;
    width		: 359px;
    background		: transparent url("Images/title.png") center center no-repeat;
  }
#header h1 * {
    visibility		: hidden;
  }
#page {
    min-width		: 500px;
    margin-top		: 72px;
    width		: 100%;
  }
#content {
    margin		: 0 192px 0 96px;
    font-size		: 1.2em;
  }
* html #content {
    margin-top		: 72px;
  }
h2.pagetitle {
    position		: relative;
    bottom		: -4px;
    margin		: 0 0 0 108px;
    padding		: 0;
    font-weight		: 500;
    height		: 29px;
  }
h2.pagetitle .left {
    width		: 15px;
    height		: 29px;
    float		: left;
    background		: transparent url("Images/h2-left.png") top left no-repeat;
  }
h2.pagetitle .center {
    color		: #42bac2;
    float		: left;
    height		: 25px;
    background		: transparent url("Images/h2-background.png") top left repeat-x;
    padding		: 2px 5px 2px 5px;
  }
h2.pagetitle .right {
    width		: 15px;
    height		: 29px;
    float		: left;
    background		: transparent url("Images/h2-right.png") top left no-repeat;
  }
#page.pages h2.pagetitle {
    z-index		: 3;
    bottom		: -14px;
  }
#page.pages h2.pagetitle .left {
    background		: transparent url("Images/h2-pages-left.png") top right no-repeat;
    width		: 20px;
    height		: 33px;
  }
#page.pages h2.pagetitle .right {
    background		: transparent url("Images/h2-pages-right.png") top left no-repeat;
    width		: 20px;
    height		: 33px;
  }
#page.pages h2.pagetitle .center {
    background		: transparent url("Images/h2-pages-background.png") top left repeat-x;
    height		: 33px;
  }
#content.small{
    margin-top		: 72px;
    text-align		: center;
  }
#footer {
    text-align		: center;
    clear		: both;
    margin		: 0 96px;
  }
#top {
    position		: fixed;
    z-index		: 15;
    height		: 26px;
    top			: 0;
    left		: 0;
    background		: transparent url("Images/top-background.png") top left repeat-x;
  }
* html #top {					
    position		: absolute;
    background		: transparent url("Images/top-background-ie.png") top left repeat-x;
  }
#corner {
    position		: absolute;
    right		: -13px;
    width		: 13px;
    height		: 26px;
    background		: transparent url("Images/top-corner.png") top left no-repeat;
  }
* html #corner {
    position		: absolute;
    background		: transparent url("Images/top-corner-ie.png") top left no-repeat;
  }
#top a { 
    position		: relative;
    top			: 2px;
    color		: #66AFBE;
    font-size		: 16px;
    padding		: 2px 0 2px 1.4ex;
    outline		: none;
  }
#top a:hover {
    text-decoration	: none;
    color		: #8DE;
    outline		: none;
  }
#top a:active {
    color		: #AFF;
  }
#top * {
    display		: inline;
    float		: left;
  }
#top li ul {
    position		: absolute;
    top			: 25px;
    visibility		: hidden;
    padding-right	: 7px;
    list-style		: none;
    float		: left;
    display		: block;
  }
#top li ul li {
    float		: none;
    float		: none;
    display		: block;
  }
#top li ul li a {
    display		: block;
    font-size		: 1em;
    line-height		: 1em;
  }

.navigation {
    display		: block;
    clear		: both;
    margin		: 10px 10em;
  }
#sidebar {
    position		: absolute;
    right		: 20px;
    top			: 90px;
    width		: 120px;
  }
#sidebar .sb-links h2 {
    display		: none;
  }
#sidebar li {
    list-style		: none;
    height		: 17px;
  }
#error {
    color		: #FFE;
    text-shadow		: #389 0 0 15px;
    font-size		: 140px;
    line-height		: 130px;
  }
#gallery{
    margin		: 0 96px;
    text-align		: center;

   _margin		: 96px;
  }
#gallery .uri {
    text-align		: left;
  }
#gallery #folders {
    list-style		: none;
    float		: left;
    width		: 148px;
    margin		: 7px;
    text-align		: left;
  }
#gallery #folders li {
    padding		: 2px 0 2px 10px;
  }
#gallery #folders li a {
    display		: list-item;
  }
#gallery .picture {
    text-align		: center;
  }
#gallery .thumb {
    float		: left;
    margin		: 7px;
    display		: table;
    width		: 148px;
    height		: 148px;
    background		: transparent url("Images/img-thumb.png") top center no-repeat;

   _position		: relative;
  }
#gallery .thumb span {
    display		: table-cell;
    vertical-align	: middle;

   _position		: absolute;
   _top			: 50%;
  }
#gallery .thumb span a {
    border		: none;

   _position		: relative;
   _top			: -50%;
   _left		: -50%;
  }

.alt {
    border-top		: 1px solid #ddd;
    border-bottom	: 1px solid #ddd;
  }

small {
    font-size		: 0.9em;
    line-height		: 1.5em;
  }

h1, h2, h3 {
    font-family		: 'Nimbus Sans', 'DejaVu Sans', 'Lucida','Arial', sans-serif;
    font-weight		: bold;
  }

.description {
    display		: none;
  }

.post, .notsopost {
    position		: relative;
    z-index		: 1;
    margin-bottom	: 6px;
    min-height		: 54px;
    display		: block;
  }
.post {
    background		: #313d41 url("Images/post-background.png") top left repeat-y;
    min-height		: 110px;
  }
.post .meta {
    position		: absolute;
    left		: 0;
    z-index		: 2;
    display		: block;
    font-size		: .9em;
    width		: 128px;
    min-height		: 50px;
    background		: #0D515C url("Images/post-date-background.png") top left repeat-y;
  }
.post .meta .capsule1 {
    display		: block;
    background		: transparent url("Images/post-date-top.png") top left no-repeat;
    width		: 138px;
    min-height		: 27px;
  }
.post .meta .capsule2 {
    bottom		: 2px;
    z-index		: 0;
    display		: block;
    background		: transparent url("Images/post-date-bottom.png") bottom left no-repeat;
    width		: 138px;
    min-height		: 90px;
  }
.post .meta .info {
    position		: absolute;
    z-index		: 9;
    top			: 1px;
    left		: -10px;
    padding		: 10px;
    height		: 80px;
    width		: 128px;
    text-align		: center;
  }
.post .meta .info > * {
    display		: block;
    list-style		: none;
  }
.post .entry {
    text-align		: left;
    margin-left		: 148px;
    padding		: 4px 10px 5px 0;
    background		: transparent url("Images/entry-right-top.png") top right no-repeat;
  }

.post .entry .more {
    position		: relative;
    left		: 50%;
    bottom		: 10px;
    width		: 50%;
    height		: 10px;
  }
.post .entry .more span {
    position		: absolute;
    right		: -10px;
    bottom		: -15px;
    width		: 76px;
    height		: 20px;
    font-size		: 1.1em;
    text-align		: right;
    padding		: 20px 15px .2em 1em;
    background		: transparent url("Images/entry-more.png") bottom right no-repeat;
    z-index		: 0;
  }
.post .entry .more span a {
    position		: relative;
    padding		: 1em 15px 1em 1em;
    left		: 14px;
    bottom		: 0;
    z-index		: 3;
  }

.notsopost {
    background		: #313D41 url("Images/entry-left-top.png") top left no-repeat;
  }
.notsopost .entry {
    background		: transparent url("Images/entry-right-top.png") top right no-repeat;
    position		: relative;
    z-index		: 2;
    text-align		: left;
    margin-left		: 1;
    padding		: 18px 15px 15px 15px;
  }
.notsopost .cornerbottom {
    position		: absolute;
    z-index		: 0;
    bottom		: 0;
    width		: 100%;
    clear		: both;
    height		: 25px;
    background		: transparent url("Images/entry-left-bottom.png") no-repeat bottom left;
  }
.notsopost .cornerbottom .blogcorner {
    float		: right;
    width		: 27px;
    height		: 25px;
    background		: transparent url("Images/entry-right-bottom.png") no-repeat bottom right;
  }

.text {
    position : relative;
    z-index		: 2;
  }
.entry .text p {
    line-height		: 1.4em;
    margin		: 0 0 6px 0;
  }
.entry .text ul {
    padding-left	: 3em;
    margin		: 0 0 1em 0;
  }
.post .entry .postmetadata {
    position		: relative;
    display		: compact;
  }
.post .cornerbottom {
    position		: absolute;
    z-index		: 0;
    bottom		: 0;
    width		: 100%;
    clear		: both;
    height		: 25px;
    background		: transparent url("Images/post-bottom.png") no-repeat bottom left;
  }
* html .post .cornerbottom {
    float		: left;
  }
.post .cornerbottom .blogcorner {
    float		: right;
    width		: 27px;
    height		: 25px;
    background		: transparent url("Images/entry-right-bottom.png") no-repeat bottom right;
  }

.commentlist {
    padding-left	: 27px;
  }
.commentlist li, .postmetadata {
    border		: none;
  }
.commentlist li {
    position		: relative;
    margin-bottom	: 28px;
    min-height		: 54px;
    display		: block;
    background		: #303c40 url("Images/post-background.png") repeat-y top left;
    width		: 100%;
  }
.commentlist li .entry {
    position		: relative;

    z-index		: 3;
    text-align		: left;
    margin-left		: 148px;
    padding		: 4px 1em 0 0;
    background		: transparent url("Images/entry-right-top.png") no-repeat top right;
  }
.commentlist li .meta .cornertop {
    position		: absolute;
    top			: 0;

    z-index		: 0;
    float		: right;
    display		: block;
    background		: transparent url("Images/post-date-top.png") no-repeat top left; 
    width		: 138px;
    height		: 27px;
  }
.commentlist li .meta .date {
    position		: absolute;

    z-index		: 2;
    margin		: 12px 0;
    padding-right	: 10px;
    width		: 128px;
    text-align		: center;
  }
.commentlist li .cornerbottom {
    position		: absolute;

    z-index		: 1;
    bottom		: 0;
    width		: 100%;
    clear		: both;
    height		: 27px;
    background		: #303c40 url("Images/post-date-bottom.png") no-repeat bottom left;
  }
.alt {
    border-top		: 1px solid #ddd;
    border-bottom	: 1px solid #ddd;
  }
.commentlist li .cornerbottom .blogcorner {
    float		: right;
    width		: 27px;
    height		: 27px;
    background		: transparent url("Images/entry-right-bottom.png") no-repeat bottom right;
  }

/**
 * tagy
 **/

code {
    font		: 1.1em 'Courier New', 'Courier', Fixed;
    white-space		: pre;
  }

dt {
    text-shadow		: #389 0 0 5px;
    font-weight		: bold;
    min-width		: 5em;
    display		: block;
    float		: left;
    clear 		: both;
  }
dd {
    margin		: .5em 0 .5em 5em;
    display		: block;
  }
dl dd strong {
    text-shadow		: #389 0 0 5px;
  }
acronym, abbr, .acronym, .abbr {
    font-size		: 1em;
    font-variant	: normal;
    font-style		: normal;
    letter-spacing	: normal;
    cursor		: help;
    border-bottom	: #FFFFE1 1px dotted;
  }

textarea#comment {
    height		: 96px;
    width		: 100%;
    color		: #FFE;
    background-color	: #333348;
  }
input#search {
    height		: 1.5em;
    color		: #FFE;
    background-color	: #389;
  }
input#submit {
    height		: 1.5em;
    color		: #FFE;
    background-color	: #389;
  }
img {
    border		: none;
  }
ul.list-styled {
    float		: left;
    display		: table;
    margin-bottom	: 12px;
  }
ul.list-styled li {
    height		: 30px;
    list-style		: none;
    display		: table-row;
    padding-bottom	: 3px;
  }
ul.list-styled li h3 {
    background		: transparent url("Images/kontakt-item-title.png") no-repeat center left;
    text-align		: center;
    display		: table-cell;
    border		: none;
    border-top		: 1px #222224 solid;
    border-bottom	: 1px #222224 solid;
    width		: 91px;
    padding-right	: 10px;
    vertical-align	: middle;
    height		: 30px;
    overflow		: hidden;
  }
ul.list-styled li span {
    padding		: 0 10px;
    display		: table-cell;
    border		: none;
    border-top		: 1px #222224 solid;
    border-bottom	: 1px #222224 solid;
    line-height		: 28px;
    background		: #323f42 url("Images/kontakt-item-corner.png") no-repeat center right;
    vertical-align	: middle;
    height		: 30px;
    white-space		: nowrap;
  }
ul.list-styled small {
    font-size		: 0.5em;
    line-height		: 0.6em;
    display		: block;
  }

.left, .alignleft {
    float		: left;
  }
.right, .alignright {
    float		: right;
  }
img.left, img.alignleft, img.right, img.alignright {
    margin		: 3px;
  }
table {
    width		: 100%;
    margin		: 0;
    padding		: 0;
    font-size		: 1.1em;
  }
td img, th img {
    float		: right;
  }
th hr {					/*apache directory output*/
    visibility		: hidden;
    margin		: .5em 0;
  }
h5 {
    float		: left;
    clear		: left;
    font-size		: 1em;
  }

a[href ^="http://"], .external {
    background		: url("/icons/external-white.png") no-repeat center right;
    padding-right	: 12px;
    margin-right	: 2px;
    padding-left	: 0;
    margin-left		: 0;
    height		: 16px;
  }
a[href ^="http://la-bete."] {
    background		: url("/icons/small/favicons/la-bete.dizgrafix.cz.png") no-repeat center left;
    margin		: 0 0 0 2px;
    padding		: 1px 0 1px 18px;
  }
a[href ^="http://games.dizgafix.cz"] {
    background		: url("/icons/small/favicons/games.dizgrafix.cz.png") no-repeat center left;
    margin		: 0 0 0 2px;
    padding		: 1px 0 1px 18px;
  }
a[href ^="http://koubic."] {
    background		: url("/icons/small/favicons/koubic.dizgrafix.cz.png") no-repeat center left;
    margin		: 0 0 0 2px;
    padding		: 1px 0 1px 18px;
  }
a[href ^="http://www.dizgrafix.cz"] {
    background		: url("/icons/small/favicons/dizgrafix.cz.png") no-repeat center left;
    margin		: 0 0 0 2px;
    padding		: 1px 0 1px 18px;
  }
a[href ^="http://sorrylooking."] {
    background		: url("/icons/small/favicons/sorrylooking.dizgrafix.cz.png") no-repeat center left;
    margin		: 0 0 0 2px;
    padding		: 1px 0 1px 18px;
  }
a[href ^="http://nescius."] {
    background		: none;
    padding		: 0;
    margin		: 0;
  }