/* Some CSS resets, mixed selectively from Eric Meyer and HTML5 Boilerplate */
html, body, div, span, 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,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*
@font-face {
	font-family: Lato;
	src: url('font/Lato-Bla.ttf');
		font-weight: normal;
		font-style: normal;
	}
	
@font-face {
	font-family: 'Lato bold';
	src: url('font/Lato-Bol.ttf');
		font-weight: bold;
		font-style: normal;
	}
	
@font-face {
	font-family: 'Lato italic';
	src: url('font/Lato-BlaIta.ttf');
		font-weight: normal;
		font-style: italic;
	}
	
@font-face {
	font-family: 'Lato hairline';
	src: url('font/Lato-Hai.ttf');
		font-weight: normal;
		font-style: normal;
	}
*/


/* Hide navigations until JS is rendered */
#container>nav {
	visibility:hidden;
}

#cinema-nav, 
#cinema-archive-nav ul,
.mobile-message {
	display:none;
}


body {
	line-height: 1.3em;
	font-size:0.9em;
	font-weight:400;
}

em, cite, i {
font-style:italic;
}

strong, b {
font-weight:bold;
	font-weight:700;
}




/* ==================================== 
 This will enforce block-level properties to HTML5 elements */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, fieldset, time {
	display: block;
}


html {
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: none; 
	-ms-text-size-adjust: 100%;
}

body {
font-family: 'Droid Sans', Optima, 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
/*font-family: 'Lato', serif;*/
padding-top:3%;
}

/* Compensates for lack of italicized Droid Sans */
em {
font-family:  'Helvetica Neue', Helvetica, Tahoma, sans-serif;	
}

#container {
width:90%;
margin:auto;
position:relative;
}

a {
text-decoration:none;
display:block;
text-align:center;
padding:1em;
}


#quick_nav a,
#schedule_overview header a,
#cinema-quick-nav a,
#main p#cinema-quick-nav a {
background:rgb(165,165,165);
color:white;
padding:0.75em;
margin:auto;
margin-bottom:0.75em;
border-radius:5px;
font-size:1.2em;
font-weight:normal;
}

#main #cinema-quick-nav a {
	display:block;
}



#quick_nav a:hover,
#quick_nav a:focus,
#schedule_overview header a:hover,
#schedule_overview header a:focus,
#main p#cinema-quick-nav a:hover,
#main p#cinema-quick-nav a:focus {
background:rgb(190,190,190);
}

/* Hide top menu button on home page */
#homepage #quick_nav {
display:none;
}
/*#homepage #quick_nav,
#sidebar #cinema-quick-nav,
#sidebar #cinema-nav {
display:none;
}*/

.desktop, .desktop-1024 {
	display:none;
}

/* SEARCHBAR */

#search {
margin:1em 0px;
}

input.gsc-search-button {
    background-color: rgb(214,0,0) !important;
    border-color: rgb(170,0,0) !important;
}


/*  TOPBAR */

input.gsc-search-button:hover,
input.gsc-search-button:focus {
cursor:pointer !important;
background:red !important;
border-color: red !important;
}

input#gsc-i-id1 {
	background-image:none !important;
}

#main_header h1 {
width:170px;
height:145px;
background:url('http://www.facets.org/img/facets_logo_new2.png') no-repeat;
margin-right:3em;
}

#main_header h1 a {
display:block;
width:170px;
height:90%;
text-indent:9999px;
overflow:hidden;
}

#slogan {
color:rgb(214,0,0);
font-weight:900;
font-size:0.9em;
margin-top:5px;
}

#social-media-desktop {
	display:none;
}


/*  MAIN NAV */


ul#top_nav {
clear:both;
list-style:none;
padding-left:0px;
position:relative;
top:20px;
margin:0px;
margin-bottom:2.5em;
}

ul#top_nav a {
text-align:left; 
padding-left:10%;
background:rgb(214,0,0);
color:white;
font-size:1em;
letter-spacing:0.075em;
position:relative;
z-index:3;
margin-bottom:2px; 
}

ul#top_nav>li {
position:relative;
}

ul#top_nav li.nodrop a:hover,
ul#top_nav li.nodrop a:focus {
background:red;
}

