/*
Theme Name: Amapola Films
Theme URI: http://www.amapolafilms.es/
Description: Amapola Films
Version: 1.0
Author: Jorge Bernal
Author URI: http://www.jorgebernal.info/
*/

/* @override 
	http://amapola.42foo.com/wp-content/themes/amapola/style.css
	http://www.amapolafilms.es/wp-content/themes/amapola/style.css
*/

/* @group reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* @end */

/* @group text.css */
body{font:12px/1.4 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}
/* @end */

/* @group Grid layout */
#content,#hwrap,#footer{margin-left:auto;margin-right:auto;width:915px;}
.container_12 { height: 1024px; }
.block1,.block2,.block3,.block4{display:inline;float:left;position: relative;margin:15px 15px 0 0;min-height: 210px; background: #fff; color: #000;}
.block1{width:210px}
.block2{width:435px}
.block3{width:660px}
.block4{width:885px}
.block1.half,.half,.compressed.half,.compress.half{min-height: 98px; height: 98px; margin-bottom: 0px;}
.dh{min-height: 435px;}
.th{min-height: 660px;}
.blank.dh {
  margin: 0;
  margin-right: 15px;
}
.alpha.blank.dh { margin-right: 30px; }
.dh .alpha { margin-left: 0; margin-right: 0;}
.alpha.dh .alpha { margin-left: 15px; margin-right: 30px; }
.alpha.inplace{margin-left:0}
.scrolled{overflow: auto; height: 210px;}
.compressed{height: 210px; overflow: hidden;}
/*
.compressed:hover {height: auto;}
.compressed:hover .more {display: none;}
*/
.compressed .more{position:relative; top: 175px; margin-bottom: -35px; height: 20px; background: transparent url(images/compressedbg.png) repeat-x bottom center;}
.half.compressed .more{top: 63px;}
.block1 div,.block2 div,.block3 div,.block4 div{margin:15px;margin-bottom:0;}
.alpha{margin-left:15px}
.omega{margin-right:0}
.blank{background: transparent;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
/* @end */

/* @group Main layout */
body { background: #9ba9a7;}
#background, #backgroundlow {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -1;
}
#backgroundlow { z-index: -2; }
#header, #content, #footer {
  background: #000;
  color: #fff;
  margin-top: 40px;
}
#header {
  margin-top: 40px;
  height: 40px;
}
#content, #footer {
  padding-bottom: 10px;
/*  background-color: rgba(0,0,0,0.5);*/
  background: transparent url(images/bg5.png) repeat top left;
}
#overlay {
  background: transparent url(images/bg8.png) repeat top left;
}
#logo {
  margin-top: 13px;
  margin-left: 30px;
  margin-bottom: 0;
  float: left;
}
#logo, #logo a {
  width: 141px;
  height: 14px;
  display: block;
  background: url(images/logo.png) no-repeat top left;
  text-indent: -999em;
}
#footer {
  color: #fff;
  min-height: 0;
  margin-top: 10px;
}
#footer div {
  margin: 10px 15px 0;
  font-size: 10px;
}
#footer a {
  color: inherit;
  text-decoration: none;
}
#footer .left {
  float: left;
}
#footer .right {
  float: right;
}
/* @end */

/* @group Side Menus */

