/*
 * Globals
 * Created by David Breuer (WLP digital) 14/08/2014
 */

/* Fonts */
/* first for IE 4–8 */
@font-face {
  font-family: DINWebPro-Bold;
  src: url("../fonts/DINWebPro-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWebPro-Bold;
  src: url("../fonts/DINWebPro-Bold.woff") format("woff");
}




/* first for IE 4–8 */
@font-face {
  font-family: DINWebPro;
  src: url("../fonts/DINWebPro.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: DINWebPro;
  src: url("../fonts/DINWebPro.woff") format("woff");
}


/* Links */
a {
	 -webkit-transition: all .32s ease;
    -ms-transition: all .32s ease;
    transition: all .32s ease;
}
.left-content a {
	color:#9f7258 ;
}
.right-content a {
	color:#767676 ;
}
a,
a:focus,
a:hover {
 /* color: #000;*/
    text-decoration: none;
  /*font-size: 13px;
  line-height: 25px;*/
 /* -webkit-transition: opacity .32s ease;
    -ms-transition: opacity .32s ease;
    transition: opacity .32s ease;*/
}
h3 a:focus,
h3 a:hover {
     /*opacity: 0.7;
    filter: alpha(opacity=70);*/
	color:#000;
}
a:focus,
a:hover {
     opacity: 0.7;
    filter: alpha(opacity=70);
}
a.block {
	color:white;
	font-weight: bold;
	padding:  7px 10px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
  font-family: DINWebPro-Bold;
    color: #e5e5e5;
    font-size: 30px;
    margin-top: 27px;
    letter-spacing: 1.7px;
    margin-bottom: -10px;
	text-transform:uppercase;
	line-height: 30px;
}
h2 {
    font-family: DINWebPro-Bold;
	font-size: 27px;
	margin:0;
}
h3 {
    font-family: DINWebPro-Bold;
	font-size: 17px;
	margin:0;
}
/*
 * Base structure
 */

html,
body {
  height: 100%;
  background: #000 url('../images/white-brick-repeat.jpg') top center repeat;
  font-family: DINWebPro, sans-serif;
}
body {
  color: #000;
  text-align: center;
}
div.white {
    color: #e5e5e5;
    font-size: 11px;
	padding-top:10px;
}
div.black {
    color: #000;
    font-size: 10px;
    
}
.stars .black {
    font-size: 8px;
	padding-top:5px;
}
.lead {
    font-weight: 200;
    line-height: 23px;
    font-size: 20px;
	margin-top:25px;
	letter-spacing:1.5px;
}
.bottom-text {
    font-size: 17px;
    margin-top: 3px;
    letter-spacing: 3.5px;
    margin-left:10px;
    font-family: DINWebPro-Bold, sans-serif;
}
.out-now {
    font-size: 29px;
    margin-top: 15px;
    letter-spacing: 3.5px;
    margin-left:10px;
    font-family: DINWebPro-Bold, sans-serif;
}
p.screening {
    font-size: 23px;
    margin: 115px 0 5px;
    letter-spacing: 4px;
    margin-left:10px;
    font-family: DINWebPro-Bold, sans-serif;
}
.white {
	color: #fff;
	font-size: 16px;
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 1090px;
  background: url('../images/black-brick-header-repeat.jpg') top center repeat-x;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
    width: 980px;
    margin: 0px auto;
}

.cover-container .title {
	margin-top:17px;
}

.cover-container .float {
    float:left;
}
.cover-container .float.cover {
    width: 500px;
}
.cover-container .float.stars {
    width: 240px;
	text-align:center;
	margin-top:40px;
}
.masthead {
    padding-bottom: 10px;
}
.cover-container .cover > img {
    margin-top: 4px;
    margin-bottom: 25px;
}
.row-content {
	margin-top:-8px;
  	font-family: DINWebPro-Bold;
}
.left-content, .right-content, .center-content {
    float: left;
}
.left-content {
    width: 260px;
    padding: 0px 0px 0px 0px;
}
.left-content .lead {
    font-size: 19px;
	margin-bottom: 0px;
    font-family: DINWebPro-Bold, sans-serif;
}
.left-content .cinemas {
    line-height: 19px;
}
.left-content h3, .right-content h3 {
	margin: 5px 0 5px;
}
.left-content p, .right-content p {
	font-size: 13px;
}
.right-content {
    width: 260px;
    padding: 0px 0px 0px 0px;
}
.center-content {
    width: 460px;
	margin:35px 0 100px;
}
.center-content h2 {
	margin: 15px 0 7px;
}
.center-content h4 {
	font-size: 16px;
	margin: 15px 0 7px;
}
.center-content h5 {
	font-size: 20px;
	margin: 0px 0 15px;
}
.social > a {
    margin: 6px 2px;
    text-decoration: none;
}
.social > a > img {
    padding-top: 0px;
    -webkit-transition: opacity .32s ease;
    -ms-transition: opacity .32s ease;
    transition: opacity .32s ease;
}
.social > a:hover > img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.row-social {
	width: 242px;
	margin: 20px auto 0;
}

.row-social div {
	float: left;
}

.row-social div.twitter, .row-social div.facebook {
	width:65px;
	margin-top: 20px;
	text-align:center;
}

.row-social div.download {
	width:112px;
}

hr {
	border-top:2px solid #000;
	margin-bottom: 25px;
    margin-top: 15px;
}

ul, ol {
    margin: 0;
    padding: 0 15px;
}

li {
	padding-bottom:5px;
	font-size:13px;
}

p.includes {
	margin: 0 0 5px;
}

/* IE8 hack */
.ie8 h1 {
    letter-spacing: 1px;
}