/*
Theme Name: Vostrov - Open Air Club
Theme URI: http://www.vostrov.cz
Description: Open Air Club
Version: 4.1 
Author: Josef Maruška - 2J Internet Studio, s. r. o.
Accesability: Internet Explorer 6+, Firefox 1.0+, Mozilla 1.7+, Netscape 7+, Opera 6+, K-Meleon 0.8.2+,
					Maxthon 1.5.0+, DeepNet Explorer 1.52+, Slim Browser 4.06+, PhaseOut 5.4.4.0+,
					FastStone Browser 2.1+, Crazy Browser 2.0.1+, Advanced Browser 8.02+, Acoo Browser 1.31+,
					Avant Browser 10.1+ a Fast Browser 8.1+ 
*/

/* -- BASE -- */
body {	font: small "Trebuchet MS", "Geneva CE", "Helvetica CE", Georgia, lucida, Tahoma, Verdana, sans-serif;	background: #fff url(../images/back.jpg) repeat-x fixed;	line-height: 110%;	color: #333;	margin: 0 0 10px 0;	padding: 0;}
#header {	width: 775px;	height: 62px;	background: url(../images/header_v.jpg) no-repeat center top;	margin: 0;	padding: 0;}
#header .lang { text-align: right;}

#motif {	width: 775px;	height: 150px;	background: url(../images/header_motif_1.jpg) no-repeat center top;	margin: 0;	padding: 0;}
#wrapper {	margin: 0 auto; padding: 0;	width: 775px;	background:  url(../images/back_wrapper.jpg) center top repeat-y;}

#footer {	clear:both;	width: 775px;	height: 37px;	font-size: 12px; background: url(../images/back_footer.jpg) no-repeat center top;	text-align: center;	padding: 0;	margin: 0 auto;}
#footer .l{	float: left; padding: 10px 0 0 10px;}
#footer .r{	float: right; padding: 10px 10px 0 0;}
#footer img {	border: none;}
#footer a, #footer a:link, #footer a:visited {	font-size: 12px; color: #000; text-decoration: underline;	padding: 0 2px 0 2px;}
#footer a:hover {	color: #000; background: #fff; text-decoration: none; }

/* -- NADPISY -- */
h1, h2, h3, h4, h5, h6	{color: #314786; margin: 0 0 5px 0; text-transform: lovercase; }
h1{	font-size: 160%; margin-bottom: .5em;}
h2{	font-size: 160%; line-height: 120%; letter-spacing: 0px; margin: 10px 0 5px 0; padding: 0;}
h2 span {	font-size: 60%; font-weight: normal; letter-spacing: 0px; color: #666;}
h3{	font-size: 130%;}
h4{	font-size: 125%;padding: 0 0 0 10px; margin: 20px 0 0 0;}
h5{	font-size: 110%;padding: 0;}
h6{	font-size: 100%; font-weight: normal;padding: 0 0 0 10px;}

/* -- TOP NAVIGATION -- */	
#homeleft  {	float:left; width: 240px; height: 55px; display:block;}     
#homeright  {	float:right; width: 500px; height: 55px; text-align: right; padding: 0 10px 0 0;} 

#lang  {	font-size: 11px; list-style-type: none;	height: 20px;	padding: 0;	margin: 10px 0 0 0;	}     
    #lang li    {      float: right;  margin: 0;      padding: 0;      font-weight: normal;            color: #444;       display: block;      margin: 0;      height: 16px;      padding: 0 0 1px 10px;    }
      #lang li span      { vertical-align: middle;  font-size: 11px; }
      #lang li a  {        vertical-align: middle; padding: 7px 1px 0px 1px;        color: #314786;        text-decoration: underline;  background: none transparent; border: none;}
      #lang li a:hover      {        color: #fff;  text-decoration: none; background: none transparent; border: none;}         
      .noborder {      border: none;  }
	 		 
  #topmenu  {	font-size: 11px; list-style-type: none;	height: 20px;	padding: 0;	margin: 10px 0 0 0;	 }     
    #topmenu li    {   float: right;  margin: 0;      padding: 0;      font-weight: normal;            color: #000;       display: block;      margin: 0;      height: 20px;      padding: 0 0 1px 10px;    }
      #topmenu li span      {        padding-left: 0px;        color: #000;        cursor: pointer;      }
      #topmenu li a      {        padding: 3px 1px 0px 1px;        color: #314786;        text-decoration: underline;  }
      #topmenu li a:hover      {        color: #fff; background: #314786;    text-decoration: none;  }         
			 
/* -- NAVIGATION -- */
	#skipNav {position: absolute; left: -9999px; font-size: small;}
	#skipNav a:hover {color: #f00;}
	#skipNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}
	.clear {clear:both;}
	.hidekey, .hide {display: none;}

	
/* CONTAINERS */
#cont-3columns, #cont-2columns, #cont-1column {	clear: both; margin: 0; padding: 0;}

#cont-3columns #containerLeft{	float: left;	width: 170px;	margin: 0 0 0 10px;	padding: 0;}
#cont-3columns #containerRight{	float: right;	width: 170px;	margin: 0 7px 0 0;	padding: 0;}
#cont-3columns #containerMain{	margin: 0; padding: 0 185px 0 185px;}

* html #cont-3columns #containerLeft{	float: left;	width: 170px;	margin: 0 0 0 5px;	padding: 0;}
* html #cont-3columns #containerRight{	float: right;	width: 170px;	margin: 0;	padding: 0;}
* html #cont-3columns #containerMain{	margin: O; padding: 0 186px 0 184px;}

#cont-2columns #containerLeft{	float: left;	width: 170px;	margin: 0 0 0 10px;	padding: 0;}
#cont-2columns #containerMain{	margin: 0; padding: 0 15px 0 185px;}

* html #cont-2columns #containerLeft{	float: left;	width: 170px;	margin: 0 0 0 5px;	padding: 0;}
* html #cont-2columns #containerMain{	margin: O; padding: 0 15px 0 184px;}

#cont-1column #containerMain{	margin: 10px 0 0 0; padding: 0 15px 0 15px;}


#containerLeft .containerInside{	padding: 0;	margin: 0 0 10px 0;	font-size: 12px;	background: url(../images/panel_left.jpg) repeat-y top left;	width: 170px;}
#containerLeft h3 {	font: bold 15px Arial, Tahoma, sans-serif;	padding: 0 0 0 10px;	color: #000;	background: url(../images/panel_left_h3.jpg) no-repeat top left;	width: 170px;	margin: 0;	line-height: 26px;	letter-spacing: 0px;	}
#containerLeft .containerInside .field {	padding: 10px; color: #000;}
#containerLeft .containerInside .leftend {	padding: 0;	background: url(../images/panel_left_bottom.jpg) no-repeat top left;	width: 170px;	height: 11px;	max-height: 11px;}

#containerRight .containerInside{	padding: 0;	margin: 0 0 10px 0;	font-size: 12px;	background: url(../images/panel_left.jpg) repeat-y top left;	width: 170px;}
#containerRight h3 {	font: bold 15px Arial, Tahoma, sans-serif;	padding: 0 0 0 10px;	color: #000;	background: url(../images/panel_left_h3.jpg) no-repeat top left;	width: 170px;	margin: 0;	line-height: 26px;	letter-spacing: 0px;	}
#containerRight .containerInside .field {	padding: 10px; color: #000;}
.leftend {	margin: 0; padding: 0;	background: url(../images/panel_left_bottom.jpg) no-repeat top left;	width: 170px;	height: 11px; max-height: 11px; line-height: 5px;}

#containerMain .containerInside{	padding: 0;	margin: 0;	font-size: 12px;	background: url(../images/panel_main.jpg) repeat-y top left;	}
#containerMain h3 {	font: bold 15px Arial, Tahoma, sans-serif;	padding: 0 0 0 10px;	color: #fff;	background: url(../images/panel_center_h3.jpg) repeat-x top left;		margin: 0;	line-height: 26px;	letter-spacing: 0px;	}

#containerMain .containerInside .field {	margin: 0; padding: 10px; color: #000;}
#containerMain .containerInside .actual {	margin: 0 0 10px 0; padding: 0; color: #000; background: #ddd; line-height: 16px;}
.mainend {	margin: 0;	padding: 0;	background: url(../images/hr.gif) repeat-x top center;	height: 13px;	max-height: 13px;}
#containerMain p { padding: 0 10px; _padding: 0; }

/* #containerMain ul { padding: 0; margin: 10px 10px 10px 30px; } */
/* #containerMain ul li { list-style: circle; padding-left: 5px; margin-top: 3px;} */

.containerInside img { float:left; margin:5px; padding:5px; border: 1px solid #ededed;}
.containerInside img.noborder { border: none; padding:2px 2px 2px 0; margin: 1px; }
.containerInside .icon { float:none; padding:0; margin: 0; border: none;}
/* .containerInside img { border: 1px solid #000; padding:2px; float: left; margin: 5px 10px 0 0 ; } */

.containerInsidePics{	padding: 0;	margin: 0 0 10px 0;	font-size: 12px;	background: url(../images/panel_left.jpg) repeat-y top left;	width: 170px;}
.containerInsidePics .field {	padding: 5px; color: #000;}
.containerInsidePics .leftend {	padding: 0;	background: url(../images/panel_left_bottom.jpg) no-repeat top left;	width: 170px;	height: 11px;	max-height: 11px;}
.containerInsidePics img { border: 1px solid #fff; padding:2px; margin: 1px ; }


.containerInsidePartners{	padding: 0;	margin: 0 0 10px 0;	font-size: 12px;	background: url(../images/panel_left.jpg) repeat-y top left;	width: 170px;}
.containerInsidePartners .field {	padding: 5px; color: #000; text-align: center;}
.containerInsidePartners .leftend {	padding: 0;	background: url(../images/panel_left_bottom.jpg) no-repeat top left;	width: 170px;	height: 11px;	max-height: 11px;}
.containerInsidePartners img { border: none; margin: 1px ; }

/* HELPERS */
.cl{	clear: both;}
.clear{	border:  0px none;	margin:  0px;	padding: 0px;	float: none;	clear: both;	width: 0px;	height: 0px;	line-height: 0px;	font-size: 0px;}
.hide{display:none;}

/* FORMS */
.sideform	 {	width: 145px; padding: 10px 0 10px 10px;}
textarea, input {	color: 333;	font: 11px "Trebuchet MS", "Geneva CE", "Helvetica CE", Georgia, lucida, Tahoma, Verdana, sans-serif;	width: 145px; 	background-color: #fdfdfd;	border: 1px solid #314786; border-right: none; border-left: none;	padding: 2px; margin-bottom: .2em;}
.sidesection textarea, .sidesection input {	font: 11px "Trebuchet MS", "Geneva CE", "Helvetica CE", Georgia, lucida, Tahoma, Verdana, sans-serif;	width: 145px; 	background-color: #fdfdfd;	border: 1px solid #314786; border-right: none; border-left: none;	padding: 2px; margin-bottom: .5em;}
textarea, input, label {	font: 11px "Trebuchet MS", "Geneva CE", "Helvetica CE", Georgia, lucida, Tahoma, Verdana, sans-serif; color: #000;}
.button {cursor:pointer;}
.formpass { width: 200px; }
.checkbox {border: 0px;}

#containerMain textarea, #containerMain input {	color: 333;	font: 11px "Trebuchet MS", "Geneva CE", "Helvetica CE", Georgia, lucida, Tahoma, Verdana, sans-serif;	width: 375px; 	background-color: #fdfdfd;	border: 1px solid #314786; padding: 2px; margin-bottom: .2em;}
#containerMain .button {cursor:pointer; width:188px}

/* BANNERS */
#banner_skyscraper { margin: 0; padding: 0 15px; z-index: 99;}
#banner_head {text-align: center; height: 105px; margin: 2px 8px 5px 10px; background: #ddd url(../images/back_banner.jpg) repeat-x; padding: 5px 0 0 0; }
#banner_foot {text-align: center; height: 65px; margin: 2px 8px 5px 10px; background: #ddd url(../images/back_banner.jpg) repeat-x; padding: 5px 0 0 0; }

/* UL */
.containerInside ul {	margin: 0;	padding: 0;	list-style: none outside;	}
.containerInside ul li {	margin: 0;	padding: 0 0 10px 0;	list-style: none outside;	font-weight: bold;}
.containerInside ul li a span{	display:none;	}

.containerInside ul.bigico {	margin: 0;	padding: 0;	list-style: none outside;}
.containerInside ul.bigico li {	margin: 0;	margin: 0;	list-style: none outside; float:left;}
.containerInside ul.bigico li a span{	display:none;	}

#menu_bg {	width: 775px;	height: 26px;	background: url(../images/back_menu.jpg) no-repeat;	margin: 0;	padding: 0;}

/* PULL UP MENU */
/* style the outer div to give it width */
.menu {width:760px; height:26px;font-size:0.85em;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding: 0 0 0 10px; margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
html>body .menu a, .menu a:visited {display:block;font-size:13px;letter-spacing: 0px;text-decoration:none;font-weight: bold;text-align: center;color:#666; height:26px; border-top:1px solid #d5d4d0;padding: 0 10px;line-height:25px;}
* html .menu a, * html .menu a:visited {display:inline;font-size:13px;letter-spacing: 0px;text-decoration:none;font-weight: bold;text-align: center;color:#666; height:26px; border-top:1px solid #d5d4d0;padding: 5px 8px 0 8px; line-height:25px;}
.menu a:hover {color:#000;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-3px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;bottom:27px;left:0; width:150px;}
* html .menu ul ul {bottom:26px;}
/* position the third level flyout menu */
.menu ul ul ul{left:150px; bottom:0;width:150px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-150px;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { display: block; background:#444; color:#FFDFAE; font-weight: bold;height:auto; line-height:1em; padding:5px 10px; width:129px;text-align: left;border: none;/* yet another hack for IE5.5 */}

* html .menu ul ul a{ width:150px;w\idth:129px;}
/* style the top level hover */
.menu a:hover, {color:#000; background:none;}
/* style the top level hover */
.menu ul ul a:hover{color:#000; background:#FFDFAE;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;height:auto;}

/* UNDER LINKS */
#under {text-align: center; margin: 5px 8px 5px 10px; padding: 0; height:30px;}
#under a, #under a:link, #under a:visited {	color: #314786;	text-decoration: underline;	padding: 5px 10px 5px 10px; line-height: 30px;}
#under a:hover {	color: #fff; background: #314786; text-decoration: none; }
.menu li { behavior: url("/cz/hover.htc"); }

/* ARTICLES */
* html .article{ padding:10px;margin:0;height:150px;text-align:justify;} html>body .article{ padding:10px;margin:0; min-height: 140px;text-align:justify;}
.options_article{text-align:right; padding-right:10px;font-size:11px;}
.options_paging{text-align:right; padding-right:10px;font-size:11px;}
.articles_wrapper{	margin:0; }
.img-articles{ height:80px; width:80px; color: #ccc;  } 
.img-articlesbor{ height:80px; width:80px; border: 1px solid #ddd;  padding: 4px; margin: 0 5px 0 0; } 
.noborder {	border:0; padding: 0; margin:0;}
.breakline { padding:10px 0; text-align: justify;}
.breakline h4{	font-size: 140%;padding: 0; margin: 10px 0 5px 0;}

/* ARTICLES - foto */
html>body .articlefoto { padding: 10px 0 0 0;margin:0; width: 400px;}
html>body  ul.galerie li {width:95px; float: left; margin: 0 2px; }

* html .articlefoto { padding: 10px 0 0 0;margin:0; width: 390px;}
* html ul.galerie li {width:90px; float: left; margin: 0 2px; }

.articlefoto a, .articlefoto a:hover, .articlefoto a:visited {	background: transparent none;}
.articlefoto h2 { padding: 10px 0 0 10px;margin:0;}
.articlefoto p { padding: 3px;margin:0; }
ul.galerie img { height:86px; width:86px; padding: 2px; border: 1px solid #aabffe; margin:0;} 



.article p.short{ padding: 0 0 0 5px; _padding:2px 0 0 1px; margin:0; font-size: 90%; font-weight: normal;}
ul.art { padding:0;margin:0;}
ul.art li.dat { padding:5px 0 5px 5px;margin:0; font-size:110%; color: #000;}
ul.art li.cru { padding:0 0 0 5px;margin:0; font-size:120%; color: red;}

ul.line { padding:0;margin:0;}
ul.line li { padding:5px 0 5px 0; margin:0; font-size:110%; color: #000; font-weight: normal;}
ul.line li span { font-size:130%; color: #000; font-weight: bold;}

/* SITEMAP */
ul#sitemap { padding:0;margin:0;}
ul#sitemap li { padding:5px 0; margin: 0 0 0 20px; font-size:115%; color: #000; font-weight: normal;}

/* BANDS */
ul#bands { padding:0;margin:0; width: 390px;}
ul#bands li { padding:5px 0; margin: 0; font-size:115%; color: #000; font-weight: normal;}

/* COMMENT */
.komentar { padding:10px;margin:0;text-align:justify;white-space: normal;}
.komentar p { padding:0; margin:3px 0 0 0;}
.komentar p.top { font-size: 14px; color: #203f6e;}
.komentar p.top span { font-size: 11px; color: #3870b4;}

/* LINKS */
a {	color: #e90000;	text-decoration: underline;	padding: 0 2px 0 2px;}
a:hover {	color: #473D89;	text-decoration: none;}
a.white, a.white:link, a.white:visited {	color: #fff;	text-decoration: underline;	padding: 0 2px 0 2px;}
a.white:hover {	color: #000; background: #fff; text-decoration: none;}
a.whitebig, a.whitebig:link, a.whitebig:visited {	font-weight: bold; font-size: 105%; line-height: 140%; color: #fff;	text-decoration: none;	padding: 0 2px 0 2px; }
a.whitebig:hover {	color: #000; background: #fff; text-decoration: none;}
a.red, a.red:link, a.red:visited {	color: #e90000;	text-decoration: underline;	padding: 0 2px 0 2px;}
a.red:hover {	color: #fff; background: #e90000; text-decoration: none;}
a.redsmall, a.redsmall:link, a.redsmall:visited {	color: #e90000;	text-decoration: underline;	padding: 0 2px 0 2px; letter-spacing: -1px;}
a.redsmall:hover {	color: #fff; background: #e90000; text-decoration: none;}
a img {border:0;}

/* LIST */
.listing_search {margin: 0; }
.listing {margin: 0 0 0 110px; }
.listin {float: left; }

a.button       { float:left; margin-right:1em; text-decoration:none !important; }
a.button,button { border:none; background:none; margin-right:10px; width:8em; font-size:11px; font-weight:bold; text-align:center; cursor:pointer; }
a.button span,button span { padding:0 0 0 10px; background:#e62716 url('../images/btn-left.png') 0 50% no-repeat; color:#fff; display:block; height:26px; line-height:26px; vertical-align:middle; }
a.button span span,button span span  { padding:0 10px 0 0; background:url('../images/btn-right.png') 100% 50% no-repeat; }

/*
a.button       { float:left; margin-right:1em; text-decoration:none !important; }
a.button,button { border:none; background:none; margin-right:10px; width:13.75em; font-size:11px; font-weight:bold; text-align:center; cursor:pointer; }
a.button span,button span { padding:0 0 0 10px; background:#e62716 url('../images/btn-left.png') 0 50% no-repeat; color:#fff; display:block; height:26px; line-height:26px; vertical-align:middle; }
a.button span span,button span span  { padding:0 10px 0 0; background:url('../images/btn-right.png') 100% 50% no-repeat; }
*/

.error { color: red; font-size: 115%; margin: 0 0 10px 0; background: url('../images/error.gif') 0 50% no-repeat; height: 24px; line-height: 24px; text-indent: 15px; _text-indent: 25px; }
.success { color: green; font-size: 115%; margin: 0 0 10px 0; background: url('../images/go.gif') 0 50% no-repeat; height: 24px; line-height: 24px; text-indent: 15px; _text-indent: 25px; }