/********************************************
	AUTHOR:  			Jiøí Èerný
	E-MAIL:           Tvorbawebu@email.cz
	WEBSITE:   			http://www.tukni.cz/
	TEMPLATE NAME:		Tukni.cz      	
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #ffe6b2;font: 0.75em Arial;color: #4472a1;text-align: center;}

/* links */
a, a:visited {text-decoration: underline;color: #f0b720;}
a:hover {text-decoration: none;}

/* headers */
h1, h2, h3 {font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;color: #88ac0b;}
h3 {font-size: 110%;color: #666666;}

/* images */
img {border: 0;}

h1, h2, h3, p {padding: 10px;	margin: 0;}

ul, ol {margin: 5px 20px;padding: 0 20px;color: #88ac0b;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 930px;background: #FFF;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 903px;padding: 0;margin: 0 auto;}
#header {width: 930px;position: relative;height: 108px;background: #FFF url(../img/header-left-corner.png) no-repeat left top;padding: 0;margin-top: 10px;}
#header p.info{position: absolute;top: 10px;	right: 20px;}
#header h1 a, #header h1 span {display: block;height: 79px;width: 488px;position: absolute;top: 19px;left: 35px;}
#header h1 a {position: relative;}
#header h1 span {position: absolute;top: 0;	left: 0;cursor: pointer;}
#header h1 a span {background: #FFF url(../img/logo.png) left top no-repeat;}
#header #slogan{color: #3e3e3e;position: absolute;top: 75px; left: 75px;}

#subheader{clear:both;background: #9c2b74 url(../img/subheader-bg.png) repeat-x;color:#FFF;min-height: 65px;padding: 15px 10px;}
#subheader h2 {color: #FFF;margin:0;padding: 0 0 0 15px;}
#subheader p {padding: 6px 0 0 15px;font-size: 90%;width: 400px;}

/* Menu */
#header #menu {margin: 0; padding: 0;position: absolute;bottom: 0px;right: 0;}
#header #menu ul {float: right;list-style: none;margin:0; padding: 0;}
#header #menu ul li {display: inline;}
#header #menu ul li a {display: block;float: left;padding: 14px 0 0 0;color: #FFF;text-decoration: none;width: 135px;height: 27px;text-align:center;font-weight:bolder;font-size: 120%;background: url(../img/menu-bg.png) no-repeat left top;}
#header #menu ul li a:hover {color: #FFF;background-position: right top;}
#header #menu ul li.current a {color: #FFF;background-position: right top;}
#header #menu .diskuze{background: url(../img/menu-diskuze.png) no-repeat;width: 21px;height: 23px;margin-left: 10px;position: absolute;top: 11px;}
#header #menu .pridej{background: url(../img/menu-pridej.png) no-repeat;width: 21px;height: 22px;margin-left: 5px;position: absolute;top: 11px;}
#header #menu .odber{background: url(../img/menu-odber.png) no-repeat;width: 21px;height: 25px;margin-left: 0px;position: absolute;top: 9px;}

/* Main Column */
#main {float: right;width: 650px;padding: 0; margin: 0;}
#main h2 {margin-top:10px;color: #f8af45;padding: 5px 20px 40px 20px; border-bottom: 1px solid #fef8ba;font-size: 140%;}
#main .left{float:left;width: 480px;margin-top: 5px;}
#main .right{float:right;width: 160px;margin-top: 5px;}
#main .right h1{color: #f8af45;margin: 7px 0;padding: 0;font-size: 110%;}
#main .right p{text-align:justify;margin: 0;padding: 0;}
#main h3{margin: 0;padding:0 10px;}
#main h3 a{float:left;color: #4472a1;padding: 0;margin: 0;}
#main .rate{float:right;color: #f8af45;margin: 0 10px 0 0;}
#main p{clear:both;}
#main .article, #main .article2{border-bottom: 1px solid #fef8ba;padding: 10px 0 0 0;background: url(../img/article-bg.png) repeat-x center bottom;}
#main .article2{background: none;}
#main .article strong, #main .article2 strong {color: #F8AF45}


/* Sidebar */	
#sidebar {float: left;width: 242px;padding: 0; margin: 10px 0 0 0;background: url(../img/sidebar-bg.png) repeat-x;}	
#sidebar .nadpis {position: relative;padding: 8px 0 0 20px;color: #FFF;background: url(../img/sidebar-nadpis.png) no-repeat;height: 29px;font-weight:bolder;font-size: 130%;}
#sidebar .nadpis .search{background: url(../img/sidebar-ico-search.png) no-repeat;width: 33px;height: 43px;position:absolute;top: -16px;right:10px;}
#sidebar .nadpis .kategorie{background: url(../img/sidebar-ico-kategorie.png) no-repeat;width: 33px;height: 43px;position:absolute;top: -6px;right:10px;}
#sidebar .left-box {margin: 0 0 5px 0;}
#sidebar ul.sidemenu {list-style: none;text-align: left;margin: 3px 35px 8px 20px; padding: 0;text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #e0e0e0;padding: 5px 0 5px 0;margin: 0 2px;}
#sidebar ul.sidemenu li a {font-weight: bolder;text-decoration: none;color: #4472a1;}
#sidebar ul.sidemenu li a span {font-weight: normal;color: #4472a1;}
#sidebar ul.sidemenu li a:hover {text-decoration: underline;}
#sidebar .search {width: 222px;margin: 10px auto;}
#sidebar .search .inp-text{background: url(../img/search-input.png) no-repeat;width: 207px;height: 20px;padding: 5px 0 0 15px;border:0;color: #979897; font-style: italic;font-size: 90%;}
#sidebar .search .button{background: url(../img/search-button.png) no-repeat;width: 62px;height: 26px;border:0;float:right;cursor:pointer;margin: 5px 0 0 0;}

/* Footer */	
#footer {color: #FFF;background: #f6a62b url(../img/footer-bg.png) repeat-x center top;clear: both;width: 100%;text-align: center;}
#footer .content{width: 930px;margin: 0 auto;border-top: 8px solid #FFF;font-size: 110%;position:relative;}
#footer a{color: #FFF;}
#footer .content #logo-portik {position: absolute;bottom: 10px;right: 0;}
#footer .content #logo-portik a, #footer .content #logo-portik span {display: block;height: 22px;width: 119px;}
#footer .content #logo-portik a {position: relative;}
#footer .content #logo-portik span {position: absolute;bottom: 0;	right: 0;cursor: pointer;}
#footer .content #logo-portik a span {background: url(../img/portik-logo.png) left top no-repeat;}

/* Pager */
#pager {text-align:center;clear:both;padding: 30px 10px;color: #bababa;}
#pager a{width: 40px;height: 24px;padding: 3px 4px;margin: 0;text-align:center;background: #648db6;border: 1px solid #5180b0;color: #FFF;font-weight:bolder;text-decoration: none;}
#pager a:hover{background: #4472a1;border: 1px solid #3a6795;}
#pager a.current{background: #4472a1;border: 1px solid #3a6795;}

.joke-rank {color: #bababa; padding-left: 10px}
.joke-rank a{width: 40px;height: 24px;padding: 3px 4px;margin: 0;text-align:center;background: #648db6;border: 1px solid #5180b0;color: #FFF;font-weight:bolder;text-decoration: none;}
.joke-rank a:hover{background: #4472a1;border: 1px solid #3a6795;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}

/* display and additional classes */
.clear { clear: both; }
.schovany {display: none}
.flash {padding: 5px; margin-top: 4px; border: 2px solid black;}
.flash.success {border-color: #3ABF23; padding-left: 20px; background: transparent url(../images/accept.png) no-repeat scroll 2px 3px}
.flash.error {border-color: red; padding-left: 20px; background: transparent url(../images/err.png) no-repeat scroll 2px 3px}

.podnadpis h3 {padding: 5px 0 0 8px; display: block;}
.podnadpis h3 img {vertical-align: middle;} /* for IE */
.podnadpis h3 img {vertical-align: -3px}
.podnadpis h3 a {text-decoration: none}
.select_box {border: 1px solid gray; padding: 2px; }
.maxwidth img {max-width: 477px}
.frame {text-align: justify; border: 1px solid #ECC101; background-color: #FFF7B8; padding: 4px; margin-bottom: 5px}
.greater {font-size: 130%}