/*
Theme Name: WMS 1 (Accordion Front Page)
Theme URI: http://navaroli.com
Description: Original theme for AG and SSVII
Version: 1.0
Author: Ryan Navaroli
Author URI: http://navaroli.com
Tags: accordion
*/

/* Global Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}q:before,q:after{content:'';}fieldset,img,abbr,acronym{border:0;}

/* GRID 12 System */
body{min-width:960px;}

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5,.push_6, .pull_6,.push_7, .pull_7,.push_8, .pull_8,.push_9, .pull_9,.push_10, .pull_10,.push_11, .pull_11 {
	position: relative;
}

.alpha { margin-left: 0; }
.omega { margin-right: 0;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}
.container_12 .grid_3 {
  width: 220px;
}
.container_12 .grid_4 {
  width: 300px;
}
.container_12 .grid_5 {
  width: 380px;
}
.container_12 .grid_6 {
  width: 460px;
}
.container_12 .grid_7 {
  width: 540px;
}
.container_12 .grid_8 {
  width: 620px;
}
.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}
.container_12 .grid_11 {
  width: 860px;
}
.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px;
}
.container_12 .prefix_2 {
  padding-left: 160px;
}
.container_12 .prefix_3 {
  padding-left: 240px;
}
.container_12 .prefix_4 {
  padding-left: 320px;
}
.container_12 .prefix_5 {
  padding-left: 400px;
}
.container_12 .prefix_6 {
  padding-left: 480px;
}
.container_12 .prefix_7 {
  padding-left: 560px;
}
.container_12 .prefix_8 {
  padding-left: 640px;
}
.container_12 .prefix_9 {
  padding-left: 720px;
}
.container_12 .prefix_10 {
  padding-left: 800px;
}
.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px;
}
.container_12 .suffix_2 {
  padding-right: 160px;
}
.container_12 .suffix_3 {
  padding-right: 240px;
}
.container_12 .suffix_4 {
  padding-right: 320px;
}
.container_12 .suffix_5 {
  padding-right: 400px;
}
.container_12 .suffix_6 {
  padding-right: 480px;
}
.container_12 .suffix_7 {
  padding-right: 560px;
}
.container_12 .suffix_8 {
  padding-right: 640px;
}
.container_12 .suffix_9 {
  padding-right: 720px;
}
.container_12 .suffix_10 {
  padding-right: 800px;
}
.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px;
}
.container_12 .push_2 {
  left: 160px;
}
.container_12 .push_3 {
  left: 240px;
}
.container_12 .push_4 {
  left: 320px;
}
.container_12 .push_5 {
  left: 400px;
}
.container_12 .push_6 {
  left: 480px;
}
.container_12 .push_7 {
  left: 560px;
}
.container_12 .push_8 {
  left: 640px;
}
.container_12 .push_9 {
  left: 720px;
}
.container_12 .push_10 {
  left: 800px;
}
.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px;
}
.container_12 .pull_2 {
  left: -160px;
}
.container_12 .pull_3 {
  left: -240px;
}
.container_12 .pull_4 {
  left: -320px;
}
.container_12 .pull_5 {
  left: -400px;
}
.container_12 .pull_6 {
  left: -480px;
}
.container_12 .pull_7 {
  left: -560px;
}
.container_12 .pull_8 {
  left: -640px;
}
.container_12 .pull_9 {
  left: -720px;
}
.container_12 .pull_10 {
  left: -800px;
}
.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/************************************ BEGIN WMS ***********************************************/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.float_left, .floatLeft { float: left; }
.float_right, .floatRight { float: right; }
.textRight { text-align: right; }

body {
	height: 100%; 
	margin-bottom: 1px;
	overflow-y: scroll;
	color: #FFF;
	background: #FFF;
}

a {
	color: #CCC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 { font-size: 180%; margin: 10px 0; }
h2 { font-size: 150%; margin: 10px 0; }
h3 { font-size: 120%; margin: 10px 0; }
h4 { font-size: 90%; margin: 5px 0; }
h5 { font-size: 70%; margin: 5px 0; }
h6 { font-size: 50%; margin: 5px 0; }

pre { overflow-y: scroll; }

#contactForm {
	margin-left: 10px;
}
#contactForm input[type=text], #contactForm input[type=email], #contactForm textarea {
	width: 350px;
}
#contactForm input[type=submit] {
	padding: 5px;
}

#contactForm p {
	padding-bottom: 20px;
}

#contactForm h2 {
	border-bottom: 1px #CCC solid;
}

#application h3 {
	border-bottom: 1px #CCC solid;
}

.newsPost ul {
	list-style: disc outside none;
	padding: 0 0 0 15px;
}

.newsPost > .post {
	padding: 10px 5px;
	background : #DDD;
	border-top : 1px #CCC solid;
	border-bottom : 1px #CCC solid;
	margin-bottom: 10px;
}

