/*  

Theme Name: SimpsonsWeb 2009
Theme URI: http://www.simpsonsweb.cz/
Description: Výchozí design pro české fanouškovské stránky seriálu Simpsonovi
Author: Kuba
Author URI: http://www.simpsonsweb.cz/
	
	*/

body {
	background: #FFDE00 url('http://www.simpsonsweb.cz/wp-content/themes/simpsonsweb-2010/images/top.png') top repeat-x;
	margin: 0;
	padding: 0;
	font: 12px Arial;
}

#wrapper {
	width: 980px;
	height: 100%;
	margin: 0 auto;
}

#bg {
	float: left;
	width: 980px;
	height: 100%;

}

h1 {
	margin: 3px 0;
	padding-bottom: 2px;
	padding-top: 3px;
	margin-left: 7px;
	background: url(images/donut.gif) left no-repeat;
	font: bold 19px Arial;
	letter-spacing: -1px;
	text-indent: 35px;
	text-align: left;
	margin-bottom: 9px;
	color: #000
}

h2 {
font-size: 12px;
color: #fff;
background: url('images/h2.png');
padding: 5px 3px 5px 30px;
margin: 10px 0;
}

h2 a{ 
color: #fff;
}

h3 {
font-size: 12px;
color: #000;
background: #FF8B00 url('images/h3.png');
padding: 4px 10px;
border: 1px solid #FDF6D4;
}
div#zahlavi {
	height: 40px;
}

div#celek {
	width: 980px;
	margin: 0 auto;
	background: url('http://www.simpsonsweb.cz/wp-content/themes/simpsonsweb-2010/images/container.png') no-repeat;
	text-align: left;
}

div#comment p {
	margin: 0;
padding: 0;
margin-bottom: 5px;
}

div#wrapper1 {
	width: 100%;
	float: left;
}

div#obsah {
	margin: 20px 200px 20px 235px;
	padding: 5px 10px 0 10px;
}

div#menu-prave {
	width: 190px;
	float: left;
	margin: 20px 0 0 -192px;
	padding-bottom: 20px;
	text-align: center;
	color: #FFF;
}

div#menu-leve {
	width: 190px;
	float: left;
	margin: 450px 0 0 -958px;
	padding-bottom: 20px;
	text-align: center;
	color: #FFF;
}

div#zapati {
	width: 100%;
	clear: left;
	padding: 20px 0 15px 0;
	background: #FDD620 url('images/zapati.png') no-repeat;
	text-align: center;
	line-height: 1.3em;
	font-size: 11px;
	color: #FFF;
}

div#zapati a {
	color: #FFF;
}
.menu-box {
	margin: 5px 10px;
	background: #FCBB17;
padding-bottom: 7px;
margin-bottom: 10px;
font-size: 11px;
}

.menu-box ul {
	line-height: 1.4em;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}


.wp-polls-ans ul {
	margin: 7px 0px;
}

.wp-polls-ans li {
padding: 2px 4px;
}

.menu-box ul li {
	background: #FDCF34;
	margin: 2px 10px;
}

.menu-box ul li a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.menu-box ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
.menu-box img {
	float: none;
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
}
p {
	line-height: 1.55em;
	margin: 0px 10px 15px 10px;
}
.box {
	margin: 10px 0;
	margin-bottom: 15px;
	padding: 5px 10px;
	background: #FFF9F0 url('images/box.png') repeat-x;
	border: 1px solid #FDF6D4;
}

em {
	font-weight: bold;
}

.box img {
	border: 0px solid #F2E9CA;
}
.clanek-info {
	font-size: 11px;
	margin: -7px 0 5px 15px;
}
.clanek-info a {
	text-decoration: none;
}
.breadcrumb {
	font-size: 11px;
	margin-bottom: 5px;
}
.breadcrumb a {
	font-weight: bold;
}

.hodnoceni {
	margin: 10px 0;
	margin-bottom: 15px;
	padding: 5px 10px;
margin-left: 10px;
	background: #FFEFB9 url('images/box.png') repeat-x;
	border: 1px solid #FFF0D4;
height: 72px;
width: 150px;
}

img.left {
	margin: 5px 10px 5px 0;
	float: left;
}

img.right {
	margin: 1px 5px 5px 10px;
	float: right;
}
.novinka {
	margin: 5px 0 15px 0;
	padding: 5px 10px;
	background: #FFF9F0 url('images/box.png') repeat-x;
	border: 1px solid #FDF6D4;
}

.novinka p {
	margin: 0;
padding: 0;
line-height: 1.5em;
}

.novinka img {
	border: 1px solid #FFF9F0;
margin-right: 0px;
margin-top: 2px;
}
table {
	width: 520px;
	margin: 0 0 5px 8px;
	border: 0;
padding: 0;
	line-height: 1.6em;
margin-bottom: 10px;
}

