/*
Theme Name: Olympia Film Society
Description: A develpoment theme by SlowClouds.
Author: Forrest Peaker
Author URI: http://slowclouds.com/
Version: 1.0
Tags: responsive, white, minimal

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built as a starter for future SlowClouds development projects. 
*/

/*  ==========================================================
  Table of Contents

    #Theme Styles
    
  ========================================================== */
 

body {
  background: url(../images/bg-body-rays_02.png) no-repeat 44% -53px,
  			  url(../images/bg-body-stars.png) repeat-x 0 0, 
  			  url(../images/bg-body-repeat.png) repeat-x 0px -60px;
			  
  background-color: #fff;
}



.calendar .withSidebar {
	background-image: url('../images/headerBG.png');
	background-position: 60% 0;
  	background-repeat: repeat-y;
  	background-color: transparent;	
}

#specialAlert {
	color: #fff;
	text-align: center;
	background: #76B8A6;
	-webkit-border-raduis: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	padding: 11px;
	-moz-transition: opacity 15s ease-in-out;
	-o-transition: opacity 15s ease-in-out;
	transition: opacity 15s ease-in-out;
}

#specialAlert .button {
	background: #41807a;
}

#specialAlert .button:hover {
	background: #CAA91E;
	color: #fff;
}


#pageHeader {
  background-color: transparent;
  height: 110px!important;
  max-height: 230px;
  padding: 53px 0 0;
  position: relative;
  overflow: visible;
  z-index: 300; 
}



#logo {
  background: url("../images/sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 239px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: -50px;
    width: 141px;
    z-index: 300;
}

#pageHeaderExtras { 
	position: absolute;
	top: 5%;
	right: 0px;
	z-index: 400; 
}

#pageHeaderExtras .search {
  color: #CAA91E;
  margin: 0 0 0 27px;
}

#pageContent {
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 200;
}

 .withSidebar {
  background: url(../images/bg-sidebar.png) repeat-y 67.9933% 0;
  margin: 0 auto;
  position: relative;
  z-index: 200;
}

.sidebar { padding: 20px 0 0;}

#pageContentHeadline {
	padding-top: 20px;
}

#theaterInfo {
	text-align: center;
} 

#homeHeadline {
	
}

.blog #homeAlsoComingSoon,
.single #homeAlsoComingSoon,
.category #homeAlsoComingSoon,
.page #homeAlsoComingSoon,
.home .dynamic-sidebar h3,
.home .dynamic-sidebar ul,
.home .dynamic-sidebar hr
{
  display: none;
}


.home #homeAlsoComingSoon
{
  display: block;
}

.home .dynamic-sidebar {
	padding: 3px 0 6px;
	margin-bottom: 12px;
	border-bottom: 1px solid #c6c6c6;	
	border-top: 1px solid #c6c6c6;
} 

#calendar {
	margin-top: 60px; 
}

footer#pageFooter {
	padding-bottom: 5%;
}

.calendar .filmTimes {
	margin-top: 0;
}

.homeRecentNews article,
.allNews article,
.filmFestNews article,
.category .span8 article,
.search .span8 article {
	display: block;
	clear: both;
	float: left;
	padding: 25px 0;
	border-bottom: 1px solid #e6e6e6;
}

#allNews li:last-child,
#filmFestNews li:last-child {
	border-bottom: none;
}

#showTimes ul, #address ul {
	font-size: .8em;
}

.row .showingToday {
	width: 35%;
}

/* #headings
============================================ */
 

#showTimes {
	
}

.filmTimes {
	margin-top: 25px;
	font-size: .95em;
}

.yellowText {
	color: #CAA91E;
}

h1 {
  font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #CAA91E;
  font-style: normal;
  font-size: 2.4em;
  letter-spacing: -1px;
  line-height: 1.4em;
  padding: 0px;
  margin: 0;
  text-transform: capitalize;
  }

.showingToday h1 {
  font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #CAA91E;
  font-style: normal;
  font-size: 2.4em;
  letter-spacing: -1px;
  line-height: 1.4em;
  padding: 0px;
  margin: 0;
  text-transform: uppercase;
  }
  
.day {line-height: .8em; } 


  
h2 {
	color: #CAA91E;
}

h3 {
	text-transform: uppercase;
	line-height: 1.5em; 
}

.tabs-content h2 {
	padding: 30px 0;
} 

h5 a {
 text-transform: uppercase;
 color: #000;
}

#filmFestComingSoon a {
	font-size: .9em; 
}
  
h6 {
  font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #828281;
  font-style: normal;
  font-size: .7em;
  text-transform: uppercase; 
  } 
  
   

h1.days {
  text-transform: capitalize;
  }
  
#pageTitle { 
	font-weight: 700;
	text-transform: capitalize;
}  

.mission p {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	 color: #ded7b8;
}

#homeAlsoComingSoon p {
	font-size: 13px;
	line-height: 16px;
}

.single .span8 p {
	font-size: 19px;
	line-height: 1.65;
}
 

.page-template-page-filmFest-php p,
.page-template-page-home-php p {
	font-size: 1em;
	line-height: 1.3em;
}


#pageHeader nav ul {
  text-align: left;
}

#pageHeader nav a {
  color: #ded7b8;
	font-size: 1.1em;
  text-transform: lowercase;
}


#pageHeader nav li {
	padding: 0 9px;
}


#pageHeader nav li a:hover,
#pageHeader nav .current-menu-item a
 { 
 		color: #76b8a6;
  	text-decoration: none;
    border-bottom: 3px solid #76b8a6;
    }

#pageFooter
 {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1em; 
	}
	
#menu-footer		{ margin-top: 20px; } 
#menu-footer li { padding: 0 10px; }    
#menu-footer a {
	color: #595959;
	text-transform: uppercase;
}    

