body
{
background-color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
margin:0;
}
a:link {  color: #515C9A; text-decoration: underline}
a:visited {  color: #515C9A; text-decoration: underline}
a:hover {  color: #519A5C; text-decoration: none}

H1 {
font-size: 18px;
}

/* TV */
#obal {
width:400px;
height:300px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
}

#obal_top {
width:400px;
height:20px;
background-color: #339;
}

#obal_bottom {
width:400px;
height:20px;
background-color: #339;
clear:both;
font-size: 11px;
color:#fff;
text-align:center;
font-weight:bold;
}

#logo {
padding:3px;
}

#obal_middle_left {
width:20px;
height:260px;
float:left;
background-color: #339;
}

#obal_middle_middle {
width:340px;
height:260px;
float:left;
}

#obal_middle_right {
width:40px;
height:260px;
float:left;
background-color: #339;
text-align:center;
}

#middle {
height:240px;
width:340px;
background-color: #fff;
overflow:auto;
background-image:url('tv-mracik-logo.gif');
background-repeat:no-repeat;
background-attachment:scroll;
}

#middle_bottom {
height:19px;
width:340px;
background-color: #eef;
border-top:1px solid #339;
}

#channel {
width:100px;
padding-top:3px;
height:16px;
background-color: #ddf;
text-align:center;
float:left;
}

#TICKER {
width:240px;
padding-top:3px;
height:16px;
float:left;
}

#bodytext {
margin:7px;
}

/* List of channels - pop up */
.layer {
display:none;
width:110px;
height:150px;
border:1px solid #118;
position:absolute;
background-color: #77e;
color:#ff0;
padding:2px;
}
.layer a:link {  color: #fff; text-decoration: underline}
.layer a:visited {  color: #fff; text-decoration: underline}
.layer a:hover {  color: #fff; text-decoration: none}

/* Buttons */
#button_up, #button_down, #button_list, #button_switch, #button_right, #button_left, #button_pause {
width:25px;
height:25px;
margin-top:10px;
cursor:pointer;
}

/* Articles */
.meta {
text-align:center;
font-size: 10px;
padding-top:4px;
}