/*
Theme Name: Griffin
Theme URI: http://www.houseoflaudanum.com
Description: A custom theme built for Griffin Theatre.
Version: 1.0.3
Author: House of Laudanum
Author URI: http://www.houseoflaudanum
Tags: custom, fixed width, cms, widgets
*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%; background:#000;}

#page {padding-bottom: 11px;}  /* must be same height as the footer */

#wrapper_footer {
  position: relative;
	margin-top: -11px; /* negative value of footer height */
	height: 11px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {
  content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Basic Layout and element styles
-------------------------------------------------------------- */
.clear {
  clear:both;
}

.zero {
  line-height: 0;
}

body {
  font-size: 62.5%;
  background-color: #000;
  min-width: 1070px;
}

#page {
  width: 910px;
  margin: 0 auto;
  position: relative;
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

#header {
  background-color: #000;
  height: 77px;
  padding-left: 10px;
}

#content {
  background-color: #fff;
}

#logo {
  width: 80px;
  height: 178px;
  position: absolute;
  left:-80px;
  top:87px;
}

#main_content {
  width: 740px;
  margin: 10px 10px 0px 10px;
  float: left;
}

#main_content #hero #posts_list, #hero-image {
  width:590px;
  float: left;
}



#home_content {
  width:890px;
  margin: 0 10px 20px 10px;
  padding-top: 10px;
}

#post {
  position: relative;
}

/*** ELEMENT STYLES ***/
a, a:visited {
  text-decoration: none;
  color: #ff5f00;
}

a:hover {
  text-decoration: underline;
  color: #ff5f00;
}

/* Main menu
-------------------------------------------------------------- */

/*** SON OF SUCKERFISH MENU ***/
/*
* http://htmldog.com/articles/suckerfish/dropdowns/
*/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 140px;
	color: #fff;
}

#nav li {
	float: left;
	width: 140px;
	margin-right: 10px;
}

#nav li ul {
	position: absolute;
	width: 140px;
	left: -999em;
	z-index: 1;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*** MENU SKIN ***/

#nav li h4 { /* parent menu items */
  height: 64px;
  text-align: center;
  font: normal 18px Tahoma, sans-serif;
  padding-top: 13px;
  text-transform: uppercase;
}

#nav li h4 a {
  color: #ff5f00;
  text-decoration: none;
}

#nav li h4 a.selected {
  color: #fff;
}

#nav li ul li a { /* child menu items */
  /*height: 21px;*/
  background-color: #000;
  padding: 6px 0 6px 6px;
  width: 134px;
  font: normal 11px Verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  border-bottom: dotted 1px #ccc;
  text-decoration: none;
}

#nav li ul li a:hover {
  color: #ff5f00;
}

#nav li ul li.last a {
  border: none;
}

#nav li ul li.overview a {
  font-weight: bold;
  color: #ff5f00;
}

#nav li ul li.overview a:hover {
  text-decoration: underline;
}

/*** COMMON SIDEBAR ***/
#main_content #sidebar_common {
  width: 140px;
  float:right;
}

.widget a.button {
  display: block;
  width: auto;
  height: 100%;
}

.widget a.button {
  text-decoration: none;
}

#sidebar_common .widget {
  width: 140px;
  height: 100px;
  overflow: hidden;
  background-color: #000;
  margin-bottom: 10px;
  position: relative;
}

#sidebar_common li.widget {
  background-color: #ff5f00;
}

#sidebar_common li.widget + li {
  background-color: #000;
}

#sidebar_common .widget h4 {
  font: normal 14px Tahoma, sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin: 5px;
  float: left;
}

#sidebar_common .widget h4 a {
  color: #fff;
}

#sidebar_common .widget p {
  position: absolute;
  margin: 5px;
  color: #fff;
  bottom: 0;
  left: 0;
  font-size: 11px;
}

/*** SPONSOR SIDEBAR ***/
#sidebar_sponsors {
  width: 140px;
  float: right;
  margin: 10px 10px 0 0;
}

#sidebar_sponsors strong {
  font-weight: normal;
}

#sidebar_sponsors p, #sidebar_sponsors a, #sidebar_sponsors img {
  margin-bottom: 1em;
}

/*** INNER FOOTER ***/
#inner_footer {
  margin: 0 10px 0 10px;
  /*border-top: dotted 3px #ff5f00;*/
  /*padding-top: 5px;*/
  padding-bottom: 40px;
}

#inner_footer hr {
  border: none;
  margin: 5px 0;
  height: 3px;
  background: #fff url(/wp-content/themes/griffin/libs/images/orange_dot.gif) repeat-x scroll;
}

.copyright {
  color: #ff5f00;
  font-weight: bold;
  margin-right: 10px;
}

#inner_footer ul, #inner_footer ul li {
  display: inline;
}

#inner_footer ul li {
  margin-left: 5px;
  border-right: solid 1px #999;
  padding-right: 5px;
}

#inner_footer ul li.last {
  border: none;
}

#footer {
  clear: both;
}