.newsPost h1, .newsPost h2, .newsPost h3, .newsPost h4, .newsPost h5, .newsPost h6 {
	margin: 0 0 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px #BBB solid;
}

.newsPost p {
	padding-bottom: 5px;
}

.newsPost .navigation {
	margin: 10px 0 20px 0;
	
}

.newsPost .entry {
	padding-top : 5px;
}

.postDate {
	font-size: 80%;
	font-style: italic;
	margin: 0 0 5px 0;
}
.entry {
	margin: 0 0 0 10px;
}

.entry img {
	max-width: 650px;
	height: auto;
}

ul li {
	margin: 0 0 2px 0;
}

#wrap {
	padding: 10px 0;
}

#main {
}

#mainContent {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #EEE;
	padding: 10px 5px;
	min-height: 200px;
}

#credits {
	padding: 5px 0;
}

#top {
}

#banner {
	height: 40px;
	background: #EEE;
}

#content {
	min-height: 500px;
}

#footer {
	min-height: 10px;
	background: #DDD;
	border-top: 1px solid #EEE;
	padding: 10px 0;
}

.sideWidgetTitle {
	color: #FFF;
	background: #CCC;
	font-size: 120%;
	padding: 10px 0 0 5px;
	margin-bottom: 7px;
	height: 23px; 
//	width: 250px;
//	position: relative;
//	right: 5px;
}

.footerWidgetTitle {
	background: #DDD;
	font-size: 110%;
	padding: 5px 0 0 5px;
	margin-bottom: 5px;
	height: 23px;
	position: relative;
	right: 5px;
}

.widget {
	margin-top: 10px;	
}

#sidebar {
	margin-bottom: 10px;
}
#sidebar .widget.noTitle {
	padding: 3px 0 3px 5px;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	position: relative;
	right: 5px;
	width: 220px;
}
#sidebar .widget.noTitle.image {
	padding: 0px;
}

#footer .widget.noTitle {
	min-height: 80px;
}
.widget ul li {
	font-size: 93%;
}
.social {}
.social img.icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	position: relative;
	top: 5px;
}


/********* theme options specific *************/
/*menu = tabsTop */

#navContainer {
	border-bottom: 2px #BBB solid;
}

#tabsTopContainer > .tab {
	height: 20px;
	padding: 5px;
	margin: 0 5px 0 0;
	float: left;
	background: #CCC;
	color: #FFF;
}

#tabsTopContainer > .tab.active {
	background: #BBB;
}

#tabsTopContainer > .tab:hover {
	background: #AAA;
}

/* begin Individual movie page */
.individualNavigation > span {
	cursor: pointer;
}

#individualMovie {
	padding: 5px;
	background: #DDD;
}

.individualTitles {
	width: 110px;
	text-align: right;
	float: left;
	margin-right: 15px;
	font-weight: bold;
}

.movieDetails {
	font-size: 93%;
}

.movieDetails p {
	margin: 5px 0;
	text-align: justify;
}

.individualMovieHeader{
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	padding: 4px 5px 4px 5px;	
	margin: 0 0 10px 0;
	background: #CCC;
	border: 1px solid #000;
	border-bottom: none;
}

.individualMovieHeader > .releaseDate {
	padding-top : 5px;
	font-size: 60%;
}

.individualNavigation {
	font-size: 108%;
	padding-bottom: 10px;
}

.individualImages {
	float: right;
	margin: 8px 8px 0px 5px;
}

.individualImages img {
	border: 1px solid #000;
	display: block;
	width: 240px;
	margin-bottom: 10px;
}

.individualLinks {
	margin: 15px 0;
}

.individualLinks img{
	border: none;
	margin: 0 15px;;
}

.individualShowtimes {
	padding-top: 15px;
}

.individualShowtimes > h3 {
	background: #DDD;
}

.individualShowDate{
	font-weight: bold;
}

.individualShowDate > .shortDate {
	float: left;
	width: 70px;
}

.individualShows{
	margin: 2px 0 15px 65px;
}

.individualTime{
	margin: 0 5px;
}
/* end Individual movie page */

/* Begin Coming Soon Styles */
.comingSoonItem {
	margin: 10px 0 30px 0;
	font-size: 93%;	
}

.csTitle {
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	background: #EEE;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000;
	border-bottom: none;
}

.comingSoonItem p {
	margin : 5px 0;
	width: 300px;
}

.csReleaseDate {
	padding-top: 4px;
	font-size: 70%;
}

.poster{
	float: right;
	margin: 8px 8px 0 20px;
	color: #FFF;
}

.poster > img {
	border: 1px solid #000;
}

.detail {
padding: 2px 0 2px 5px;

}