/* sub-menu */
ul#top_nav li ul {
list-style:none;
margin-bottom:16px;
}

ul#top_nav li ul li {
margin:0px;
padding:0px;
}

ul#top_nav li ul li a {
font-size:0.9em;
line-height:1.2em;
display:block;
background:rgb(125,0,0);
text-decoration:none;
color:white;
padding:16px 0px;
padding-left:10%; 
padding-right:10px;
margin-bottom:1px;
}

ul#top_nav li ul li a:hover,
ul#top_nav li ul li a:focus {
background:black;
}

.nav_activated {
background:red !important; 
}


.indicator {
display:block;
width:15px;
float:right;
margin-right:6px;
font-size:1.1em;
line-height:0.5em;
opacity:0.4;
-webkit-transform:rotate(90deg) translate(15px,0px);
-moz-transform:rotate(90deg) translate(15px,0px);
-ms-transform:rotate(90deg) translate(15px,0px);
transform:rotate(90deg) translate(15px,0px);
}


/* Responsive nav indicators */
#container>nav li.active>a {
	background:black;
}

#container>nav li li.active a {
	background:rgb(55,55,55);
}


/* MAIN CONTENT */

#main {
margin:1em 0 2em 0;
}

#main>header h1,
#support>header h1
{
	background:rgb(135,135,135);
	color:white;
	padding:0.3em 0.5em;
	margin-top:1.5em;
	font-weight:900;
	font-size:1.6em;
	margin-bottom:0.5em;
	
}



#homepage #main {
margin-top:3em;
}



a {
color:black;
}


a:hover,
a:focus {
color:red;
}

a:visited {
color:rgb(80,80,80);
}

a.button_grn,
#contributions a.button_grn {
background:rgb(6,157,2);
color:white;
padding:0.75em;
margin:1em auto;
border-radius:4px;
font-size:1.2em;
max-width:200px;
}

#contributions a.button_grn {
	display:block;
	padding:0.5em;
	margin:auto;
	max-width:150px;
}

#filmcamp a.button_grn {
	display:block;
	padding:0.5em;
	width:80%;
	max-width:225px;
	margin-top:1.5em;
	margin-bottom:5px;
}

#filmcamp .film-camp-details a.button_grn {
display:inline-block;
margin:0.5em 10px 0.5em 0px;
}

.filmcamp-reg-box p {
	font-size:0.9em;
	line-height:1em;
	width:80%;
	max-width:225px;
	margin:0px auto 0px auto !important;
}

a.button_grn:hover,
a.button_grn:focus,
#contributions a.button_grn:hover,
#contributions a.button_grn:focus {
background:rgb(6,208,1);
color:white;
}

ul {
	margin-bottom:1em;
}


/* Main content area */

#main h1 {
font-size:1.5em;
line-height:0.95em;
font-weight:900;
margin:1em 0 0.5em 0;
color:rgb(125,0,0);
letter-spacing:0.05em;
}



#main a h1 {
color:white;
letter-spacing:0.05em;
line-height:1.1em;
}

#main h2 {
color:rgb(125,0,0);
font-size:1.25em;
line-height:0.95em;
font-weight:900;
margin:1em 0 0.5em 0;
letter-spacing:0.05em;
}

#main h2.archive-date {
	padding-left:1em;
	margin:0.75em 0 1.25em 0;
}

#main h3 {
color:black;
font-weight:bold;
font-size:1.15em;
}

#main p {
margin:0.75em 0;
}

#main .promobox p {
	margin:0.75em 1em;
}

#main p a,
#main .membership_box ul a,
#membership_page ol a,
#membership_page_join ol a {
	display:inline;
	color:red;
	padding:2px;
	border-radius:3px;
	white-space:nowrap;
	font-weight:900;
}

#main .membership_box ul a {
}

#main p a:hover,
#main p a:focus,
#main .membership_box ul a:hover,
#main .membership_box ul a:focus,
#membership_page ol a:hover,
#membership_page ol a:focus,
#membership_page_join ol a:hover,
#membership_page_join ol a:focus {
	background:rgb(125,0,0);
	color:white;
}

hr {
clear:both;
color:rgb(125,0,0);
background:rgb(125,0,0);
border:0px;
height:1px;
}


