/* Springfield Zone CSS for Version 4 */
/* Author: Matio */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	text-align: center;
}

body {
	background-color: #509ca5;
	color: #04616b;
	font: 14px/20px Tahoma, Verdana, Helvetica, sans-serif;
	background: #fff url(dizajn/bg.png) repeat-y top center;
}

img {
	border: 0;
}

pre {
	padding-left: 20px;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 	white-space: -pre-wrap; /* Opera 4-6 */
 	white-space: -o-pre-wrap; /* Opera 7 */
 	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

blockquote {
	background: #24bffc;
  	border: 1px solid #ffffff;
  	margin: 10px 10px 5px 15px;
  	color: #fff;
  	padding: 0; clear: both; background: #24bffc url("dizajn/blockquote.gif") no-repeat 0% 0%; padding: 15px 15px 15px 105px; 		margin-bottom: 1em;
  	background-position: 20px 15px;
}




blockquote a {text-decoration: underline;}
blockquote a:link, blockquote a:visited {color: #405a64;}

code {
	color: #3366cc;
  	font-style: italic;
}

#content img  {
	margin-right: 35px;
}

p {
	margin: 1.33em 0;
}

#all {
	width: 970px;
	min-height: 100%;
	margin: 0 auto;
	background: #fff url(dizajn/main-bg.jpg) repeat-y;
	text-align: left;
}

#header {
	width: 970px;
	height: 245px;
}

#logo{
	width: 970px;
	height: 190px;
	background: #d0f2fe url(dizajn/header.jpg) no-repeat;
}

#click-logo {
	visibility: hidden;
	display: block;
	width: 100%;
	height: 190px;
}

#header-left {
	width: 306px;
	height: 55px;
	background: #d0f2fe url(dizajn/header-1.jpg) no-repeat;
	float: left;
}

#header-right {
	width: 664px;
	height: 55px;
	float: right;
}

#menu {
	height: 36px;
	width: 664px;
	position: relative;
}

#under-menu {
	height: 19px;
	background: #d0f2fe url(dizajn/header-2.png) no-repeat;
}

#main {
	clear: both;
}

#content-wrap {
	width: 651px;
	float: left;
}

#content {
	padding: 45px;
	padding-top: 15px;
}

#sidebar {
	width: 319px;
	background: url(dizajn/sidebar.png) no-repeat;
	float: right;
	background-position: 0 20px;
}

#footer {
	clear: both;
	width: 970px;
	height: 190px;
	background: #d0f2fe url(dizajn/footer.jpg) no-repeat;
	position: relative;
}

#credits {
	position: absolute;
	width: 350px;
	top: 90px;
	left: 599px;
}

#credits p {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	margin-top: 0;
}

#credits p.foot {
	color: #04616b;
}

#friends {
	position: absolute;
	width: 240px;
	top: 90px;
	left: 350px;
}

#friends img{
	border: 1px solid #fff;
}

#friends a:hover {
	border:none;
}

/* Navigation; for IE 6 using jQuery - Superfish */

ul#navigation {height:36px; margin:0; padding:0; top:0px; left:0px; position:absolute;}
ul#navigation li {float:left; list-style-type:none; background-image:url(dizajn/navigation.png);}
ul#navigation li a {display:block; text-decoration:none;}
ul#navigation li a:link {text-decoration:none;}
ul#navigation li a:visited {text-decoration:none;}
ul#navigation li a:hover {text-decoration:none;border:none;}
ul#navigation li a:active {text-decoration:none;}

ul#navigation .nav-sections {top:36px; position:absolute; background:url(dizajn/bg-subnav.png) repeat-x bottom left; padding:4px 0 12px 10px;}

ul#navigation .nav-sections ul.sub-nav {float:left;}
ul#navigation .nav-sections ul.sub-nav {margin:0 10px 0 0; padding:0; width:110px;}
ul#navigation .nav-sections ul.sub-nav li {float:none; background-image:none;}
ul#navigation .nav-sections ul.sub-nav li a, ul#navigation .nav-sections ul.sub-nav li a:link, ul#navigation .nav-sections ul.sub-nav li a:visited {font-size:11px; font-weight:normal; line-height:1.3em; color:#04616b; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;}
ul#navigation .nav-sections ul.sub-nav li a:hover {color:#fff; text-decoration: none; background-color:#04616b;}
ul#navigation .nav-sections ul.sub-nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}

