/*
-----------------------------------------------
Name:     QWOCMAP	
Designer: Christina
URL:      www.perhapsperhapsperhaps.blogspot.com
Date:     23 Sept 2006
-----------------------------------------------
Webmaster: Jennifer Greene
Date:      May 2006-2007-2008-2009
-----------------------------------------------
Web stuffs 2012: Eliza Wee (ewee), dogmo.com
----------------------------------------------- */



/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #4bb1ff; color: #fff; text-shadow: none; }
::selection { background: #4bb1ff; color: #fff; text-shadow: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* END HTML5 Boilerplate
========================================================================== */


/* @license
 * MyFonts Webfont Build ID 1813620, 2011-12-29T20:32:01-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/700/
 * Licensed pageviews: unlimited
 * 
 * Webfont: Museo 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/300/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/500/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1813620
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * 
 * © 2011 Bitstream Inc
*/



/* Fonts
----------------------------------------------- */
 @font-face {
	font-family: 'Museo-700';
	src: url('webfonts/1BAC74_0_0.eot');
	src: url('webfonts/1BAC74_0_0.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/1BAC74_0_0.woff') format('woff'),
		 url('webfonts/1BAC74_0_0.ttf') format('truetype');
		}
 @font-face {
	font-family: 'Museo-300';
	src: url('webfonts/1BAC74_1_0.eot');
	src: url('webfonts/1BAC74_1_0.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/1BAC74_1_0.woff') format('woff'),
		 url('webfonts/1BAC74_1_0.ttf') format('truetype');
		} 
 @font-face {
	font-family: 'Museo-500';
	src: url('webfonts/1BAC74_2_0.eot');
	src: url('webfonts/1BAC74_2_0.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/1BAC74_2_0.woff') format('woff'),
		 url('webfonts/1BAC74_2_0.ttf') format('truetype');
		}

@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/Centurygothic.eot');
	src: url('../fonts/Centurygothic.eot?iefix') format('eot'), 
	     url('../fonts/Centurygothic.woff') format('woff'),
	     url('../fonts/Centurygothic.ttf') format('truetype'),
	     url('../fonts/Centurygothic.svg#webfontd60hyItJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../fonts/gothicb-webfont.eot');
    src: url('../fonts/gothicb-webfont.eot?iefix') format('eot'),
         url('../fonts/gothicb-webfont.woff') format('woff'),
         url('../fonts/gothicb-webfont.ttf') format('truetype'),
         url('../fonts/gothicb-webfont.svg#webfontB4VHa0q7') format('svg');
    font-weight: bold;
    font-style: normal;

}

.museo-700 {font-family: 'Museo-700';}
.museo-500 {font-family: 'Museo-500';}
.museo-300 {font-family: 'Museo-300';}
.CenturyGothic {font-family: 'CenturyGothic';}
.CenturyGothicBold {font-family: 'CenturyGothicBold';}


/* Header
----------------------------------------------- */

/* Content
----------------------------------------------- */

#festmaincontent {
  background-color: black; 
  background-image: url(column_bg_festmain.gif); /* column background colors */
  background-repeat: repeat-y;
  /* what appears to be a border-right of light orange is actually in column_bg.gif*/
  border-bottom: 6px solid #FABD73; /* light orange - matches qwocmap menu */
}

/* Headings
----------------------------------------------- */
/* h1  { color:#0066CC; font: 140%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; text-transform: uppercase;  letter-spacing: 0.1em; margin: 1.5em 0 0.75em } */


/* Body
----------------------------------------------- */

/* Sidebar Content
----------------------------------------------- */


/* Footer
----------------------------------------------- */


/* Festival - main festival page only
----------------------------------------------- */
#festival {
    background: black;
}
#content {
  background-image: url(column_bg.gif); /* column background colors */
  background-repeat: repeat-y;
  /* what appears ºto be a border-right of light orange is actually in column_bg.gif*/;
  border-bottom: 6px solid #FABD73; /* light orange - matches qwocmap menu */
  }
