/*
Theme Name: Odeon Default
Theme URI: http://mufffa.org
Description: The default Odeon theme.
Version: 1.0
Author: Irena Kresevic, Elis Kadic (Design), Erik Pibernik (programming)
Tags: Odeon, art, cinema, movies, film
*/

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}

body {
   background: #000000;
   font-family: Arial, Verdana, Sans-Serif;
   font-size: 12px;
   font-weight:normal;
   color: #ffffff;
}

.wrapper {
   /*border: 1px solid red;*/
   background: #000000;
   top: 0px;
   position: absolute;
   width: 800px;
   left: 50%;
   margin-left: -400px;
   min-height:100%;
}

.odeon_header {
   /*position: absolute;*/
   width: 100%;
   z-index:5;
   /*border: 1px solid yellow;*/
}

.header_img {
   display: block;
   border: none;
   z-index: 10;
}

.body {
   /*border: 1px solid blue;*/
   /*position: absolute;*/
   /*margin-top: 262px; /*.header.height + free space*/
   width: 100%;
   background: #000000;
   color: #ffffff;
   /*min-height: 50px;*/
   /*padding-bottom: 50px;*/
   display: block;
   min-height: 100%;
}

.body_content {
   /*border: 1px solid GREEN;*/
   display: block;
   padding-bottom: 90px;
   padding-top: 35px;

}

.flash {
   z-index:10;
}

a img {
   border: none;
}

.page p {
   line-height: 17px;

}


/*========LANGUGE SELECTOR==============*/
.lang {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 80px;
   background: #000000;
   color: #ffffff;
   height: 25px;
   z-index:20;
}

#facebook {
   float: left;
}

#facebook a{
   display: block;
   background: url('img/fb.jpg');
   background-repeat: no-repeat;
   height: 25px;
   width: 27px;
}

#facebook a:hover{
   display: block;
   background: url('img/fb_over.jpg');
   background-repeat: no-repeat;
   height: 25px;
   width: 27px;
}

.language_list {
   padding-left: 5px;
   height: 25px;
   padding-top: -2px;
   /*border: 1px solid red;*/
}

.lang_table {
   padding-top: 0px;
   margin-top:0px;
  /* border: 1px solid red;*/
  border-collapse: collapse;
}

.lang_table tr {
   padding: 0px;
   margin-top:0px;
   border: none;
}
.lang_table td {
   width: 27px;
   margin: 0px;
   padding: 0px;
   height: 20px;
   color: #ffffff;
   text-align: center;
   border: none;
   font-size: 12px;

}

.lang_table td a, .lang_table td a:visited{
   /*line-height: 15px;*/
   /*padding:  5px  5px  5px  5px;*/
   font-weight: normal;
	 font-style: normal;
   text-decoration: none;
   color: #ffffff;
}

.lang_table td.curr_lang {
   color: #000000;
   background-color: #ffffff;
}

.lang_table td.curr_lang a {
   color: #000000;
   background-color: #ffffff;
}
/*=======END LANGUGE SELECTOR===========*/



/*============FOOTER=====================*/
.footer {
   position: absolute;
   bottom: 0px;
   width: 100%;
   background: #000000;
   /*clear: left;*/
   /*border: 1px solid red;*/
   height: 90px;
   /*display: inline;*/
}

.footer a {
   outline: none;
}

.footer img {
   border: none;
}

.footer_img1 {
   /*position: absolute;*/
   right: 0px;
   /*margin-left: 100px;*//*120px;*/

}

.footer_img2 {
   /*position: absolute;*/
   left: 0px;
   margin-left: 0px;
}

.footer_img3 {
   /*position: absolute;*/
   right: 0px;
   margin-left: 27px;
}

.footer_img4 {
  /* position: absolute;*/
   margin-left: 17px;
}

.about {
   /*position: absolute;*/
   /*margin-top: 72px;*/
   width: 100%;
   color: #333333;
   text-align: center;
   font-size: 10px;
   /*-border: 1px solid blue;*/
   background: #000000;

}

.about a {
   color: #333333;
   text-decoration: none;
}

.about a:hover {
   color: #ffffff;
}

.footer_table {
   border-collapse: collapse;
   width: 100%;
}

.footer_table tr.footer_table_tr {
   height: 63px;
   padding: 0px;
   margin-top:0px;
   border: none;
}

.footer_table tr td {
   border: none; /*1px solid white;*/
}

.footer_table tr td {
   padding: 0px;
   margin-top:0px;
}

.footer_table tr td.footer_table_td1 {
   width: 236px;
   text-align: right;
}

.footer_table tr td.footer_table_td5 {
   width: 182px;
}
/*============END FOOTER=====================*/

/*============FILMI NA FRONT PAGE============*/
.post_table td{
   width: 252px;
   padding-left: 22px;
   padding-top:0px;
   margin-top: 0px;
   font-size: 12px;
}

.post_table .index_post_1{
   padding-left: 0px;
}

