/*
Theme Name: 677 Uspomene
Theme URI: http://bhremembrances.com/
Version: 1.0
Author: Fabio Venni
Author URI: http://antanix.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

hmtl, body, div, span, h1, h2, h3, h4, h5, p, blockquote, ul, li, dl, dt, dd, ol, img {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
  height: 100%;
}

body {
	font-size: 62.5%;
	font: normal 10pt/1.5em Helvetica, Arial, Sans-Serif;
	background: #111;
	color: #333;
	text-align: left;
}

a {
  color: #fe0;
  text-decoration: none;  
}
a:hover {
  color: white;
}
a.post-edit-link {
  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
}
a.post-edit-link:hover {
  color: #fe0;
}
#world {
  width: 960px;
  height: 660px;
  position: relative;
  margin: 0 0 50px 50%;
  top: 20px;
  left: -480px;
  background: #333 url(image/image1.jpg) center center no-repeat
}
.page-id-3  #world {background-image: url(image/image11.jpg)} /* Synopsis */
.page-id-7  #world {background-image: url(image/image4.jpg) } /* Treatment */
.page-id-10 #world {background-image: url(image/image9.jpg) } /* Director */
.page-id-13 #world {background-image: url(image/image5.jpg) } /* Cast */
.page-id-15 #world {background-image: url(image/image10.jpg)} /* Trailer */
.page-id-18 #world {background-image: url(image/image12.jpg)} /* Gallery */
.page-id-21 #world {background-image: url(image/image7.jpg) } /* Credits */
.page-id-23 #world {background-image: url(image/image6.jpg) } /* Contacts */
#bih {
  width: 100%;
  float: left;
}
#antani {
  position: absolute;
  top: 0;
  background: url(image/black-80.png) left top repeat;
  width: 630px;
  height: 130px;
}
#message-board {
  position: absolute;
  top: 0;
  right: 0;
  width: 304px;
  min-height: 106px;
  max-height: 106px;
  overflow: hidden;
  padding: 12px;
  font-size: 11px;
  line-height: 1.3em;
  background: url(image/yellow-80.png) left top repeat;
}
#message-board h3 {
  font-size: 16px;
}
#message-board h3 + .news {
  margin-top: .7em;
}
#message-board .news {
  margin-bottom: .5em;
}
#navigation {
  position: absolute;
  left: .6em;
  bottom: .5em;
  list-style-type: none;
}
#navigation li {
  color:#FFEE00;
  display:block;
  float:left;
  margin-right:0.4em;
}
#navigation li a {
  color:white;
  display: block;
  font-size:14px;
  font-weight:bold;
  padding: 0 .3em;
  text-transform: lowercase;
}
#logo h2 a,
#navigation li a:hover {
  color: #fe0 !important;
}
#navigation li.current_page_item a:hover,
#navigation li.current_page_item a {
  background-color: #fe0 !important;
  color: black!important;
  -moz-border-radius:0.2em;
  -webkit-border-radius:0.2em;
}
#logo h2 a:hover{
  color: white !important;
}
#logo {
  text-align: center;
  position: absolute;
  top: .8em;
  left: .8em;
}
#logo h2 {
  font-size: 35px;
  color: #fe0;
  line-height: 1em;
  text-transform: uppercase;
}
#logo h3 {
  font-size: 16px;
  margin-top: .3em;
  color: #fe0;
  line-height: 1em;
}
#logo div {
  color: #bbb;
  font-weight:bold;
  font-size: 12px;
  margin-top: .3em;
}
#content {
  bottom: 12px;
  left: 12px;
  font-size:11px;
  color: white;
  line-height:1.3em;
  background: url(image/black-80.png) left top repeat;
  height: 126px;
  position:absolute;
  width:470px;
  padding: 15px;
  -moz-border-radius:0.3em;
  -webkit-border-radius:0.3em;
}
#meat {
  height:300px;
  overflow:hidden;
  position:absolute;
  width:470px;
}
#meat .post h3 + p {
  margin-top: .5em;
}
#meat .post h1 + div {
  margin-top: 1em;
}
#meat .post p {
  margin-bottom:0.5em;  
}
#meat .post ol {
  padding-left: 30px;
}
#meat .post ol li {
  margin-bottom:0.3em;  
}
#meat .post h3 {
  font-size: 13px;
  color: #fe0;
}
.home #content,
.home #meat {
/*
  height:230px;
  width: 280px;
*/
height:350px;
width:450px;
}
.page-id-3 #content,
.page-id-3 #meat { /* Synopsis */
font-size:13px;
height:450px;
width:900px;
}
.page-id-3 #message-board { /* Synopsis */
  display: none;
}
.page-id-7 #content,
.page-id-7 #meat { /* Treatment */
font-size:13px;
height:275px;
width:900px;
}
.page-id-10 #content,
.page-id-10 #meat { /* Director */
font-size:13px;
height:450px;
width:900px;
/*  height:230px;
  width:470px;
*/}
.page-id-23 #content,
.page-id-23 #meat { /* Contact */
  height:145px;
  width:340px;
}
.page-id-23 #meat .post h1 + div {
  margin-top: 2em;
  width: 340px;
}
#daCast {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 304px;
}