#main {
  	background: #000; /* #101 #312*/
  	margin-right: 0;
  	padding-left: 20px;
	width: 649px;
}

#main a:link {
  color:#4D3499; /* blue-purple */
  text-decoration:none;
  }
#main a:visited {
  color:#4D3499; /* blue-purple 336699 6600FF;*/
  text-decoration:none;
  }
#main a:hover {
  color:#4D3499; /* blue-purple */
  text-decoration:underline;
  }

#festmain a:link {
  color: #AB29AB; /* medium magenta-purple */
  text-decoration:none;
  }
#festmain a:visited {
  color:#AB29AB; /* medium magenta-purple */
  text-decoration:none;
  }
#festmain a:hover {
  text-decoration:underline;
  }

#festmainmenulist a:link {
  color: #990099; /* purple #800080 */
  text-decoration:none;
  }
#festmainmenulist a:visited {
  color: #990099; /* purple #800080 */
  text-decoration:none;
  }
#festmainmenulist a:hover {
  text-decoration:underline;
  }

* html #festmain {			/* box model fix for ie */
}

#festmain  {
	color: #ccc;
	background: #000; 
}

#festmain .main_img {
  height: 404px;
  background: #000 url('../festival2012/coverhead_image.jpg') no-repeat top center;
  text-align: left;
}

#festmain .main_stills {
text-align: left; margin-top:-6px; margin-left: 24px; margin-bottom:0px; float: left;
}


#festmain p {
  color: #CCCCCC;
  margin-top: 0px;
}

#festival p {font-face: Tahoma, Verdana, Geneva, sans-serif, Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif;}

#festival h1  {
	font-family: 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-weight: bold;
	color: purple; /*  */
	margin: 0px; 
}

.schedday { 
	color: #8D4189 !important; /* purple */ 
	font: 16px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif !important; 
	font-weight: normal; 
	letter-spacing: 0.2em; 
	line-height: 26px;
	text-transform: none;
	margin-bottom: -2px !important;
	margin-left: 18px;
}

.schedtime { 
	color: #800080; /* purple */ 
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
}

.schedevent { 
	color: #000000; /* black */ 
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
}

/*#main h5 { color: #000; font: 105%/1.2em Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; letter-spacing: 0.01em; font-weight: bold; }*/

#main h5 {
	color: #000000; /* black */ 
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#fest h4 {
	color: #000000; /* black */ 
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	font-style : italic;
	letter-spacing: 0.2em; 
	text-transform: none;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	border-bottom: 1px solid #FFA500; /* orange */
}

#fest h3 { 
	color: #8D4189; /* purple #8D4189 */
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.2em; 
	line-height: 14px;
	text-transform: none;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#festmain .large {
	font-size: 1.1em;
}
#festmain .larger {
	font-size: 1.4em;
}

#festmain .largest {
	font-size: 1.6em;
}

#festmain .rightside {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 20px;
	margin-top: -3.5em;
	margin-left: 18px;
	margin-right: 10px;
	color: #CCCCCC; 
	text-align: right;
}

* html #festmain .extra1padding_iefix {			/* box model fix for ie5 */
	padding-top: 1em;
}
* html #festmain .extra2padding_iefix {			/* box model fix for ie5 */
	padding-top: 2em;
}

#festmain h1 {
	color: orange; /* yellow #FEE04F; */
	font: 16pt 'CenturyGothic', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-weight: normal; letter-spacing: 2px;
	line-height: 18pt;
	text-align: center;
	text-transform: none;
	margin-top: 68px;
	margin-left: 4px;
}
#festmain h1 .sub {
	font-size: 9pt;
}
#festmain h1 .larger {
	font-size: 20pt;
}