ul#navigation li .nav-sections {display:none;}
ul#navigation li:hover .nav-sections {display:block;}
ul#navigation li.over .nav-sections {display:block; width:200px; height:1%;}
ul#navigation a.nav-item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

li.info {background-position:0px 0;}
li.info:hover, li.info_over {background-position:0px -36px;}
li.info a.nav-item, li.info_over a.nav-item {width:118px; height:36px;}
li.info div.nav-sections {left:0; min-width:118px}

li.media {background-position:-118px 0;}
li.media:hover, li.media_over {background-position:-118px -36px;}
li.media a.nav-item, li.media_over a.nav-item {width:104px; height:36px;}
li.media div.nav-sections {left:108px; min-width:104px}

li.interakt {background-position:-222px 0;}
li.interakt:hover, li.interakt_over {background-position:-222px -36px;}
li.interakt a.nav-item, li.interakt_over a.nav-item {width:90px; height:36px;}
li.interakt div.nav-sections {left:212px; min-width:90px}

li.extra {background-position:-312px 0;}
li.extra:hover, li.extra_over {background-position:-312px -36px;;}
li.extra a.nav-item, li.extra_over a.nav-item {width:64px; height:36px;}
li.extra div.nav-sections {right:281px; min-width:180px}

li.web {background-position:-376px 0;}
li.web:hover, li.web_over {background-position:-376px -36px;;}
li.web a.nav-item, li.web_over a.nav-item {width:56px; height:36px;}
li.web div.nav-sections {right:203px; min-width:152px}

li.epizody {background-position:-432px 0;}
li.epizody:hover, li.epizody_over {background-position:-432px -36px;;}
li.epizody a.nav-item, li.epizody_over a.nav-item {width:80px; height:36px;}

li.forum {background-position:-512px 0;}
li.forum:hover, li.forum_over {background-position:-512px -36px;;}
li.forum a.nav-item, li.forum_over a.nav-item {width:63px; height:36px;}

li.tv {background-position:-575px 0;}
li.tv:hover, li.tv_over {background-position:-575px -36px;;}
li.tv a.nav-item, li.tv_over a.nav-item {width:89px; height:36px;}


/* Links */
a {text-decoration: underline;}
a:link, a:visited {color: #24bffc;}
a:hover {color: #405a64; }


.box-middle a:link, .box-middle a:visited {color: #0c4b52; text-decoration: none; font-style: italic;}

/* Sidebar boxes */

#sidebar div.sidebar-boxes {
	margin: 45px 0 0 17px;
	width: 277px;
}

#sidebar div.box-middle {
	background: url(dizajn/sidebar-box-middle.png) repeat-y;
	padding: 9px;
	padding-top: 2px;
	font-size: 11px;
	line-height: 11px;
}

#sidebar div.box-bottom {
	background: url(dizajn/sidebar-box-bottom.png) no-repeat;
	height: 2px;
	margin-bottom: 10px;
}

.bottom-bg {background: url(dizajn/sidebar-bottom.jpg) no-repeat;
height: 108px; width: 319px; left: -17px;
}

#sidebar div.twitter {
	background: url(dizajn/twitter.png) no-repeat;
	width: 277px;
	height: 56px;
}

#sidebar div.nas-epi {
	background: url(dizajn/nas-epi.png) no-repeat;
	width: 277px;
	height: 56px;
}

#sidebar div.epizody {
	background: url(dizajn/epizody.png) no-repeat;
	width: 277px;
	height: 56px;
}

#sidebar div.serie {
	background: url(dizajn/serie.png) no-repeat;
	width: 277px;
	height: 56px;
}

#sidebar div.anketa {
	background: url(dizajn/anketa.png) no-repeat;
	width: 277px;
	height: 56px;
}

