/*
Lily in the Grinder
*/

body { background: black; color: #e5e5e5; font-family: 'UniversLTStd-UltraCn', sans-serif; letter-spacing: .015em;}

a { text-decoration: none; cursor: pointer; }

#beta {
position: absolute;
top: 5px;
right: 5px;
display: block;
background-color: #b30000;
padding: 5px;
text-align: center;
}

#beta a {
color: #e5e5e5;
text-decoration: underline;
}

#extras_bottom a {
color: #e5e5e5;
}

#top_quote { font-style: italic; text-align: center; font-size: 23px; margin: 15px 0 10px; color: #aaa;}

#quotetext { line-height: 1.3; font-style: italic; text-align: center; font-size: 23px; margin: 0 0 12px; color: #aaa;}

#linktobuy { display:none; text-align:left; }
#linktobuy a { color: #aaa; font-style:normal;}

#top_content { height: 600px; text-align: center; overflow: hidden; clear:both;}

#player { width: 90%; height: 100%; margin-left: 5%; clear:both; }

#trailerplayer { display:none; }

#bulb { height: 100%; display: inline-block; position: relative; margin-bottom: -20px; }

#bulb.anticipation img { opacity:.5;}

#countdown {color: #D3D3D3; display: block; position: absolute; top: 55%; width: 100%; font-size: 45px; opacity: 1; }

#bulb img { height: 100%; width: auto; }

#top_title { text-align: center; color: #aaa; margin-top: 11px; margin-bottom: 8px; font-size: 68px; line-height: 68px; font-style: normal; }

#section_top #top_title { margin-top: 11px; }

h1 { font-size: 100%; line-height: 85%; color: #ccc; margin-top: 23px; }

h3 { font-size: 41%; line-height: 95%; margin-top: 3px; }

#bulb { font-size:24px; }

#trailer { position: absolute; border-bottom: 1px white solid; bottom: 37.5%; width: 27.75%; left: 36.4%; padding-bottom: 4px; font-size: 105%; }

#film { position: absolute; top: 62.5%; width: 27.75%; left: 36.4%; padding-top: 5px; font-size: 105%; }

#film span { display:block; font-size:65%; letter-spacing: .03em; }

#top_content a, #back_link a { color: #e5e5e5; }

#top_content a:hover, #top_content a.hover { color:#efe9b7; }

.pageblock {
	margin: 110px 0;
	padding: 40px 5%;
	font-size: 20px;
}

#about p, #about ul {
	margin-top: 12px;
}

#about a, #screenings a, #textblock p a {
	color: #aaa;
	text-decoration: underline;
}

#about ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
#about ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
#about ul ul, #about ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
#about ol ol, #about ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

#about li {
	margin-top: 2px;
}

#about {
max-width: 850px;
margin: 10px auto;
color: #ddd;
line-height: 20px;
letter-spacing: .4px;
}

h2 {
	color: #aaa;
	font-size: 70px;
	line-height: 100%;
	text-align: center;
}



.tinysubhead {
	color: #aaa;
	text-align: center;
	font-size: 19px;
	margin-top: -9px;
	margin-bottom: 20px;
}

#synopsis {
	text-align: right;
	display: block;
	font-size: 20px;
	background: url(https://s3.amazonaws.com/lilysite/images/synopsis_bg-large.jpg);
	background-size: 80%;
	background-position: left center;
	background-repeat: no-repeat;
	letter-spacing: .05em;
	line-height: 120%;
	color: #ccc;
	margin-left: 5%;
	padding-left: 0;
}