#daCast ul {
  list-style-type: none;
}
#daCast ul li {
  display: inline;
}
#daCast ul li a {
  display: block;
  padding: .3em .5em;
  background: url(image/black-80.png) left top repeat;
  margin-bottom: 3px;
  font-weight: bold;
}
#daCast ul li a.active,
#daCast ul li a:hover {
  background: #222 !important;
  color: white;
}
.page-id-21 #content,
.page-id-13 #content{
  background: none;
  padding: 0;
}
.page-id-21 #content h3,
.page-id-13 #content h3 {
  font-size: 15px;
}
.page-id-21 #content div.dioporco,
.page-id-13 #content div.dioporco {
  background: url(image/black-80.png) left top repeat;
  padding: 12px;
  margin-bottom: 1em;
  height:250px;
  line-height:1.4em;
  font-size: 13px;
  -moz-border-radius:0.2em;
  -webkit-border-radius:0.2em;
}
.page-id-21 #content div.dioporco strong,
.page-id-13 #content div.dioporco strong {
  color: #fe0;
}
.page-id-21 #content,
.page-id-13 #content,
.page-id-21 #meat,
.page-id-13 #meat { /* Cast */
  height:274px;
  width:606px;
}
.page-id-15 #content { /* Trailer */
  padding: 0;
  left: 50%;
  margin-left: -350px;
  background: none;
  bottom: 20px;
}
.page-id-15 #content,
.page-id-15 #meat { /* Trailer */
  height:475px;
  width:700px;
}
.page-id-15 #meat h1 { /* Trailer */
  display: none;
}
.page-id-23 #meat .vcard {
  width: 50%;
  float: left;
}
.page-id-7 #meat h3 { /* Treatment */
  text-transform: lowercase;
}
.home #meat .post h3 {
  margin:1em 0;
}
.home #meat .post dl {
  width: 450px;
  float: left;
  border-bottom: 1px solid #333;
}
.home #meat .post dt {
  width: 160px;
  float: left;
  padding: .2em 0;
  border-top: 1px solid #333;
}
.home #meat .post dd {
  width: 290px;
  float: left;
  padding: .2em 0;
  border-top: 1px solid #333;
}
#content h1 {
  color: #fe0;
  font-size: 18px;
  margin-bottom: .3em;
}
#content .post {
  position: absolute;
  padding: 5px 0;
  width: 100%;
  height: 10000px;
}
#gallery {
  bottom: 12px;
  left: 12px;
  font-size:11px;
  color: white;
  line-height:1.3em;
  background: url(image/black-80.png) left top repeat;
  height: 126px;
  position:absolute;
  width: 936px;
  -moz-border-radius:0.3em;
  -webkit-border-radius:0.3em;
}
#gallery #meat {
  height:126px;
  overflow:hidden;
  position:absolute;
  width:936px;
}
#gallery h1 {
  color: #fe0;
  font-size: 18px;
  margin-bottom: .3em;
}
#gallery img {
  display:block;
  float:left;
  margin:4px;
  padding: 0;
  width:104px;
  cursor: pointer;
  border: 2px solid transparent;
  -moz-border-radius:0.2em;
  -webkit-border-radius:0.2em;
}
#gallery img.active,
#gallery img:active,
#gallery img:hover {
  border-color: #eee;
}
#gallery .post {
  position: absolute;
  padding: 5px 0;
  width: 2060px;
  left: 4px;
}
#content .post .items,
#gallery .post .items {	
	position:absolute;
	margin: 0px;
}
#gallery a#nextPic,
#gallery a#prevPic {
	font-size:11px;		
	cursor:pointer;
	color:#666;
  position: absolute;
  display: block;
  width:27px;
  height:30px;
  top:48px;
  left: -8px;
}
#gallery a#nextPic span,
#gallery a#prevPic span {
  display: none;
}
#gallery a#nextPic {
  left: 917px;
  background: url(image/next.png) center center no-repeat;
}
#gallery a#prevPic {
  background: url(image/prev.png) center center no-repeat;
}
#gallery a#nextPic:hover {
  background: url(image/next_on.png) center center no-repeat;
}
#gallery a#prevPic:hover {
  background: url(image/prev_on.png) center center no-repeat;
}
.disabled {
	visibility:hidden;		
}