.invisible {
	visibility: hidden;
}

#sidebar div.vyroky {
	background: url(dizajn/vyroky.png) no-repeat;
	width: 277px;
	height: 56px;
}

/* Lists */
ul, ol {padding-left: 35px;}

/* Headings */
h2, h3, h4, h5 {
	margin: 1em 0; 
}
h2 {
	font-size: 200%;
}
h2.news {background: url(dizajn/springfield-shopper.png) no-repeat; padding-left: 110px; line-height: 80px;}

h3 {
	font-size: 150%;
}

/* Forms */ 
.contactform { position: relative; }
.contactform { margin: 0; padding: 1em 1.5em 0.5em 1.5em; background: #8CDEFD;  border-bottom: 1px solid #B4DCF3; position: relative; }
.form-pic { width: 85px; height: 100px; background: url(dizajn/form.png) no-repeat 0 0; position: absolute; top: -40px; right: 20px; }
.contactform.inp-text, .contactform textarea { border: 1px solid #B6D8EB; }
.contactform textarea { width: 99%; }
.inp-text { padding: 2px 0; }


form .inp-text:focus { border-color: #003453 !important; }

fieldset {border: 0; margin: 0 0 0.5em 0; padding: 0; }
legend {font-weight: bold; font-size: 100%; border: 0; margin: 0 0 0.9em 0; padding: 0; position: relative; display: block; }
.fieldset-box p {margin-bottom: 0.3em; }

.contactform  label { display: block; font-weight: bold;  width: 450px;}
.contactform .submit input{ background: #fff; border-width: 1px; font-weight: bold; color: #333333; text-transform: lowercase; padding: 7px 15px; border-color: #fff;}

.left-col-form {float: left; width: 48%; }
.right-col-form {float: right; width: 48%; }


/* Alignings */

.center { text-align: center; }
.dolava { text-align: left !important; }
.doprava { text-align: right; }

.stred { display: block; margin: 0 auto; text-align: center;  }

/* Defaults */
img.left {float: left; margin: 0 5px 5px 0; }
img.right {float: right; margin: 0 0 10px 10px; }
img.center { display: block; margin: 0 auto; }
img.plain { margin: 0; padding: 0; border: 0; display: inline; vertical-align: middle; background: none;}
/*
table {background: white; border: 1px solid #B6D8EB; border-width: 2px 0; border-collapse: collapse; margin: 0; font-size: 100%; width: 100%; }
table th, table td {border: 1px solid #B6D8EB;  border-style: solid ; border-left-color: #E2F0F7; border-right-color: #E2F0F7; padding: 0; }
table th { background: #E8F6FD; }
table td { background: none; border-color: #E2F0F7; padding: 2px;}
table h3 { margin: 10px 10px; font-size: 210%;}
*/

#galeria table { border-collapse: collapse; margin: 0; font-size: 100%; width: 100%; }
#galeria table th, #galeria table td { padding: 0; }
#galeria table td { padding: 2px;}

.parny{background: #e6f3ff;}
.neparny{}



.l { display: inline; float: left; }
.r { display: inline; float: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }

.hidden { display: none; }

code {font-size: 92%; font-family: "Lucida Console", monospaced; }
dt { font-weight: bold; }
abbr, acronym { cursor: help; border-bottom: 1px dotted black; }

#content img.news-r {float: right; margin: 0 0 10px 10px; padding-right: 0;border: 1px solid #24bffc;}
.ramik {border: 1px solid #24bffc;}
#content img.obrazok {border: 1px solid #24bffc; margin-right: 15px;}
.obr-ramik {border: 1px solid #24bffc;}

.oddelovac {background: url(dizajn/oddelovac.png) no-repeat 0 0; padding-left: 70px; clear: both; color: #24bffc;}

.news-footer{clear: both; margin: -15px 0 0 70px; font-size: 80%;}

hr{background: url(dizajn/split-line.png) no-repeat 0 0; clear: both; color: #2fc2fc; border: none; margin: 25px 0 25px 0;}


#content ul li {list-style-type: circle; }
.level{font-size: 14px; list-style-image: none; margin: 5px 0 5px 0;}
.level-one{margin-left: 20px;}


#content .wall {
    border: 1px solid #04616b;
    width:150px;
    height:113px;
    margin: 3px 2px 3px 2px;    
}
#content .fanart {
    border: 1px solid #04616b;
    width:115px;
    height:115px;
    margin: 3px 1px 3px 1px;    
}

#gauc-list h3 {
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
	background: #fff url(dizajn/detail-epi.png) repeat-y;
  border-right: 2px solid #24bffc;
	border-bottom: 1px solid #24bffc;
	margin: 0 0 2px 0;
}

#gauc-list p {
	margin: 5px 0 15px 0;
	font-size: 11px;
	line-height: 110%;
}

#gauc-list hr {
	height: 1px;
	background: none;
	clear: both;
}

.heading {
  background: #fff url(dizajn/detail-epi.png) repeat-y;
	font-size: 12px;
	padding: 7px;
	border-left: 6px solid #24bffc;
	border-bottom: 2px solid #24bffc;
  margin: 0;
}
.heading-s {
	background: #fff url(dizajn/detail-epi.png) repeat-y;
	font-size: 12px;
	padding: 7px;
	border: 1px solid #24bffc;
	border-top: 3px solid #24bffc;
	border-right: 3px solid #24bffc;
  margin: 6px 0 15px 0;
}
.heading-s a {
 text-decoration: underline;
}

#epizoda-nazov
{
     width: 100%;
     text-align: right;
	   /*background: #e0f9ff;
	   border: 1px solid #04616b;
	   /*border-bottom: none;*/
	   padding: 5px 5px 5px 5px;
}	

#epizoda-detail
{
     width: 100%;
     text-align: left;
	   background: #85ddff;
	   background: #fff url(dizajn/detail-epi.png) repeat-y;
	   padding: 10px;
     border: 1px solid #24bffc;
}	
.card-l, .card-r {
	float: left;
	border: 1px solid #04616b;
	width: 180px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: center;
	}
.card-r {
	float: right;
	margin: 0 0 0 5px;
	}


.card-desc {
  font-weight: bold;
  background: #e6f3ff;
	margin: 0; padding:0;
	text-align: center;
	font-size: 70%;
	}

#comments input { padding: 3px; color: #666; font-size: 12px; border: 1px solid #24bffc; background: #e6f3ff;}
#comments input:focus { border: 1px solid #fff;}
#comments textarea { width: 380px; height: 120px; font-size: 12px; background: #e6f3ff; border: 1px solid #24bffc;}
#comments textarea:focus { border: 1px solid #fff;}

#comments ul { padding: 0;}
#content #comments ul li{ list-style-type: none;}

#komenty {
	padding-left: 0;
}

#content ul li.komentar {
	background-color: #fff;
	font-size: 12px;
  margin: 3px 0 15px 0;
  padding: 7px;
list-style-type: none;
}

li.komentar span {
  margin: 5px;
}
.kom-header {
 padding: 7px;
 background-color: #e6f3ff;
}

.gravatar{
float: right;
}

/*-----TWITTER--------*/

#tweetbox {
	padding: 5px 0px;
}
#twit_icon {
	float: left;
	padding: 0px 5px;
}

#tweets {
}
.onetweet {
	color:#3C2415; 
	position:relative;
	background-color: #4BDCEF;
	margin:5px;
}

.onetweet p {
	position:relative;
	z-index:100;
	font-size: 12px;
	line-height: 12px;
	margin: 5px;
	padding: 3px 0px;
}
.onetweet p a {
	text-decoration:none;
  outline: none;
	color: white;
}

.onetweet p a:hover {
	text-decoration:none;
  outline: none;
	color: #405a64;
}

.tweet_date {
	font-size: 10px;
	font-style: italic;
}


.NewsSummary object {
margin: 10px 0 15px 0;
}

body.mceContentBody {
   text-align: left !important;
}