/* David Seth Cyfers
FlixelSTUDIOS
by Tim Toomey 
Fall 2006 */
html,body {
width: 100%;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;	
background: #000000;
text-align:center;
margin: 5 auto;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

a, a:visited {
text-decoration: none;
color:#333333;
}

#container {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
background: #eaeaea;
padding: 0px;
border: 1px solid #bababa;
}

#header {
width: 770px;
margin: 0px;
}

#posters {
width: 770px;
margin: 0px;
}

#main-content {
width: 525px;
float: left;
margin: 4px;
text-align: left;
}

#films-content {
width: 764px;
float: left;
margin: 4px;
text-align: left;
background: #eaeaea;
}


#headlines {
width: 225px;
float: right;
}

#headlines a, #headlines a:visited {
	color:#000000;
	text-decoration: none;
}

#headlines a:hover {
color:#000000;
text-decoration: none;
}

#footer {
	clear: both;
	width: 770px;
	vertical-align: middle;
}

#footer ul {
	display: inline;
	list-style-type: none;
}

#footer ul li {
	display: inline;
}
 
#footer li a, #footer li a:visited {
	list-style-type:none;
	display: table-cell;
	padding-left: 6px;
	padding-right: 6px; 
	text-decoration: none;
	text-align: center;
	color:#333333;
}

#footer li a:hover {
	color:#000000;
	background-color:#CFCFCF;
	display:table-cell;
}

#more_headlines {
	padding-top: 0px;
	text-align: right;
	vertical-align:baseline;
}

.event {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	vertical-align: top;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-variant:small-caps;
	text-shadow:Black;	
}

h2{
	font-family: Arial unicode ms;
	font-size: 1.5em;
	text-shadow:Black;
	font-variant:small-caps;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-shadow:Black;
	font-variant:small-caps;
}

h4 {
	font-size: 1.2em;
	font-weight:bold;
	color:#FF0000;
}

.event_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
	font-variant: small-caps;
}

.date {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color:#313131;
	padding-right: 3px;
}
#motioncontainer {
	margin:0 auto; /* Uncomment this line if you wish to center the gallery on page */
	width: 100%; /* Set to gallery width, in px or percentage */
	height: 232px; /* Set to gallery height */
	background: url(images/movies_bg.jpg) repeat-x;
}

#motioncontainer a img {
	margin-top: 20px;
	border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
	border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}

#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}

.successMessage {
	font-size: 1.5em;
	font-weight:bold;
	padding-top: 75px;
	padding-bottom: 400px;
}