#pageFooter .credits p {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
	font-size: .9em; 
}

.OFSLogoSmall {
	background: url('../images/sprite.png') no-repeat -31px -238px;
	height: 30px;
	width: 50px;
	display: inline-block;
	text-indent: -9999px;
}

#homeComingSoon {
	margin: 0 0 3%;
}

.calendar .filmTimes {
	font-size: .95em;
}


#filmFestHighlights li {
	list-style: none;
	line-height: 1;
	padding-bottom: .6em;
}

.past.calendar.row {
  display: none;
}




/* #Social
============================================ */

#pageHeaderExtras, 
.search form input,
#OFFTwitter  {
	 font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 text-transform: uppercase;
	 font-weight: 300;
	 text-align:left;	
}

.twitter { 	
	background-color: #76B8A6;
	padding: 5px 25px 5px 10px;
	margin: 0 0 2px;
 }
 
.facebook { 	
	background-color: #CAA91E;
	padding: 5px 25px 5px 10px;
	margin: 0 0 2px;
 } 
 
#pageHeaderExtras .twitter a,
#OFFTwitter a { 
 	color: #E6E3B2;
 	padding: 3px 10px;
 	margin-bottom: 2px;
 	text-decoration: none;
 	opacity: 1;
 	font-size: .8em;
}

#pageHeaderExtras .twitter .icon,
#OFFTwitter .icon {
	background: url(../images/sprite.png) no-repeat 0 -239px;
	height: 20px;
	width: 20px;
	display: inline-block;
	text-indent: -9999px;
}

#pageHeaderExtras .twitter a:hover,
#pageHeaderExtras .facebook a:hover,
#OFFTwitter a:hover
 {
	opacity: 0.8;
}


#pageHeaderExtras .facebook a {
	color: #E6E3B2;
	padding: 3px 10px;
	margin-bottom: 2px;
	opacity: 1;
	font-size: .8em; 	
}

#pageHeaderExtras .facebook .icon {
	background: url(../images/sprite.png) no-repeat -19px -240px;
	height: 20px;
	width: 12px;
	display: inline-block;
	text-indent: -9999px;
}
   

#homeTwitter {
	margin: 30px 0;
}

#homeTwitterInfo { 
	border-bottom: 1px solid #C6C6C6; 
	border-top: 1px solid #C6C6C6; 
	padding: 12px 0;  
	}
	     
#homeTwitterInfo iframe { height: 85px; width: 100% !important; }



/* #Lists
============================================ */

.cat-item { display: inline; }

.cat-item a { 
	background: #76B8A6;
	color: #fff;
	font-weight: 100;
	line-height: 2.4em;
	padding: 8px 10px;
	 }
	 
.cat-item a:hover,
.cat-item a:active 	{ 
	background: #569B86;
	text-decoration: none;
	 }	 
	
.current-cat a { 
	background: #569B86;
	text-decoration: none;
	 }	 



/* #Forms, Inputs & Buttons
============================================ */


.search form input { 
	margin: 0px; 
	background-color:#E6E3B2; 
	border: none; 
	padding: 3px 10px;
	width: 60%;
	position: absolute;
	right:0;
	 -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
	}
	
.search form input:focus { 
	margin: 0px; 
	background-color:#E6E3B2; 
	border: none; 
	padding: 3px 10px;
	width: 86%;
	}	

input::-webkit-input-placeholder      { color: #CAA91E; font-size: 1em; } 
input::-moz-placeholder           { color: #CAA91E; font-size: 1em; } /* Firefox 18- */
input::-ms-input-placeholder        { color: #CAA91E; font-size: 1em; }

#searchForm {
	background: #ddd;
	border: 1px solid #ccc;
	margin-bottom: 3%;
	padding: 20px;
}

#searchForm input {
	margin: 0px; 
	background-color:#fff; 
	border: 1px solid #ccc; 
	padding: 3px 10px;
	width: 68%;
	position: relative;	
}

#searchForm select {
	margin: 10px;
}


#calendarContent table {
	margin: 20px 0 !important;
	}
	


#sf_widget_constantcontact_2_form .input {
	width: 65%;
}

#sf_widget_constantcontact_2_form input:last-child {		
	border: none;
	font-size: 1em;
	font-weight: 100;
	text-transform: uppercase;
	background: #76B8A6;
	color: #fff;
	padding: 8px 10px;
	position: relative;
	top:-3px; 
	letter-spacing: 1px;
	
}	

#sf_widget_constantcontact_2_form input:last-child:hover {
	background: #76B8A6;
}

#sf_widget_constantcontact_2_form p {
	padding: 0px;
	margin: 10px 0;
}

/* #Flexslider Customizations
============================================ */

.page-template-page-filmFest-php .flex-caption,
.page-template-page-home-php .flex-caption {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight:300;
	line-height: 2.3em;
}

#homeComingSoon .flex-caption,
#filmFestComingSoon .flex-caption
 { 
	position: relative;
	bottom: -4px;
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	color: #828281;
	background: transparent;
	line-height: 1;
	font-size: .8em;
	

	}
	
#homeComingSoon .flexslider .flex-control-nav,
#AdBlocks .flexslider .flex-control-nav,
#filmFestAdBlock1 .flexslider .flex-control-nav,
#filmFestAdBlock2 .flexslider .flex-control-nav
 {
	display:none;
 }


/* #ToolTips
============================================ */
.tooltip .synopsis {
	display: none;
}


.tooltip:hover .synopsis {
      position: absolute;
      float: left;
      margin: 0 auto;
      display: block;
      z-index: 5000;
      width: 50%;
      height: auto;
      line-height: 20px;
      padding: 5%;
      font-size: 14px;
      text-align: left;
      color: #444;
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 1px;
}