@media all and (max-width: 1280px) { #synopsis { font-size: 18px; } }
@media all and (max-width: 1040px) { #synopsis { font-size: 16px; } }
@media all and (max-width: 850px) { #synopsis { font-size: 15px; } }
@media all and (max-width: 630px) { #synopsis { font-size: 15px; } }
@media all and (max-width: 520px) { #synopsis { background-size: 100%; font-size: 13px; background-position: left top; padding-top: 220px; } }
@media all and (max-width: 440px) { #synopsis { background-size: 100%; } }


#screenings {
	text-align: center;
	line-height: 120%;
	letter-spacing: .05em;
	font-size: 20px;
	padding: 20px 0;
}

#screenings h2 {
	margin-top: 20px;
}

#screenings_bottom {
	background-image: url(https://s3.amazonaws.com/lilysite/images/screenings_bg_left-large.jpg);
	background-position: left -30px top;
	background-repeat: no-repeat;
	background-size: 40%;
}

#screenings_bottom_otherbg {
	background-image: url(https://s3.amazonaws.com/lilysite/images/screenings_bg_right-large.jpg);
	background-position: right -30px top;
	background-repeat: no-repeat;
	background-size: 40%;
	padding: 0 5%;
}

@media all and (max-width: 522px) { 
	#screenings_bottom { background-size: 50%; } 
	#screenings_bottom_otherbg { padding-top: 160px; background-size: 50%; } 
}

#screenings p {
	margin: 0 15px 1.2em;
}

#extras {
	font-size: 20px;
}


@media all and (max-width: 630px) { #extras { font-size: 16px; } h4 { font-size: 190%; } }

#extras_bottom {
	background-image: url(https://s3.amazonaws.com/lilysite/images/extras_bg-large.jpg);
	background-position: right -30px center;
	background-repeat: no-repeat;
	background-size: 50%;
}

@media all and (max-width: 730px) { #extras_bottom { padding-top: 220px; background-size: 325px 216px; background-position: center top; } }

h4 {
	font-size: 200%;
	margin-top: 20px;
	color: #aaa;
}

#credits {
	text-align: center;
}

#credits img {
	width: 100%;
	max-width: 625px;
	margin: 0 auto;
	height: auto;
}


/* omg I hate this shit */

#menu {
   float:left;
   width:100%;
   /* background:#fff; */
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
   margin: 12px 0;
   font-size: 18px;
   letter-spacing: .04em;
   cursor: pointer;
}
#menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#menu ul li a {
   display:block;
   margin:0 0 0 0px;
   padding:4px 8px;
   background:#444;
   color:#ddd;
   text-decoration:none;
   line-height:1.3em;
   border-right: 2px solid #535353;
}

#menu ul li:first-of-type a {
   padding-left: 14px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#menu ul li:last-of-type a {
   padding-right: 14px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right: 0px;
}

#menu ul li a:hover {
   background:#555;
   color:#ddd;
}
#menu ul li a.active,
#menu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}




#menu.sticky {
position: fixed;
top: 0;
background: #444;
margin-top: 0 !important;
padding-top: 5px;
border-bottom: 1px solid black;
z-index: 200;
}
#menuspacer {
display:none;
}

#screenings a {
color: #bbb;
}

#subpage { margin: 0 20px; }

#subpage h2 { 
margin: 20px 0 2px;
font-size: 60px;
text-align: left;
}

#subpage h4 {
margin: 0;
font-size: 30px;
}

#subpage p { font-size: 22px; max-width: 600px; margin: 12px 0; line-height: 110%; }

#back_link {
margin: 10px 20px;
display: block;
font-size: 18px;
}

#subpage #top_title a, #subpage #top_title h1 { color: #555 !important; }

#subpage h2 a, #subpage h4 { color: #999; }

#subpage #textblock { max-width: 600px; margin: 0 auto 40px; }


#signup {
color: black;
width: 340px;
display: block;
border-radius: 4px;
border: 1px solid #555;
font-size: 15px;
text-decoration: none;
height: 32px;
position: relative;
margin: 15px auto;
overflow: hidden;
margin: 106px auto 126px;
}
#signup #sutext {
  position: absolute;
  background-color: #E6ECE7 !important;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  padding: 4px 8px;
  border-radius: 3px;
  display: none;
}

#signup .input-group {
  width: 100%;
}
#signup input {
height: 29px;
border: none;
background-color: #222 !important;
background-image: none !important;
color: #eee;
width: 100%;
font-size: 14px !important;
padding-left: 8px;
}
#signup button {
height: 32px;
border: none;
text-align: center;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
top: 0;
position: absolute;
right: 0;
background-color: #666;
color: #ddd;
width: 36px;
padding: 0;
font-size: 19px;
cursor: pointer;
}

#signup input::-webkit-input-placeholder, #signup input:-moz-placeholder, #signup input::-moz-placeholder, #signup input:-ms-input-placeholder {
	color: #eee;
}

#signup_inner_loading {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background-color:  #E6ECE7;
	height: 100%;
	padding-top: 3px;
	text-align:center;
}

#sutext {
	text-align:center;
}

#sharewidget {
	position: absolute;
	bottom: 12px;
	right: 10px;
	border: 1px inset #444;
	border-radius: 8px;
	overflow: hidden;
	opacity: .25;
	z-index: 100;
	transform-origin: bottom right;
}

#sharewidget a {
	display: block;
	color: #000;
	padding: 4px 11px;
	border-bottom: 1px dotted #333;
	text-align: center;
	background-color: #ccc;
	font-size: 16px;
	line-height: 16px;
}

#sharewidget a:hover {
	background-color: #eee;
}

#sharewidget a:last-of-type {
border-bottom: 0px;
}

#sharewidget img {
	vertical-align: middle;
	margin-right: 2px;
}

