/*
Theme Name: Moravská Televize II
Theme URI: http://www.hmd.cz/
Description: Newer, face-lifted version of the original Moravská Televize design; Main design and layout by <strong>Jan Mikota</strong>
Version: 1.0
Author: Pavel Hamřík
Author URI: http://www.hmd.cz/
*/


/* STRUCTURE */

body, html {padding:0; margin:0;}
body {text-align:center; font:0.8em Verdana, Arial, Helvetica, sans-serif;}

#container {width:960px; margin:0 auto; padding:0 15px; background:url(layout/col-back.gif) repeat-y 50%; position:relative; text-align:center;}

#header {background:url(layout/header-back.gif) repeat-x;}
#header-top {height:115px; position:relative; background:url(layout/header-graphic.png) no-repeat right top;}
#logotype {display:block; width:220px; height:84px; background:url(layout/logotype.gif) no-repeat; position:absolute; top:15px; left:25px;}

#searchform-container {position:absolute; top:47px; right:30px; height:20px;}
#searchform-container #s {font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:2px; border:1px solid #999; width:130px; font-style:italic; color:#999;}
#searchform-container #s:hover, #searchform-container #s:focus {border-color:#e00048;}
#searchform-container #searchsubmit {font:1em Verdana, Arial, Helvetica, sans-serif; background:#e00048; border:1px solid #e00048; color:#fff; margin-left:2px;}
#searchform-container #searchsubmit:hover, #searchform-container #searchsubmit:focus {border-color:#b9003b; background:#b9003b; cursor:pointer;}

#menu {right:240px; margin:0; padding:0; height:30px; overflow:hidden; background:url(layout/menu-back.gif) repeat-x; border-top:1px solid #bbb; border-bottom:1px solid #999;}
#menu li {float:left; padding:0; margin:0; list-style:none;}
#menu a {display:block; margin:0; padding:6px 10px 6px; border-right:1px solid #aaa; text-decoration:none; color:#777; font:15px "Times New Roman", Times, serif;}
#menu a:hover, #menu a:focus {color:#fff; background:#e00048;}

#videoprevs {width:300px; float:right; padding-top:5px; margin-right:10px;}
#videoprevs .newest {float:left; width:130px;}
#videoprevs .oftheweek {float:right; width:130px; margin-right:10px;}

#video {width:640px; height:380px; float:left; margin:0;}
#screen-container {width:640px; float:left; margin:0;}
#screen #video {float:none; margin:0;}

#video-underpanel {background:#cfcfcf url(layout/video-underpanel.gif) repeat-x; height:33px; padding:0 10px;}
#underpanel-ratings, #underpanel-comments, #underpanel-article {background:url(layout/ico-underpanel-ratings) no-repeat right top; padding:7px 32px 9px 10px; float:right;}
#underpanel-ratings img {margin-top:-3px; position:relative; top:3px;}
#underpanel-comments {background-image:url(layout/ico-underpanel-comments.gif);}
#underpanel-article {background-image:url(layout/ico-underpanel-article.gif);}

