/*  
Theme Name: PLACLA BLOG
Theme URI: http://www.placla.cz/blog/
Description: Vzled pro blog prezentace placla.cz
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/

/* ----------------------------------------------------------------------------------------------------------

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-07-08, 22:25 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

---------------------------------------------------------------------------------------------------------- */

html {background:#006594 url("img/bg.gif") 0 0 repeat-x;}
body {padding:20px 0; color:#000; font:0.7em/1.8 "tahoma", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:0 0;}
a {color:#5092B1;}
a:hover, a:active, a:focus {color:#34657C;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto; background:#fff url("img/main.gif") 0 0 repeat-y;}
#main-in {background:url("img/main-in.gif") 0 0 no-repeat;}
#main-in-02 {padding:0 25px; background:url("img/main-in-02.gif") 0 100% no-repeat;}
#header {height:130px; position:relative;}
#header #logo {position:absolute; top:33px; left:330px; margin:0;}
#header #logo h1 {position:relative; width:250px; height:75px; overflow:hidden; margin:0; padding:0; font-size:250%;}
#header #logo h1 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("img/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #login {position:absolute; top:30px; right:0;}
#header #login table {margin:0;}
#header #login td {padding:2px 5px;}
#header #login .inp-login {width:196px; height:23px; background:url("img/login-input.gif") 0 0 no-repeat;}
#header #login .inp-login input {width:185px; height:23px; margin-left:5px; font:100%/1 "tahoma",sans-serif; color:#fff;}
#header #login .inp-submit {padding:3px; border:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #999; background:#fff; font:bold 100%/1 "tahoma",sans-serif;}
#content #nav {margin:0; margin-left:-4px; margin-bottom:10px; list-style:none;}
#content #nav li {display:inline;}
#content #nav li a {display:block; float:left; padding-left:4px; padding-right:15px; background:url("img/nav.gif") 100% 50% no-repeat; font-size:110%; color:#555;font-weight:bold;}
#content #nav li a:hover {color:#222;}
#content #nav li.current_page_item a {font-weight:bold; text-decoration:none; color:#5092B1;}
#content .perex {padding:0 10px 15px 15px; width:600px; float: left;}
#content .perex h2{ font-size: 20px; padding: 15px 0 0 0;}
#content .perex p { padding-top: 12px;}
#content .perex ol { padding: 12px 0 12px 25px; }

#content .col50 {float:left; width:460px;}
#content .col50 .box-01 {background:#c4dc74 url("img/box-01-top.gif") 0 0 no-repeat;}
#content .col50 .box-02 {background:#8dc6e5 url("img/box-02-top.gif") 0 0 no-repeat;}
#content .col50 .box-01-bottom {width:460px; height:5px; background:url("img/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col50 .box-02-bottom {width:460px; height:5px; background:url("img/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col50 .box-01 h2, #content .col50 .box-02 h2 {margin:0; font-size:150%;font-weight:bold;}
#content .col50 .box-01 h2, #content .col50 .box-01 a {color:#586729;}
#content .col50 .box-02 h2, #content .col50 .box-02 a {color:#2C576B;}
#content .col50 .box-01 a:hover, #content .col50 .box-02 a:hover {color:#000;}
#content .col50 .box-01, #content .col50 .box-02 {padding:15px;}
#content .col50 .box-01 p, #content .col50 .box-02 p {margin:0;}
#content .more {font-size:120%;font-style:italic}

.sidebar h3 {font-size: 20px;}
.sidebar { float: right; width:280px; text-align:left;}
.sidebar .widget .textwidget { width:270px; text-align:justify; padding-bottom: 15px;}
.sidebar .widget ul { padding: 0 0 15px 20px;}
.sidebar .widget ul li.current-cat a, .sidebar .widget ul li.current_page_item a {font-weight:bold; text-decoration:none; color:#5092B1;}

#footer {clear:both; padding:30px 25px 0 25px; background:#006594 url("img/footer.gif") 0 0 no-repeat; color:#fff;}
#footer p {margin:0;}
#footer a {color:#fff;}
.varovani {font-size:2em;font-weight:bold;color:red}

/* COMMENTS */

.commentform h3 {font-size:20px; padding-top: 25px}
#cleaner2 {height: 50px; clear:both; }

#request {
	background: #ffecec;
	border: #ffd1cc solid 1px;
	padding: 5px;
	margin: 15px 0;
	color: #a61708;
	width: 200px;
}

#msg {
	background: #F5FAFC;
	border: #dbdbdb solid 1px;
	padding: 5px;
	margin: 10px 0 2px 0;
	height: 123px;
	color: #727068;
	width: 580px;
}

#msgleft {
	float: left;
	width: 250px;
	padding-left: 20px;
}

#msgleft input, #msgleft label {
	margin-top: 8px;
	color: #727068;
	width: 200px;
	background: #FFFFFF;
}

#clear {
	clear: both;
	padding: 10px 0 10px 0;
}

#clear2 {
	clear: both;
}


#msgleft label {
	clear: both;
	float: left;
	width: 100px;
	text-align: right;
	color: #555;
	margin-right: 5px;
}

.line {line-height: 30px}

.smaller {font-size: 7pt}

.msgname {
	float: left;
	border: 1px #c8c8c8 solid;
	padding: 6px 5px;
	height: 16px;
	width: 170px;
}

#msgright {
	float: left;
	width: 300px;
}

#msgright textarea {
	border: 1px #c8c8c8 solid;
	padding: 6px 5px;
	height: 83px;
	margin-bottom: 25px;
	width: 280px;
	background: #FFFFFF;
}

#star {
	margin: 0;
	margin: 0;
	font-size: 8pt;
	color: #939292;
}

#send {
	background: #003F5E;
	float: right;
	padding: 0 5px;
	height: 26px;
	border: 0;
	color: #FFF;
	width: 90px;
	position: relative; bottom: 13px;
	font-weight: bold;
	font-size: 8.5pt;
}
.comment {
	border-left: #003F5E solid 5px;
	background: url('img/comment.gif') top left no-repeat;
	margin: 20px 0 25px 0;
	padding-left: 15px;
}

.comment p {
	padding: 3px 0 0 0 !Important;
}

.author {
	font-size: 10pt;
}

.author a {
	color: #003F5E;
}

.commentdate {
	color: #939292;
	font-size: 9pt;
	padding-bottom: 5px;
}

#commentheader {
	text-align: right;
	color: #79923d;
	font-size: smaller;
	font-style: italic;
	padding: 3px;
}


#commentheader a {
	text-decoration: underline;
	color: #003F5E;
}