@charset "utf-8";

/* 

========== Central stylesheet for Alois Nebel movie website (www.aloisnebel.cz) ========== 

Author:        Martin Michalek, Studio Shortcat, michalek@shortcat.cz

*/


/* Import Blueprintu a pravidel jej upravujich */
@import './blueprint/screen.css';
@import './blueprint-extra.css';

/* Importujeme stylopis pro komentarove reseni Disqus */
@import "./disqus.css";

/* === Pisma, barvy === */

body 
{
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
  color: #cccccc;
  background: #000 url('../img/body-bg.gif') repeat-x top center;
  font-size: 13px;
  line-height: 21px;
}

a
{
  color: #ffe400;
}

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

  /* Oznaceni externich odkazu */
  a.link-out span
  { 
    width: 9px; 
    height: 10px; 
    margin-left: 3px; 
    display: inline-block; 
    background: transparent url('../img/link-out.gif') no-repeat 0 -10px;
  }  

    a.link-out:hover span
    { 
      background-position: 0 -30px; 
    }  

    #navigation a.link-out span
    { 
      width: 7px;
      margin-left: 0;
      background: transparent url('../img/link-out-small.gif') no-repeat 0 -6px;   
    } 

    #navigation a.link-out:hover span
    { 
      background-position: 0 -26px;   
    } 
    
    #foot em a.link-out span
    { 
      background-image: url('../img/link-out-grey.gif');   
    }    
    
    
    /* Vyjimky, kde se nezobrazuji */
    
    #navigation a.link-out span,
    #switch a.link-out span
    {
      display: none;
    } 


/* ===== Layout ===== */

body {
  text-align: center;
}


#container {
  width: 990px;
  margin: 78px auto 20px auto;
  text-align: left;
}

#logo {
  text-align: center;
  margin-bottom: 40px;
}

#navigation 
{
  font-size: 11px;
  width: 780px;
  float: left;
  margin: 0;
}

  #navigation a
  {
    padding: 9px 20px;
    float: left;
    margin-right: 2px;
    background-color: #1a1a1a;
  }
  
  #navigation #language_switcher 
  {
    background-color: #0a0a0a;
  }    
  
  #navigation a.active,
  #navigation a:hover,
  #navigation #language_switcher:hover 
  {
    background-color: #333;
    color: #fff;
    font-weight: normal;
  }
    


/* Prepinac Film / Blog */
  
#switch 
{
  font-size: 11px;
  width: 210px;
  float: right;
  margin: 0; 
  margin-top: 1px; 
}

  #switch a,
  #switch strong
  {
    float: right;
    margin-left: 2px;
    background-color: #1a1a1a;
    text-indent: -5000px;
    background-repeat: no-repeat; 
    background-position: 10px 0px;    
  }
  
  #switch strong
  {
    background-color: #333333;
  }  
  
  #switch a:hover
  {
    background-color: #1a1a1a;    
    background-position: 10px -38px;    
  }  

  #switch #switch_filmweb
  {  
    width: 104px;
    height: 38px;  
  }
  
  #switch a#switch_filmweb
  {  
     background-image: url(../img/switch_filmweb.gif); 
  }  
  
  #switch strong#switch_filmweb
  {  
     background-image: url(../img/switch_filmweb_active.gif); 
     background-position: 10px -38px;       
  }   

  #switch #switch_blog
  {  
    width: 90px;
    height: 38px;  
  }  
  
  #switch a#switch_blog
  {  
     background-image: url(../img/switch_blog.gif); 
  }    
  
  #switch strong#switch_blog
  {  
     background-image: url(../img/switch_blog_active.gif); 
     background-position: 10px -38px;       
  }   
  
  #switch a#switch_blog.home_link
  {  
     background-image: url(../img/switch_blog_active_home.gif); 
     background-color: #333;    
  }   

  


/* Nadpis stranky zobrazujeme jen v tiskovem stylopisu */
h1
{
  display: none;
}

#content
{
  background-color: #333;
  padding: 27px 30px 28px 30px;
  margin: -1px 0 30px 0;
  height: 354px;      
}
  
  #content .text
  {
    width: 480px;
    height: 354px;  
    overflow: auto;
    color: #ffffff;        
  }      
  
  #container #content.loading
  {
    background-image: url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: 940px 20px;
  }  
  