/* Layout for Production, General, Sponsor and Mailing-list pages
-------------------------------------------------------------- */
#post_content {
  width: 290px;
  margin-right:10px;
  float: left;
}

#post_sidebar {
  width: 290px;
  margin-right:10px;
  float: left;
}

#post_sidebar2 {
  width: 140px;
  float: left;
  padding-right: -10px;
}

/*** PRODUCTION PAGE ***/
#post_content {
  font-size: 11px;
}

#post_content h1, #post_content h2, #post_content h3 {
  font: bold 14px Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing:2px;
}

#post_content h2 {
  color: #ff5f00;
}

#post_content strong {
  font-weight: bold;
}

#post_content em {
  font-style: italic;
}

#post_content p, #post_content blockquote {
  margin: 1em 0;
}

#post_content blockquote.play_quote {
  font-weight: bold;
  color: #ff5f00;
}

#post_content blockquote {
  color: #ff5f00;
  margin-bottom: 0;
}

#post_content blockquote strong {
  display: block;
  font-weight: bold;
  margin: 0;
}

.ticket-button {
  display: block;
  margin: 5px 0 10px;
  text-transform: uppercase;
}

.ticket-button a {
  color: #fff;
  background: #ff5f00;
  padding: 5px;
  font-weight:bold;
}

/*** PRODUCTION PAGE SIDEBARS ***/
#post_sidebar h4 {
  color: #ff5f00;
  font-weight: bold;
}

#post_sidebar p, #post_sidebar ul {
  margin-bottom: 1em;
}

#post_sidebar strong {
  font-weight: bold;
}

#post_sidebar2 .gallery-wrapper {
  margin-bottom: 10px;
}

#post_sidebar2 h4 {
  color: #ff5f00;
  font-weight: bold;
  margin-bottom: 1em;
}

#post_sidebar2 .gallery {
  margin-right: -10px;
}

#post_sidebar2 .gallery .gallery-node {
  width: 65px;
  height: 65px;
  float: left;
  margin: 0 10px 10px 0;
}

#post_sidebar2 .gallery .gallery-node .title,
#post_sidebar2 .gallery .gallery-node .caption,
#post_sidebar2 .gallery .gallery-node .description {
  display: none;
}

/*** WHATS ON PAGE ***/
#posts_list_heading {
  margin: 0 10px 30px 10px;
  padding-top:3px;
}

#posts_list_heading h1, #posts_list_heading h2, #posts_list_heading h3 {
  font: bold 22px Tahoma, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  height: 26px;
}

#posts_list_heading h1, #posts_list_heading h3 {
  color: #ff5f00;
}

/*** WHATS ON POST SUMMARIES ***/
#posts_list .post {
  margin: 0;
  padding: 0;
  border: none;
}

#posts_list .post + .post {
  margin-top: 8px;
  padding-top: 12px;
  background: url(/wp-content/themes/griffin/libs/images/orange_dot.gif) repeat-x scroll top left;
}

#posts_list .last {
  border: none;
}

#posts_list .post .entry-thumbnail {
  float: left;
  width: 140px;
}

#posts_list .post .entry-content {
  float: right;
  position: relative;
  width: 440px;
  height: 100px;
}

#posts_list .independent .entry-content {
  background: transparent url(/wp-content/themes/griffin/libs/images/logos/griffin-independent.gif) no-repeat scroll right top;
}

#posts_list .independent .entry-content h2 {
  width: 325px;
}

#posts_list .post .entry-content h2, #posts_list .post .entry-content h3, #posts_list .post .entry-content h4 {
  font: bold 14px Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing:2px;
}

#posts_list .post .entry-content h2 a {
  color: #000;
}

#posts_list .post .entry-content h3 {
  color: #ff5f00;
}

#posts_list .post .entry-content .entry-summary {
  position: absolute;
  bottom: 0px;
}

.entry-summary a,.entry-summary a:hover,.entry-summary a:visited {
  font-weight: bold;
  color: #ff5f00;
  text-decoration: none;
}

.pagination {
  margin: 10px 0;
}

.pagination .alignleft {
  float: left;
}
.pagination .alignright {
  float: right;
}

.category-whats-on .sociable {
  float: right;
  width: 140px;
}

/*** GENERAL PAGE ***/
.uncommon-sidebar a, .uncommon-sidebar a:visited {
  color: #ff5f00;
}

/*** MAILING LIST PAGE ***/
#mailinglist_content {
  width: 590px;
  float: left;
  margin-right: 10px;
}

#mailinglist_content h1 {
  font: bold 14px Tahoma, sans-serif;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 10px;
}

#mailinglist_content fieldset {
border:medium none;
clear:left;
float:left;
width:100%;
}

#mailinglist_content fieldset ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#mailinglist_content fieldset li {
clear:left;
float:left;
margin:5px 0 0;
padding:0;
width:100%;
}

#mailinglist_content label {
float:left;
margin-right:5px;
text-align:right;
width:100px;
}