td {
	background: #FFF;
	margin: 0 0 3px 0;
	padding: 2px 5px;
}

tr {
margin: 0;
}

th {
	background: #F9ECC2 url('images/th.png');
	margin: 0 10px 3px 10px;
	padding: 1px 5px;
	font-weight: bold;
	color: #fff;
text-align: left;
}

.nasledujici-epizoda {
	background: #FDBF0E url('images/nasledujici-epizoda.png') no-repeat;
	margin: 0px 10px 15px 10px;
text-align: left;
font-size: 0px;
color: #FFFFFF;
padding: 5px 0 1px 0;
}

.nasledujici-epizoda a {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.nasledujici-epizoda h1 {
	background: none;
	margin: 5px 5px 8px 5px;
	padding: 2px 5px;
	color: #FFFFFF;
	font-size: 18px;
letter-spacing: -1px;
text-indent: 0;
}

.nasledujici-epizoda img {
margin: 0 0 5px 10px;
padding: 0 0 0px 0;
}

.na {
padidng: 0 0 -8px 0;
border: 1px solid white;
}

.nasledujici-epizoda p {
	margin: 10px;
line-height: 1.4em;
padding: 0;
font-size: 11px;
margin-bottom: 5px;
margin-top: 0px;
letter-spacing: 0px;
}

.nasledujici-epizoda h2 {
background: #FA9D05;
	margin: 5px;
font-size: 11px;
padding: 2px 5px;
font-weight: normal;
text-align: center;
}

img.logotv {
	float: none;
	margin: 0 2px -2px 1px;
padding: 0;
	border: 0;
}
ul {
	list-style: none;
	line-height: 1.6em;
	margin: 10px;
	padding: 0;
margin-right: 15px;
}
li {
background: #FCF4DB url('images/td.png') repeat-y;
padding: 0px 5px;
margin-bottom: 3px;
}
img.prem {
	float: none;
	margin-bottom: -4px;
	border: 0;
}
img.logotv {
	float: none;
	margin: 0 5px -2px 3px;
	border: 0;
}
table img {
	margin: 0 0 -2px 4px;
}

.navi a {
	background: #none;
padding: 3px 2px;
margin: 0;
color: #000;
}

a {
	font-weight: bold;
	color: #000;
text-decoration: undelrine;
}
a:hover {
text-decoration: underline;
}
a img {
text-decoration: none;	
border:0px;
padding: 0;
margin: 0;
}
img.img-novinka {
	margin: 0 0 -2px 5px;
}
h1 a {
	color: #000;
	text-decoration: none;
}
form {
	margin: 0;
padding: 0;
}

textarea
{
font-family: Arial;
background: #FFFFFF;
width: 350px;
height: 90px;
color: #000;
border: 1px solid #FAECB0;
padding: 3px 5px;
text-align: left;
font-weight: normal;
letter-spacing: 0px;
font-size: 12px;
margin: -5px 0 0 0;
}

.krustyshow img
{
margin-top: 10px;
}
.ikony img
{
width: 88px;
height: 31px;
margin-right: 10px;
margin-bottom: 6px;
}
img.avatar {float:left; margin-right:10px; border: 1px solid #F9E8B5;}


#top {
	width: 100%;
background: #444444;
text-align: center;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
}
#top a {
letter-spacing: -1px;
font-size: 15px;
padding: 3px 5px;
color: #FFF;
margin-right: 20px;
font-weight: bold;
text-decoration: none;
}
#sh {
width: 100%; height: 10px;
	background: transparent url("images/shadow.png") 0 0 repeat-x; z-index: 101; position: absolute;
}

.item {
	margin-right: 9px; padding: 10px;
	background: transparent url("http://img.ceskatelevize.cz/header/gfx/divider.png") 100% 50% no-repeat;
	font-size: 1.2em;
}

.ngg-galleryoverview {
	margin-bottom: 20px;
}
.post-ratings-image img {margin-top: 4px; margin-bottom: 8px;}

.upozorneni{
	margin: 10px 0 15px 0;
	padding: 4px 10px 4px 100px;
	background: #F9E9B6 url('images/upozorneni.png') no-repeat;
color: #FFF;
}

.upozorneni a{
color: #FFF;
}

#horizontalni-menu ul{
text-align: center;
}
#horizontalni-menu ul li{
display: inline;
background: url('images/horizontalni-menu.png');
padding: 2px 4px;
}
#horizontalni-menu ul li a{
color: white;
}

#menu-top {
width: 960px;
height: 35px;
background: url('images/menu-top.png');
margin: 0;
}
#menu-top ul{
text-align: left;
}
#menu-top ul li{
display: inline;
background: url('images/horizontalni-menu.png');
padding: 2px 4px;
}
#menu-top ul li a{
color: white;
}

.ngg-clear{
margin-bottom: 15px;
}
img.wp-smiley {
border: 0;
margin-bottom: -3px;
}
th a {
color: white;
}
.ulwebnews {
text-align: left;
font-size: 11px;
}

