/*
Theme Name: Porgtv Vimeo
Theme URI: http://www.porg.tv/
Description: Theme developed for Porg.tv.
Version: 5.0
Author: Jan Černý, David Roesel
Tags: grey, blue, fixed width, grid system
*/
body { margin: 0; padding: 0; background: white url('./images/rshade.gif') top right no-repeat scroll; color: #333333; font-size: 0.9em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; line-height: 1.3em; text-align: center; }
#omniwrap { background: transparent url('./images/lshade.gif') top left no-repeat scroll; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family:Georgia, Sansn serif; line-height:1.5;  font-weight:normal; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; }
.clear { clear: both; }
.wrapper { margin: 0 auto; padding: 0px 10px 0px 10px; width: 940px; text-align: left; }
.alignleft { float: left; }
.alignright { float: right; }
#header { height: 83px; padding-top: 12px; background: #669 url('./images/hlavabg.gif') bottom repeat-x scroll; color: #ffffff; }
#header .wrapper h1 { float: left; width: 590px; font-family:Book Antiqua; font-size: 2.0em; padding-left: 20px; height: 71px; line-height: 71px; background: url('./images/eyebluee.gif') 0 0 no-repeat; }
#header .wrapper img { float: left; width: 243px; font-size: 2.0em; padding-left: 0px; height: 81px; line-height: 71px; background: url('./images/eyebluee.gif') 0 0 no-repeat; border-style: none;}
#header .wrapper h1 a { color: #ffffff; text-decoration: none; }
#header .wrapper h1 a:hover { color: #ffffff; text-decoration: none; }
#header #searchbox { float:right; background-color:#E6E0DA; }
#header #searchbox input { border:none; background:none; margin:auto auto 3px auto; font-family:Georgia, serif; }
#header #searchbox #s { border: 1px solid white !important; background: white url('./images/hledbg.gif') top repeat-x scroll !important; margin:3px !important; }
#navbar { height: 35px; background-color: #e6e0da; border-bottom: 1px solid #d2bdac; color: #777777; line-height: 35px; }
#navbar .wrapper img { border: none;}
#navbar .wrapper ul { float: right; list-style-type: none; }
#navbar .wrapper ul li { float: left; margin-left: 5px; }
#navbar .wrapper ul li a { display: block; padding: 0px 10px 0px 10px; font-size: 1.1em; color: #777777; text-decoration: none; }
#navbar .wrapper ul li a:hover { color: #444444; background: url('./images/navbar-arrow.gif') bottom no-repeat; }
#main { background-color: transparent; color: #333333; margin-top: 30px; }
#main .wrapper #sidebar { float: left; width: 220px; margin-right: 10px; margin-bottom: 10px; font-size: 0.9em; }
#main .wrapper #sidebar .block { margin-bottom: 8px; }
#main .wrapper #sidebar .block h3 { display: block; width: 220px; height: 30px; line-height: 30px; padding: 0px 15px 0px 15px; margin: 0px 0px 5px 0px; color: #ffffff; background: url('./images/sidebar-h-bgb.gif') 0 0 no-repeat; font-size: 1.1em;  font-weight:bold; }
#main .wrapper #sidebar .img_menu img { border: none; }
#main .wrapper #sidebar .block ul { list-style-type: none; }
#main .wrapper #sidebar .block ul li { border-top: 1px solid #dddddd; padding: 0px 7px 0px 7px; }
#main .wrapper #sidebar .block ul li:first-child { border-top: 0px solid #dddddd; padding: 0px 7px 0px 7px; }
#main .wrapper #sidebar .block ul li a { float: left; text-decoration: none; padding: 3px; }
#main .wrapper #sidebar .block ul li a:hover { text-decoration: underline; }
#main .wrapper #sidebar .block ul li span.right { float: right; font-style: italic; color: #666666; margin-top: 3px; }
#main .wrapper #sidebar .block ul li span.right span.rating { padding-right: 15px; background: url('./images/starb.gif') right no-repeat; }
#main .wrapper #content { float: right; width: 700px; margin-left: 10px; margin-bottom: 30px; }
#main .wrapper #content #showcase { width: 700px; background-color: #ffffff; height: 360px; margin-bottom: 0px; }
#main .wrapper #content #showcase .reklama { width: 190px; height: 130px; background: #666699; float: bottom; }
#main .wrapper #content #showcase #video { width: 480px; height: 360px; float: left; }
#main .wrapper #content #showcase #video a.flowplayer { cursor: pointer; background: #eeeeee url('./images/playb.png') 50% 50% no-repeat; display: block; width: 480px; height: 360px; }
#main .wrapper #content #showcase #video a.flowplayer img { border: none; width: 480px; height: 360px; }
#main .wrapper #content #showcase #navigation { float: right; width: 220px; padding: 0px 0px 0px 0px; color: #eeeeee; background: #4f4f82; height: 364px; }
#main .wrapper #content #showcase #navigation #navigation-top {height: 10px; background: transparent url('./images/rounded-cornersb-wide.png') right no-repeat scroll;}
#main .wrapper #content #showcase #navigation #navigation-body {height: 266px; padding: 0px 15px 0px 15px}
#main .wrapper #content #showcase #navigation h3 { font-size: 1.0em; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #91bdca; }
#main .wrapper #content #showcase #navigation ul { list-style-type: none; border-top: 1px solid #777777; margin-top: 16px; }
#main .wrapper #content #showcase #navigation ul li a { cursor: pointer; display: block; height: 47px; color: #eeeeee; border-bottom: 1px solid #777777; padding: 8px 10px 0px 10px; text-decoration: none; font-size: 0.9em; }
#main .wrapper #content #showcase #navigation ul li a.selected-video { background-color: #6c6ca0; color: #ffffff; font-style: italic; }
#main .wrapper #content #showcase #navigation ul li a:hover { background-color: #669; color: #ffffff; }
#main .wrapper #content #showcase-wide { width: 700px; background-color: #ffffff; height: 276px; margin-bottom: 0px; }
#main .wrapper #content #showcase-wide .reklama { width: 190px; height: 125px; background: url('./images/reklama_back.png') right repeat-y;}
#main .wrapper #content #showcase-wide #video-wide { width: 480px; height: 276px; float: left; background-color:#4f4f82; margin:0px;}
#main .wrapper #content #showcase-wide #video-wide a.flowplayer { cursor: pointer; background: #eeeeee url('./images/playb.png') 50% 50% no-repeat; display: block; width: 480px; height: 276px; }
#main .wrapper #content #showcase-wide #video-wide a.flowplayer img { border: none; width: 480px; height: 276px; }
#main .wrapper #content #showcase-wide #navigation-wide { float: right; width: 220px; background: #4f4f82; color: #eeeeee;  height: 276px; }
#main .wrapper #content #showcase-wide #navigation-wide #navigation-top {height: 10px; background: transparent url('./images/rounded-cornersb-wide.png') right no-repeat scroll;}
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body {height: 266px; padding: 0px 15px 0px 15px}
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body h3 { font-size: 1.0em; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #91bdca; }
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body ul { list-style-type: none; border-top: 1px solid #777777; margin-top: 10px; }
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body ul li a { cursor: pointer; display: block; height: 37px; color: #eeeeee; border-bottom: 1px solid #777777; padding: 5px 10px 5px 10px; text-decoration: none; font-size: 0.9em; }
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body ul li a.selected-video { background-color: #6c6ca0; color: #ffffff; font-style: italic; }
#main .wrapper #content #showcase-wide #navigation-wide #navigation-body ul li a:hover { background-color: #669; color: #ffffff; }
/* PRO PRIPAD ULTRA-WIDE */
#main .wrapper #content #showcase-wide-ultra { width: 700px; background-color: #ffffff; height: 270px; margin-bottom: 0px; }
#main .wrapper #content #showcase-wide-ultra .reklama { width: 190px; height: 125px; background: url('./images/reklama_back.png') right repeat-y;}
#main .wrapper #content #showcase-wide-ultra #video-wide { width: 480px; height: 270px; float: left; background-color:#4f4f82; margin:0px;}
#main .wrapper #content #showcase-wide-ultra #video-wide a.flowplayer { cursor: pointer; background: #eeeeee url('./images/playb.png') 50% 50% no-repeat; display: block; width: 480px; height: 270px; }
#main .wrapper #content #showcase-wide-ultra #video-wide a.flowplayer img { border: none; width: 480px; height: 276px; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide { float: right; width: 220px; background: #4f4f82; color: #eeeeee;  height: 276px; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-top {height: 10px; background: transparent url('./images/rounded-cornersb-wide.png') right no-repeat scroll;}
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body {height: 266px; padding: 0px 15px 0px 15px}
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body h3 { font-size: 1.0em; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #91bdca; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body ul { list-style-type: none; border-top: 1px solid #777777; margin-top: 10px; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body ul li a { cursor: pointer; display: block; height: 37px; color: #eeeeee; border-bottom: 1px solid #777777; padding: 5px 10px 5px 10px; text-decoration: none; font-size: 0.9em; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body ul li a.selected-video { background-color: #6c6ca0; color: #ffffff; font-style: italic; }
#main .wrapper #content #showcase-wide-ultra #navigation-wide #navigation-body ul li a:hover { background-color: #669; color: #ffffff; }
/*POKRACOVANI*/
#main .wrapper #content h2 { margin-bottom: 15px; font-size: 1.8em; font-style: italic; font-family: "Trebuchet MS"; }
#main .wrapper #content p { line-height: 1.6em; font-family: "Trebuchet MS"; margin-top: 10px; }
#main .wrapper #content #center { width: 460px; margin-right: 10px; float: left; }
#main .wrapper #content #page { width: 700px; margin-right: 10px; float: left; }
#main .wrapper #content #page .mezera { height: 20px; }
#main .wrapper #content #page .profil { width: 700px; float: left; border-top: 1px solid #dddddd;}
#main .wrapper #content #page .profil .foto { width: 54px; margin: 5px 0px 10px 0px; float: left;}
#main .wrapper #content #page .profil .text { width: 640px; float: right; margin: 5px 0px 10px 0px;}
#main .wrapper #content #page ul { margin-left: 20px;}
#main .wrapper #content #page ol { margin-left: 20px;}
#main .wrapper #content #page ol li { margin-bottom: 8px;}
#main .wrapper #content #page a img { border: none;}
#main .wrapper #content #page #freelist li {list-style-type: none; margin: 5px 0px 3px 0px;}
#main .wrapper #content #page #freelist #code { padding: 0px 0px 0px 25px; margin: 4px 0px 4px 0px; border: 1px solid #000000; background-color: #ffffff; }
#main .wrapper #content #right { width: 220px; margin-left: 10px; float: right; color: #666666; margin-bottom: 10px;}
#main .wrapper #content #right .block { margin-bottom: 0px; padding-bottom: 5px; }
#main .wrapper #content #right .block a.right { display: block; text-align: right;}
#main .wrapper #content #right .block .reklama { background: url('./images/gray-reklama.png') 0 0 no-repeat; }
#main .wrapper #content #right .block #aktualne { height: 360px; margin-bottom: 15px;}
#main .wrapper #content #right .block ul { list-style-type: none; margin-left: 10px; margin-bottom: 3px;  color: #000000;}
#main .wrapper #content #right .block ul li { border-top: 1px solid #dddddd; padding: 2px 7px 2px 7px; margin-top: 3px; }
#main .wrapper #content #right .block ul li:first-child { border-top: 0px solid #dddddd; padding: 2px 7px 2px 7px; margin-top: 3px; }
#main .wrapper #content #right .block ul li a:hover { text-decoration: underline;}
#main .wrapper #content #right .block .free li { border-bottom: 0px solid #dddddd; padding: 2px 7px 2px 7px; margin-top: 3px; }
#main .wrapper #content #right .block .free .margin li { border-bottom: 0px solid #dddddd; padding: 2px 7px 2px 135px; margin-top: 3px; }
#main .wrapper #content #right .block h3 {  font-weight:bold; display: block; width: 220px; height: 30px; line-height: 30px; padding: 0px 15px 0px 15px; margin: 0px 0px 5px 0px; color: #ffffff; background: url('./images/sidebar-h-bgb.gif') 0 0 no-repeat; font-size: 1.0em; }
#main .wrapper #content #right .block p { padding: 0px 0px 0px 0px; }
#main .wrapper #content #right .block #text { padding: 0px 10px 0px 10px; }
#main .wrapper #content #right .block #text p { color: #000000;}
#main .wrapper #content #right .block img { border:none; }
#main .wrapper #content .post { margin-bottom: 20px; padding-top: 0px; }
#main .wrapper #content .post .alone { padding-top: 0; }
#main .wrapper #content .post a h3 { font-size: 1.3em; background: url('./images/bottom-box-bg-trans-sharp.png') 0 0 no-repeat; padding-left: 20px; padding-bottom: 7px; padding-top: 3px;}
#main .wrapper #content .post a:hover h3 { font-size: 1.3em; background: url('./images/bottom-box-bg-trans-sharp-dark.png') 0 0 no-repeat; padding-left: 20px; padding-bottom: 7px; padding-top: 3px;}
#main .wrapper #content .post .entry { margin-bottom: 15px; }
#main .wrapper #content .post .bottom_box { font-size: 0.8em; line-height: 28px; height: 24px; padding: 1px 10px 5px 10px; background: url('./images/bottom-box-bgb-sharp.gif') 0 0 no-repeat; color: #dddddd; }
#main .wrapper #content .post .bottom_box a { color: #dddddd; text-decoration: none; }
#main .wrapper #content .post .bottom_box a:hover { text-decoration: none; }
#main .wrapper #content .post .bottom_box .comment { padding-right: 16px; background: url('./images/comment.png') right no-repeat; }
#main .wrapper #content .post .bottom_box .tag { padding-left: 20px; background: url('./images/tag_blue.png') left no-repeat; }
#main .wrapper #content .post .bottom_box_post { font-size: 0.8em; line-height: 28px; height: 24px; padding: 1px 10px 5px 10px; background: url('./images/bottom-box-bgb-sharp.gif') 0 0 no-repeat; color: #dddddd; }
#main .wrapper #content .post .bottom_box_post a { color: #dddddd; text-decoration: none; }
#main .wrapper #content .post .bottom_box_post a:hover { text-decoration: none; }
#main .wrapper #content .post .bottom_box_post .comment { padding-right: 16px; background: url('./images/comment.png') right no-repeat; }
#main .wrapper #content .post .bottom_box_post .tag { padding-left: 20px; background: url('./images/tag_blue.png') left no-repeat; }
#main .wrapper #content h3.commenth3 { margin-bottom: 10px; }
#main .wrapper #content form#commentform { margin: 10px 0px 0px 0px; }
#main .wrapper #content form#commentform table tr td { float: right; padding: 5px; width: 565px; }
#main .wrapper #content form#commentform table tr td.desc { float: left; width: 115px; font-size: 0.8em; }
#main .wrapper #content form#commentform table tr td input.text{ width: 300px; border: 1px solid #aaaaaa; padding: 3px;}
#main .wrapper #content form#commentform table tr td textarea.textarea { width: 557px; padding: 3px; border: 1px solid #aaaaaa; }
#main .wrapper #content form#commentform table tr td.comment-info { font-size: 0.8em; font-style: italic; color: #666666; }
#main .wrapper #content form#big-search { margin: 20px 0px 0px 0px; width: 700px; }
#main .wrapper #content form#big-search input.text { float: left; width: 588px; height: 23px; font-size: 1.2em; background-color: #ffffff; border: 1px solid #dddddd; padding: 5px; }
#main .wrapper #content form#big-search input.button { float: right; width: 100px; height: 35px; border: none; font-size: 1.2em; font-weight: bold; color: #666666; background-color: #dddddd; }
#main .wrapper #content ul.commentlist { list-style-type: none; border-top: 1px solid #dddddd; margin: 0px 0px 20px 0px; }
#main .wrapper #content ul.commentlist li { padding: 15px 10px 15px 10px; background-color: #ffffff; display: block; border-bottom: 1px solid #dddddd; }
#main .wrapper #content ul.commentlist li.alt { background-color: #f4f4f4; }
#main .wrapper #content ul.commentlist li small { font-size: 0.7em; font-style: italic; }
#main .wrapper #content ul.commentlist li h4 { font-size: 1.0em; display: inline; font-style: italic; }
#main .wrapper #content ul.commentlist li .gravatar { float: right; border: 1px solid #dddddd; padding: 3px; margin: 0px 0px 10px 10px; }
#main .wrapper #content .cat-navigation { font-size: 0.9em; padding: 5px 10px 5px 10px; }
#main .wrapper #content .cat-navigation .alignleft { float: left; }
#main .wrapper #content .cat-navigation .alignright { float: right; }
#main .wrapper #footer { clear: both; padding: 10px 0px 10px 0px; border-top: 1px solid #dddddd; color: #666666; text-align: center; font-size: 0.8em; }
#main .wrapper #footer-info { clear: both; padding: 10px 0px 10px 0px; border-top: 1px solid #dddddd; color: #aaaaaa; text-align: center; font-size: 0.8em; }
#main .wrapper #footer a { color: #777777; }