#quality-select {float:left; margin:0; padding:6px 0 0;}
#quality-select form {margin:0; padding:0;}
.qbt-a, .qbt-b, .qbt-c, .qbt-d {font:1em Verdana, Arial, Helvetica, sans-serif; background:#f99; border:1px solid #f99; color:#000; margin-right:4px; padding:0 8px;}
.qbt-a {background:#f99; border:1px solid #f99;}
.qbt-a:hover, .qbt-a:focus {background:#ff7f7f; border:1px solid #ff7f7f; cursor:pointer;}
.qbt-b {background:#cf3; border:1px solid #cf3;}
.qbt-b:hover, .qbt-b:focus {background:#9bff0e; border:1px solid #9bff0e; cursor:pointer;}
.qbt-c {background:#9cf; border:1px solid #9cf;}
.qbt-c:hover, .qbt-c:focus {background:#7bbdff; border:1px solid #7bbdff; cursor:pointer;}
.qbt-d {background:#cab589; border:1px solid #cab589;}
.qbt-d:hover, .qbt-d:focus {background:#b69f65; border:1px solid #b69f65; cursor:pointer;}

#footer {width:990px; margin:0 auto; padding:0; background:url(layout/col-footer-body.gif) repeat-y center; position:relative; color:#fff;}
#footer-in {background:url(layout/col-footer-bottom.gif) no-repeat 50% 100%; padding:22px 0 38px; text-align:center;}
#footer .logo {padding:0 17px;}
#footer hr {border:none; background:none; height:10px;}

#bridge {background:#ccc; text-align:left; padding:20px 10px 15px;}
#bridge .post-ratings-image {position:relative; margin-top:-3px; top:3px;}
#bridge p {margin:0; padding:0;}
#bridge p.offset {padding:5px 0 10px 15px; font-size:0.9em; line-height:1.4em;}
#bridge p.offset small {font-size:0.95em;}
#bridge .col-left, #bridge .col-middle-left, #bridge .col-middle-right, #bridge .col-right {width:215px; margin:0 10px; float:left;}
#bridge h2 {margin:0 0 10px; padding:0;}

#content-main {background:#ccc url(layout/content-back.png) no-repeat; text-align:left;}
#content-main p {padding:10px;}
#content-main #article p {background:#ffc; margin:0;}
#content {padding:10px 0 0; text-align:left;}

#full-content-wrapper, .page {margin:0 10px; padding:0; text-align:left;}

h1#videotitle {margin:0; padding:10px 10px; color:#fff;}
h1#videotitle a {color:#fff;}
h1#videotitle a:hover, h1#videotitle a:focus {color:#ccc;}


/* VARIOUS PREVIEWS */

a.post_micro {color:#000; font:1.2em "Times New Roman", Times, serif; font-weight:bold; text-decoration:none; display:block; margin:17px 0 0 10px; position:relative; overflow:hidden;}
a.post_micro span {display:block; position:absolute; height:100px; width:29px; bottom:0px; right:20px; background:url(layout/play_icon.png) no-repeat 0 0;}
a.post_micro:hover, a.post_micro:focus {color:#000;}
a.post_micro:hover span, a.post_micro:focus span, .preview a.video:hover span, .preview a.video:focus span {background-position:0 -100px;}
a.post_micro img {margin:7px 0 0;}

.preview {padding:0 10px;}
.preview .video {display:block; width:80px; height:60px; position:relative; overflow:hidden; float:left;}
.preview .video img {width:80px; height:60px;}
.preview .wrapper {margin:0 0 25px 90px;}
.preview h2 {font-size:1.4em; margin:0; padding:0;}
.preview .entry p {color:#777; margin:0; padding:8px 0 0;}
.preview .video span {display:block; position:absolute; height:100px; width:29px; bottom:0px; right:0px; background:url(layout/play_icon.png) no-repeat 0 0;}

.video-list .preview {width:280px; float:left; overflow:hidden; margin:0 10px;}
.video-list p.no-posts {margin:0 20px 20px;}

#videoprevs .oftheweek .post_micro span, #videoprevs .newest  .post_micro span {bottom:auto; top:0px;}
#videoprevs .post_micro em {font-style:normal; color:#000;}

#tinyprevs, #programmes {padding:10px 0 0; clear:both;}
#tinyprevs .preview {clear:left; height:75px;}
#tinyprevs .entry {display:none;}
#tinyprevs .entry {margin:0; padding:0;}
#tinyprevs h1, #programmes h1 {border-bottom:1px solid #eee; color:#fff; padding:0 10px 10px; margin:0 0 18px;}

#programmes ul {list-style:none; margin:0; padding:0 10px;}
#programmes ul li {background:url(layout/ico-bull-grey-red.gif) no-repeat 0 0; padding:2px 0 14px 42px; font:1.6em "Times New Roman", Times, serif; font-weight:normal; color:#000 !important;}
#programmes ul li a {text-decoration:none;}
#programmes ul li a:hover, #programmes ul li a:focus {text-decoration:underline;}
#programmes ul.blue li {background-image:url(layout/ico-bull-grey-blue.gif);}
#programmes ul.orange li {background-image:url(layout/ico-bull-grey-orange.gif);}
#programmes ul.green li {background-image:url(layout/ico-bull-grey-green.gif);}
#programmes ul.violet li {background-image:url(layout/ico-bull-grey-violet.gif);}
#programmes ul.brown li {background-image:url(layout/ico-bull-grey-brown.gif);}

.block-1, .block-2, .block-3, .block-4, .block-5, .block-6 {width:300px; float:left; margin:0 10px;}
.block-1, .block-2, .block-3 {padding-top:20px;}
.block-1 h1, .block-2 h1, .block-4 h1, .block-6 h1, .block-3 h1, .block-5 h1, h1.red, h1.blue, h1.green, h1.brown, h1.orange, h1.violet {height:40px; background:url(layout/ico-bull-red.gif) no-repeat 0 0; border-bottom:1px solid #aaa;}
.block-1 h1, .block-2 h1, .block-4 h1, .block-6 h1, .block-3 h1, .block-5 h1 {margin-top:0;}
h1.red, h1.blue, h1.green, h1.brown, h1.orange, h1.violet {margin:20px 10px 20px;}
.block-1 h1, h1.blue {background-image:url(layout/ico-bull-blue.gif);}
.block-4 h1, h1.green {background-image:url(layout/ico-bull-green.gif);}
.block-6 h1, h1.brown {background-image:url(layout/ico-bull-brown.gif);}
.block-3 h1, h1.orange {background-image:url(layout/ico-bull-orange.gif);}
.block-5 h1, h1.violet {background-image:url(layout/ico-bull-violet.gif);}
.block-1 h1 a, .block-2 h1 a, .block-4 h1 a, .block-6 h1 a, .block-3 h1 a, .block-5 h1 a, h1.red a, h1.blue a, h1.green a, h1.brown a, h1.orange a, h1.violet a {display:block; padding:1px 0 0 43px;}

.navigation {border-top:1px solid #aaa; clear:both; margin:0 10px; padding:10px 10px 0; height:40px;}


/* TYPOGRAPHY */

h1, h2, h3 {font-family:"Times New Roman", Times, serif; font-weight:normal;}
h1 a, h2 a, h3 a {color:#000; text-decoration:none;}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus {color:#e00048;}

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.3em;}

#sidebar h2 {margin:1em 0 0.4em; border-top:1px solid #aaa; padding:0.8em 0 0;}

#videodesc h1 {margin:0; padding:0.3em 0 0;}
#videodesc h1 a {color:#fff;}
#videodesc p {margin:0; padding:0.7em 0;}

a {color:#000; text-decoration:underline;}
a:hover, a:focus {color:#e00048;}

.partners-list a {text-decoration:none;}
.partners-list a:hover, .partners-list a:focus {text-decoration:underline;}

.postmetadata {font-size:0.8em;}


/* FORMS */

select {width:130px;}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform input {padding:2px; border:1px solid #ddd; background:#f8f8f8;}
#commentform textarea {width:934px; padding:2px; height:100px; border:1px solid #ddd; background:#f8f8f8;}
#commentform textarea:hover, #commentform textarea:focus, #commentform input:hover, #commentform input:focus {border:1px solid #e00048; background:#fafafa;}
#commentform #submit {font:1em Verdana, Arial, Helvetica, sans-serif; background:#f99; border:1px solid #f99; color:#fff; margin:0; float:right;}
#commentform #submit:hover, #commentform #submit:focus {border-color:#e00048; background:#e00048; cursor:pointer;}
.newsletterTextInput {font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:2px; border:1px solid #aaa; width:130px; background:#aaa; color:#000; margin:0;}
.newsletterTextInput:hover, .newsletterTextInput:focus {border-color:#e00048;}
#newsletterFormDiv .submit {font:1em Verdana, Arial, Helvetica, sans-serif; background:#aaa; border:1px solid #aaa; color:#000; margin-left:2px;}
#newsletterFormDiv .submit:hover, #newsletterFormDiv .submit:focus {background:#e00048; border-color:#e00048;}
#newsletterFormDiv {padding-top:6px; padding-bottom:12px;}
#footer #right form {padding:0; margin:0;}


/* COMMENTS */

.alt {margin:0; padding:10px; background:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#commentlist-wrapper {padding:0 10px 20px;}
.commentlist {padding:0; text-align:justify;}
.commentlist li {margin:15px 0 3px; padding:5px 10px 3px; list-style:none; font-weight:bold;}
.commentlist p {margin:10px 5px 10px 0; font-weight:normal; line-height:1.5em; text-transform:none;}
.commentlist a {text-decoration:none;}
.commentmetadata {margin:0; display:block; font-weight:normal;}
.commentlist li .avatar {float:right; border:1px solid #eee; padding:2px; background:#fff;}
.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal;}
.commentlist cite a {text-decoration:underline;}
#commentform p {margin:5px 0;}
.nocomments {text-align:center; margin:0; padding:0;}
h3#comments, h3#respond {font-size:1.6em; margin:0; padding:0.8em 0 0.2em;}
h3#comments {border-top:1px solid #aaa; clear:both; padding:20px 0 0.2em;}


/* CALENDAR */

#wp-calendar {empty-cells:show; margin:0 auto; width:215px;}
#wp-calendar a {display:block; text-decoration:none; font-weight:bold;}
#wp-calendar caption {display:none;}
#wp-calendar td, #wp-calendar th {padding:3px 0; text-align:center; width:14%; background:#e7e7e7;}
#wp-calendar th {text-align:center; font:bold 1.2em "Times New Roman", Times, serif; background:#aaa; padding:0;}
#wp-calendar td.pad, #wp-calendar td.pad:hover {background-color:#ccc;}
#wp-calendar td#prev, #wp-calendar td#next {background-color:#ccc;}
#wp-calendar td#prev a, #wp-calendar td#next a {font-weight:normal;}
#wp-calendar td#prev {text-align:left;}
#wp-calendar td#next {text-align:right;}
#wp-calendar td#today {background:#9cf;}
	

/* MISCELANEOUS */

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

.alignright {float:right;}
.alignleft {float:left;}
img.alignright {margin:3px 0 7px 3px;}
img.alignleft {margin:3px 7px 3px 0;}

a img {border:none;}
.cleaner {clear:both;}
#tinyprevs .cleaner {display:none;}
h1 span.sub {color:#888; font-size:0.9em;}
.error {color:#fff; text-align:center; padding:120px 0; font-size:1.4em; font-family:"Times New Roman", Times, serif; float:right; width:480px;}
.warning {background:#e00048; padding:5px; margin:0; color:#fff; text-align:center; font-size:1.6em; font-family:"Times New Roman", Times, serif; padding:15px;}

.periodical-webcam {position:relative;}
.periodical-webcam img {width:640px;}
.periodical-webcam small.cam-black {display:block; position:absolute; bottom:9px; left:11px; color:#000;}
.periodical-webcam small.cam-white {display:block; position:absolute; bottom:10px; left:10px; color:#fff;}

#seolista {text-align:center; font-size:0.85em; background:#555; border-top:1px solid #444; padding:5px 0 7px; margin-top:20px;}
#seolista a {color:#000;}
#seolista a:hover, #seolista a:focus {color:#e00048;}


/* COLORS FITTING THE COLOR SCHEME */

.white {color:#fff !important;}
.grey {color:#777 !important;}
.green {color:#cf3 !important;}
.red {color:#f99 !important;}
.blue {color:#9cf !important;}
.brown {color:#cab589 !important;}


/* UGLY HACKS AND FIXES :( */

/* IE 7 */
*:first-child+html #searchform-container #searchsubmit {border:none;}
*:first-child+html #menu a {padding:8px 10px 5px;}
*:first-child+html .qbt-a, *:first-child+html .qbt-b, *:first-child+html .qbt-c, *:first-child+html .qbt-d {border:none; padding:0 5px;}
*:first-child+html #bridge .col-right .submit {border:none; padding:0 2px;}
*:first-child+html #tinyprevs, #programmes {padding-top:15px;}
*:first-child+html #videoprevs {padding-top:5px;}
*:first-child+html #bridge {padding-top:10px;}
*:first-child+html h1.red, *:first-child+html h1.blue, *:first-child+html h1.green, *:first-child+html h1.brown, *:first-child+html h1.orange, *:first-child+html .violet {width:940px; position:relative; left:10px;}
*:first-child+html h3#respond {padding:0; margin:0;}

/* IE 6 */
* html .qbt-a, * html .qbt-b, * html .qbt-c, * html .qbt-d {border:none; padding:0 5px;}
* html #searchform-container #searchsubmit {border:none;}
* html #bridge .col-right .submit {border:none; padding:0 2px;}
* html #menu a {padding:8px 10px 5px;}
* html a.post_micro span {height:29px; bottom:auto; top:70px; background:url(layout/play_icon.gif) no-repeat 0 0; cursor:pointer;}
* html a.post_micro:hover span {background-position:0 0;}
* html .preview a.video span {height:29px; background:url(layout/play_icon.gif) no-repeat 0 0; cursor:pointer;}
* html .preview a.video:hover span {background-position:0 0;}
* html #content-main, * html #header {width:960px; margin-left:10px;}
* html #bridge {width:940px; margin-left:10px;}
* html #bridge .col-left {margin-left:5px;}
* html #bridge .col-right {margin-right:5px;}
* html #videoprevs {margin-right:5px;}
* html #videoprevs .oftheweek a.post_micro span, * html #videoprevs .newest a.post_micro span {background-position:0 70px; height:100px; bottom:auto; top:0px;}
* html #underpanel-ratings {width:110px;}
* html #bridge {padding-bottom:0;}
* html .navigation {margin:0 0 0 20px;}
* html h1.red, * html h1.blue, * html h1.green, * html h1.brown, * html h1.orange, * html .violet {width:940px; position:relative; left:20px;}
* html #commentlist-wrapper {margin-left:10px;}
* html h3#respond {padding:0; margin:0;}
* html .warning {margin-left:10px; width:930px;}


/* Opera */
html:first-child #menu a {padding:7px 10px 6px;} /* Opera 9 and Below */
@media all and (min-width:0px) {head~body:last-child #menu a {padding:7px 10px 6px;}} /* Opera 9.5 */
html:first-child #bridge .post-ratings-image {position:static; margin:0 0 -3px;} /* Opera 9 and Below */
@media all and (min-width:0px) {head~body:last-child #bridge .post-ratings-image {position:static; margin:0 0 -3px;}} /* Opera 9.5 */