.upravit a {
color: #FFFFFF;
font-weight: normal;
}

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:0px solid #F5E2A7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px!important; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0!important; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; text-decoration:underline; }
ol.commentlist li div.vcard img.avatar { border:5px solid #F5E2A7; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0!important; text-indent:0; }
ol.commentlist li div.reply { background: #F5E2A7; border:0px solid #F5E2A7; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px!important;  text-align:center; width:66px; }
ol.commentlist li div.reply:hover { background:#FDF8E6; border:0px solid #F5E2A7; }
ol.commentlist li div.reply a { color:#485056; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#FDF8E6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0!important; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

input.newsletter
{
background: #FFFFFF;
color: #000000;
font-family: Arial;
border: 1px solid #FAECB0;
width: 180px;
font-weight:normal;
font-size: 12px;
margin: 0px 5px 0 0;
padding: 2px 5px 2px 6px;
letter-spacing: 0px;
text-align: left;
}
input
{
font-family: Arial;
font-size: 11px;
border: 0;
background: #FAECB0 url('images/input.png');
padding: 3px 5px 2px 5px;
margin: 0;
font-weight: bold;
}

input.kolonka
{
font-family: Arial;
background: #FFFFFF;
border: 0;
color: #000;
padding: 0;
margin: 0;
text-align: left;
font-weight: normal;
letter-spacing: 0px;
width: 240px;
}

input.hledat
{
font-family: Arial;
text-align: center;
font-size: 12px;
background: #FEF4D9;
border: 0;
color: #000;
padding: 2px 3px;
margin: 3px 5px;
font-weight: normal;
letter-spacing: 0px;
}
input.hledat-tlacitko
{
font-family: Arial;
font-size: 11px;
border: 0;
background: #FF5C0B url('images/input-hledat.png');
padding: 0;
margin: 5px 0 0 0;
font-weight: bold;
color: #FFFFFF;
}

input.komentar
{
font-family: Arial;
font-size: 12px;
border: 1px solid #FAECB0;
background: #FFFFFF;
padding: 2px 4px;
margin: 0 0 3px 0;
font-weight: normal;
color: #000000;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin: 0;
font: bold 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
background: none;
margin: 0;
padding: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin: 0 -4px 0 0;
border-bottom: none;
color: #000;
background: #FEF8DC url('images/shade.png') repeat-x;
}

.shadetabs li a:visited{
color: #000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;

}

.shadetabs li a.selected{ /*selected main tab style */
background: #FEF8DC url('images/shadea.png') top center repeat-x;
border-bottom-color: white;
padding-bottom: 18px;
border: 0;
color: #FFF;
margin-bottom: 5px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.h1epizoda h1 {
	margin: 0;
	padding: 3px 10px 5px 10px;
	text-indent: 0px;
	background: rgba(0, 0, 0, 0.6);
	font: bold 19px Arial;
	letter-spacing: -1px;
	text-align: left;
	color: #fff;
}

.epi p
{
	margin: 15px 5px 7px 5px;
	padding: 0;
}

.tabcontent .box {
	margin: 10px 5px 7px 5px;
	padding: 0;
	background: none;
	border: 0;
}

.pruh {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
height: 30px;
background: #000000;
}

h4 {
color: #FFFFFF;
margin: -27px 0 0 10px;
padding: 0;
z-index: 100px;
position: relative;
font-size: 19px;
font-weight: bold;
letter-spacing: -1px;
}


div#menu-prave table {
width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-size: 11px;
	background: none;
}

div#menu-prave td {
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
}

div#menu-prave th {
width: 15px;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
}

.anketa-th {
	background: none;
}


div#komentar table {
width: 245px;
	background: none;
	margin: 0 0 10px 10px;
	padding: 0;
}

div#komentar tr {
	background: none;
	margin: 0;
	padding: 0;
}

div#komentar td {
text-align: right;
	background: none;
	margin: 0;
	padding: 0;
}

.sm {list-style:none; width:520px; height:100px; display:block; overflow:hidden; margin: 0 0 15px 10px;}
.sm li {float:left; display:inline; overflow:hidden;margin:0; padding:0}

.shopper h1 {
	margin: 0 0 10px 9px;
	padding: 5px 0 0 0;
	background: none;
	font: bold 36px Georgia;
	letter-spacing: -1px;
	text-indent: 0;
	color: #000
}

.shopper img {
	border: 1px solid #9C905C;
}

div#zapati td {
	background: transparent;
}

div#zapati ul li {
	background: none;
color: #fff;
text-align: left;
}

div#zapati a {
color: #fff;
opacity: 1;
}

div#zapati p {
margin: 15px 0 0 15px;
padding: 0 0 0 200px;
text-align: left;
line-height: 1.2em;
}
.zp {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
height: 30px;
background: #FFFFFF;
}