#festmain h2 { 
	color: #FFFFFF; 
	font: 110%/1.2em 'CenturyGothic', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; letter-spacing: 0.1em; 
	font-weight: normal; 
	line-height: 1.4em;
	text-align: left; 
	margin-top: 34px; margin-left: 30px; margin-bottom: -.4em; padding-top: 2px;
}

#festmain h3 { 
	color: orange; /* purple #8D4189*/ 
	font: 10pt 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: bold; 
	letter-spacing: 0.2em; 
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	margin-left: 30px; 
}

#festmain h4 {
	color: orange; /* yellow FEE04F #A64971 */
	font: 11pt 'CenturyGothic', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; letter-spacing: 2px;
	text-transform: none;
	text-align: center;
	margin-left: 30px; 
	border: none;
	padding-top: 14px;
}

* html #festmain h4 {			/* box model fix for ie5 */
	padding-bottom: 14px;
	padding-top: 8px;
}

#festmain h5 {
	color: #000000; /* black */ 
	font: 16px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-left:44px;
	padding-top: 8px;
	padding-bottom: 6px;
}

#festmain .floatfirstwords {
  float: left;
  width: 220px;
  text-align: left;
  margin: -10px 0 4px 30px;
}
* html #festmain .floatfirstwords {		/* box model fix for ie5 */
  margin: -10px 8px 46px 16px;
}

#festmain hr.top_hr {
  width: 610px;
  margin-top: 1px;
  margin-left: 14px;
  background-color: #FFA500;
  color: #FFA500;
}
* html hr.top_hr {			/* box model fix for ie5 */
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 14px;
}

#festmain .backgroundglow {
  background-image: url(../festival2012/backgroundglow_yellow.jpg) !important;
  height: 80px;
}

#festival .panelists {	/* box model fix for ie5 */
  margin-top:-1em;margin-right:30px;
}

* html #festival .panelists {	/* box model fix for ie5 */
  margin-top:0px;
  margin-right:120px;
}
* html #festival .panelists img {	/* box model fix for ie5 */
  margin-top:-1.4em;
}

#festival .yellowcolor {
	color: #FEE04F !important; /* yellow */
}

#festival .orangecolor {
	color: orange !important; /* orange */
}

 /* #festmain main body links was: #FF9933 with underlines*/

#fest  {
  width:620px;
  color: black;
  background-color: #F0EADF; /* #F0EADF;*/
}

#festtop img {display: block} /* make so header img doesn't have 3 px below it*/

/* TOP MENU COLORS */

#festmenu   { 
	background:#F5F5A6; 
	width: 620px; 
	font: 11px Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: bold; 
	letter-spacing: 0.1em; 
	border-bottom: 1px solid #4bb1ff;
	}

/*#festmenu   { background:#F5F5A6; width: 620px; font: 11px "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; letter-spacing: 0.1em; }
*/

#festmenu .coloredborder  {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: black; /* #CC3333 */
  background-color: black; /* #CC3333 */;
}

#festmenu .colorbg1  {    /* first, third and fifth top menu items */
  background: #4bb1ff; /* 7A5679 F0E5AA E0D594  EBEBEB */
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}
#festmenu .colorbg2  {    /* second, fourth, and fifth top menu items */
  background: #54FFFE; /* E3CCEB B0C9CF; */
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

	.placeholder #festmenu .colorbg1  {   
	  background: #3B1D3B; 
	}
	.placeholder #festmenu .colorbg2  {   
	  background: #6E506C; 
	}
	.placeholder #festmenu {border: 0;}

#festmenu a:link {
  color: #F5DF7F; /* purple  was: #F5DF7F E95C133*/
  text-decoration:none;
  text-transform: lowercase;
  font-family: verdana !important;
  }
#festmenu a:visited {
  color: #F5DF7F; /* purple  was: 990099 #E95C133 */
  text-decoration: none;
  text-transform: none;
  text-transform: lowercase;
  font-family: verdana !important;
  }
#festmenu a:hover {
  text-decoration:underline;
  }