.side {
  background: #58574B;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 11px;
}
.side .sep {
  border-top: 3px solid #fff;
  padding-top: 10px;
}
.side .second {
  margin-top: 50px;
}
.side .space {
  padding-top: 10px;
}
.side .notfirst {
  margin-top: 48px;
}
.side h2 {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.side li { list-style: none; margin: 0; padding: 0;}
.side li a,
.side h2 a,
.side a,
.side .video {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.side .video {
  border-top: 1px solid #a79e97;
  color: #a79e97;
  display: block;
  margin-top: 50px;
  padding-top: 10px;
  padding-bottom: 8px;
  background: transparent url(images/li.png) no-repeat center left;
  padding-left: 12px;
}
/* @end */

/* @group Top Menu */
#menu {
  width: 660px;
  margin-left: 70px;
  margin-top: 8px;
  margin-bottom: 11px;
}
#menu, 
#menu li {
  float: left;
  list-style: none;
}
#menu li {
  width: auto;
  text-align: center;
  margin-left: 45px;
  margin-right: 0;
}
/* Home link */
#menu li.page-item-3 {
  text-align: left;
  margin-left: 0;
}
/* Contact link */
#menu li.page-item-122 {
  text-align: right;
  margin-right: 0;
  margin-left: 0;
  width: 79px;
  float: right;
}
#menu li a {
  font-weight: bold;
  font-family: Helvetica Bold, Helvetica, sans-serif;  
}
#menu li a,
#submenu li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 28px;
  font-size: 12px;
}
#menu li.current_page_item a,
#menu li.current_page_ancestor a {
  color: #6D6E71;
}
#menu li a:hover {
  padding-bottom: 3px;
}
#menu li a:hover {
  border-bottom: 4px solid #ED1C24;
}
#submenu {
  clear: both;
  height: 25px;
  background: #58574B;
  color: #ffffff;
  margin-left: 240px;
  padding: 0 15px;
  font-size: 11px;
  line-height: 25px;
}
#submenu li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#submenu li a {padding: 0 15px;}
#submenu li:after {content: "  //";}
#submenu li.current_page_item a {
  font-weight: bold;
}
#submenu a {text-decoration: none; color: inherit; text-transform: uppercase; font-weight: bold; padding: 0 10px;}
#submenu a:hover {color: #ccc;}
/* @end */

/* @group Home page */
.home #bamapola a,.home #bportfolio a{color: #000; height: 175px; display: block;}
.home #bamapola .sep,.home #bportfolio .sep{border-color: #000;}
.home #bamapola{background:url(images/bamapola.jpg) no-repeat top left;}
.home #bportfolio{background:url(images/bportfolio.jpg) no-repeat top left;}
/* @end */

/* @group News */
.entry h2, .entry h2 a {font-size: 14px; color: #000; text-decoration: none;}
.entry h2 { margin: 0;}
.entry .meta { margin-top: 0;}
/* @end */

/* @group Typograhy */
h2, h3 {font-size: 1em; font-weight: bold; text-transform: uppercase;}
/* @end */

/* @group Floating header */
/*#hwrap{position:fixed;top:0;width:100%;}#content{margin-top:80px;}#header{position:relative;z-index:10;}#wpabar{display:none;}*/
/* @end */

/* @group Content */
a { color: #333; text-decoration: none;}
p.sep { border-top: 1px dotted #000; padding-top: 10px;}
.imgblock blockquote { margin: 10px 10px -200px; padding: 10px; position: relative; top: -210px; background: #fff;}
.half.imgblock blockquote { margin: 10px 10px -83px; top: -98px; }
.imgblock blockquote q { font-style: italic; display: block;}
#videoplayer { position: fixed; height: 551px; width: 885px; margin: 15px 0 0 15px; z-index: 20; background-color: rgba(0,0,0,1); display: none;}
.shortfilm embed, .shortfilm object { padding-top: 55px; }
.videoclose { display: block; float: right; font-size: 16px; text-indent: -999em; margin-top: -17px; margin-right: -17px; width: 34px; height: 34px; color: #eee; text-decoration: none; z-index: 30; background: url(images/close.png) no-repeat top left; }
.block3.map div, .map p { margin: 0}
.links {font-size: 0.9em; word-spacing: 0.5em;}
.links a {color: #333; text-decoration: none; text-transform: uppercase; word-spacing: 0.25em}
.links a:hover {color: #666; text-decoration: underline; }
.side a:hover {color: #ccc; text-decoration: underline; }
.lowercase, .side .lowercase {text-transform: none;}
.staff {margin-left: 240px;}
/* @end */