/* Master Stylesheet f20d.com
   New site design, August 2009
   Copyright ©2009 Fiction 20 Down. All Rights Reserved. 
*/

/* Fastie Systems CSS Reset - modified from Eric Meyer's Browser Reset v2, April 2007
   Don't forget to set a foreground and background color on the 'html' or 'body' element! 
*/
html, body, div, span, applet, object, iframe, /* h1, h2, h3, h4, h5, h6, p, */ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
/* dd, dl, dt, li, ol, ul, */ /* I don't like to reset lists */
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/* This one is very useful - should it expand to incude :hover? */
a img, :link img, :visited img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

/* ol, ul { list-style: none; } */ /* I don't like to reset lists */

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* Will's Overides */
em { font-style:italic; }
strong { font-weight: bold; }
/* Will's Additional very generic classes */
.underline { text-decoration: underline; }
/* ----------------------------------------------- */

/* Site Layout */
/* For this new site, all styles will be attached to classes. IDs will only be used when needed for JS or
   some other important reason. This should prevent problems with IDed elements overiding class-based
   rules. Discipline is required to have only one class for those elements that must appear only once.
*/

/* F20D Blue: #062a5e */
.f20d-blue { color: #062a5e; }

body {
	background-color: #062a5e;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #114; /* dark with a hint of blue */
	font-size: .9em; 
}
body p { line-height: 1.30; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #062a5e;
  font-weight: normal;
	padding-bottom:0;
	margin-bottom:0;
}
h1 { font-size: 2.5em; text-align: center; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.3em; }

/* These can be removed when the headers test page is removed. These styles are NOT used in the main site. */
h1.hdr, h2.hdr, h3.hdr, h4.hdr, h5.hdr, h6.hdr { font-family: Georgia, "Times New Roman", Times, serif; color: #062a5e;
  font-weight: normal;
	padding-bottom:0;
	margin-bottom:0;
}
h1.hdr { font-size: 2.5em; text-align: center; }
h2.hdr { font-size: 2.4em; }
h3.hdr { font-size: 2.0em; }
h4.hdr { font-size: 1.7em; }
h5.hdr { font-size: 1.5em; }
h6.hdr { font-size: 1.3em; }
/* ------------------------------------------------------------------------------------------ */

h3+p, h4+p, h5+p, h6+p { margin-top: 5px; padding-top: 0; }
h3+ul, h4+ul, h5+ul, h6+ul { margin-top: 5px; padding-top: 0; }
.page-header { margin-top: 0; padding-top: 0; } /* use for any header that is first on page */

.pagebanner { font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.5em;
  font-weight: normal;
  color: #062a5e;
}

ul ul { list-style-type: disc; } /* recursive - causes ALL nested uls to use disc */
ul li { line-height: 1.30; }

.outer-container { 
  width: 998px;
  margin: 0 auto; margin-bottom: 15px;
  border: 2px #003 solid; border-top: none;
  padding-bottom: 3px;
  background: url('../img/wood-bg-new.jpg') repeat-y;
}
.inner-container { overflow: hidden; position: relative;
	width: 988px; margin: 0 auto;
	border: 2px #003 solid; border-top: none;
 	background: url('../img/f20d-logo-wstroke-brownbg.gif') no-repeat;
	background-position: 365px top;
	padding-bottom: 6px;
}
.top-container { position: relative; 
  height: 185px;
}
/* This is the original text-only menu, blue against the wood */
.top-menu-container { position: absolute; top: 15px; left: 25px;  padding: 0; }
.top-menu { margin:0; padding-top: 0px;
  text-align: left;
  font-family: Bank Gothic, Verdana, Arial, Helvetica, sans-serif; 
  font-variant: small-caps; 
  font-size: 1.40em; font-weight: normal; color: #062a5e;
}
.top-menu { font-size: 1.50em; } /* per Jordan's request, make larger */
.top-menu a { text-decoration: none; color: #062a5e; }
.top-menu a:hover, .top-menu a:visited:hover { color: #009; color: #816E5F; color: white; }
.top-menu a:visited { color: #062a5e; }
/* This is the new text-only menu, in its own space */
.top-menu-container-1 { position: absolute; top: 0px; left: 0px;  padding: 0;  }
.top-menu-container-1 .dark-par-inside { padding:0 2px 0px 2px; }
.top-menu-container-1 .dark-par-bottom-left {  }
.top-menu-container-1 .dark-par-bottom-right {  }
.top-menu-1 { margin:0; 
  padding: 5px 5px 4px 5px;
  text-align: left;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #062a5e;
  font-size: 1.20em; font-weight: bold;
  font-variant: small-caps;
}
.top-menu-1 a { text-decoration: none; color: #062a5e; }
.top-menu-1 a:hover, .top-menu-1 a:visited:hover { color: #009; color: #816E5F; color: white; }
.top-menu-1 a:visited { color: #062a5e; }
/* End of top-menu-1 */

#top-notice { position: absolute; top: 53px; left: 20px; width: 302px; }
#top-notice img { border: 0; padding: 0; margin: 0;  }
#top-notice div { font-family:Verdana, Arial, Helvetica, sans-serif; color: white;
  font-size: 1.1em;
  font-weight: bold;
  vertical-align: middle;
  display: none; /* this just prevents clutter in design view - it isn't necessary */
  width: 300px;
  background-image:url('../img/wood-bg-top-notice.jpg');
}
#top-notice div p { margin: 25px 0 0 0; padding: 0; }
#top-notice div p.attr { margin: 0; font-size: 70%; font-style: italic; text-align: right; }

.event-notice { }

#social-networks-bar { position: absolute; top:155px; right: 30px; /* width: 320px; */ /* height: 20px; */
  text-align: right; vertical-align: middle;
}
#social-networks-bar img { margin:0; margin-left: 10px; }

#shopping-cart-button { position: absolute; top: 12px; right: 27px; }

.hovereffect { }

.content-container { width: 940px; padding: 0; /* see parchment.css for padding control and background */
  margin: 0px auto 0px auto;
	line-height: 2em;
}
.content { }
.content a { color: #009; } 
.content a:visited, .content a:hover:visited { color: #009; }
.content a:hover { color: #00f;  } 
.content hr { background-color: #062a5e; border: 0; height: 3px; width: 60%;  }

/* The container for the image that holds the next show information, home page only */
.top-band-image { position: relative; margin-bottom: 15px; }
.top-band-image .next-show { position: absolute; left: 0; top: 255px;
	width: 554px;
	padding: 7px 10px 4px 10px;
	text-align: center; line-height: 1.2;
}

/* Variant of clearfix to handle CMS articles */
.cms-article-fix { display: inline-block; clear: both; margin-bottom: 25px; z-index: 100; }
.cms-article-fix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; clear: both; margin-bottom: 50px; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfixleft { display: inline-block; clear: left; }
.clearfixleft:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.quick-notice { width: 500px;
  border: 2px dashed black; background-color:#ffc;;
  padding: 5px 10px;
  margin: 10px auto;
}
.quick-notice p { margin: 0; font-weight: bold; font-style:italic; }

.demand-it-panel { position: relative;
  width: 250px;
  margin-left: auto; margin-right: auto; margin-bottom: 10px;
}
.demand-it-panel .button { position: absolute; left: 65px; bottom: 8px; }

.badges { text-align: center; padding: 0px; margin: 0; clear: both; }
.badges img { border:0; padding: 0; margin: 0; margin-left: 8px; margin-right: 7px; }

.footer { clear: both; } /* force the footer clear of everything above */
.footer-menu { 
	margin: 0; padding: 10px 0 0 0;
	text-align: center;
	font-size: .8em; font-weight: normal;
	color: black;
}
.footer-menu a { text-decoration: none; color: black; padding: 0 1px; }
.footer-menu a:visited { color: black; }
.footer-menu a:hover { color: white; }

/* Generic two-column Table */
.generic-table {width: 99%;
	border-collapse: collapse;
	margin: 10px 0;
	border: 1px black solid;
	font-size: 90%;
}
.generic-table .col-lft { width: 20%; }
.generic-table .col-rgt {  }
.generic-table td {
	border: 1px black solid;
	padding: 4px;
	vertical-align: top; 
}
.generic-table td h6 { margin: 0; padding: 0; font-size: 90%; }
.generic-table td h6+p { margin-top: 10px; padding-top: 0; }
.generic-table ul { margin-left: 1.1em;  }

/* A generic, simple table, primarily for use with articles */
.table-simple { margin: 10px 10px 10px 0;  border: 1px solid black; border-collapse:collapse;}
.table-simple td, .table-simple th { padding: 2px 5px; text-align: center; border: 1px solid black; }
.table-simple td { background-color: #f1fcd9; }
.table-simple th { background-color: #5Fc7d4; font-weight: bold; font-size: 85%; font-style: italic;  }

/* Video Table */
.video-table { width: 95%;
  border: 2px #062a5e solid; 
  background-color: #eee;
}
.video-table td {
  border: 2px #062a5e solid; 
	padding: 4px;
	vertical-align: top; 
}

/* Booking Page */
.booking-demo-reel { float: right;
	width: 300px;
	text-align: center;
	font-size: .8em;
	font-style: italic;
}

.ileft  { float: left; margin-right: 15px; margin-top: 5px; }
.iright { float: right; margin-left: 15px; }
.inline { float: none; }
.img-tl { float: left; padding: 0; margin: 0 10px 3px 0; }
.img-tr { float: right; padding: 0; margin: 0 0 3px 10px; }
.img-l { float: left; padding: 0; margin: 0 10px 0 0; }
.img-r { float: right; padding: 0; margin: 5px 0 5px 10px; }
.img-border { border: 2px #062a5e solid; }

.fineprint { font-size: .7em; font-style: italic; }
.sup { vertical-align: super; font-size: 75%; }
.bb  { font-weight: bold; color: #009; }
.smaller-font { font-size: smaller; }
.hfvis { display: none; visibility: hidden; }
.markred { color: red; }
.mark-notice { color: maroon; }
.clearboth { clear: both; }
.clearleft { clear:left; }
.centerme { text-align: center; }
.nospacing { margin:0; padding:0; }
.nobottom { margin-bottom: 0; padding-bottom: 0; }
.notop { margin-top: 0; padding-top: 0; }

/* Special styles for Shadowbox */
/* #sb-body-inner { background-color: white; } */ /* v3 */ /* does not appear to be needed */

/* Special styles for e-Junkie */
.show a.ec_ejc_thkbx img { padding-top: 3px; }
.tickets-legend { font-style: italic; padding-right: 10px; }