#workshop_info time {
font-size:1.2em;
font-weight:bold;
margin-bottom:0.5em;
}

ol {
		padding-left:1.25em;
	}

#workshop_info ul,
#parking #main ul,
#ambassadors #main ul,
#contributions #main ul
{
	padding-left:1.25em;
}

#main.film-angel section h1 {
	color:rgb(49,133,164);
}


figure.section-banner img {
width:100%;
height:auto;
}

figcaption {
	text-align:right;
	font-size:0.8em;
	line-height:0.8em;
	font-style:italic;
	padding-right:1.5em;
}

#main a#film-angel-button {
background:rgb(49,133,164);
color:white;
border-radius:5px;
padding:14px;
font-weight:bold;
margin-top:1em;
display:block;
width:auto;
}

#main a#film-angel-button:hover,
#main a#film-angel-button:focus {
background:rgb(35,169,218);	
}

#internships #main>ul {
	padding-left:1.25em;	
}

#internships #main section ul {
	list-style:none;
}

#internships #main ul a {
background:rgb(88,88,88);
color:white;
margin-bottom:0.2em;
padding:10px;
}

#internships #main ul a:hover,
#internships #main ul a:focus {
background:black;
}

#internships #main section hr {
	display:none;
}

#internship-descriptions a {
	display:block;
	background:rgb(89,0,13);
	color:white;
	padding:0.4em 0.6em;
	margin-bottom:5px;
}

#internship-descriptions a:hover, 
#internship-descriptions a:focus {
background:rgb(206,38,42);
}

#internship-descriptions ul {
	list-style:disc !important;
	padding-left:1em;
}

#internship-descriptions li {
	float:none !important;
}

#internship-descriptions div {
	margin-bottom:2em;
	padding:0.5em;
	border:1px solid #ccc;
}



#contact #main p {
	margin:1.5em 0;
}


#contact #main hr {
    background: #ccc;
    color: #ccc;
}

#parking-map img {
	width:100%;
	height:auto;
}

#parking-map figcaption a {
	font-style:normal;
	background:rgb(88,88,88);
color:white;
margin-bottom:0.2em;
padding:10px;
margin-top:0.5em;
border-radius:4px;
}


/* Promo boxes */

a.promobox {
padding:0px;
padding-bottom:1.5em;
background:rgb(89,0,13);
color:white;
text-decoration:none !important;
margin-bottom:1.5em;
text-align:left;
position:relative;
color:white;
}


a.promobox:hover,
a.promobox:focus {
background:rgb(145,0,0);
}


a.promobox .event-status {
margin:0px;
font-size:1em;
line-height:1.75em;
font-weight:700;
background:black;
color:rgb(113,113,113);
padding-left:8%;
display:block;
}

.main_cinematheque a.promobox .event-status {
padding-left:3%;
}

.main_cinematheque #main>section {
	position:relative;
}

.cinematheque_home a.buy-tickets {
background:rgb(2,146,19);
color:white;
padding:0 0.6em;
display:inline-block;
text-align:center;
line-height:1.75em;
opacity:0.7;
font-weight:bold;
position:absolute;
top:0px;
right:0px;
z-index:5;
}

.cinematheque_home a.buy-tickets:hover,
.cinematheque_home a.buy-tickets:focus {
background:rgb(2,195,25);
color:white;
opacity:1;
}

a.promobox h1 {
font-size:1.25em;
line-height:1.1em;
margin:0.35em 0.85em 0.5em 0.5em !important;
}

/*a.promobox h1 br {
display:none;
}*/

a.promobox:hover h1,
a.promobox:focus h1 {
}

a.promobox h2 {
	margin:0.35em 0.85em 0.5em 0.5em !important;
	color:white !important;
}


a.promobox figure {
background:rgb(47,0,0);
padding:0px;
margin:0px;
text-align:center;
}

a.promobox.current_promo figure {
background:black;
}


a.promobox figure img {
width:100%;
/*max-width:400px;*/
margin:0px;
margin-bottom:-4px;
height:auto;
border:0px;
}



a.promobox p, a.promobox blockquote {
font-size:0.8em;
margin:0.5em 2em;
line-height:1.25em;
}