#foot 
{
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

  #foot em,
  #foot em a
  {
    font-style: normal;
    color: #666666;
  }

  #foot em a:hover
  {
    font-style: normal;
    color: #fff;
  }





/* === Stranky === */

#page-home #content
{
  background: #333 url('../img/background_border.gif') no-repeat bottom right;
}

#page-trailer #content
{
  background: #141414;
}

#page-story #content
{
  background: #333 url('../img/background_trees_by_road.gif') no-repeat bottom right;
}

#page-producers #content
{
  background: #333 url('../img/background_producers.gif') no-repeat bottom right;
}

#page-comics #content
{
  background: #333 url('../img/background_forest.gif') no-repeat bottom right;
}


/* = Autori = */

#page-authors #content
{
  background: #141414 url('../img/author_jaromir_99.gif') no-repeat bottom right;
}


#page-authors #content.author-jaromir-99 { background-image: url('../img/author_jaromir_99.gif?2'); }
#page-authors #content.author-rudis { background-image: url('../img/author_rudis.gif?2'); }
#page-authors #content.author-lunak { background-image: url('../img/author_lunak.gif?2'); }

  /* Je potreba sirsi prostor pro text */
  #page-authors #content .text
  {
    width: 520px;
  }
  
  /* Je potreba sirsi prostor pro text */
  #page-authors #content p
  {
    margin-bottom: 1.2em;
  }  
  
  /* Posledni prvek nema spodni margin, zejmena kvuli Autorum a IE */
   #page-authors #content .last
  {
    margin-bottom: 0;        
  }
  
  #page-authors h2
  {
    display: block;
    width: 313px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 0;    
  }  
  
  #page-authors h2#author-jaromir-99-link { background-image: url('../img/author_name_jaromir_99.gif?2') }
  #page-authors h2#author-rudis-link { background-image: url('../img/author_name_rudis.gif?2') }
  #page-authors h2#author-lunak-link { background-image: url('../img/author_name_lunak.gif?2') }  
  
  #page-authors h2 span
  {
    display: none;
  }  
  

/* Verze s javascriptem */
#page-authors.with-javascript .text
{
  position: relative;
}

#page-authors.with-javascript .text h2
{
  cursor: pointer;
}

#page-authors.with-javascript .text p
{
  position: absolute;
  top: 173px;
  display: none;  
}

#page-authors.with-javascript .text p.active
{
   display: block;
}

#page-authors.with-javascript h2:hover,
#page-authors.with-javascript h2.active
{
  background-position: bottom left;
} 





/* = Stranka Postavy = */

#page-characters #content p
{
  margin-bottom: 1.2em;
}  
  
#page-characters h2
{
  display: block;
  width: 230px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 0;    
}  
  
#page-characters h2#character-nebel-link            { background-image: url('../img/character_name_nebel.gif'); height: 30px; }
#page-characters h2#character-kveta-link            { background-image: url('../img/character_name_kveta.gif') }
#page-characters h2#character-wachek-link           { background-image: url('../img/character_name_wachek.gif'); height: 33px; }
#page-characters h2#character-nemy-link             { background-image: url('../img/character_name_nemy.gif') }
#page-characters h2#character-old-wachek-link       { background-image: url('../img/character_name_old_wachek.gif') }
#page-characters h2#character-olda-link             { background-image: url('../img/character_name_olda.gif'); }
#page-characters h2#character-sokin-link            { background-image: url('../img/character_name_sokin.gif') }  

#page-characters.lang-en h2#character-nemy-link        { background-image: url('../img/character_name_the_mute.gif'); }
#page-characters.lang-en h2#character-old-wachek-link  { background-image: url('../img/character_name_old_wachek_en.gif');  }
#page-characters.lang-en h2#character-olda-link        { background-image: url('../img/character_name_olda_en.gif'); }
#page-characters.lang-en h2#character-sokin-link       { background-image: url('../img/character_name_shockin.gif'); }
  
#page-characters h2 span
{
  display: none;
}  
  

/* Verze s javascriptem */

#page-characters.with-javascript #content              
{ 
  background: #141414 url('../img/character_nebel.gif') no-repeat top center; 
}

#page-characters.with-javascript #content.character-nebel               { background-image: url('../img/character_nebel.gif'); }
#page-characters.with-javascript #content.character-kveta               { background-image: url('../img/character_kveta.gif'); }
#page-characters.with-javascript #content.character-wachek              { background-image: url('../img/character_wachek.gif'); }
#page-characters.with-javascript #content.character-nemy                { background-image: url('../img/character_nemy.gif'); }
#page-characters.with-javascript #content.character-old-wachek          { background-image: url('../img/character_old_wachek.gif'); }
#page-characters.with-javascript #content.character-olda                { background-image: url('../img/character_olda.gif'); }
#page-characters.with-javascript #content.character-sokin               { background-image: url('../img/character_sokin.gif'); }
  

#page-characters.with-javascript #content
{
  position: relative;
}

#page-characters.with-javascript .text h2
{
  cursor: pointer;
}

#page-characters.with-javascript .text p
{
  position: absolute;  
  top: 30px;
  left: 750px;
  width: 210px;
  display: none;
 
}

#page-characters.with-javascript .text p.active
{
   display: block;
}

#page-characters.with-javascript h2:hover,
#page-characters.with-javascript h2.active
{
  background-position: bottom left;
} 




/* === Stranka Comics === */


#page-comics #content
{
  position: relative;  
}

#comics_images img {
  position: absolute;
}  

