/*   
Theme Name: A tebe taky zmaluju!
Theme URI: http://www.whitwa.net/weblog/
Description: Template by Jakub Krcmar aka "whitwa" for his presonal use.
Version: 2.1 (WordPress 2.0.4)
Author: Jakub Krcmar aka "whitwa"
Author URI: http://www.whitwa.net
*/
* {margin: 0;padding: 0;}
body, h1, h1 span#header, h1 a, .box, .box-top, .box-bottom, #center-boxs, #footer  {
	width: 700px; 
	margin: 0 auto 0 auto;
	line-height: 1.3em;
	color: #252525;
	text-align: left;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #666666;
}
.box {
	padding: 0 55px 0 55px;
	font-size: 13px;
}
html>body .box {
	font-size: small;
	width: 590px;
}

/* == Image replacement == */
h1 {
	position: relative;
	overflow: hidden;
}
h1 span#header {
   position: absolute;
	left: 0;
	top: 0;
	background: url("img/header.jpg") no-repeat center;
}
h1, h1 span#header, h1 a {
	display: block;
	cursor: pointer;
	color: White;
	height: 255px;	
}
h1 a:hover {background: none;}

/* == Navigation == */
#nav {
	font: 23px tahoma;
	color: #999999;
	letter-spacing: 2px;
	padding: 2px 25px 5px 25px;
}
#nav li, #nav li form {display: inline;}
#nav li a {
	color: #f5f5f5;
	font-size: 25px;
	text-decoration: none;
}
#nav li:hover {color: silver;}
#nav li a:hover {
	color: #aac6ff;
	text-decoration: underline;
}
#nav div {
	display: inline;
}

/* == Search == */
input#s, input#searchsubmit {
	position: relative;
	top: 2px;
	left: 0;
}
input#s {
	border: none;
	background: #999999;
	padding: 3px;
	margin: 0 0 0 7ex;
	top: -4px;
	color: #414141;
	height: 22px;
	letter-spacing: 0;
}
input#s:focus {background: white;}
html>body input#s {
	height: 16px;
	margin: 0 0 0 11ex;
}

/* == Center boxes == */
#center-boxs {
	width: 600px;
	font-size: 12px;
	line-height: 1.5em;
}
#center-boxs h3 {
	font: 18px tahoma;
	margin: 17px 0 7px 0;
	clear: both;
	position: relative;
	left: -5px;
	top: 0;
}
#rposts h3 {
color: #EDCB40;
}
#rcomments h3 {color: #A6C6ED;}
#rposts {
	color: #F7E79B;
	width: 230px;
	float: left;
}
#rcomments {
	color: #C8D9F1;
	float: right;
	width: 350px;
}
#rcomments a {color: #C8D9F1;}
#rposts a {color: #F7E79B;}
#center-boxs span, #center-boxs span a {color: #D3D3D3;}


/* == Post == */
.box-top {
   height: 55px;
	background: white url("img/box-top.png") no-repeat;
}
.box {
	background: white url("img/box-bg.png") repeat-y center;
}
.box-bottom {
   height: 55px;
	background: white url("img/box-bottom.png") no-repeat;
}
.noindent {
	text-indent: 0;
	margin: 0;
}
.meta, .postnav  {
	font-weight: bold;
	color: #4C4C4C;
	text-align: right;
	display: block;
	clear: both;
	padding: 5px 0 15px 0;
}
.postnav {
	text-align: center;
	margin-top: 20px;
}
.meta {
	margin-top: 15px;
	padding-bottom: 40px;
}


/* == Comments == */
#komentare {
	width: 550px;
	margin: 0 0 0 20px;
}
#komentare h3 {
	color: #4781E9;
	font: 19px tahoma;
	margin: 25px 0 10px 0;
	clear: both;
}
#commentform input {
	width: 180px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
html>body #commentform input {
	margin-left: 0;
}
#commentform textarea {
	padding: 2px;
	margin: 5px 5px 1px 0;
	width: 100%;
}
.komentar, .komentar-whitwa {
	color: #464646;
	width: 100%;
	margin: 15px 0 5px 0;
}
.komentar {
	background: #E7C0B5 url(img/kom-vrch.png) no-repeat top;
}
.komentar-whitwa {
	background: #C7D8F0 url(img/kom-vrch-whitwa.png) no-repeat top;
}
.kom-spodek, .kom-spodek-whitwa {
	height: 29px;
	width: 550px;
}
.kom-spodek {background: #E7C0B5 url(img/kom-spodek.png) no-repeat top;}
.kom-spodek-whitwa {background: #C7D8F0 url(img/kom-spodek-whitwa.png) no-repeat top;}
.text {
	padding: 25px 20px 0px 20px;
	min-height: 98px;
}
.kom-vrch, .kom-vrch-whitwa {
	color: #717171;
	padding: 0 0 0 75px;
}
.kom-vrch a, .kom-vrch-whitwa a {
	font-weight: bold;
}

/* == Tables == */
#content table {
	color: #404040;
	width: 424px;
	background-color: #fafafa;
	border: 2px gray solid;
	border-collapse: collapse;
	border-spacing: 0px;
} 
#content td.helpHed {
	border-bottom: 2px solid Gray;
	border-left: 1px solid gray;
	background-color: #d1d1d1;
	text-indent: 5px;
	font-weight: bold;
	padding: 3px;
}
#content td {
	padding: 2px;
	font-size: 95%;	
}

