/*==========================================================================
 _      _                                          
| |    (_)                                         
| |     _   ___   _ __ __      __ __ _  _   _  ___ 
| |    | | / _ \ | '_ \\ \ /\ / // _` || | | |/ __|
| |____| || (_) || | | |\ V  V /| (_| || |_| |\__ \
\_____/|_| \___/ |_| |_| \_/\_/  \__,_| \__, ||___/
                                         __/ |     
                                        |___/      

Manpower - the Film CSS document
Developed by Lionways.com
September 2014

==========================================================================*/

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
		
		
		
#debug{color:#fff; font:bold 11px Arial,Helvetica,sans-serif; left:2px; position:fixed; text-shadow:1px 1px 4px #000000; top:2px; z-index:500; direction:ltr;}

/*::-moz-selection{background:#b3d4fc; text-shadow:none;}
::selection{background:#b3d4fc; text-shadow:none;}*/

/*
font face
*/
@font-face {
    font-family: 'open_sans_hebrewbold';
    src: url('../fonts/opensanshebrew-bold-webfont.eot');
    src: url('../fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensanshebrew-bold-webfont.woff') format('woff'),
         url('../fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensanshebrew-bold-webfont.svg#open_sans_hebrewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_hebrewregular';
    src: url('../fonts/opensanshebrew-regular-webfont.eot');
    src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'),
         url('../fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {direction:rtl;}
body{font:.86em/1.438em open_sans_hebrewregular, Arial, Helvetica, sans-serif; background-color:#849aa7; color:black; direction:rtl;}

h1,h2,h3,h4{font-weight:normal; font-family:open_sans_hebrewbold;}
a{text-decoration:none; transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out;}
b, strong{font-weight:normal; font-family:open_sans_hebrewbold;}

blockquote {
	margin: 0;
	padding: 0 50px 20px 0;
	quotes: "\201C""\201D""\2018""\2019";
	position:relative;
	color: #c6d0de;
}
blockquote:before {
	content: "\201D";
	font-family: Georgia, serif;
	font-size: 5em;
	font-weight: bold;
	color: #5c6674;
	position: absolute;
	right: 0px;
	top:21px;
}
blockquote p{margin:0 0 5px;}
blockquote a{color:white;}
blockquote .info{color:#b86867; margin:0;}

.wrapper{position:relative; margin:0 auto; max-width:1200px; background:url(../images/bg640.jpg) top center no-repeat;}
.page{width:90%; margin:0 5%; overflow: hidden; position:relative;}

header img{display:block; width:100%; height:auto;}
.gum-showing{margin:0 auto; padding:10px 0; width:37.5%; max-width:130px;}
.film-maker{margin:0 auto; padding:5px 0; width:28%; max-width:130px;}
h1{margin:0 auto; padding:0 0 10px; width:100%;}
.release-date{font:1.2em/1em open_sans_hebrewbold; color:#18262b; margin-bottom: 20px;}
.facebook{position:absolute; top:0; left:0; margin-left: -8px;}
.facebook a img{opacity:1;}
.facebook a:hover img{opacity:.7;}
.critic-quotes{display:none;}

.video-cont{position:relative; padding-top:56.25%; margin:0;}
.video-cont iframe{width:100%; height:100%; position:absolute; left:0; top:0; display:block; border:none;}

.main-content{background:url(../images/text-bg.jpg) top center no-repeat; padding:10px 5%; margin-bottom: 20px; text-shadow: 2px 2px 5px black;}
.main-content p{color:white; font-family:open_sans_hebrewbold;}

.tickets{padding:20px 0;}
.tickets h4{text-align:center; color:#18262b; margin:0 0 10px; font-size:1.5em;}
.tickets ul{list-style:none; margin:0; padding:0; text-align:center;}
.tickets li{list-style:none; display:inline-block; margin:8px 2px; padding:0;}
.tickets a{padding:6px 10px; color:white; background-color:#571514; font-family:open_sans_hebrewbold;}
.tickets a:hover{background-color:white; color:#571514;}

.social{background:#4d6879 url(../images/bg640.jpg) top center no-repeat; padding:20px 0;}
.social ul{list-style:none; margin:0; padding:0; text-align:center;}
.social li{list-style:none; display:inline-block; margin:10px 8px; padding:0;}
.social a{padding:4px 8px; color:white; background-color:#395363; font-family:open_sans_hebrewbold; font-size:86%;}
.social a:hover{background-color:#2c4352;}

footer{background-color:#293545; color:#5d7088; padding:20px 0; text-align:center; font-size:86%;}
footer a{color:#9cadc3;}
footer a:hover{color:#c4d0e1;}
footer .contact-info span{display:block;}
footer .credits{margin-top:20px; font-size:80%;}

.misc{background-color:#293545; color:#5d7088; padding:20px 0; position:relative; overflow:hidden;}
.poster{margin:0 0 20px;}
.poster img{display:block; width:100%; height:auto;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width:600px) {
.wrapper, .social{background-image:url(../images/bg.jpg);}
.wrapper{background-position: center -180px;}
.facebook{top:8px;}
.gum-showing{padding:15px 0;}
.film-maker{padding:0 0 10px 0;}
.release-date{font-size:1.5em;}
h1{padding:10px 0;}
footer .contact-info span{display:inline; padding:0 20px;}
footer .credits{margin-top:20px; font-size:86%;}
.tickets h4{color:#18262b;}
.poster{float:left; width:40%; margin:0 20px 10px 0;}
}

@media only screen and (min-width:768px) {
body{font-size:1em;}
.tickets li{margin:10px 8px;}
.tickets h4{color:white;}
blockquote:before{top:26px;}
.facebook{display:none;}
.critic-quotes{display:table; position:absolute; top:12px; left:0; width:220px;}
.critic-quotes div{display:table-cell; vertical-align:top; text-align:center;}
.critic-quotes span{display:block; color:white; font-family: 'open_sans_hebrewbold';}
}

@media only screen and (min-width:1024px) {
.main-content{background-image:none; padding:20px 0; font-size: 110%;}
.poster{width:33%; margin-right:40px;}
.misc{padding:30px 0;}
.critic-quotes{width:320px; font-size: 120%; line-height: 1.2em;}
}

@media only screen and (min-width:1200px) {
.facebook{top:15px;}
.gum-showing{max-width: 167px; padding: 0; position: absolute; right: 0; top: 20px;}
.film-maker{padding:20px 0; max-width:163px;}
h1{padding:0;}

.release-date{font-size: 1.75em;}
.trailer {float: right; width:76%;}
.tickets{float:left; width:20%; padding:0;}
.tickets h4{color:#18262b; margin:0 0 10px;}
.tickets li{display:block; margin:9px 0; padding:0;}
.tickets a{display:block;}
.critic-quotes{width:380px; top:18px; font-size: 140%; line-height: 1.2em;}
}