#comics_images #comics_book_1 {
  left: 677px;
  top: 216px;  
}

#comics_images #comics_book_2 {
  left: 806px;
  top: 216px;    
}

#comics_images #comics_book_3 {
  left: 677px;
  top: 53px;  
}

#comics_images #comics_book_4 {
  left: 806px;
  top: 53px;   
}





/* = Trailer = */

#page-trailer #content
{
  padding-top: 60px;
  padding-left: 260px;
  height: auto;
}

  /* Trailer se centruje */
  #page-trailer #content .text
  {
    width: 500px;
    height: 320px;    
  }


/* = Koproducenti = */

/* Je potreba sirsi prostor pro text */
#page-producers #content .text
{
  width: 540px;
}



/* === Blog - uprava Tumblr sablony === */


#page-blog #content
{
  background: #333 url('../img/background_blog.gif') no-repeat bottom right;
  padding-bottom: 40px;
  position: relative;
  height: auto;  
}

#page-blog #logo
{
  margin-bottom: 10px;
}

/* Datum zaznamu */

#page-blog .date
{
  border-top: #666 1px solid;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  width: 480px;  
}


/* Jedntotlive clanky (posty) */

.post
{
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 54px;  
  width: 570px;
  color: #fff;
}




/* Nadpisy v postu */

.post h2
{
  font-size: 46px; 
  line-height: 46px;
  font-weight: bold;
}

.post h3
{
  color: #fff;
  margin-bottom: 9px;
  margin-top: 36px;
  font-size: 18px;
}

/* Odkazy v postu */

.post a
{
  font-weight: bold;
}

.post h1 a,
.post h2 a,
.post h3 a,
.tags a,
.comments a
{
  font-weight: normal;
}

.comments
{
  margin-top: 27px;
}

.tags,
.comments,
.date_author
{
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;  
}

.tags a,
.comments a
{
  padding: 4px 2px; 
}

.tags,
.tags a,
.date_author,
.date_author a
{
  color: #999;
}

.tags a:hover,
.tags a:focus
{
	color: #FFE400;
}

.comments
{
  margin-left: -2px;
  margin-top: 0;
}

#content .post a.permalink
{
  display: none;  
}

/* Typy obsahu */

.post pre
{
  display: inline-block;
  min-width: 482px;
  overflow: auto;
  max-width: 860px;
}

.post pre code
{
  white-space: nowrap;
}

.post blockquote
{
  color: #999999;
  font-style: normal;
  margin: 0;
  padding-left: 20px;
  border-left: 4px #444 solid;
}

/* Bezny post s textem */

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

/* Post s fotkou */

.post .photo a,
a.image
{
  display: inline-block;
  margin-bottom: 9px;
  padding: 0; 
  border: 0; 
}

.post .photo a img,
a.image img
{
  display: inline-block;
}


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

/* Post s videem */

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

/* Post s videem */

.post .audio .audio_player
{
  background: #fff;
  padding: 2px;
  display: inline-block;
  margin-bottom: 15px;
}




/* Post s citaci */

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

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

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


/* Fanbox a Twitter boxiky */

#social_boxes {
  width: 298px;
  position: absolute;
  left: 659px;
  top: 35px;
}

#facebook_fanbox {
  width: 298px;
  min-height: 298px;
  background: #191919;
  margin-bottom: 10px;
}

#facebook_fanbox h2 a {
  background: url(../img/blog_facebook_head.gif) no-repeat;
  width: 298px;
  height: 54px;  
}

#twitter_box {
  width: 298px;
  min-height: 298px;
  background: #191919;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#twitter_box h2 a {
  background: url(../img/blog_twitter_head.gif) no-repeat;
  width: 298px;
  height: 54px;  
}

#facebook_fanbox h2,
#twitter_box h2 {
  margin: 0;
}

#facebook_fanbox h2 a,
#twitter_box h2 a {
  display: block;
  text-indent: -5000px;
}

#facebook_fanbox h2 a:hover,
#twitter_box h2 a:hover {
  background-position: bottom;
}

#facebook_fanbox .box_content,
#twitter_box  .box_content {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 25px;
}

/* ===  Rozhrani pro aplikaci Tweet! (jQuery plugin pro zobrazovani obsahu Twitter uctu) === */

.tweet {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}

/* Nezobrazovat */
.tweet_avatar {
  display: none;
}

.tweet_list {
  list-style-type: none;
}

.tweet_list,
.tweet_list li  {
  margin: 0;
}

.tweet_list li  {
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #444;
}

.tweet_list li.tweet_first  {
  border-top: 0;
}