.post_table h1 a, .single_table h1 a, .page h1 a{
   font-size: 30px;
   color: #ffffff;
   margin-top: 0px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}

.page, .page h1, .page h1 a {
   margin-top:0px;
   padding-top: 0px;
}

.page h1 a.puscica {
   font-size: 20px;
}

/*.page h1 a { border: 1px solid white; }*/

a.more-link,  a.more-link:hover, a.more-link:visited{
   color: #ffffff;
   text-decoration: none;
}

.single_post_1 h1, .single_post_1 h1 a {
   font-size: 30px;
   color: #ffffff;
   margin-top: 0px;
   font-weight: normal;
	 font-style: normal;
   text-decoration: none;
   padding-top:0px;
}

.single_post_1 {
   padding-left: 20px;
}

.single_post_img1 {
   width: 252px;
}

.single_post_img1 img{
   margin-bottom: 20px;
}

.film_img img {
   border: none;
   width: 252px;
}

.film_img a, .film_img a:visited {
   text-decoration: none;
}

.bel_tekst p span{
   color: #000000;
   background-color: #ffffff;
   font-weight: bold;
   padding-left:2px;
   padding-right:2px;
}
/*============END FILMI NA FRONT PAGE============*/

/*==========MENU===============*/
.menu {
   position: absolute;
   /*bottom: 0px;*/
   top: 197px;
   right: 0px;
   width: 480px;
   background: #000000;
   color: #ffffff;
   height: 30px;
   z-index:25;
}

#menu-wrap, #menu-wrap ul {
	background-color: #000000;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12.75px;
	font-weight: normal;
	font-style: normal;
  text-transform: lowercase;
}

#menu-wrap ul a, #menu-wrap ul a:visited {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12.75px;
	font-weight: normal;
	font-style: normal;
	padding:  0px  8.5px  0px  8.5px;
  margin: 0px 2px 0px 2px;
	line-height:  25px;
  border: none;
  text-transform: lowercase;
  background-color: #000000;
}

#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active {
	color: #000000;
  background: #fffffe;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12.75px;
	font-weight: normal;
	font-style: normal;
  text-transform: lowercase;
}



#menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12.75px;
	font-weight: normal;
	font-style: normal;
  text-transform: lowercase;
}

#menu-wrap li.selected_page, #menu-wrap, #cms-nav-top-menu {
   background-color: #000000;
}

#menu-wrap {
	height:  25px;
  top: 5px;
  left: 5px;
  width: 475px;
}
/*==========END MENU===============*/

/*==========PHOTOGALLERY===========*/
.ngg-albumoverview {
   margin-left:-2px;
}

.ngg-album-0 {
    height: 100%;
    padding: 0px;
    margin-bottom: 5px;
    border: 0px solid #fff;
    width: 402px;
    float: left;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album-0 {
    overflow:hidden;
    padding: 0px;
    margin-bottom: 5px;
    border: 0px solid #cccccc;
    float: left;
    width: 402px;
}

.ngg-album-1 {
    height: 100%;
    padding: 0px;
    margin-bottom: 5px;
    border: 0px solid #fff;
    width: 400px;
    right: 0px;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album-1 {
    overflow:hidden;
    padding: 0px;
    margin-bottom: 5px;
    border: 0px solid #cccccc;
    right: 0px;
    width: 400px;
}

.ngg-albumtitle {
  text-align: left;
  font-weight: normal;
  margin:0px;
  padding:0px;
  padding-top:4px;
  font-size: 12.75px;
  margin-bottom: 10px;
}

.ngg-albumtitle a {
   font-weight: normal;
   text-decoration: none;
   color: #ffffff;
   font-size: 12.75px;
}

.ngg-description {
  text-align: left;
  font-size: 12.75px;
  font-weight: normal;
  text-decoration: none;
}

.ngg-thumbnail img {
  background-color:#000000;
  border:1px solid #000000;
  margin:0px 0px 4px 0px;
  padding:2px;
  position:relative;
}

.ngg-thumbnail img:hover {
  background-color: #ffffff;
}

.ngg-gallery-thumbnail img {
  background-color:#000000;
  border:1px solid #000000;
  margin:0px 0px 0px 0px;
  margin-left: -2px;
  padding:2px;
  position:relative;
}

.ngg-gallery-thumbnail img:hover {
  background-color: #ffffff;
}

.ngg-gallery-thumbnail {
   margin-right: 10.2px;
}

.ngg-gallery-thumbnail-box {
  /*border: 1px solid red;*/
  /*margin-right: 3px;*/
}
/*==========END PHOTOGALLERY===========*/


/*==========POVEZAVE===========*/
.povezave  {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.povezave a, .povezave a:visited{
   font-weight: bold;
	 font-style: normal;
   text-decoration: none;
   color: #ffffff;
   font-size: 13px;
   line-height: 20px;
}
/*==========END POVEZAVE===========*/

a, span a:hover, span a:visited {
   font-weight: normal;
	 font-style: normal;
   text-decoration: none;
   color: #ffffff;
}