.label {
	font-weight: bold;
}
/* End Coming Soon Styles */

.trailerLink {
	cursor: pointer;
}

.importantMessage {
	color : #CCC;
}

/* WMS_IMAGES BEGIN */
.wms_image {
	padding: 10px;
}

.wms_image.top_content, .wms_image.bottom_content {
	padding-left: 0px;
	padding-right: 0px;
}

.wms_image.widget {
	padding: 0px;
}

.wms_image.top_footer {
	padding-top: 0px;
}

.wms_image.bottom_footer {
	padding-bottom: 0px;
}

.wms_image.cycleMe {
	top: 10px;
	left: 10px;
}
/* WMS_IMAGES END */

/********* FOO BAR FOO from showtimesAccordion.css ***********/

.frontPageHeader {
	height: 25px;
	color: #FFF;
	margin: 5px 0 5px 0;
	padding: 2px 0 2px 1px;
}

.frontPageHeader > .chooseADate {
	font-size: 108%;
	font-weight: bold;	
}

#showtimes {
	background: #EEE;
	margin-bottom: 5px;
	min-height: 100px;
}

#dateSelect {
	margin-left: 5px;
	position: relative;
	bottom: 1px;
}

#loadAnim {
	margin-left: 5px;
	display: none;
}

.head {
	margin: 4px 0;
	text-align: left;
	border : 1px solid #CCC;
	background: #EEE;
}

.head.bg2 {
	background: #EEE;
}


.head:hover {
	background: #DDD;
}

.left {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 315px;
	cursor: pointer;
	padding: 4px 5px;
	vertical-align: middle;
}

.middle {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 255px;
	padding: 4px 5px;
	vertical-align: middle;
}

.right{
	display:-moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
	width: 80px;
	cursor: pointer;
	padding: 4px 5px;
	text-align: right;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
}

.right > .expandText {
	float: left;
	font-size: 85%;
	position: relative;
	top: 2px;
	padding: 0px 5px 0 0;
	text-align: right;
	width: 59px;
}

.right > .expandIcon {
	float: left;
	font-weight: bold;
	position: relative;
	padding-bottom: 1px;
	background: #AAA;

	border: 1px solid #CCC;

	height: 14px;
	width: 14px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: #BBB 2px 1px 1px;
}

.right:hover > .expandIcon {
	background: #AAA;
}

.right img {
	vertical-align: middle;
}

.body {
	color: #CCC;
	background: #FFF;
	padding: 5px 5px;
	margin: 2px 4px 20px 4px;
	border: 1px solid #888;
	min-height: 207px;
	font-size: 90%;
}

.bodyLinks img {
	border: none;
	margin-right: 25px;
	cursor: pointer;
}

.bodyLinks {
	margin: 12px;
}

.displayName {
	margin-right: auto;
	line-height: 1.1em;
}

.specialNote, .midnightLabel {
	display:inline;
	width: 110px;
	margin-left: 10px;
	text-align: right;
	font-size: 80%;
	color: #CCC;
}

.body > .poster {
	float: right;
	margin: 0 0 0 20px;	
	border: 1px solid #BBB
}

.label {
	font-weight: bold;
}

.head .rating{
	font-size: 80%;
	color: #AAA;
}

.time {
	display:inline;
	width: 36px;
	text-align: center;
	margin: 0 6px 0 0;
	color: #BBB;
	font-size: 90%;
}

.time.salelink {
	font-size: 105%;
}

.time a {
	color: #CCC;
}

.time a:hover {
	color : #BBB;
}

.body > .details {
	margin: 4px 0;
}

.body > .plot {
	text-align: justify;
}

.accordionHeadButton {
	background: #FFF;
	color: #DDD;
	float: right;
	padding: 2px 5px;
	border: 1px solid #fff;
	margin: 1px 0 1px 10px;
	font-weight: bold;
}

.accordionHeadButton:hover {
	cursor: pointer;
	background: #FAFAFA;
}

#accordionPrototype{
	display:none;
}

#showtimeFoot {
	padding-top: 5px;
	font-size: 87%;
}

.frontPageWrapper {
	padding: 15px 0 10px 0;
}

.frontPageWrapper > .header {
	font-size: 119%;
	padding-bottom: 1px;
	margin-bottom: 3px;
	color: #CCC;
	border-bottom: 1px solid #CCC;
}

.frontPageWrapper > .header > .date, .frontPageWrapper > .header > .title {
	font-weight: bold;
}

.frontPageWrapper > .newsPost {
	font-size: 93%;
}

.newsPost h2 {
	font-size: 14px;
}

.newsPost h2 .postDate{
	font-size: 80%;
}


.frontPageWrapper.news.top {
	margin-bottom: 25px;
}

.frontPageWrapper.news.bottom {
	margin-bottom: 25px;
}