a.promobox cite {
display:block;
text-indent:1em;
font-size:0.8em;
line-height:1.1em;
margin-bottom:1em;
}

a.promobox time {
display:block;
text-align:right;
color:white;
font-weight:900;
padding:1em 8% 0.5em 0;
position:absolute;
bottom:0px;
right:0px;
height:1.25em;
}


a.promobox.current_promo {
background:black;
}

a.promobox.current_promo:hover,
a.promobox.current_promo:focus {
background:rgb(46,36,37);
}

a.promobox.current_promo .event-status {
	color:white;
}

a.promobox.film-archive {
	background:rgb(90,90,90);
}

a.promobox.film-archive:hover,
a.promobox.film-archive:focus {
	background:rgb(110,110,110);
}

a.promobox.film-archive .event-status {
	display:none;
}

a.promobox.film-archive p:nth-child(3) {
	padding-top:3px;
}

#main #past-features {
background:rgb(135,135,135);
	color:white;
	margin-top:2.5em;
	padding:0.3em 0.5em;
	font-weight:900;
}



/* Cinematheque films */

#film_info>header {
	padding-left:1em;
}

#film_info h1 {
font-size:1.8em;
line-height:1em;
font-weight:900;
margin:0.5em 0;
}

.promobox h1 .original {
	font-size:0.8em;
	display:block;
	line-height:1.2em;
}

#film_info h1 .original {
font-size:0.8em;	
color:rgb(99,99,99);
}

#film_info h2 {
margin-bottom:0.4em;
clear:left;
}

#film_info header section h1 {
margin-bottom:-0.6em;	
}

#film_info .screening_type {
background:rgb(88,88,88);
color:white;
border-radius:2px;
padding:0.2em 0.5em;
display:inline-block;
text-align:center;
line-height:1.1em;
margin-bottom:1em;
}

#film_info a.buy-tickets {
background:rgb(2,146,19);
color:white;
border-radius:4px;
padding:0.3em 0.6em;
display:inline-block;
text-align:center;
line-height:1.1em;
margin:-10px 0 0.5em 0;
opacity:0.7;
font-weight:bold;
}

#film_info a.buy-tickets:hover,
#film_info a.buy-tickets:focus {
background:rgb(2,195,25);
color:white;
opacity:1;
}

.film-dialogue {
	font-weight:bold;
	padding-top:1em;
}

.film-dialogue span {
	font-size:22px; 
	line-height:20px;
}

figure#stills {
text-align:center;
margin-bottom:1em;
padding-bottom:0px;
}

#film_info figure img,
#workshop_info figure img,
img.inset {
width:100%;
height:auto;
/*max-width:400px;*/
margin-bottom:0.25em;
}

#stills img:nth-child(2),
#stills img:nth-child(3),
#stills img:nth-child(4) {
display:none;
}


#accolades {
margin-bottom:0.8em;
border:1px solid #ccc;
border-radius:5px;
padding:0.6em;
clear:right;
}

#accolades blockquote {
margin:0.75em 0;
font-size:0.9em;
line-height:1.2em;
}

#accolades cite {
font-size:0.8em;
line-height:0.9em;
}

.promobox table,
#accolades table {
	font-size:0.7em;
	line-height:1.1em;
	text-align:center;
	margin-bottom:1em;
}


#film_info p {
margin:0.75em 0;
}

#film_description {
margin-bottom:1em;
}

#film_info ul {
margin-bottom:1em;
list-style:none;
padding-left:0px;
}

#film_links {

}

h1#film_links_label {
font-size:0.75em;
color:rgb(88,88,88);
margin-bottom:0.4em
}

#film_links ul {
clear:left;
margin-bottom:2em;
}

#film_links a {
background:rgb(88,88,88);
color:white;
margin-bottom:0.2em;
padding:10px;
}

#film_links a:hover,
#film_links a:focus {
background:black;
}

#film_info #showtimes {
background:rgb(89,0,13);
color:white;
padding:0.5em;
padding-bottom:0.7em;
margin-bottom:1em;
}

#showtimes h1,
#tickets h1 {
font-size:1em;
line-height:0.8em;
margin-bottom:0px;
}

#showtimes h1 {
	color:white;
}

#showtimes p {
	margin-top:0.2em;
}

