/*

Author: Vojtech Bulant, [bulant.cz]
Project: <project>

Encoding: UTF-8
Media: screen, projection, tv

Latest revision: 18. 11. 2008

*/

/* OBECNE
======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

:focus {outline: 0;}

body {background: #ffffff url("img/ccc.gif") fixed; font: 62.5%/1.7 Tahoma, sans-serif; color: #333333;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

sup {vertical-align: super;}
sub {vertical-align: sub;}

strong {font-weight: bold;}
em {font-style: italic;}

acronym, .help {color: #000000; border-bottom: 1px dotted; cursor: help;}

li {list-style-type: none;}

hr {display: none;}

a {color: #cc0000;}
a:visited {color: #660000;}
a:hover, a:active, a:focus {color: #00a7df;}
a img {border: none;}

p {margin: 1.7em 0; text-align: justify;}

h2 {position: relative; height: 32px; overflow: hidden; text-transform: uppercase; line-height: 32px; vertical-align: middle; color: #cc0000;}

/* UNIVERZALNI PRVKY
======================================*/

.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
img.fl {margin-right: 5px;}
img.fr {margin-left: 5px;}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

.error {color: #c00;}
.success {color: #090;}

.a-hidden {position: absolute; top: -10000em;}

/* STRUKTURA
======================================*/

#container {background: #ffffff; position: relative; width: 780px; margin: 0 0 0 50px; padding: 132px 20px 20px 20px; overflow: hidden; font-size: 1.2em;}

/* Hlavicka
--------------------------------------*/

h1 {position: absolute; left: 0; top: 27px; width: 374px; height: 93px; overflow: hidden; font-weight: bold;}
h1 a {position: relative; display: block; height: 43px; padding: 0 0 0 20px; overflow: hidden;}
h1 a span.ir {background: url("img/logo.png") 0 -43px;}
h1 a:hover span.ir,
h1 a:active span.ir,
h1 a:focus span.ir {background-position: 0 0;}
h1 br {display: none;}
h1 strong {position: relative; display: block; height: 50px; padding: 0 0 0 20px;}
h1 strong span.ir {background: url("img/desc.png");}

#me {background: url("img/ccc.gif"); cursor: help; position: absolute; top: 20px; right: 20px; padding: 5px;}
#me img {border: 1px solid #ffffff;}

/* Obsah
--------------------------------------*/

#content {float: left; width: 460px; margin-bottom: 1.7em;}
#content h2 {margin-top: .7em;}
#content #freelancer h2 {margin: 0;}
#content #freelancer h2 span.ir {background: url("img/freelancer.png");}
#content #macuser h2 span.ir {background: url("img/macuser.png");}
#content #fotograf h2 span.ir {background: url("img/fotograf.png");}
#content #kamarad h2 span.ir {background: url("img/kamarad.png");}
#content #rocker h2 span.ir {background: url("img/rocker.png");}
#content #ctenar h2 span.ir {background: url("img/ctenar.png");}
#content #divak h2 span.ir {background: url("img/divak.png");}

/* Pravy panel
--------------------------------------*/

#sidebar {position: relative; float: right; width: 300px; margin-bottom: 1.7em; color: #666666;}

#tweetie {position: absolute; z-index: 100; right: 0; top: -15px; background: url("img/tweetie.png"); display: block; width: 32px; height: 36px;}

#sidebar a.more {position: relative; display: block; height: 22px; font-style: italic;}
#sidebar a.more:hover,
#sidebar a.more:focus,
#sidebar a.more:active {color: #cc0000;}
#sidebar a.more:hover span.ir,
#sidebar a.more:active span.ir,
#sidebar a.more:focus span.ir {background-position: 0 0 !important;}

#sidebar #twitter h2 {color: #00a7df;}
#sidebar #twitter h2 span.ir {background: url("img/twitter.png");}
#sidebar #twitter li {margin: 1.7em 0 0 0;}
#sidebar #twitter li a {white-space: nowrap; color: #00a7df;}
#sidebar #twitter li a:visited {color: #497482;}
#sidebar #twitter li a:hover,
#sidebar #twitter li a:active,
#sidebar #twitter li a:focus {color: #cc0000;}
#sidebar #twitter a.more {background: #ddf3fb; width: 153px; color: #00a7df; margin: 1.7em 0 0 0;}
#sidebar #twitter a.more span.ir {background: url("img/twitter_more.png") 0 -22px;}

#sidebar #deviantart {margin: 1.7em 0 0 0;}
#sidebar #deviantart h2 {color: #407941;}
#sidebar #deviantart h2 span.ir {background: url("img/deviantart.png");}
#sidebar #deviantart .cw {margin: 1.7em 0;}
#sidebar #deviantart a.thumb {background: url("img/ccc.gif"); padding: 5px;}
#sidebar #deviantart a.thumb img {border: 1px solid #ffffff; margin-bottom: -5px;}
#sidebar #deviantart a.thumb:hover,
#sidebar #deviantart a.thumb:focus,
#sidebar #deviantart a.thumb:active {background: url("img/da_h.gif");}
#sidebar #deviantart a.more {background: #e9ede8; width: 188px; color: #407941;}
#sidebar #deviantart a.more span.ir {background: url("img/deviantart_more.png") 0 -22px;}

#sidebar #socials {margin: 1.7em 0 0 0;}
#sidebar #socials h2 {color: #666666;}
#sidebar #socials h2 span.ir {background: url("img/socials.png");}
#sidebar #socials .tr {margin: 1.7em 0 0 0;}
#sidebar #socials .tr a {margin: 0 0 0 6px;}
#sidebar #socials .tr a img {margin: 0 0 -5px 0;}

#sidebar #contact {margin: 1.7em 0 0 0;}
#sidebar #contact h2 {color: #666666;}
#sidebar #contact h2 span.ir {background: url("img/kontakt.png");}
#sidebar #contact form {width: 300px;}
#sidebar #contact form label {display: block;}
#sidebar #contact form input.text,
#sidebar #contact form textarea {border: 1px solid; border-color: #bbb #e5e5e5 #e5e5e5 #bbb;}
#sidebar #contact form input.error,
#sidebar #contact form textarea.error {border-color: #c00; color: #333333;}
#sidebar #contact form input.text {width: 293px;}
#sidebar #contact form textarea {width: 294px; =width: 296px;}
#sidebar #contact form p {margin: 0;}
#sidebar #contact form p.message {margin-bottom: 1.7em;}
#sidebar #contact form .cw {margin: 5px 0 0 0;}
#sidebar #contact a {color: #666666;}
#sidebar #contact a:hover,
#sidebar #contact a:active,
#sidebar #contact a:focus {color: #333333;}

/* komentare -------------------------*/


/* fotogalerie -----------------------*/


/* obyc. komentar */


/* Paticka
--------------------------------------*/

#footer {background: url("img/logo_footer.gif") 100% 0 no-repeat; clear: both; height: 19px; margin: 0 -20px 0 0; padding: 0 40px; line-height: 19px; vertical-align: middle; color: #999999;}
#footer a {color: #999999;}
#footer a:hover,
#footer a:active,
#footer a:focus {color: #333333;}