/*
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 Helvetica, Arial, Sans-Serif;
	background: black;
	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;
  margin: 0 auto 50px auto;
  background-color: black;
/*  background: #333 url(image_/image1.jpg) center center no-repeat; 
  box-shadow: 0 1px 10px rgba(0,0,0,.5);
*/
}
/*
.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 */
.page-id-450 #world {background-image: url(image_/image71.jpg) } /* Blog */
*/
#bih {
  width: 100%;
  float: left;
}
#antani {
  position: absolute;
  top: 3px;
  left: 3px;
  background: url(image/black-80.png) left top repeat;
  width: 627px;
  height: 130px;
  border-radius: .3em;
}
#message-board {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 300px;
  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;
  border-radius: .3em;
}
.page-id-23 #message-board,
.home #message-board {
  display: block;
}
#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: 5px;
  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: 10px;
  left: 18px;
}
#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: 3px;
  left: 3px;
  font-size:14px;
  line-height: 1.3;
  color: white;
  background: url(image/black-80.png) left top repeat;
  position:absolute;
  width:914px;
  padding: 20px;
  -moz-border-radius:0.3em;
  -webkit-border-radius:0.3em;
}
#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: 14px;
  color: #fe0;
}
.page-id-3 #message-board { /* Synopsis */
  display: none;
}
.page-id-23 #content,
.page-id-23 #meat { /* Contact */
  width:340px;
}
.page-id-23 #meat .post h1 + div {
  margin-top: 1em;
  width: 340px;
  font-size: 15px;
}
#daCast {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 324px;
	padding-left: 633px;
}

#daCast ul {
  list-style-type: none;
}
#daCast ul li {
  display: inline;
}
#daCast ul li a {
  display: block;
  padding: 10px;
  background: url(image/black-80.png) left top repeat;
  margin-top: 3px;
  font-weight: bold;
  border-radius: .3em;
}
#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: 3px;
  line-height:1.4em;
  font-size: 13px;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  float: left;
}
.page-id-21 #content div.dioporco strong,
.page-id-13 #content div.dioporco strong {
  color: #fe0;
}
.page-id-15 #content { /* Trailer */
  padding: 0;
  left: 50%;
  margin-left: -350px;
  background: none;
  bottom: 0;
}
.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 h2 {
  color: #fe0;
  font-size: 15px;
  margin-bottom: .3em;
}
.page-id-7 #content h2 {
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #fe0;
}
#content .post {
  padding: 5px 0;
  width: 100%;
}
#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 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;
}
#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;		
}
.page-template-blog-php #content {
	width: 586px;
  height: 415px;
}
.page-template-blog-php #meat {
	width: 576px;
}
.page-template-blog-php #meat .post {
  position: relative;
  height: auto;
  padding: 0;
}
.page-template-blog-php #meat .post + .post {
	border-top: 1px solid #fe0;
  margin-top: 1em;
  padding-top: 1em;
}
.page-template-blog-php #meat .post h2 {
  margin-bottom: 6px;
}
.page-template-blog-php #meat .post p {
  line-height: 1.5em;
  margin: 0 0 .5em 0;
}
.entry-meta, .entry-utility {
  font-size: 12px;
}
.page-template-blog-php #meat .post p:last-child {
  margin: 0;
}
.page-template-blog-php #meat .entry-content {
  margin: .5em 0;
}
.page-template-blog-php #message-board {
  display: none;
}
.post blockquote {
  font-size: 15px;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  word-spacing: .25em;
  padding: 1em;
  margin: 1em 0;
  border-top: 1px solid yellow;
  border-bottom: 1px solid yellow;
  text-align: center;
}
.post .quote-author {
	display: block;
  font-family: Helvetica, serif;
	font-size: 11px;
	font-style: normal;
  word-spacing: 0;
	margin-left: 60%;
	margin-right: 10%;
	margin-top: 10px;
	width: 30%;
}
.page-id-21 #content,
.page-id-13 #content,
.page-id-21 #meat,
.page-id-13 #meat {
	width: 627px;
	height: 360px;
	position: absolute;
}
.page-id-21 #content,
.page-id-13 #content {
  top: 3px;
}
.page-id-13 #meat {
	overflow: hidden;
	position: absolute;
  top: 0;
}
.page-id-13 #content .post {
	height: 10000px;
	padding: 0;
	position: absolute;
	width: 100%;
}
.page-id-18 #content .post .items, 
.page-id-18 #gallery .post .items,
.page-id-13 #content .post .items, 
.page-id-13 #gallery .post .items {
	margin: 0;
	position: absolute;
}
.dioporco img {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
#cast {
	height: 72px;
	left: 3px;
	padding: 10px;
	position: absolute;
	top: 136px;
	width: 934px;
	border-radius: .3em;
  background: url("image/yellow-80.png") repeat scroll left top transparent;
}
#cast h1 {
  font-size: 18px;
  color: black;
  margin-bottom: .5em;
}
#cast p {
  color: black;
  font-size: 14px;
}
#gallery #meat {
    height: 126px;
    overflow: hidden;
    position: absolute;
    width: 936px;
}
.page-id-450 .page-item-450 a {
  background-color: #FE0 !important;
	border-radius: .2em;
	color: black !important;
}
#message-board-2 {
	width: 240px;
	float: right;
	color: #ddd;
	font-size: 14px;
	line-height: 1.2;
	height: 400px;
	margin: 30px auto;
	padding:10px;
	border-top: 4px solid #222;
	border-bottom: 4px solid #222;

}
#message-board-2 img {
  padding: 0 50px 10px 50px;
  margin: 0 0 0;
  display: block;
}
#message-board-2 h3 {
  display:none;
	font-weight: bold;
	font-size: 15px;
	margin-bottom:.5em;
	color: #dcae59;
	text-align:right;
}
#message-board-2 h4 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom:.25em;
	color: #dcae59;
}
#message-board-2 .news {
	font-size: 13px;
	margin-bottom:.5em;
	padding-left: 5px;
  -webkit-text-shadow: 0 1px 1px black;
     -moz-text-shadow: 0 1px 1px black;
          text-shadow: 0 1px 1px black;
}
#message-board-2 iframe {
  width: 230px !important;
  margin: 5px !important;
}
#synopsis {
  float: left;
  border-top: 4px solid #222; 
  border-bottom: 4px solid #222;
  padding: 15px;
	color: black /*#dcae59*/;
	width: 670px;
	height: 390px;
	overflow: auto;
	margin: 30px auto;
	line-height: 1.2;
	font-size: 17px;
	text-align: left;
	margin-bottom: 40px;
	letter-spacing: .06em;
	background:url(/image/image20.jpg) -95px -40px no-repeat;;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#synopsis em {
  font-style: normal;
  font-weight: normal !important;
  font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif
}
#synopsis strong {
	font-family: Helvetica, Arial, sans-serif;
}
#synopsis p {
  margin-bottom: 1em;
	margin-right: 270px;
}
#synopsis p:last-child {
  margin-bottom: 0;
}