/* -----------------------------------------------------------------------
 
   Hlavni stylopis
   Projekt: www.filmjukebox.cz
   Autor: Martin Michalek, Studio Shortcat, michalek@shortcat.cz

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

@import "http://www.filmjukebox.cz/css/superfish.css";


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


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css (removed unnecessery rules) */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(http://www.filmjukebox.cz/css/src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}


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


body 
{
  background-color: #333;
  color: #fff;
  margin: 35px;
  line-height: 1.4em;
	margin: 35px;
	padding: 0;
}

a
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6
{
  color: #fff;
}

#content
{
  min-width: 870px;
  position: relative;
}

#head
{
  height: 118px;
}


#logo
{
  float: left;
  width: 332px;
  height: 68px;
  margin: -8px 0 0 -9px;
  padding: 0;
}

#logo a
{
  display: block;  
	width: 332px;
	height: 68px;
}

#tagline
{
  clear: left;
  float: left;
  width: 400px;
  height: 1.3em;
  margin: -10px 0 0 0; 
}

#tagline big
{
  font-size: 1em;
  font-weight: bold;
}


/* Navigace na dalsi kina v jejich detailu */

#cinema_navigation {
	position: absolute;
	top: 6px;
	left: 330px;
	width: 200px;
	float: left;
	background: #666 url('../img/bar-bg-cinema.gif') no-repeat center right;
	padding: 9px 10px;
}

#cinema_navigation ul,
#cinema_navigation li {
	padding: 0;
	margin: 0;
}

#cinema_navigation .sf-menu a {
	width: 150px;
	border: 0;
	border-top: 2px solid #666;
	background-color: #999;
	padding: 5px 10px;
	color: #333;
}

#cinema_navigation .sf-menu a.sf-with-ul {
  border-top: 0;
}

#cinema_navigation .sf-menu li.sfHover ul {
	top: 20px;
}

#cinema_navigation .sf-menu li a:hover {
	background-color: #ccc;
	cursor: pointer;
}


#navigation
{
  float: right;
  width: 400px;
  text-align: right;
  margin: -53px 0 0 0;
}

#navigation a,
#navigation strong
{
  padding: 8px 14px 7px 14px;
  display: inline-block; 
  background-color: #666666;
  color: #333333;
}

#navigation a:hover,
#navigation strong,
#navigation a.opened
{
  background-color: #999999;
}


/* === Obsahove vrstvy === */

.layer
{
  z-index: 100;
  position: absolute;
  right: 0;
  top: 38px; 
  width: 326px; /* Celkem 376px */
  height: 360px; /* Celkem 420px */
  background-color: #999;
  color: #333;
  padding: 30px 25px 30px 25px;
  visibility: hidden;
}

.layer_content
{
  overflow-y: auto;
  height: 360px;
}

.layer .close
{
  background: transparent url(../img/close.gif) no-repeat left top;
  cursor: pointer;
  height: 19px;
  position: absolute;
  right: 5px;
  top: 8px;
  width: 19px;
}

.layer .close:hover
{
  background-position: left bottom;
}

.layer .close a
{
  display: none;
}

.layer_content a:hover
{
  color: #fff;
}

/* Formular pro nominaci filmu */

#nomination,
#nomination .layer_content,
#newsletter,
#newsletter .layer_content
{
  height: 97px;
  overflow: hidden;
}

#nomination #text_input,
#newsletter #text_input
{
  border: 0px;
  height: 14px;
  padding: 5px;
  color: #999;
  background-color: #333;
  vertical-align: middle;
  width: 220px;
}

#nomination #text_input:focus,
#newsletter #text_input:focus
{
  background-color: #222;
}


#nomination #submit,
#newsletter #submit
{
  background-color: #858585;
  border: 0;
  color: #333;
  cursor: pointer;
  padding: 8px 14px 7px 14px;
  vertical-align: middle;
  font-weight: bold;
}

#nomination #submit:hover,
#nomination #submit:focus,
#newsletter #submit:hover,
#newsletter #submit:focus
{
  background-color: #333;
  color: #858585;
}

html .layer#discussion
{
  display: block;
}

/* === Jednotlive hlasovani === */

.poll
{
  width: 48.7%;
  float: left;
  border-top: 2px solid #fff;
  margin-bottom: 50px;
  position: relative;
}

.poll.even
{
  float: right;
}

.poll .deathline
{
  color: #666;
  position: absolute;
  top: 8px;
  right: 0;
  width: 250px;
  height: 1.3em;
  font-size: .95em;
  font-weight: bold;
  text-align: right;
}