/* == Images == */
img {border: none;}	
img.centered {
	display: block;
	margin: 15px auto 9px auto;
	text-align: center;
	}	
img.alignright {
	padding: 4px;
	margin: 10px 0 9px 5px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 10px 5px 9px 0;
	display: inline;
}
img.top {
   clear: both;
	margin: 10px 0 0 0;
	}	
.alignright {float: right;}	
.alignleft {float: left}
img.grav {
	border: 4px solid white;
	margin: 10px;
	padding: 0;
}

/* == Lists == */
.entry ul, .entry ol, #komentare ul, #komentare ol{margin: 7px 0 7px 30px;}
.entry ul li, #komentare ul li {list-style-type: circle; line-height: 18px; margin: 7px 0 7px 0;}

/* == CLANEK == */
h2, h2 a, h2 a:visited {
	text-decoration: none;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -0.1ex;
	line-height: 38px;
	margin-top: -8px;
	color: #3d80d1;
}
h2 a:hover {text-decoration: underline;}
.entry {
	font-size: 13px;
}
.entry p {
	line-height: 18px;
	margin: 13px 0 0 0;
}
.perex {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #575757;
	margin: 10px 0 12px 0;
}
.entry h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0 4px 0;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}
.nodisplay, hr {display: none;}
code {
	font: 95% "Courier New", Courier, monospace;	
	background: #F4F4F4;
	border: 1px dashed #D1D1D1;
	padding: 2px;
	color: #707070;	
}
blockquote {
	font-size: 1.1em;
	font-style: italic;
	padding: 0.25em 0 0.25em 10px;
	width: 530px;
	color: #575757;
} 
#nav ins {text-decoration: none;}           
.cleaner {clear: both;}
#archiv h3 {
	margin: 20px 0 4px 12px;
	font-size: 14px;
	font-weight: bold;
}
#archiv ul li {
	list-style-type: none;
	line-height: 1.5em;
	margin-left: 20px;
}
#rozhovor {
	line-height: 1.2em;
	text-indent: 0;
	padding: 12px 15px 15px 15px;
	border: 1px dashed #F4E4BD;
}
#rozhovor p {
	text-indent: 0;
	color: #414141;
}
#rozhovor em {
	text-indent: 0;
	color: #61311A;
}


/* == Footer == */
#autor {
	color: #cae2a5;
	width: 230px;	
	margin: 0 7px 0 10px;
	text-align: left;
}
html>body #autor {margin-left: 20px;}
#autor h3  {color: #b4ec5b;}
#autor strong, #autor a {
	color: #e7f6d0;
	font-weight: normal;
}
#autor p, #grafaweb p {
	font-size: 12px;
	line-height: 1.3em;
}
#autor a:hover, #grafaweb a:hover, #rcomments a:hover, #rposts a:hover {color: #B9CFF6;}
#flickr {
	color: #90b6ec;
	width: 185px;
	margin: 0 20px 0 0;
}
#flickr h3 {color: #a6c6ed;}
#flickr h3 span {color: #ed7478;}
#flickr img {
	border: 3px solid #90b6ec;
	margin: 10px 0 0 10px;	
}
#flickr img:hover {border: 3px solid #B9CFF6;}
#flickr div, #flickr img {float: left;}
#grafaweb {
	color: #d9a19c;
	width: 220px;
	text-align: left;	
}
#grafaweb h3 {
	color: #ed7478;
	margin-bottom: 8px;
}
#grafaweb strong, #grafaweb a {
	color: #F8CACB;
	font-weight: normal;
}
#autor, #flickr, #grafaweb {
	float: left;
	margin-top: 17px;
	margin-bottom: 17px;
}
#footer h3 {
	font: 18px tahoma;
	margin: 0 0 4px 0;;
}


/* == A == */
span.meta a, #archiv h3 a {color: #4c4c4c;}
.entry a:visited, #komentare a:visited, #archiv ul li a:visited {color: #CE6161;}
.entry a:hover, #komentare a:hover, #archiv ul li a:hover {color: #0000CD;} 
.entry a, .postnav a:hover, .meta a:hover, .meta a:visited, h3 a:hover, #komentare a, #archiv ul li a, #archiv h3 a:hover {
	color: #4781E9;
	text-decoration: underline;
}
span.postnav a, span.postnav a:visited {color: #84a362;}
.perex a, .perex a:visited {
	color: #575757;
}
.perex a:hover {
	color: #0000CD;
}


/* == PRINT == */
h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}
@page {margin: 3cm;}
@media print {
#nav, #footer, #center-boxs, #header, .postnav {
	visibility: hidden;
	display: none;
}
body, .box, .entry, #komentare, #header  {
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	color: black;
	background: white;
	font-size: 12pt;
}
[href]:after {content: " [" attr(href) "] ";}
}