#showtimes li {
margin:0.35em 0;
line-height:1em;
}

#tickets {
margin-bottom:1em;
}

#tickets p {
		margin-top:0.2em;
}

#tickets p.member-price {
	margin-top:2em;
}

#tickets a:not(.stbutton),
#registration a#order_ticket_online {
background:rgb(2,146,19);
color:white;
border-radius:5px;
padding:8px;
font-weight:bold;
}


#tickets a:not(.stbutton):hover,
#tickets a:not(.stbutton):focus,
#tickets a#order_ticket_online:hover,
#tickets a#order_ticket_online:focus {
background:rgb(2,195,25);
color:white;
}

#tickets .member-price a {
background:rgb(206,38,42);
}

#tickets .member-price a:hover,
#tickets .member-price a:focus {
background:red;
}


a#order_ticket_online {
width:100px;
float:right;
margin-top:0.5em;
}

#registration a#order_ticket_online {
float:none;
}

#share_this {
padding:1em 0 0.25em 0;
height:38px;
}

#cinematheque_info {
font-size:0.9em;
margin:1.25em 0;
border:1px solid #ccc;
border-radius:5px;
padding:0.6em;
}

#cinematheque_info a {
display:inline;
}


/* film series */

#film_info article {
	clear:left;
	margin:1em auto;
	padding-top:1em;
}

#film_info article hr {
	clear:right;
	color:#999;
background:#999;
}

.sponsor-logos {
	text-align:center;
}

.sponsor-logos p {
	text-align:left;
}

.sponsor-logos a {
	display:block !important;
}

.sponsor-logos img {
	max-width:100%;
	height:auto;
}

.sponsor-logos a:hover,
.sponsor-logos a:focus {
	background:none !important;
}

#schedule_overview h1 {
	display:none;
	font-size:1.25em;
}

#schedule_overview a {
	background:rgb(89,0,13);
	color:white;
	text-align:left;
	margin-bottom:0.5em;
}

#schedule_overview a:hover,
#schedule_overview a:focus {
	background:red;
}

#schedule_overview div {
	margin-bottom:1em;
}


#film_info h2.day {
color:white !important; 
background:rgb(121,13,0); 
padding:0.5em 1.2em; 
font-size:1.5em;
line-height:1.25em; 
margin:2em 0 1.5em 0; 
text-align:center;
}

.top_button {
	display:block;
	width:50px;
	float:right;
	text-align:center;
	text-decoration:none;
	color:white !important;
	background:#999;
	padding:0.75em;
	border-radius:4px 4px 0 0;
}

.top_button:hover,
.top_button:focus {
	background:rgb(180,180,180);
	color:white !important;
}

/* cinema archive nav */

#sidebar #cinema-quick-nav {
	display:none;
}

#cinema-nav {
	background:black;
	color:white;
}

.film_showcase  #cinema-nav #current-schedule li {
	height:0px;
}

.film_showcase #cinema-nav #current-schedule li {
	height:auto;
}

#cinema-nav #current-schedule a {
	display:block;
}

.cinematheque_home #cinema-nav #current-schedule li {
height:1px;	
}

.cinematheque_home #cinema-nav #current-schedule a {
	display:none;
}



#cinema-nav h1,
#main header #cinema-nav h1 {
	color:rgb(135,135,135);
	padding-left:1em;
	font-size:1em;
	background:black;
}

#cinema-archive-nav {
	list-style:none;
	padding-left:0px;
}

#cinema-archive-nav li {
	margin-bottom:3px;
}

#current-schedule a,
#cinema-archive-nav a {
	background:rgb(33,33,33);
	color:rgb(135,135,135);
	text-decoration:none;
	display:block;
	padding:0.75em;
	padding-left:1em;
	text-align:left;
}

#current-schedule a {
	color:rgb(180,180,180);
}

#cinema-archive-nav ul {
	margin-top:4px;
}

#cinema-archive-nav ul a {
		padding:0.5em;
		padding-left:2em;
	}

#current-schedule a:hover,
#current-schedule a:focus,
#cinema-archive-nav a:hover,
#cinema-archive-nav a:focus {
	background:rgb(72,72,72);
	color:white;
}

#cinema-archive-nav>li>.nav_activated {
background:rgb(145,0,0) !important; 
color:white;
}