.poll h2
{
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0 27px 0;
  line-height: .95em;
}

.poll h2 em
{
  font-style: normal;
  color: #666666;
}

.poll table,
.poll table td
{
  border: 0;
  font-size: .95em;
  font-weight: bold;
  color: #666666;
}

.poll table
{
  border-top: #414141 solid 2px; 
  border-collapse: collapse;
}

.poll table td a:hover,
.poll table td a:focus
{
  color: #fff;
}

.poll table td
{
  width: 50%;
  overflow: hidden;
  border-bottom: #414141 solid 2px;
  padding: 2px 4px;
}

.poll table td.movie
{
  width: 66%;
}

.poll table td.bar
{
  width: 33%;
}

.poll table td.movie .name
{
  font-size: 1.1em;
  height: 1.3em;
  display: block;
  overflow: hidden;
  color: #fff;
}

.poll table td.movie .movie_info,
.poll table td.movie .movie_info_second
{
  display: block;
  overflow: hidden;
  height: 15px;
  margin-top: -2px;
}

.poll table td.movie br
{
  display: none;
}

.poll table td.bar
{
  padding-right: 0;
}

.poll table td.bar a
{
  display: block;
  height: 22px; /* Celkem 42 */
  line-height: 22px;
  font-size: 1.1em;  
  padding: 9px 6px 11px 6px;
  background-color: #999;
  color: #333;
  text-align: right;
  background-image: url(../img/bar-bg_2.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: right;
}

.poll table tr.color_1 td.bar a,
#content .poll.finished table tr.winner.color_1 td.bar a { background-color: #e93535; }
.poll table tr.color_2 td.bar a,
#content .poll.finished table tr.winner.color_2 td.bar a { background-color: #ce1d5f; }
.poll table tr.color_3 td.bar a,
#content .poll.finished table tr.winner.color_3 td.bar a { background-color: #c31c8a; }
.poll table tr.color_4 td.bar a,
#content .poll.finished table tr.winner.color_4 td.bar a { background-color: #c31cbc; }
.poll table tr.color_5 td.bar a,
#content .poll.finished table tr.winner.color_5 td.bar a { background-color: #a91fd7; }
.poll table tr.color_6 td.bar a,
#content .poll.finished table tr.winner.color_6 td.bar a { background-color: #8c32e1; }
.poll table tr.color_7 td.bar a,
#content .poll.finished table tr.winner.color_7 td.bar a { background-color: #7a4be5; }
.poll table tr.color_8 td.bar a,
#content .poll.finished table tr.winner.color_8 td.bar a { background-color: #5d60e8; }
.poll table tr.color_9 td.bar a,
#content .poll.finished table tr.winner.color_9 td.bar a { background-color: #2090df; }
.poll table tr.color_10 td.bar a,
#content .poll.finished table tr.winner.color_10 td.bar a { background-color: #30bde1; }
.poll table tr.color_11 td.bar a,
#content .poll.finished table tr.winner.color_11 td.bar a { background-color: #1ab9b3; }
.poll table tr.color_12 td.bar a,
#content .poll.finished table tr.winner.color_12 td.bar a { background-color: #1ab991; }
.poll table tr.color_13 td.bar a,
#content .poll.finished table tr.winner.color_13 td.bar a { background-color: #1cc764; }
.poll table tr.color_14 td.bar a,
#content .poll.finished table tr.winner.color_14 td.bar a { background-color: #2bb219; }
.poll table tr.color_15 td.bar a,
#content .poll.finished table tr.winner.color_15 td.bar a { background-color: #8dc81c; }
.poll table tr.color_16 td.bar a,
#content .poll.finished table tr.winner.color_16 td.bar a { background-color: #b8b61a; }
.poll table tr.color_17 td.bar a,
#content .poll.finished table tr.winner.color_17 td.bar a { background-color: #dabd1f; }
.poll table tr.color_18 td.bar a,
#content .poll.finished table tr.winner.color_18 td.bar a { background-color: #d0931e; }
.poll table tr.color_19 td.bar a,
#content .poll.finished table tr.winner.color_19 td.bar a { background-color: #c7741c; }
.poll table tr.color_20 td.bar a,
#content .poll.finished table tr.winner.color_20 td.bar a { background-color: #e97535; }

/* Mouseover na radku tabulky */
.poll tr.hover td
{
  background-color: #292929;
}

.poll tr.hover td.bar a
{
  background-position: 0px -42px;
}


/* Ukoncene hlasovani */
#content .poll.finished table tr td.bar a
{
  background-color: #434343;
}

#content .poll.finished table tr.winner.color_3 td.bar a
{
  background-color: #c31c8a;
}


#archive_link
{
  text-align: right;
  margin-top: -40px;
}


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

.page_home #about {
	width: 347px;
	float: left;
	background-color: #333;
	border-top: 3px solid #fff;
	padding-top: 20px;
}

