/* 
Theme Name: No Home 
Theme URI: 
Description: No Home Theme. 
Author: Hernan Gauna & Pivettua
Author URI: 
Version: 0.1 
. 
General comments/License Statement if any. 
. 
*/  

body, html {margin:0;padding:0;font-family:Arial;font-size:9px;}
body {background: url('images/main-background-pattern.png');background-attachment:fixed;}
img {border:0;}
#mainContainer {margin:0 auto;width:1060px;max-width:100%;position:relative;display:none;}
/*.text {position:absolute;width:195px;left:185px;top:300px;display:none;}*/
.text {position:absolute;width:39%;left:0;top:300px;display:none;margin-left:10.5%}
/*#videosContainer {background-color:;width:280px;float:right;margin-right:260px;font-size:1.2em;}*/
#videosContainer {width:30%;font-size:1.2em;margin:0 5%;display:inline-block;}
.video {background:#e2e2e2 url('images/video-pattern.png');width:200px;padding:8px;margin:10px auto;-moz-box-shadow: 2px 2px 2px #999;-webkit-box-shadow: 2px 2px 10px #999;box-shadow: 2px 2px 10px #999;url('images/video-pattern.png');/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=215, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=215, Color='#999999');}
.rounded {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(border-radius.htc);}
h2, h1 {font-family:'BebasNeueRegular','Helvetica Condensed','Impact','Arial Narrow','Arial';color:#1A1A1A;font-weight:normal;text-transform:uppercase;margin:0;}
h2 a, h1 a {text-decoration:none;color:#1A1A1A;}
h2 {font-size:2.3em;line-height:0.9em;}
.odd:hover , .even:hover {background: url('images/stripe-hover.png');}
.video:hover h2 a {color:#FFFFFF;}
.video:hover li.year {color:#000000;}
.video:hover li {color:#FFFFFF;}
.video a {display:block;}
#header, #navMenu {display:inline-block;vertical-align:top;position:relative;}
/*#header {margin:0 15px 0 180px;height:100%;}*/
#header {margin:0 0 0 10%;position:relative;width:39%;}
.header-wrapper{position:fixed;}
#header h1 {font-size:7.5em;padding:0;margin:140px 0 0 0;line-height:0.7em;display:block;vertical-align:text-bottom;text-shadow:1px 1px 1px #000;}
#header p {padding:0;margin:0 0 2em 0.1em;text-transform:uppercase;font-size:2.5em;font-family:'BebasNeueRegular','Arial'}
#navMenu ul {padding:0;margin:0 0 0 0.5em;}
#navMenu li {list-style-type:none;padding:0.5em 0;}
#navMenu a {text-decoration:none;color:#CCC;text-transform:uppercase;padding:0.4em 1.5em 0.4em;background-color:#000;display:block;}
ul {padding:0;margin:0;}
li {list-style-type:none;padding:0;margin:0;}
.year {font-family:'BebasNeueRegular','Impact','Arial';font-size:1.7em;color:#480048;font-weight:normal;letter-spacing:0em;}
li {text-transform:uppercase;letter-spacing:0em;font-size:1em;color:#666;}
.singleVideo h2 {font-size:4em;}
.singleVideo ul {padding:0;margin:0;}
.singleVideo li {list-style-type:none;padding:0;margin:0.2em 0;}
/* Styles for landing pages single-whatever.php */
/*.singleContent {margin:200px 0 0 385px;}*/
.singleContent{width:30%;margin:140px 5% 0;display:inline-block;}
#footer {position:absolute;bottom:0;margin-left:10.5%;}
/*Simple Modal*/
#simplemodal-overlay {background-color:#FFFFFF;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7;}
#simplemodal-container {color:#999;font-size:1.2em;}
#simplemodal-container a {text-decoration:none;color:#666;}
.simplemodal-close {text-transform:uppercase;font-size:2.5em;float:right;clear:both;font-weight:bold;color:#999;cursor:pointer;font-family:'BebasNeueRegular','Impact','Arial';position: absolute;left: -3em;}
.simplemodal-wrap {clear:both}
/*Scrollable*/
.scrollable {
/* required settings */
	position:relative;
	overflow:hidden;
	width: 280px;
	height:100%;
}
/* root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	height:100%;
	position:absolute;
}

/* Contact Form */
.wpcf7-form{width:300px;}
form span {width:300px;}
input, textarea {width:100%;background-color:#EEE;border:1px solid #DDD;font-size:10px;}
input.wpcf7-submit {background-color:#000;color:#CCC;text-transform:uppercase;border:0;width:50px;padding:0.5em;float:right;margin-right: -4px;font-size:9px;}