/*
Theme Name: Šablona pro portfolio
Theme URI: http://tomcik.cz
Description: Šablona pro portfolio a blog
Author: Martin Tomčík
Version: 1.0
*/

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;}

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

input, textarea {font: 14px/1.5 arial, helvetica, sans-serif; text-align: left; color: #786654;}

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

h1, h2, h3, h4 {padding: 0 6px; font-weight: normal; line-height: 1.3; font-family: georgia, times, serif; font-style: italic; color: #21a7d0;}

li {list-style-type: none;}

a {text-decoration: underline; color: #31acd2;}
a:hover, a:active, a:focus {color: #382b1b;}
a.alt, .alt a {color: #382b1b;}
a.alt:hover, a.alt:active, a.alt:focus,
.alt a:hover, .alt a:active, .alt a:focus {color: #31acd2;}
a img {border: none;}

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

hr {display: none;}

/* abstract
======================================*/

.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;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.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;}

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

/* layout styling
======================================*/

body {background: #433421; font: 14px/1.5 arial, helvetica, sans-serif; min-width: 1000px; text-align: left; color: #786654;}

#skip {display: inline;}
	#skip li {display: inline;}
	#skip a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-family: georgia, times, serif; color: #e5dbcb; outline: 0;}
	#skip a:hover,
	#skip a:active,
	#skip a:focus {border-bottom: 1px solid #57432a; background: #3c2e1e; top: 0; z-index: 9;}

.inner-container {width: 960px; margin: 0 auto; padding: 0 15px;}

#header {background: #36291b url("img/header.png") repeat-x;}
	.theme-sub #header {background-position: 0 100%;}
	#header .inner-container {background: url("img/theme.jpg") 15px 0 no-repeat; position: relative; height: 291px; overflow: hidden; color: #fff;}
	.theme-sub #header .inner-container {background-position: 15px 100%; height: 151px;}
	#header h1#logo {position: absolute; left: 15px; top: 32px; width: 195px; height: 65px; overflow: hidden;}
		#header h1#logo a {display: block; width: 100%; height: 100%; text-decoration: none; font-weight: bold; color: #fff;}
		#header h1#logo .ir {background: url("img/theme.jpg") 0 -32px;}
	#header ul#nav {position: absolute; right: 25px; top: 39px; font-family: georgia, times, serif;}
		#header ul#nav li {display: inline;}
		#header ul#nav a {position: relative; float: left; height: 30px; margin: 0 0 0 27px; padding: 0 1px 0 15px; line-height: 30px; vertical-align: middle; text-decoration: none; color: #fff;}
		#header ul#nav a span.r {position: absolute; right: -15px; top: 0; width: 15px; height: 30px; overflow: hidden;}
		#header ul#nav a:hover,
		#header ul#nav a:active,
		#header ul#nav a:focus {background: url("img/nav.png") 0 100%;}
		#header ul#nav a:hover span.r,
		#header ul#nav a:active span.r,
		#header ul#nav a:focus span.r {background: url("img/nav.png") 100% 100%;}
		#header ul#nav li.active a {background: url("img/nav.png") !important; color: #4c3925;}
		#header ul#nav li.active a span.in {background: #ebe4d8;}
		#header ul#nav li.active a span.r {background: url("img/nav.png") 100% 0 !important;}
	#header #bubbles {position: absolute; right: 15px; bottom: 1px; width: 572px; height: 168px; overflow: hidden; font-family: georgia, times, serif;}
		#header #bubbles .ir {background: url("img/theme.jpg") -388px -122px;}
		#header #bubbles li {position: absolute;}
		#header #bubbles li#bubble-copy {left: 150px; top: 30px; font-size: 31px;}
		#header #bubbles li#bubble-slogans {left: 460px; top: 65px; font-size: 28px;}
		#header #bubbles li#bubble-articles {left: 80px; top: 100px; font-size: 24px;}
		#header #bubbles li#bubble-press {left: 425px; top: 17px; font-size: 16px;}
		#header #bubbles li#bubble-grammar {left: 187px; top: 94px; font-size: 14px;}
		#header #bubbles li#bubble-props {left: 15px; top: 50px; font-size: 13px;}

#main {border-bottom: 1px solid #ded7d1; background: #f2ede6; padding: 39px 0 29px;}
	.theme-sub #main {padding-top: 44px;}

	#content {float: left; width: 620px; padding: 0 0 13px;}
		.theme-sub #content {padding-bottom: 0;}

	#sidebar {float: right; width: 300px;}
		#sidebar a#availability {background: #695233 url("img/availability.png"); display: block; min-height: 38px; margin: 0 0 20px; padding: 8px 35px 0 17px; text-decoration: none; font-family: georgia, times, serif; font-size: 21px; color: #fff;}
		#sidebar a#availability:hover,
		#sidebar a#availability:active,
		#sidebar a#availability:focus {background-color: #27aad4; background-position: 100% 0;}
		#sidebar .box {background: #fff url("img/box.png") 0 100% no-repeat; position: relative; width: 100%; margin: 10px 0;}
			#sidebar .box h3 {border-bottom: 1px solid #dad2cd; background: #f2ede6 url("img/box-h.png") no-repeat; padding: 9px 15px 7px; text-transform: uppercase; color: #382b19;}
			#sidebar .box .inner {padding: 9px 15px 12px; font-size: 12px;}
			#sidebar .box p small {display: block; font-size: 11px; color: #aa9f92;}
			#sidebar .box blockquote {font-style: italic;}
			#sidebar .box blockquote cite {display: block; font-style: normal; color: #aa9f92;}
			#sidebar .box .ico {position: absolute; right: 13px; top: 9px;}

	#progress {background: #f9f5f2 url("img/progress.png") no-repeat; clear: both; height: 61px; font-family: georgia, times, serif; color: #382b1b;}
		#progress h3 {float: left; width: 133px; padding: 12px 0 0 17px; text-transform: uppercase; color: #382b1b;}
		#progress li {float: left; height: 61px; font-size: 16px;}
		#progress li a {background: 0 50% no-repeat; display: block; height: 41px; margin: 0 12px; padding: 18px 20px 0 46px; text-decoration: none;}
		#progress li a:hover,
		#progress li a:active,
		#progress li a:focus {text-decoration: underline;}
		#progress li.step1 {width: 280px;}
		#progress li.step1 a {background-image: url("img/step1.gif"); margin-left: 16px;}
		#progress li.step2 {width: 272px;}
		#progress li.step2 a {background-image: url("img/step2.gif"); margin-left: 15px;}
		#progress li.step3 {width: 258px;}
		#progress li.step3 a {background-image: url("img/step3.gif");}

#bottom {border-top: 1px solid #fdfcfb; background: #fff url("img/bottom.png") repeat-x; padding: 25px 0 30px;}
	#bottom h3 {margin: 0 0 15px; padding: 0 6px; line-height: 1; font-size: 18px;}
	#bottom #aboutme {float: left; width: 400px;}
	#bottom #aboutme img {display: block; margin: 0 0 13px;}
	#bottom a#cta {background: #e2dad3 url("img/cta.png") 0 100% no-repeat; position: relative; display: block; width: 272px; min-height: 66px; margin: 30px 0 0; padding: 9px 110px 1px 18px; line-height: 1.2; text-decoration: none; font-family: georgia, times, serif; font-size: 20px; font-style: italic; color: #433421;}
	#bottom a#cta span {background: url("img/cta.png"); position: absolute; left: 0; top: 0; display: block; width: 400px; height: 10px; overflow: hidden;}
	#bottom a#cta:hover,
	#bottom a#cta:active,
	#bottom a#cta:focus {background-color: #32b0da; background-position: 100% 100%; color: #fff;}
	#bottom a#cta:hover span,
	#bottom a#cta:active span,
	#bottom a#cta:focus span {background-position: 100% 0;}
	#bottom p {padding: 0 1px; font-size: 12px;}
	#bottom #media {float: right; width: 510px; padding: 4px 0 0;}
	#bottom #media img {display: block;}
	#bottom form#cform {padding: 10px 0 0;}
	#bottom form#cform .fl {width: 380px;}
	#bottom form#cform .fr {width: 550px;}
	#bottom form#cform label {display: block; margin: 0 0 7px;}
	#bottom form#cform label span,
	#bottom form#cform label strong {display: block; padding: 0 0 1px 4px;}
	#bottom form#cform input.text {border: 0; background: #f4f0ea url("img/input.png") no-repeat; display: block; width: 360px; height: 21px; overflow: hidden; padding: 7px 10px 6px;}
	#bottom form#cform textarea {border: 0; background: #f4f0ea url("img/textarea.png") no-repeat; display: block; width: 530px; height: 147px; overflow: hidden; padding: 7px 10px 6px; resize: none;}
	#bottom form#cform .clearfix {clear: both; padding: 3px 0 0;}
	#bottom form#cform p {float: left; padding-top: 2px;}
	#bottom form#cform input.hand {background: #32b0da; float: right; width: 100px; height: 35px; overflow: hidden;}

#footer {background: #433421; padding: 20px 0; font-size: 12px; color: #786856;}
	#footer a {color: #aa9f92;}
	#footer a:hover,
	#footer a:active,
	#footer a:focus {color: #ded7d1;}
	#footer div.fr ul {float: left;}
		#footer div.fr ul li {float: left;}
		#footer div.fr ul a {float: left;}
		#footer div.fr ul a img {display: block;}
		#footer div.fr ul#fmenu li {background: url("img/fdivider.gif") 0 50% no-repeat; padding: 0 6px;}
		#footer div.fr ul#fmenu li.first {background: none; padding-left: 0;}
		#footer div.fr ul#social-links li {margin-left: 10px;}

/* content styling
--------------------------------------*/

#content h2 {background: url("img/heading.png") 0 100% no-repeat; margin: 0 0 25px; padding-bottom: 27px; font-size: 21px;}
#content h3 {margin: 23px 0 9px; font-size: 18px;}
#content h4 {margin: 16px 0 8px; font-size: 15px;}

#content p {margin: 0 0 17px; padding: 0 6px;}

#content blockquote {background: #fff url("img/blockquote.png") no-repeat; position: relative; width: 620px; overflow: hidden; margin: 18px 20px 0 0; padding: 0 0 34px; font-family: georgia, times, serif; font-style: italic; color: #aa9f92;}
#content blockquote span.decoration {background: url("img/blockquote.png") 0 100%; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 34px; overflow: hidden;}
#content blockquote p {margin: 0; padding: 13px 20px 0 68px;}

#content ul {margin: 0 0 17px; padding: 0 17px;}
#content ol {margin: 0 0 17px; padding: 0 17px 0 35px;}
#content ul li {background: url("img/ul.gif") 0 8px no-repeat; margin: 3px 0; padding: 0 0 0 13px;}
#content ol li {margin: 3px 0; list-style-type: decimal; color: #20a6d0;}
#content ol li span {color: #786755;}

#content .imgwdesc {background: url("img/imgwdesc.png") 0 100% no-repeat; margin: 24px 0 33px; padding: 0 0 18px;}
#content .imgwdesc img {display: block;}
#content .imgwdesc em {background: #ebe2d8 url("img/imgwdesc.png") no-repeat; display: block; margin: 0 0 -5px; padding: 18px 15px 0; text-align: center; font-size: 12px; font-style: normal; color: #938573;}
#content .imgwdesc em span {position: relative; top: 3px;}

.more {display: block; margin: 7px 0 0; padding: 0 0 0 1px;}
.more a {background: url("img/moreli.gif") 0 50% no-repeat; padding: 0 0 0 9px;}
#sidebar .box .inner ul li {background: url("img/moreli.gif") 0 50% no-repeat; padding: 0 0 0 9px;}
			
.black {color: #000000 !important; }

#blog ul li, #blog ol li {color: #786654;  }

#blog h2 a {text-decoration: none;  }

#blog small {font-size: 80%;  }

#small {text-align: center;}

#dalsi-predchozi-stranka {text-align: center}

#sidebar .box .inner img {
margin-top:5px;
}