.page_home #cinemas {
	margin-left: 376px; /* sirka #about + 29px  */
	border-top: 3px solid #fff;
	padding-top: 20px;
}

.page_home #cinemas h2 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 8px;
}

.page_home #cinemas ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.page_home #cinemas li {
	position: relative;
	list-style-type: none;
	background: url('../img/bar-bg-cinema.gif') no-repeat center right;
	padding: 8px 25px 8px 12px;
	margin-bottom: 3px;
	color: #333;
}

.page_home #cinemas li:hover,
.page_home #cinemas li:hover a {
	color: #fff;
	cursor: pointer;
}

.page_home #cinemas li a {
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	font-weight: bold;
}

.page_home #cinemas li .date {
	position: absolute;
	right: 25px;
	top: 8px;
	padding: 6px 5px 6px 10px;
}

.page_home #cinemas .color_1,
.page_home #cinemas .color_1 .date
	{ background-color: #dabd1f; }
.page_home #cinemas .color_2,
.page_home #cinemas .color_2 .date
	{ background-color: #30bde1; }
.page_home #cinemas .color_3,
.page_home #cinemas .color_3 .date
	{ background-color: #a91fd7; }
.page_home #cinemas .color_4,
.page_home #cinemas .color_4 .date
	{ background-color: #e93535; }
.page_home #cinemas .color_5,
.page_home #cinemas .color_5 .date
	{ background-color: #d16c35; }
.page_home #cinemas .color_6,
.page_home #cinemas .color_6 .date
	{ background-color: #a1d71f; }


/* Mapa na uvodni strance */

.page_home #map_container {
	margin-bottom: 60px;
	border-top: 3px solid #FFFFFF;
	padding-top: 6px;
}

.page_home #map_container h2 {
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	margin: 3px 0 20px 3px;
}

.page_home #map {
	position: relative;
  margin: 0 auto;
	width: 750px;
	height: 306px;
	text-align: center;
}

.page_home #map .cinema {
	position: absolute;
	top: 20px;
	left: 20px;
}

.page_home #map .cinema .name {
	background: #999;
	color: #333;
	padding: 2px 11px 2px 13px;
	float: left;
	display: inline-block;
	text-align: left;
}

.page_home #map .cinema:hover .name,
.page_home #map .cinema:active .name {
	color: #fff;
}

.page_home #map .cinema .arrow {
	border-color: transparent transparent transparent #999;
	border-style: solid;
	border-width: 10px 0 10px 10px;
  height: 0;
  width: 0;
	float: right;
	display: inline-block;
	&display: none; /* DEPRECATED: IE7- radeji ne */ 
}

/* Barvy znacek pro kina */

.page_home #map .cinema.color_1 .name { background-color: #DABD1F; }
.page_home #map .cinema.color_1 .arrow { border-color: transparent transparent transparent #DABD1F; }

.page_home #map .cinema.color_2 .name { background-color: #30BDE1; }
.page_home #map .cinema.color_2 .arrow { border-color: transparent transparent transparent #30BDE1; }

.page_home #map .cinema.color_3 .name { background-color: #a91fd7; }
.page_home #map .cinema.color_3 .arrow { border-color: transparent transparent transparent #a91fd7; }

.page_home #map .cinema.color_4 .name { background-color: #e93535; }
.page_home #map .cinema.color_4 .arrow { border-color: transparent transparent transparent #e93535; }

.page_home #map .cinema.color_5 .name { background-color: #e97535; }
.page_home #map .cinema.color_5 .arrow { border-color: transparent transparent transparent #e97535; }

.page_home #map .cinema.color_6 .name { background-color: #a1d71f; }
.page_home #map .cinema.color_6 .arrow { border-color: transparent transparent transparent #a1d71f; }



/* -----------------------------------------------------------------------
   Helpery, obecne tridy
*/

.message
{ 
  z-index: 150;
  background: #fff; 
  color: #292929; 
  padding: 7px; 
  position: absolute; 
  top: 0; 
  left: 50%; 
  width: 300px; 
  margin-left: -150px; 
  text-align: center; 
}

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



/* -----------------------------------------------------------------------
   Superfish, drop-down menu
*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			6px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://www.filmjukebox.cz/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}