/* -----------------------------------------------------------------------

 Hlavni stylopis pro Anifilm.cz
 Autor: Martin Michalek, studio Shortcat, michalek@shortcat.cz

----------------------------------------------------------------------- */

/* Blueprint CSS framework */
@import 'blueprint.css';

/* Stylopis pro novinky - sablona Tumbleru */
@import 'news.css';

body {
  font-size: 12px;
  line-height: 18px;
  color: #1dcbc5;
  background-color: #1dcbc5;
  background-image: url("../img/bgg.jpg");
  background-attachment:fixed;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
       .post .caption {position:absolute;color: #1DCBC5;font-size:25px;left:0;top:0;font-weight:bold;line-height:30px;}
       .html_photoset {padding-top:80px;}
a {
  color: #1dcbc5;
  text-decoration: none;
}

a:hover,
a:active {
  color: #fff;
}


#daysprogram{width:600px;margin-left:220px;float: left;display: inline;}
#daysprogram a{float:left; width:40px;height:25px;text-align: center;padding:10px 4px 4px 4px;font-weight: bold;}
#daysprogcon h4{margin:0; padding:0px;font-weight: bold;font-size: 14px;}
#daysprogram a:link {color:#000;text-decoration: underline;}
#daysprogram a:active {color:#000;text-decoration: underline;}
#daysprogram a:visited {color:#000;text-decoration: underline;}
#daysprogram a:hover {color:#000;text-decoration: none;}
#daysprogram a#selday{background-color: #233f4d; width:100px;}
#daysprogram a#selday:link{color:#fff;}
#daysprogram a#selday:active{color:#fff;}
#daysprogram a#selday:visited{color:#fff;}
#daysprogram a#selday:hover{color:#fff;}

#daysprogcon{background-color: #233f4d;float:left;width:798px;margin: 0;font-size: 12px;padding-bottom: 15px;}
#daysprogcon p{margin: 0; padding:3px 0 3px 0;}
#daysprogcon a{font-size: bold;}
#daysprogcon a:link {color:#14646b;text-decoration: underline;}
#daysprogcon a:active {color:#14646b;text-decoration: underline;}
#daysprogcon a:visited {color:#14646b;text-decoration: underline;}
#daysprogcon a:hover {color:#14646b;text-decoration: none;}
.boxkino{float:left; width:230px; display:inline;background: #fff ;margin: 10px 0 0 10px; padding:10px;}
.boxkinoh{float:left; width:230px; display:inline;background: #bdd7f4;margin: 10px 0 0 10px; padding:10px;}


/* -----------------------------------------------------------------------
   Helpery
*/

.clear-zero {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

.center {
  text-align: center;
} 



/* -----------------------------------------------------------------------
   Layout
*/


#container {
  margin-left: 55px;
  margin-bottom: 40px;
}


/* Hlavicka s navigaci a flashem */

#head {
  height: 240px;
  position: relative;
}

#logo {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  width: 315px; 
  height: 175px;
}

#navigation,
#navigation-second {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 315px;
  width: 130px; 
  margin: 22px 0;  
}

#navigation-second {
  left: 405px;
}

#navigation a,
#navigation-second a {
  display: block;
  padding: 0 0 1px 11px;
}

#navigation strong a,
#navigation-second strong a {
  color: #fff;
  font-weight:bold;
  text-transform:uppercase;
}

#flash {
  z-index: 40;
  width: 528px;
  height: 240px;
  left: 405px;
  position: absolute;
}

/* Obsahova cast */

#content {
  background-color: transparent
  background-position: 100% 0%
  color: #383731;
  padding: 10px 0 34px 17px;
}

#content a {
  color: #fff;
  font-weight: bold;
}

#content a:hover,
#content a:active {
  text-decoration: underline;
}

#content h1 {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 16px;
  color: #fff;
}

#content h1 a {
  text-decoration: underline;
}

#content h2 {
  font-size: 18px;
  line-height: 22px;
}

#content ul,
#content ol {
  margin-left: 0;
  padding-left: 0;
}