#festmain table.mainsection {
  background-color: #D1CCB8;

  border-style: dotted;
  border-width: 2px 2px 2px 2px;
  border-color: #FEE04F; /* purple, #990000*/
}

#festmain table.festivalcontents {

  border-left: 1px solid #999999; /* dark gray */
  border-right: 18px solid #999999; /* dark gray */ 

  margin-left: 14px;
  margin-right: 0px;
  padding: 0 0 0 0;
}

#festmainmenulist {
  width: 320px;
  padding: 6px 2px 6px 1px;
  margin-top: 15px;
  margin-left: 8px;
  }

.leftborder {
  padding-left: 18px;
}

.topspace {
  padding-top: 8px;
}

.bottomspace {
  padding-bottom: 0px;
}

* html .bottomspace {			/* box model fix for ie5 */
  padding-bottom: 14px;
}

#fest p.festivalcontents {
  font: 16px 'CenturyGothic', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif;letter-spacing: .2px;

  color: black;
  line-height: 1.5em;
  margin-top: 4px;
  margin-left: 14px;

}

#fest h3.festivalcontents {
  margin-left: 40px;
  margin-top: 8px;
}

/* COLORFLASH COLORS (front festival page and schedules) */

#fest .colorflash {
  background: none; /* white * purple/magenta #C86FDE * colorflash: top bars on sched */
}
#fest .colorflash2 {
  background: none; /* #DED9BA light green/gray  * colorflash: (main body on front pg) and
			primary left colors on scheds :  E0D594 D1C57C; */ 
}
#festmain .colorflash2 {
  background: #CCCCCC; /*  light gray * colorflash: main body on front pg */ 
}

#fest .colorflash3 {
  background: #C86FDE; /* colorflash: left col on front pg, doors open on scheds F0B067*/
}

#fest .colorflash4 {
  background: #999999; /* dark gray *  C86FDE purple * colorflash: content bg on sched */
}

#fest .colorflash4b {
  background: #CCCCCC; /* light gray * colorflash: content bg on sched FEE04F yellow * orange FFA500* */
}

#fest .colorflash5 {
  background: #999999; /* dark gray * C86FDE purple * colorflash: times bg on sched */
}

#fest .colorflash5b {
  background: #CCCCCC; /* light gray *  colorflash: times bg on sched */
}

#fest table {
border: 0;
border-spacing: 0;
cell-spacing: 0;
  border-collapse: collapse;
}


/* trick to make sure the two columns end at the same level */
hr.cleaner {
      clear:both !important;
/*      display:block; 
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
*/
}
div.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	
}
/*-------------------------------*/

ul  { list-style-type: square !important;}
#festmain ul  { list-style-type: none !important;}

.doorsopen {font-size: 11px; color: #333333; font-style : italic; line-height:11px;}
.margin-in {margin-left: 20px; margin-right: 20px;}

.miniheader {color: #FFFFFF; background: black; font-weight: bold; padding-left: 6px; padding-right: 6px;}  /* white * yellow on black FEE04F#800416 #336600 */

.moreinfo {
/*   float: right;*/
}

.backto {
  width: 100%;
  padding: 0 12px 0 8px;
  background: #CCCCCC; /* light gray */
}

.filmname {
	font-weight: bold;
}

.eventdescr {
	margin-right: 20px;
}

.filmdescription {
	/* display: none; */ /* CHANGE once actual description comes in! */
}

#sched_film {
	margin-top: -10px;
	margin-right:28px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#sched_film ul {
	margin-left:14px;
}

#sched_film li {
overflow: hidden;
	background: #CCCCCC; /* light gray */
	list-style: none;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 12px;
}

#sched_film li.last {
	clear: both;
}

#sched_film .filmname {
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 0;
	display: inline;
}
* html #sched_film .filmname {			/* box model fix for ie5 */
	margin-left: -12px;
}

#sched_film .dirname {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #FFA500;  /* mini vert line on the left before */}