#cinema-archive-nav a.active {
	background:rgb(65,65,65);
	color:white;
}


/* responsive video embeds */

figure.responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	margin-bottom:1em;
}

.responsive iframe,
.responsive object,
.responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Membership page*/

#membership_page figure,
#membership_page_join figure{
	margin:0px;
}

#membership_page figure img,
#membership_page_join figure img {
	display:block;
		width:100%;
		height:auto;
		margin:0.75em 0;
		border:1px solid black;
	}
	
.membership_box {
	border:1px solid black;
	padding:0.4em;
	padding-left:0.75em;
	position:relative;
}

.membership_box h1 {
	font-size:1em;
}

.membership_box ul {
	padding-left:1.5em;
	padding-right:0.5em;
}

.membership_box footer {
	height:40px;
}

.close_membership_box {
	border-radius:50%;
	display:block;
	width:4px;
	height:4px;
	background:rgb(148,148,148);
	color:white;
	cursor:pointer;
	text-align:center;
	line-height:0.25em;
	text-indent:-2px;
	float:right;
}

.close_membership_box:hover {
	background:rgb(85,85,85);
	color:white;
}

#membership_page #red_modal a,
#membership_page_join #red_modal a {
	display:block;
	background:rgb(89,0,13);
	color:white;
	padding:0.4em 0.6em;
	margin-bottom:5px;
}

#membership_page_join #red_modal {
	text-align:center;
}

#membership_page #red_modal a:hover,
#membership_page #red_modal a:focus,
#membership_page_join #red_modal a:hover,
#membership_page_join #red_modal a:focus {
	background:rgb(206,38,42);
}

#membership-conclusion div {
text-align:center;
font-weight:bold;
}

#membership-conclusion div a.button_grn {
	margin-bottom:2px;
}

.red-headline {
	background:rgb(206,38,42);
	color:white !important;
	padding:0.4em 1em;
}

.pcode {
	font-size:0.85em;
}

.membership_promo_code {
	background:red;
	padding:1px 3px;
	color:white;
}



#membership_page ol a,
#membership_page_join ol a{
	display:inline;
	
}

#membership_page ol ul,
#membership_page_join ol ul {
	list-style:none;
	padding-left:0px;
}

#membership_page ol ul li,
#membership_page_join ol ul li {
	border:1px solid #ccc;
	margin:5px 0px;
	padding:0.25em;
}




/* Kids Workshops */

#instructor h1 {
	line-height:1.1em;
}

#main #kids_archives_button a {
	display:inline-block;
	background:rgb(89,0,13);
	color:white;
	padding:0.4em 0.6em;
	margin-bottom:5px;
	width:130px;
}

#main #kids_archives_button a:nth-child(2) {
	width:80px;
	margin-left:0.25em;
}

#main #kids_archives_button a:hover,
#main #kids_archives_button a:focus {
	background:rgb(206,38,42);
}


.archives a.promobox {
	background:rgb(90,90,90);
}

.archives a.promobox:hover,
.archives a.promobox:focus {
	background:rgb(110,110,110);
}

.archives a.promobox .event-status {
	display:none;
}

/* Kids screenings */

.kids-rating {
	font-weight:bold; 
	color:white; 
	background:rgb(55,55,55); 
	padding:1px 4px
}


/* Film Institute */

#film-institute #main section h1 {
	font-size:1.15em;
	line-height:1em;
	margin:0.2em auto;
}

#film-institute #main ul,
#film-seminar #main ul {
	padding-left:1em;
}


/* Cine-Notes */

#cinenotes #main section a {
	white-space:normal;
}

a.pdf-title {
	font-size:1.25em;
}





/* Fixing Fancybox buttons problem */
#fancybox-buttons {display:none;}




/* Newsletter feedback */

.signup-error {
	border:1px solid red;
	padding:10px;
	color:red;
}


.signup-thankyou {
		padding:10px;
}

.signup-thankyou p:first-child {
		color:green;
		font-weight:bold;
		font-size:1.2em;
	}
	
.signup-thankyou a {
	color:green !important;
}

.signup-thankyou a:hover,
.signup-thankyou a:focus {
	background:green !important;
	color:white !important;
}