#content ul {
  list-style-type: square;
}

#content li {
  margin-left: 15px;
  padding-left: 3px;
}


/* Obecny dvousloupcovy layout */

#content #main {
  width: 565px;
  margin-right: 11px;
  float: left;
}

#content #side {
  width: 350px;
  float: left;
}

#content #side.top_margin {
  margin-top: 46px;
}


/* === Programova tabulka === */

#program_table table {
  border: 0;
  border-collapse: collapse;
  width: 926px;
  margin: 0;
}

#program_table td,
#program_table th {
  width: 44px;
  padding: 0;
  background-color: #1dcbc5;
  font-weight: normal;
  border-bottom: 1px solid #5a9e9d;
}

#program_table tr:hover td,
#program_table tr:hover th {
  background-color: #fff;
}

#program_table th.venue {
  width: 206px; /* Celkem 216px */
  padding: 2px 3px 3px 7px;
}

#program_table th.venue .venue_link {
  color: #383731;
  font-weight: normal;
}

#program_table th.venue .venue_link:hover {
  text-decoration: underline;
}

#program_table tr.time_axis th {
  width: 33px; /* Celkem 44px */
  padding: 1px 3px 11px 7px;
  border-left: 1px solid #fff;
  line-height: 12px;
  color: #fff;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 0;
}

#program_table tr.time_axis:hover th {
  background-color: transparent;
}

#program_table tr.time_axis th.venue {
  border: 0;
  width: 206px; /* Celkem 216px */
  padding: 2px 3px 3px 7px;
}

/* Blok v programu */
#program_table td .block {
  background-color: #383731;
  color: #f0c337;
  line-height: 23px;
  display: block;
  height: 23px;
  overflow: hidden;
  padding-left: 7px;
  margin-right: 1px;
  font-weight: normal;
}

#program_table td .block:hover {
  color: #fff;
  text-decoration: none;
}

#program_table td span.block {
  cursor: help;
}

#content #program_table .remainder {
  padding: 0;
}

/* Programova tabulka po dnech */

#program_table.by_days td,
#program_table.by_days th {
  width: 140px;
}


/* === Programovy blok a seznam akci v nem === */

.program_block {
  border-top: 3px solid #383731;
  margin-top: 26px;
}

#content .program_block h2 {
  font-size: 25px;
  line-height: 30px;
  color: #383731;
  margin-bottom: 10px;
}

.program_block h2 strong {
  color: #fff;
  font-weight: normal;
}

.program_block h2 a {
  text-decoration: underline;
  color: #fff;
}

.program_block .perex {
  width: 190px;
  float: left;
}

.events {
  margin-left: 203px;
}

.event {
  width: 350px;
  float: left;
  margin: 40px 0 0 10px;
  border-top: 3px solid #383731;  
}

.event .time {
  width: 69px; /* Celkem 79 */
  padding: 2px 9px 3px 1px;
  margin-top: 11px;
  background-color: #383731;
  color: #fff;
  text-align: right;
  float: left;
}

.event h3 {
  float: right;
  width: 250px;
  margin: 8px 10px 4px 0;
  font-size: 25px;
  line-height: 30px;
  color: #383731;  
}

.event .subtitle {
  float: right;
  width: 250px;
  margin: 0 10px 8px 0;
  color: #383731;  
  font-weight: bold;
}

.event .date_venue {
  width: 79px;
  text-align: right;
  float: left;  
}

#content .event .date_venue .venue_link {
  color: #383731;
  font-weight: normal;
}

#content .event .date_venue .venue_link:hover {
  text-decoration: underline;
}

.event .date_venue small {
  font-size: 11px;
  line-height: 16px;
  display: block;
}

.event .image,
.event .images {
  width: 260px;
  height: 178px;
  float: right;  
  margin-bottom: 4px;
}

.event .images_controls {
  z-index: 50;
  position: relative;
  top: -23px;
  margin-bottom: -19px;
  width: 260px;
  float: right;
  text-align: right;
}

#content .event .images_controls a {
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height: 18px;
  background-color: #383731;
  color: #1dcbc5;
  display: inline-block;
  text-align: center;
}