#sched_film .filmdescr {
	border-top: 1px solid #FFA500; /* orange */
	padding-top: 4px;
	padding-left: 0;
}

#sched_film .scrn {
	display: block;
}
#sched_film .screeningtitle {
	display: none;
}
#sched_film .screeningdatetime {
	font-style: italic;
}
#sched_film .screeningdatetime:before {
	padding-left: .3em;
	content: url(graysquare.gif);
}

#sched_film .fullwidth {
	border-top: 1px solid #FFA500; /* orange */
	margin-left: -12px;
	padding-left: 0;
}

.sched_image {
	float: right;
	margin-top: 0;
	margin-left: 12px;
	/*margin-right: 12px;*/
	/*clear:right;*/
}

#sched_dir {
	/* border-left: 20px solid #CCCCCC;*/ /* light gray */
	/* border-left: 1px solid orange;*/
	margin-top: -10px;
	margin-right:30px;
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;

/*
	margin-top: -20px;
	margin-left:12px;
	padding-left:0px;
	margin-right:28px;
	padding-top: 8px;
	padding-bottom: 8px;
*/
}

#sched_dir ul {	
	border-right: 20px solid #999999; /* dark gray */
}

#sched_dir li {
overflow: hidden;
	background: #CCCCCC; /* light gray */
	list-style: none;
	margin-top: 8px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

#sched_dir .dirname {
	border-bottom: 1px solid #FFA500; /* orange */
	font: 14px 'CenturyGothicBold', Arial, "Futura", "Trebuchet MS", Trebuchet, Verdana, Sans-serif; 
	font-weight: normal; 
	letter-spacing: 0.1em; 
	text-transform: none;
	text-align: left;
	margin-top: 0px;
	margin-right: -12px;
	margin-bottom: -12px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
}

#sched_dir .film {
	display: block;
	margin-top: .5em;
}
#sched_dir .dirbio {
}
#sched_dir .scrn {
	display: block;
	margin-left: 2em;
}
#sched_dir .screeningtitle {
	display: none;
}
#sched_dir .screeningdatetime {
	font-style: italic;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #FFA500; /* mini vert line on the left before */}
/*
#sched_dir .screeningdatetime:before {
	padding-left: .3em;
	content: url(graysquare.gif);
}
*/

.section {
	background: #CCCCCC; /* light gray */
	padding: 4px 4px 4px 8px;
}

.section2 {
	background: #999999; /* dark gray */
	padding: 4px 4px 4px 8px;
}

.sectionspacer {
	margin-top: 4px;
}

.topborder {
	border-top: 1px solid #FFA500; /* orange */
}

dl
{
	margin: 0;
	padding: 0;
}

dt
{
	margin: 0;
	padding: 2px 0 2px 0;
	font-weight: bold;
	border-bottom: 1px solid #999999; /* dark gray */
}

dd
{
	margin: 0 0 1em 0;
	padding: 4px 10px 0 0;
}

.rightgrayborder {
	border-right: 20px solid #999999; /* dark gray */
}

hr.lightorange {
  background-color: #FFA500; /* orange */
  color: #FFA500; /* orange */
}

/* ewee@dogmo.com: new styles 
--------------------------------------------------*/

a:hover, a:active {opacity: 0.8;}

body {position: relative;}
ul {margin: 0;}
#festmain ul {list-style-type: square !important;}
	#festmain ul.prevFestLinks {list-style-type: none !important; font-weight: bold;}

