/*
Theme Name: Referaty
Theme URI: http://www.tukni.cz/
Description: Sablonu nakodoval <a href="http://www.tukni.cz/">Jiri Cerny</a>
Author: Jiri Cerny
Author URI: http://www.tukni.cz
Version: 2.0
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #7a7979 url(img/body-bcg.png) repeat-x; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; clear:both;}
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#373737; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

.floatleft{float:left;padding: 4px;}

a:link { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #669900; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black" ; }


#bg { width: 951px; margin: 0 auto;}
.con { width: 951px; float: left;background: #FFF url(img/wrap.png) no-repeat center top;margin-top:-51px;position:relative}

.con .top-box {background: url(img/search.png) no-repeat;width:928px;height:30px;margin: 0 auto;}
.con .top-box .search {	position:absolute;top:4px;right: 60px;}
.con .top-box .search .input{color:#000;	background: #d5eb24;	height: 14px;border: 0;padding:3px;}
.con .top-box p{color: #000;	position:absolute;top:7px;left: 20px;}
.con .top-box p a{text-decoration: underline;color: #000;}

/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 951px;height:200px;padding: 30px 0px 10px 0px; float: left; background: url(img/header.png) no-repeat top; position: relative; margin-bottom: 10px;margin-top:-2px;}
.header .logo {background: url(img/header-nadpis.png) no-repeat;position:absolute; top: 43px; left:122px;width: 217px; height:67px;}
.header .reklama{position:absolute; top: 86px; right:33px;}

/* Menu 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header #tabs {line-height: normal;margin: 0px 0 -1px 7px;position: absolute;top:0px;right:10px;}
.header #tabs ul {margin:0;padding: 0;list-style: none;}
.header #tabs li {font: normal 14 "Tahoma", sans-serif;display: inline;margin: 0;padding: 0;  }
.header #tabs a {float: left;font-weight:bolder;background: none no-repeat left bottom;margin: 0 1px 0 0;height:30px;padding: 0 0 0 19px;text-decoration: none;position: relative;cursor: pointer;background-image: url("img/menu-1.png");}
.header #tabs a span {float: left;display: block;background: none no-repeat right bottom;height:18px;padding: 6px 26px 6px 5px;color: #FFF;white-space: nowrap;background-image: url("img/menu-right.png");}
.header #tabs a:hover span {text-decoration:underline;}

.scs1 { float: left; width: 765px; margin-right: 10px;}

/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sc-all { width: 550px;float: right;margin-top: 24px;}
.sc { padding: 20px; width: 485px;}

.title { font: normal 28px/30px "Arial"; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0px;margin-top: -30px;	}
.post .p-head { background: #2BABDB url(img/p-head-bg.png) no-repeat right top;position:relative; height:55px;}
.post .p-head h1 { font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.post .p-head h2 { font: normal 18px/26px "Arial"; letter-spacing: -1px;padding-left: 10px;padding-top:2px;}
.nadp-page, .post .p-head h2 a, .post .p-head h2 a:visited { color:#fca800; text-decoration: none;}
.post .p-head h2 a:hover { text-decoration:underline; }
.post .p-head h3 { font: normal 21px/23px "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h3 a:hover { color:#669900; }
.post .info { font-size: 9px; color:#000;position:absolute;top:37px; left:145px;}
.post .info a{color: #000; text-decoration: none;}
.post .info a:hover{text-decoration: underline;}
.post .info span{	text-decoration: underline;}
.post .cti_vic {padding:6px;
	background: url(img/cti-vice.png) no-repeat center top;float:right;clear:both;width:78px;height:28px;margin-top:-30px;
}

.post .p-con { padding: 5px 5px;background:#fff6e5; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}
.post .p-con a {color:#000;padding:13px;font-weight:bold;}
.post .p-con a:hover {text-decoration: none;border:0;}

.post .p-com { background: #fbfbf8; padding: 10px 5px; border-top: solid 1px #f7f6f0;}
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#ff6600;}
.post .p-com a:hover { color:#669900;}

.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {}
.post-page h1 { font: normal 28px/30px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px/28px "Arial"; }

.post-page p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }

.alignright { float: right; }
.alignleft { float: left }
.green {	color: #d5eb24;}


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }

/* Side 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 { float: left; width: 160px; margin-right: 10px; font-size: 11px;margin-left:10px;}

/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.categ { background: #FFF url(img/bok-bcg.png) no-repeat top; width: 216px; margin-bottom: 10px;}
#categ-kat {
   background: #FFF url(img/bok-bcg-kat.png) no-repeat top;
}
.categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;padding: 16px 0px 0px 60px;}
.categ ul.menu{margin-top: 25px;}
.categ ul.nej li{padding: 5px 0px 0px 15px;}
.categ ul.nej li a{color: #000;font-size: 10px;text-decoration: none;}
.categ ul.nej li a:hover {text-decoration: underline;}
.categ ul a{color: #000;text-decoration: none;}
.categ ul a:hover {text-decoration: underline;font-size: 12px;}
.categ ul.menu li {padding:3px;color: #000;width: 174px;height:26px;margin: 0px 0px 0px 20px;}
.categ ul.menu li:hover { background: url(img/menu.png) no-repeat;}
.categ ul.menu li a {color:#000; font-size: 14px;font: bolder 14;font-family: font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;}
.categ ul.menu li a:hover, .s1 .categ  ul li a:hover {text-decoration: underline; color:#000; font-size: 14px;}
.menu {font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;}


/* Side 2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s2 { float: left; width: 160px; font-size: 11px;  color:#fffbde; margin-left: -50px;color:#000;}
.s2 h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px;}

.odkazy a {color:#000;font-size: 12px; line-height: 23px;}

.s2 .login {color: #000;margin: 15px;margin-left:20px;}
.s2 .login .input{color:#000;	background: #d5eb24;	height: 17px;margin:1px;border: 1px solid #4a4848;padding:3px;}
.s2 .login a{color: #000;}
.s2 .login a:hover{color: #000;text-decoration: underline;}

/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {width:440px;margin: 0auto; }
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Arial"; letter-spacing: -1px;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px;width:440px;margin: 0auto; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}
.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 117px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}


/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 100%;height:60px;clear:both;font-size:11px;color: #FFF; background: url(img/footer.png) repeat-y center bottom; padding: 10px 0px; margin: 0 auto;}
.footer .st {width: 931px;margin: 0 auto;}
.footer .st a {color: #FFF;text-decoration: underline;}
.footer .st a:hover { text-decoration: none; border-bottom: 1px dashed #FFF;}




.fpage{text-align:center;width: 100%;}