/*** TICKETS PAGE ***/
.page-template-template_tickets-php #main_content {
  width: 890px;
}

#tickets_iframe {
  width: 100%;
  border:none;
}

#tickets_iframe iframe {
  border: none;
  margin-bottom: 40px;
}

/*** SPONSOR PAGE ***/
#sponsors_content {
  width: 590px;
  float: left;
  margin-right: 10px;
}

#sponsors_content h1 {
  font: bold 14px Tahoma, sans-serif;
  text-transform: uppercase;
  color: #ff5f00;
  margin-bottom: 10px;
}

#sponsors_content h2 {
  font: bold 11px Arial, sans-serif;
  text-transform: uppercase;
  border-top: dotted 1px #999;
  margin-top: 1em;
  padding-top: 5px;
  clear: both;
}

#sponsors_content p {
  margin-bottom: 3em;
  margin-left: -10px;
}

#sponsors_content p a {
  margin-left: 10px;
}

#sponsors_content img {
  float: left;
  margin: 10px 0 10px 10px;
}

/* Layout for Home page
-------------------------------------------------------------- */
.search  .screen-reader-text {
  display: none;
}

.search-wrapper {
  margin-top: 15px;
  position: relative;
}

.search-wrapper .left {
  display: block;
  height: 25px;
  width: 27px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(/wp-content/themes/griffin/libs/images/chrome-search-left.gif) no-repeat scroll left top ;
}

.search-wrapper input {
  position: absolute;
  width: 101px;
  padding-top: 6px;
  height: 19px;
  border: none;
  right: 12px;
  top: 0;
  background: transparent url(/wp-content/themes/griffin/libs/images/chrome-searchfield-repeat.gif) repeat-x scroll center top;
}

.search-wrapper .right {
  display: block;
  height: 25px;
  width: 12px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(/wp-content/themes/griffin/libs/images/chrome-search-right.gif) no-repeat scroll left top ;
}

/*** HOMEPAGE HERO AND FEATURE ***/
#home_content #hero {
  width:590px;
  float:left;
}
#home_content #feature {
  width: 290px;
  float:right;
}

/*** HOMEPAGE WIDGETS ***/
#homepage_widgets {
  width:890px;
  margin: 10px 10px 0 10px;
  padding-top: 10px;
}

#homepage_widgets li.widget {
  float: left;
  width: 140px;
  height: 170px;
  overflow: hidden;
  background-color: #000;
  margin-bottom: 10px;
  position: relative;
}

#homepage_widgets .widget_sp_image {
  text-align: center;
}

#homepage_widgets .widget_sp_image img {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#homepage_widgets li.widget {
  background-color: #ff5f00;
}

#homepage_widgets li.widget + li {
  margin-left: 10px;
  background-color: #000;
}

#homepage_widgets .widget h4 {
  font: normal 14px Tahoma, sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin: 5px;
  float: left;
}

#homepage_widgets .widget h4 a {
  color: #fff;
}

#homepage_widgets .widget p {
  position: absolute;
  margin: 5px 10px 10px 10px;
  color: #fff;
  bottom: 0;
  left: 0;
  font-size: 11px;
}

#homepage_entry {
  width:590px;
  margin: 0 10px 30px 10px;
  font-size: 11px;
}

#homepage_entry p {
  margin-bottom: 1em;
}

/*** SOCIALBLE PLUGIN ***/
.sociable {
  clear: both;
}

.sociable_tagline strong {
  font-weight: bold;
  color: #ff5f00;
}

.sociable_tagline {
    margin-bottom: 5px;
}

/*** PRETTY PHOTO JQUERY PLUGIN SKIN ***/
div.light_square .pp_nav, div.light_square .pp_description {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*** GENERIC PAGE TEMPLATE ***/
#generic_content {
  font-size: 11px;
}

#generic_content h1, h2 {
  font-family:Tahoma,sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
}

#generic_content h2 {
	color: #ff5f00;
}

#generic_content h3 {
	font-weight:bold;
}

#generic_content h2,#generic_content h3 {
	margin: 1em 0;
}

#generic_content h4,#generic_content h5,#generic_content h6,#generic_content strong,#generic_content dt {
	font-weight: bold;
}

#generic_content em {
	font-style: italic;
}

#generic_content ol,#generic_content ul {
	margin-left: 2em;
}

#generic_content ol li {
	list-style: decimal outside;
}

#generic_content ul li {
	list-style: disc outside;
}
#generic_content p {
	margin-bottom: 1em;
}

/*** SITEMAP PAGE ***/
.sitemap #generic_content h4 a {
  font: bold 14px Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing:2px;
  color: #000;
}

.sitemap #generic_content ul li {
  list-style: none;
}

.sitemap #generic_content ul li li {
  list-style: disc;
}

.sitemap #generic_content ul ul {
  margin-bottom: 1em;
}

/*** SEARCH RESULTS ***/
.search-results {
  font-size: 11px;
}

.search-results dt {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  color:#ff5f00;
}
.search-results dd {
  margin-bottom: 2em;
}