hr {color: #4bb1ff;}

.clearfix {clear: both;}
.bold {font-weight: bold;}
.right {text-align: right; float: right;}

.row {width: 540px;}
	.festHome .row {width: 520px;}
.col {width: 240px; float: left; padding: 0 10px 40px 0;}
	.first.col {width: 120px; padding: 0;}
		.partners .partnerList .first.col {background: #eee; margin-top: 10px}
		.partners .partnerList .first.col img {margin: 5px;}
		.partners .partnerList .first.col p {padding: 10px 5px 0; text-align: center; text-transform: uppercase; font-size: 0.85em; min-height: 35px;}
		.partners #festmain .fcontent .partnerList .first.col a {color: #444;}
	.second.col {width: 320px; padding: 0 0 20px 40px;}
		.qstaff .second.col {padding: 20px 0 20px 40px;}
		.partnerList .second.col {padding: 20px 0 0 40px;}
.festHome .fcontent {
	background: #000 url('images/banner-festival-2013-home.jpg') no-repeat top left;
	margin: 10px 0px;
}
.fcontent .details {
	padding: 10px 20px 30px 100px;
    margin: 20px 0;
	background: #000;
}
	.fcontent .details.hed01 {background: url('images/header01.png') no-repeat top left;}
	.fcontent .details.hed02 {
		background: url('images/header02.png') no-repeat top left;
		padding: 10px 100px 30px 20px;
		}
	.fcontent .details.hed03 {background: url('images/header03.png') no-repeat top left;}
	.fcontent .details.hed04 {background: url('images/header04.png') no-repeat top left;}
	.fcontent .details.hed05 {background: url('images/header05.png') no-repeat top left;}
	.fcontent .details.hed06 {
		background: url('images/header06.png') no-repeat top left;
		padding: 10px 100px 30px 20px;
		}
	.fcontent .details.hed07 {background: url('images/header07.png') no-repeat top left;}
	.fcontent .details.hed08 {background: url('images/header08.png') no-repeat top left;}
	.fcontent .details.hed09 {background: url('images/header09.png') no-repeat top left;}
		
.fcontent p, .fcontent li {
	text-align: left;
	font-family: "CenturyGothic, Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal; 
	font-style: normal;
	font-size: 13px; 
	line-height: 1.5em; 
}
	.fcontent .eventTitle {text-transform: uppercase; font-size: 1.125em;}
		.subtInfo {font-size: 0.95em; font-style: italic; text-transform: none;}
	.festHome .fcontent .details {
		padding: 0 0 10px 210px; 
		min-height:360px;
		margin: 0;
		background: none;
		}
	#festmain .fcontent a, #festmain .fcontent a:link {color: #f78640; text-decoration: none;}
		#festmain .fcontent a:hover, #festmain .fcontent a:active, #festmain .fcontent a:visited  {
			color: #ff9933; 
			text-decoration: none;
			}
	#festmain .fcontent #festmenu a, #festmain .fcontent #festmenu a:link, .fcontent #festmenu a:visited {color: #222;}
		#festmain .fcontent #festmenu a:hover, #festmain .fcontent #festmenu a:active {color: #c93;}
		
	#festmenu td {padding: 4px; text-align: center;}	

	/* sublinks */
	#festmain .fcontent .subNav {
		width: 570px; /* change from auto to 530px or 570px when subnav is fully populated */
		text-align: right;
		float: right;
		background: #666;
		position: relative;
		top: -5px;
		padding: 5px;
		font-size: 11px;
		margin-bottom: 20px;
		}
		.about #festmain .fcontent .subNav, .staffTeam #festmain .fcontent .subNav {width: auto;}
		
		
	.subLinks, #festmain .fcontent .subLinks, #festmain .fcontent .subLinks:link, #festmain .fcontent .subLinks:visited {
		color:#ccc; 
		text-transform: uppercase; 
		font-weight: bold;
		background: #666;
		padding: 5px;
		margin: 0;
		position: relative;
		}
		.sublinks.selected, #festmain .fcontent .subLinks.selected {background: #222; color: #666;}
		.sublinks:hover, .sublinks:active, .sublinks: focus, #festmain .fcontent .subLinks:hover, #festmain .fcontent .subLinks:active, #festmain .fcontent .subLinks:focus {color:#999; background: #222;}
		