#content .event .images_controls a:hover {
  color: #fff;
  text-decoration: none;
}

#content .event .images_controls a.activeSlide {
  background-color: #f0c337;
  color: #383731;
}

.event .info {
  width: 260px;
  float: right;
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 8px;
}

.event .trailer {
  color: #fff;
}

.event .info strong:after,
.event .info b:after {
  content: " ► ";
}

.event .text {
  width: 260px;
  float: right;  
}

/* Akce bez obrazku a technickych informaci (treba v doprovodnem programu) */

.event.without_image_and_info .text,
.event.without_image_and_info .date_venue  {
  margin-top: 8px; 
}

.event.without_time h3 {
  margin-bottom: 12px; 
}


/* -----------------------------------------------------------------------
   Stranka Partneri
*/

.partners#content h2 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}

.partners .partners_block {
  clear: both;
}

/* Loga museji byt nalepene na sebe */
.partners .partners_block p {
  line-height: 0;
}

.partners .partners_block p img {
  margin-right: -3px;
}

.partners .white_board {
  background: #fff;
}

/* -----------------------------------------------------------------------
   Stranka Informace
*/

#map_legend {
  line-height: 29px;
  top: -24px;
  position: relative;
  margin-bottom: 0;
}

#map_legend img {
  vertical-align: middle;
}

#map_legend p.first,
#map_legend p.second,
#map_legend p.third {
  width: 175px;
  float: left;
  padding: 0;
}


/* -----------------------------------------------------------------------
   Stranka Kontakty
*/

.contacts#content .vcard {
  width: 131px;
  float: left;
}


/* -----------------------------------------------------------------------
   Uvodni stranka
*/

.home#content #news {
  width: 500px; /* Celkem 587px */ 
  float: left;
  border-top: 3px solid #000;
  padding: 14px 24px 28px 63px; 
}

.home#content #side {
  width: 263px;
  float: right;
  border-top: 3px solid #000;
  padding: 14px 0 28px 0; 
}

.home#content #side h2 {
  padding: 14px 0;
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}


/* Novinky */

.home#content .news_item {
  margin-bottom: 27px;
}

.home#content .news_item .date {
  width: 120px;
  float: left;
}

.home#content .news_item .text {
  width: 360px;
  float: right;
}

/* Soutez */

.home#content #competition {
  margin-bottom: 27px;
}


/* -----------------------------------------------------------------------
   Novinky - Tumblr + Facebook
*/

.news#content #blog {
  width: 565px;
  margin-right: 11px;
  float: left;
}

.news#content #blog_side {
  width: 350px;
  margin-top: 220px;
  float: left;
}

/* Nadpis "Clanky s tagem ..." */

#blog h2.tag_head {
  margin-bottom: 20px;
}

/* Datum zaznamu */

#blog .date
{
  border-top: 3px solid #383731;
  font-size: 25px;
  line-height: 30px;
}


/* Jedntotlive clanky (posty) */

#blog .post
{
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 54px;  
}

#blog .post a
{
  font-weight: bold;
}


/* Nadpisy v postu */

#blog .post h2
{
  font-size: 25px;
  line-height: 30px;
}

#blog .post h3
{
  color: #383731;
  margin-bottom: 9px;
  margin-top: 36px;
  font-size: 18px;
  line-height: 22px;
}

/* Tabulky v postu */

#blog .post table {
  width: 490px;
}

#blog .post table,
#blog .post th,
#blog .post td {
  border-color: #383731;
}

#blog .post tr:nth-child(2n+1) td {
  background-color: transparent;
}

#blog .comments
{
  margin-top: 27px;
}

#blog .tags,
#blog .comments
{
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  font-size: 11px; 
}

#blog .tags a,
#blog .comments a
{
  padding: 4px 2px; 
  font-weight: normal;   
}

#blog .comments
{
  margin-left: -2px;
}

/* Trvaly odkaz */
#blog .post a.permalink
{
  margin-left: -2px;
}

/* Bezny post s textem */