#general_mailinglist input[type="email"] {
	border:1px solid black;
	padding:6px;
	width:225px;
}

#general_mailinglist input[type="checkbox"] {
	border:1px solid black;
	padding:4px;
}

#general_mailinglist input[type="submit"] {
	border:0px;
	cursor:pointer;
	background:black;
	color:white;
	width:5em;
	border-radius:3px;
	-moz-box-shadow:1px 1px 2px rgb(42,42,42);
-webkit-box-shadow:1px 1px 2px rgb(42,42,42);
box-shadow:1px 1px 2px rgb(42,42,42);
padding:8px;
text-align:center;
font-weight:bold;
}


#general_mailinglist input[type="submit"]:hover {
	background:red;
}


/* Sponsors */

#sponsors {
text-align:center;
}

#sponsors ul {
list-style:none;
padding-left:0px;
}

#sponsors ul li {
display:inline-block;
padding:0px 3px;
}

#sponsors ul li a {
width:103px;
display:inline;
}

#sponsors ul li:nth-child(1) img {
margin-bottom:10px;
}

#sponsors ul li:nth-child(3) a {
width:133px;
}

#sponsors ul li:nth-child(4) a {
width:88px;
}

#sponsors ul img {
border:0px;
}

/* SOCIAL MEDIA LINKS */

#social_media_links {
text-align:center;
margin-bottom:1em;
}

#social_media_links ul {
list-style:none;
padding-left:0px;
}

#social_media_links li {
display:inline;
}

#social_media_links li a {
display:block;
display:inline;
padding:0px;
}


#social_media_links img {
width:16%;
min-width:30px;
max-width:55px;
height:auto;
margin:0px .15em;
}



/* SIDEBAR */


/* Sidebar promobox */

#sidebar a.promobox {
background:rgb(88,88,88);
}

#sidebar .sidebar_promo:hover,
#sidebar .sidebar_promo:focus {
	background:rgb(78,68,69);
}

#sidebar iframe {
width:100%;
}

/* SUBMISSION FORM */


#newsletters {
background:rgb(89,0,15);
color:#fff;
padding:20px;
padding-top:5px;
padding-bottom:10px;
font-size:0.8em;
line-height:1.1em;
margin-bottom:1em;/
}

#newsletters h1 {
font-size:1.25em;
line-height:1.5em;
font-weight:700;
}

#newsletters p {
margin:10px 0px 16px 0px;
}

#newsletters input {
margin-left:0.5em;
border:0px;
padding:5px;
}


#newsletters input[type="submit"] {
color:white;
font-weight:bold;
background:black;
border:0px;
text-align:center;
padding:8px;
cursor:pointer;
border-radius:3px;
width:30%;
float:right;
display:block;
}

#newsletters input[type="submit"]:hover,
#newsletters input[type="submit"]:focus
 {
background:rgb(215,0,0);
}

#newsletters a {
color:white;
display:block;
float:left;
width:50%;
border:1px solid black;
border-radius:3px;
padding:7px 12px;
}

#newsletters a:hover,
#newsletters a:focus {
background:rgb(200,0,0);
}

/* CALENDAR */

#google-calendar {
	margin-bottom:1em;
}

/* FOOTER */

#main_footer {
clear:both;
background:rgb(46,36,37);
padding:0.75em;
color:white;
margin-bottom:2em;
position:relative;
font-size:0.9em;
}

#main_footer address {
font-weight:700;
padding-left:1em;
}

#main_footer #phone {
	color:white;
	text-align:left;
	padding-left:0px;
}



section#facets_hours p {
margin:1em;
}

#main_footer nav ul {
list-style:none;
padding-left:0px;
}

#main_footer nav a {
color:white;
background:rgb(78,68,69);
border-radius:3px;
-moz-box-shadow:1px 1px 2px rgb(42,42,42);
-webkit-box-shadow:1px 1px 2px rgb(42,42,42);
box-shadow:1px 1px 2px rgb(42,42,42);
margin-bottom:0.75em;
}

#main_footer nav a:hover,
#main_footer nav a:focus {
background:rgb(105,105,105);
}

#copyright {
	font-size:0.85em;
	clear:both;
	margin-bottom:0.3em;
	color:#ccc;
}