#festmain .fcontent h1, #festmain .fcontent h2, #festmain .fcontent h3, #festmain .fcontent h4, #festmain .fcontent h5, #festmain .fcontent h6 {
	font-family: "CenturyGothicBold, Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    color: #aaa;
	margin: 0;
	padding: 0;
    text-align: left;
    text-transform: uppercase;
	letter-spacing: 0;
}
#festmain .fcontent h1 {font-size: 1.69em; line-height:1.125em;} /* 22px/13px */
#festmain .fcontent h2 {font-size: 1.38em; line-height:1.125em;} /* 18px/13px */
#festmain .fcontent h3 {font-size: 1.23em; line-height:1.125em;} /* 16px/13px */
#festmain .fcontent h4 {font-size: 1.15em; line-height:1.125em;} /* 15px/13px */
#festmain .fcontent h5 {font-size: 1.07em; line-height:1.125em;} /* 14px/13px */
#festmain .fcontent h6 {font-size: 1em; line-height:1.125em;} /* 13px/13px */
	
	#festmain .fcontent .details h1 {
		font-family: Museo-700, Museo-500, Museo-300, Georgia, Times, serif;
		font-weight: normal;
		font-size: 2em;
		line-height: 1em;
		color: #4bb1ff;
		text-transform: none;
		text-align: right;
		padding: 5px 10px;
		margin: 10px 0;
	}
		.festHome #festmain .fcontent .details h1 {
			font-size: 2.5em;			
			}
			
		#festmain .fcontent .video h2	{
			font-family: Museo-700, Museo-500, Museo-300, Georgia, Times, serif;
			font-weight: normal;
			padding: 5px 10px;
			margin: 10px 0;
			font-weight: normal;
			font-size: 2em;
			line-height: 0.25em;
			color: #4bb1ff;
			text-transform: none;
			text-align: right;
			border-bottom: 1px solid #4bb1ff;
			}
			#festmain .fcontent .video iframe {border: 1px solid #333;}
		
		#festmain .fcontent h1.sectionHed {
			font-family: Museo-700, Museo-500, Museo-300, Georgia, Times, serif;
			font-weight: normal;
			color: #666;
	    	font-size: 4em;
	    	line-height: 0.75em;
	    	text-align: right;
			text-transform: none;
			}
		
		#festmain .fcontent .details h2 {
			font-size: 1.5em;
			font-weight: bold;
			line-height: 1.5em;
			color: #4bb1ff;
		}
	
		#festmain .fcontent .details h3 {
			font-size: 1em;
			font-weight: bold;
			line-height: 1.5em;
		}
		#festmain .fcontent .details .right h3, #festmain .fcontent .details .right h2, #festmain .fcontent .details .right p {
			text-align: right;
		}
		#festmain .fcontent .details .focus {
			margin: 20px 0 40px 100px;
			padding: 10px 20px;
			-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px;
			border-radius: 4px;
		  	-moz-box-shadow: 3px 3px 5px -6px #333; -webkit-box-shadow: 3px 3px 5px -6px #333;
		  	box-shadow: -3px 3px 3px 3px #333;
			background: #4bb1ff;
		}
			#festmain .fcontent .details .focus h3 {color: #fff; line-height: 0.85em; text-align: right;}
			#festmain .fcontent .details .focus p {color: #fff; margin: 0; padding: 0; position: relative; top: -10px;}
				#festmain .fcontent .details .focus .focusTitle {
					color: #fff;
					font-family: Museo-500, Museo-300, Georgia, Times, serif;
					font-weight: normal; 
					font-size: 1.5em; line-height:1.125em;
					text-transform: none;
					text-align: left;
					}
		.newLocation {
			text-align: left; 
			float: left; 
			line-height: 1em; 
			font-size: 0.85em; 
			padding: 10px; 
			margin-right: 10px; 
			color: #fff;
			border-right: 1px dotted #fff;
			}	

