/* CWRU Film Society Stylesheet */
/* My attempt to make it all CSS and pretty too. - iwf 10/17/07 */


/* basic elements */
body { 
	margin: 0; padding: 0;
	font: 12pt "Calibri", sans-serif;
/* Test & prod sites have different background colors; EEE = lt. gray; FCC = lt. red (pink); CCF = lt. blue; CFC = lt. green */
/* use FCC/red = test container machine(s), rhel7-test1 & AWS?; CCF/blue = test containter on Popcorn/Films? CFC/green = test-non-container on Films/Poporn? */ 
/* ALSO, updated line 189-ish (.mqtimes) bg to match for home page */
	background: #EEE; color: #000;
	margin-left: auto;
	margin-right: auto;
	}

a {
	text-decoration: none;
}

a:visited {
	color: #666699;
	}

a img {
	border: none;
}

a:hover {
	text-decoration: underline;
	}

p {
	margin: 0 0 1em;
}

p.movieheader {margin-top: 3em;}
p.movieheader STRONG {color: maroon; font: bold 12pt Helvetica, Arial, sans-serif;}
p.sfheader STRONG {color: darkblue; font: bold 12pt Helvetica, Arial, sans-serif;}
p.sfdesc {color: black; font-family: sans-serif;}
em {color: #FF9900; font: bold .9em Helvetica, Arial, sans-serif;}
img.sposter{clear:left; float:left; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}

.movie{
	border: solid 1px black;
	}

/* Main content of home page */
#content{
	background-color: #FFF;
	width: 970px;
	margin: 25px auto 0 auto;
	text-align: left;
}
	
/*masthead*/

#navlinks {
	text-align: center;
	background: #2E2E2E; 
	margin: 0;
	padding: 0;
	}

#navlinks li {
	display: inline;
	list-style: none;
	font: 16px Helvetica, Arial, sans-serif;
	border-right: 1px solid #ffbb07;
	text-align: center;
	font-weight: bold;
	background: #2E2E2E;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks a {
	color: #FFBB07;
	display: inline-block;
	padding: 1ex;
}
#navlinks a:hover {
	text-decoration: underline;
	}

#homelink {
	display: block;
}


	
#intro {
	padding: 0px 15px 0px 15px;
	}

#intro h1{
		font: bold 20pt Helvetica, sans-serif;
		color: #660000;
		text-align: center;
		}

#intro h2{
		font: bold 12pt Helvetica, sans-serif;
		color: #660000;
		}

#maininfo {
	padding: 15px;
	}

#maininfo h1{
		font: bold 16pt Helvetica, sans-serif;
		color: #660000;
		text-align: center;
		}

#maininfo h2{
		font: bold 14pt Helvetica, sans-serif;
		color: #660000;
		margin-bottom: 0.5em;
		}
#maininfo h3{
		font: bold 12pt Helvetica, sans-serif;
		color: #660000;
		margin-bottom: 0.5em;
		}

#footer{
	clear: both;
	text-align:center;
	font: 10pt Helvetica, sans-serif;
}

#lowernav {
	margin: 0px; padding: 5px 5px 10px;
	background: #FFF; 
	}

#lowernav li {
	display: inline;
	list-style: none;

	font: 10pt Helvetica, sans-serif;
	background: #FFF;
	text-align: center;
	padding-right: 1em;
}

#lowernav li.last {
	border-right: 0;
}

#lowernav a:hover {
	text-decoration: underline;
	}

#special_events {
	margin: 15px;
	text-align: center;
		}

#special_events h2 {
	font: bold 1.5em Helvetica, sans-serif;
	color: #600;
}

#coming_soon{
	margin: 1em 0;
	}
#coming_soon table{
	text-align: center;
	margin: 0 auto 0 auto;
	border: solid 3px #000;
	border-collapse: collapse;
}

#coming_soon tr{
	border: solid 3px black;
	}

.mqdate{
	text-align: center;
	background: #660000;
	color: #FFBB07;
	border-right: solid 3px black;
	}

.mqtimes{
	text-align: center;
/* more testing - change this bg to match 'main' bg: */
	background: #EEE;
	font-size: small;
	font-weight: bold;
	border-right: solid 3px black;
	padding: 3px;
	}
.mqtitle{
	text-align: center;
	background: #FFBB07;
	padding: 3px;
	border-right: solid 3px black;
	font: medium Helvetica, sans-serif;
}

.mqtitle a{
	font-weight: bold;
}

.mqposter{
	text-align: center;
	background: #000;
	color: #fafaf0;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	padding: 3px;
}

.mqcomment{
	text-align: center;
	background: #000;
	color: #fafaf0;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	padding: 3px;
}

.date {
	font-weight: bold;
	}

#picalbum{
	padding: 5px;
}

#staff_col1{
	width: 180px;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
}
#staff_col2{
	width: 180px;
	position: relative;
	float: left;	
	left: 3px;
	top: 0px;
}
#staff_col3{
	width: 180px;
	position: relative;
	float: left;
	left: 3px;
	top: 0px;
}
#staff_col4{
	width: 180px;
	position: relative;
	float: left;
	left: 3px;
	top: 0px;
}

#staff_col5{
	width: 180px;
	position: relative;
	float: left;
	left: 3px;
	top: 0px;
}

#staffdesc{
clear: left;
padding-top: 10px;
}

.officer_title{
font-weight: bold;
}

.letterlists ol {
  list-style-type: upper-alpha;
}

.letterlists ol ol {
  list-style-type: lower-alpha;
}

table.description {
  clear: both;
}

table.description th {
  text-align: right;
  vertical-align: top;
  padding: 0 0.5em;
}

table.description.prices td {
  text-align: right;
}

#selector h2 {
  display: inline-block;
}

@media print {
	#navlinks, #footer { display: none }
	#content { margin: 0 }
}

/*
@media only screen and (max-device-width: 480px) {
	#masthead img { width: 100% }
	#content { width: auto; margin: 0 0 3em }
	#navlinks li { font-size: smaller }
}
*/