/* Kratsi odstavce kvuli moznemu posunuti obrazku napravo */
#blog .post .regular p
{
  width: 490px;
}

/* Posunuti obrazku napravo */
#blog .post .regular p img[align=right]
{
  float: right;
  position: absolute;
  right: -110px;
}

/* Popisek k postu s fotkou nebo videem */

#blog .caption
{
  margin-top: 6px;
}

/* Post s fotkou */

#blog .post .photo a,
#blog a.image
{
  display: inline-block;
  margin-bottom: 9px;
  padding: 0;  
  border: 4px solid #fff;
  position: relative;
  top: -4px;
  left: -4px;
}

#blog .post .photo a:hover,
#blog a.image:hover
{
  border-color: #5FA316;
}

#blog .post .photo a img,
#blog a.image img
{
  display: inline-block;
  margin-bottom: -4px;  /* TODO: Hack. Pod obrazky z nejakych duvodu zustava 4px prostor. */
}

#blog .post .caption a
{
  display: inline;
  margin: 0;
  position: static;
  padding: 2px 1px;    
  border: 0;
}

/* Post s videem */

#blog .post .video
{
  margin-bottom: 9px;
}

/* Post s citaci */

#blog .post div.quote
{
  padding-left: 20px; 
  margin-top: 9px;
}

#blog .post div.quote span.quote 
{
  font-size: 18px;
  color: #999;
  line-height: 22px;  
}

#blog .post div.quote span.quote big.quote {
  font-size: 54px;
  font-weight: bold;
  line-height: 0;
  opacity: 0.5;
  vertical-align: -22px;
}

/* Horizontalni cara v postu */
#blog .post hr {
  height: 1px;
}

/* Malym pismem */
#blog .post small  {
  font-size: 11px;
}

/* Poznamka pod carou (podekovani, technicke poznamky atd.) */
#blog .post .underline_note  {
  color: #999;
}

#blog .post .underline_note a {
  color: #999;
  text-decoration: underline;
  font-weight: normal;
}

#blog .post .underline_note a:hover {
  background: #bbb;
  color: #fff;
  text-decoration: none;
}



/* Velke odkazy pouzivane v textu - boxiky */

#blog a.big_anchor
{
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  display: inline-block;
}

#blog a.big_anchor:hover
{
  border-top: 1px solid #afd18b;
  border-left: 1px solid #afd18b;
  border-right: 1px solid #2f510b;
  border-bottom: 1px solid #2f510b;
}


/* === Odkaz "Cist dal" === */

#blog .read_more
{
  margin-top: 25px;
}


/*  Strankovani */

#blog #paging { 
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 10px;
}


/* -----------------------------------------------------------------------
   Stranka tiskovy servis
*/

#content #press_releases a {
  color: #383731;
  text-decoration: underline;
}

#content #press_releases a:hover {
  text-decoration: none;
}


/* -----------------------------------------------------------------------
   Obecne prvky webu
*/

/* Tooltipy */

#easyTooltip { 
  z-index: 50;
  background-color: #383731;
  color: #fff;
  width: auto;
  max-width: 300px;
  padding: 3px 7px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


/* Blok s bilym pozadim a paddingem */

.white_block {
  padding: 24px 20px;
  background-color: #fff;
  color: #383731;
  margin-bottom: 11px;
}

#content .white_block a {
  color: #1dcbc5;
}

#content .white_block h2 {
  font-size: 25px;
  line-height: 30px;
  color: #383731;
}

.white_block h2.divider {
  border-top: 3px solid #383731;
}

/* Link pro navrat nahoru */

#back_link {
  position: fixed;
  top: 11px;
  right: 38px;
  display: inline-block;
  display: none;
}

#back_link a {
  line-height: 34px;
  color: #383731;
  font-weight: normal;
  display: inline-block;
  padding: 0 15px 0 39px;
  background: #fff url('/img/layout/back_link.gif') no-repeat top left;
}

#back_link a:hover {
  background-position: bottom left;
  text-decoration: none;
}
  
.show_back_link #back_link  {
  display: block;
  
}