.fcontent .moreInfo {
	/*background: #000 url('images/strip.png') repeat-y top right;*/
	/*padding-right: 100px;*/
	margin-top: 20px;
}		
	.fcontent .moreInfo ul li  { 
		list-style-type: square;
		line-height: 1.75em;
		}
		
.accessibleIcon {
	background: url('images/symbols.png') no-repeat top left;
	overflow: hidden;
	width: 20px; height: 20px;
	}
.childcareIcon {
	background: url('images/symbols.png') no-repeat top right;
	overflow: hidden;
	width: 20px; height: 20px;
	}
	
#festmain .festInfoBox {
	margin-bottom: 20px;
	padding: 10px 20px;
	padding-bottom: -40px;
	-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 3px 3px 5px -6px #333; -webkit-box-shadow: 3px 3px 5px -6px #333;
  	box-shadow: -3px 3px 3px 3px #333;
	background: #d48;
	position: relative;
	top: -20px;
	}
	#festmain .festInfoBox h3 {color: #fff; font-size: 1em; line-height: 0.85em; text-align: right; display: block; float: left;}
	#festmain .festInfoBox p {color: #fff; text-align: left; margin: 0; padding: 0; position: relative; top: -10px;}
		#festmain .festInfoTitle {
			color: #d48;
			font-family: Museo-500, Museo-300, Georgia, Times, serif;
			font-weight: normal; 
			font-size: 2.5em; line-height:1em;
			text-transform: none;
			text-align: right;
			position: relative;
			bottom: -20px;
			}
	.festInfoBox .subnavInfo {display: block; float: right; margin: 10px; position: relative;}
		#festmain .festInfoBox .subnavInfo a {color: #fcd;}
		#festmain .festInfoBox .subnavInfo .sublinks {background: #b36;}
			#festmain .festInfoBox .subnavInfo .sublinks:hover, #festmain .festInfoBox .subnavInfo .sublinks:active, #festmain .festInfoBox .subnavInfo .sublinks:focus {background: #c48; color: #ebc;}
	
/* .fcontent .schedInfo {
	background: #000 url('images/strip.png') repeat-y top right;
	padding-right: 100px;
	margin-top: 20px;
}*/
	#festmain .fcontent .schedInfo .date {
		color: #888;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 2em;
		line-height: 0.5em;
		margin: 0; padding: 0;
		}
		#festmain .fcontent .schedInfo .date .right a {
			font-size: 0.5em;
			}
		
	#festmain .fcontent .schedInfo .title {
		border-top: 1px dotted #666;
	}
	#festmain .fcontent .schedInfo .schedDay {background: #222; margin-bottom: 20px; padding: 0 20px;}
	
.content {
	background: #333;
    padding: 10px 40px 40px;
}

.donateBox {background: #f78640; height: 100px; padding: 20px; margin-right: 190px;}
	#festmain .donateBox p {color: #333;}
	#festmain .donateBox img {float: left; display: block; padding-right: 20px;}
	#festmain .fcontent .donateBox a {color: #800080;}
	
#festmain .filmList {padding: 0;}
	#festmain .filmList li {list-style: none;}
	#festmain .filmStill img {margin-bottom: 5px;}
#festmain .commPartnerList {padding: 0 0 40px; text-transform: uppercase;}
	#festmain .commPartnerList li {list-style: square; padding-left: 10px; margin-left: 20px;}
	#festmain .fcontent .commPartnerHed {line-height: 1.5em; font-weight: normal; margin-top: 40px; border-top: 1px dotted #ccc;}
	
#festmain .filmStill img {margin-bottom: 5px;}

#festmain .filmInfo {text-align: right; text-transform: uppercase; float: right;}



/* slider */
.slider-wrapper {min-height: 600px;}

/* sticky footer
--------*/
#festmaincontent {min-height: 100%;}
#main {overflow:auto;
	padding-bottom: 200px;}  /* must be same height as the footer */

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

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/* add to html:
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->
*/