#sharewidget #spancontainer {
	display: none;
	overflow: hidden;
	vertical-align: middle;
}

#sharewidget #spancontainer span {
	white-space: nowrap;
	vertical-align: middle;
}



@media all and (max-width: 520px) and (min-width: 420px) {
	#sharewidget { transform: scale(0.78); }
}
@media all and (max-width: 419px) {
	#sharewidget { transform: scale(1); position: static; width: 90px; margin: 20px auto 0; opacity: 1; }
}

@media all and (max-device-width: 480px) {
	#sharewidget { transform: scale(1); position: static; width: 90px; margin: 20px auto 0;  opacity: 1;}
}

#pastscreenings {
display:none;
}


#laurels {
	text-align: center;
	margin: 0 auto;
	font-style: normal;
	float: left;
	position: relative;
	color: #ddd;
	opacity: .40;
}

#laurelscenter {
	position: relative;
	height: 48px;
	display: table;
	margin: 0 auto;
}

.lorel {
	font-size: 15px;
	display: inline-block;
	font-style: normal;
}

.lorel div {
float: left;
display: block;
margin-top: 6px;
}

.lorel:before {
	content: '';
	height: 42px;
	width: 22px;
	background: url("https://s3.amazonaws.com/lilysite/images/laurel.svg") no-repeat left top transparent;
	display: block;
	float: left;
	background-size: cover;
}

.lorel:not(:last-of-type):after {
	margin-right: 10px;
}

.lorel:after {
	content: '';
	height: 42px;
	width: 22px;
	background: url("https://s3.amazonaws.com/lilysite/images/laurel.svg") no-repeat right top transparent;
	display: block;
	float: left;
	background-size: cover;
}


/* Store markup */

.ecwid-productBrowser-categoryPath { display: none; }
.ecwid-productBrowser-auth-mini ecwid-productBrowser-auth-mini-horizontal { display: none; }
.ecwid-results-topPanel {display: none; }
.ecwid-ProductBrowser-auth-anonim { display: none; }
.ecwid-favorite-view-focus-wrapper { display: none; }

.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellTop {
	border-top: #333 2px solid !important;
	border-left: #333 2px solid !important;
	border-right: #333 2px solid !important;
	border-radius: 10px 10px 0 0;
	background-color: #191919 !important;
}
.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellMiddle {
	border-left: #333 2px solid !important;
	border-right: #333 2px solid !important;
	background-color: #191919 !important;
}
.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellBottom {
	border-bottom: #333 2px solid !important;
	border-left: #333 2px solid !important;
	border-right: #333 2px solid !important;
	border-radius: 0 0 10px 10px;
	background-color: #191919 !important;
}




.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellTop.ecwid-productBrowser-productsGrid-hover {
	border-top: #383838 2px solid !important;
	border-left: #383838 2px solid !important;
	border-right: #383838 2px solid !important;
	border-radius: 10px 10px 0 0;
	background-color: #1c1c1c !important;
}
.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellMiddle.ecwid-productBrowser-productsGrid-hover {
	border-left: #383838 2px solid !important;
	border-right: #383838 2px solid !important;
	background-color: #1c1c1c !important;
}
.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-cellBottom.ecwid-productBrowser-productsGrid-hover {
	border-bottom: #383838 2px solid !important;
	border-left: #383838 2px solid !important;
	border-right: #383838 2px solid !important;
	border-radius: 0 0 10px 10px;
	background-color: #1c1c1c !important;
}







.ecwid-productBrowser-productsGrid-productMiddleFragment a, .ecwid-productBrowser-price {
	color: #aaa !important;
}

.ecwid-productBrowser-productsGrid-hover a, .ecwid-productBrowser-productsGrid-hover .ecwid-productBrowser-price {
	color: #ccc !important;
}


a.storeitem:hover {
background-color: #0e0e0e;
color: #cacaca;
cursor: pointer;
border-color: #444;
}
.storeitem {
display: inline-block;
border: 1px solid #292929;
border-radius: 5px;
padding: 15px 10px;
margin-right: 30px;
width: 280px;
height: 390px;
text-align: center;
background-color: #090909;
margin-top: 20px;
color: #bbb;
vertical-align: middle;
}

p.itemtitle {
margin-top: 10px;
font-size: 22px;
}
p.price {
font-size: 25px;
margin-top: 4px;
}

#store {
	text-align: center;
}

p.buylinks {
	margin-top: 10px;
}

.storeinside {
width: 100%;
height: 100%;
display: table;
}

.storeinside>div {
display: table-cell;
vertical-align: middle;
}

.storeitem a img {
	opacity:.9;
}

.storeitem a img:hover {
	opacity:1;
}

#posterzoomcontainer {
	width: 100%;
}