/*@charset "UTF-8";*/
/** 
 * nilshendriks.com
 * 
 * Standard Layout (all parts)
 * 
 * @project   nilshendriks.com
 * @copyright 2009 by the author
 *
 * @file	  default.css
 * @version   1.0.0 
 * @author    Nils Hendriks
 * @date      2009-06-15
 *
 * @package   xhtml-css 
 * @cssdoc    version 1.0-pre 
 * 
 * @colordef  #fff; white 
 *  */
@import url("reset.css");
@import url("css3.css");

/* ..... reset default browser rendering */
@media screen, tv, projection {

/* ..... default styles for screen display */
/* dev only */
.dev { color:#f00; }
.dev .done { text-decoration:line-through; }

/* iphone */
.iphone { display: none; }

/* @group Layout */
body { background:#5c421d url(../images/backgrounds/woodsm.jpg) 0 0 repeat-x; color:#fff; font-family:Georgia, serif; line-height:1.25; }
#branding,
#main-navigation ul,
#page-content,
#extra .inner,
#footer { max-width: 61.5em; margin: 0 auto;}
/* @end */

/* @group Branding */
#branding { overflow: hidden; clear: both; padding-bottom: 6px;}
#logo {width: 173px; display: block; float: left; margin: 10px 20px 0 0; }
#home h1 { display: none;}
#site-name { font-size: 72px; display: block; float: left; background: transparent url(../images/logos/logo-name.png) 0 0 no-repeat;
width: 509px; height: 213px; text-indent: -9999px; margin-top: 15px;}
/* @end */

/* @group main-nav */
#main-navigation { background: #402a13; opacity:0.9; border-bottom: 2px solid #2b1b0a;border-top: 2px solid #2b1b0a; margin-bottom: 60px;}
#main-navigation ul {overflow: hidden; clear: both; }
#main-navigation li { display: block; float: left;}
#main-navigation li a { display: block; float: left; font-family:"Museo", "Delicious Bold", Helvetica, sans-serif; font-size: 20px; padding: 20px 40px 20px 0; color: #ab9b6a;}
#main-navigation li a:hover {color: #fff;}
/* @end */

/* @group Grids */
.content { overflow: hidden; clear: both; padding-bottom: 20px;}
.content .main-content { float: left; width: 75%;}
.content .aside { float: right; width: 25%;}
/*
.grid-1 { overflow:hidden; clear:both; margin-bottom: 2em; }
.grid-1 .primary-content {float:left;}
.grid-1 .primary-content, .grid-1 .secondary-content { width: 47%; }
.grid-1 .secondary-content { float: right;}
*/
/* @end */

/* @group Generic */
/* =GENERIC
	   ----------------------------------------------------*/
a { text-decoration:none; color: #ab9b6a; }
a:hover {color: #fff;}
.invisible { visibility:hidden; }
.hide { display:none; }
strong { font-weight:bold; }
em { font-style:italic; }
input.radio, label { vertical-align:middle; }
abbr { letter-spacing: 0.1em;}
/* @end */

/* @group Headers */
/* body#home h1 { display: none; } */
h1 { font-size: 2em; line-height: 1; margin-bottom: 20px;text-shadow: 1px 1px 0 #000;}  /* 32px */
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 20px; color: #ab9b6a;text-shadow: 1px 1px 0 #000;} /* 24px */
h2 strong { font-size: 1.333em; line-height: 1; display: block; font-weight: bold; }
h3 { font-size: 1.25em; line-height: 1; margin-bottom: 1em;text-shadow: 1px 1px 0 #000;} /* 20px */
/* @end */

/* @group Events */
.event {padding: 0 0 20px 0; overflow: hidden; clear: both;}
.content h1,
.main-content h2 {font-family:"Museo", Helvetica, sans-serif; color: #ab9b6a; font-size: 24px; /*  margin: 0; */}
.content h1, .event h2 { /* font-family:"Museo", Helvetica, sans-serif; color: #ab9b6a; font-size: 30px; text-shadow: 1px 1px 0 #000 */ text-align: center; 
/* margin: 0; */ font-size: 30px;}
.content h1 { text-align: left; margin-bottom: 20px;}
.event h2 {margin-bottom: 0;}
.event p {max-width: 65%;}
.event .meta {font-size: 14px; max-width: 100%; text-align: center; margin-bottom: 20px;}
.event em { white-space: nowrap; }
.event .photo {float: right; border: 5px solid #fff; display: block;}
/* @end */

/* @group Advanced Typography */
p, ul, ol, dl {margin: 0 0 20px 0; text-shadow: 1px 1px 1px #333; }
p + p { text-indent: 1em; margin: 0 0 20px 0;}
.main-content h2 + p {margin-top: 0; }
/* .main-content p { text-indent:0;} */
.main-content .meta + p { text-indent: 0; margin: 0;}
.main-content p.break { text-indent:0; margin: 1.5em 0; }

.main-content pre { font-size:1.2em; line-height:1.5; margin:1.5em 0 0 0; }
code {font-family: Monaco,"Andale Mono","Lucida Console", "Courier New", serif;}
.amp { font-family: "Baskerville", serif; font-style: italic; font-weight: normal;} 
.passed { text-decoration: line-through; color: #ab9b6a;}
.program-list .horizontal-ruler {margin: 0;}
.top-link {font-size: 12px; color: #ab9b6a; float: right; }
.top-link:hover { color: #fff; }

/* programm */
#program .program-list li {overflow: hidden; clear: both; margin-bottom: 10px; }
#program li .meta { display: block; width: 300px; float: left; }
#program .program-list li strong { display: block; float: left; }

/* videos */
.video { margin-bottom: 1em;}

blockquote { padding: 20px; background: #735225;}
blockquote p { font-size: 2em; text-indent: 0;}
blockquote cite { color: #000;}

/* .main-content p { margin-bottom: 1em; } */

/* @end */

/* default lists */
/*
.main-content ul, .main-content ol { font-size:1em; line-height:1.3; margin:1.3em 0 1.3em 1em; }
.main-content ul { list-style-type:disc; }
.main-content ul li { }
.main-content ol { list-style-type:decimal; margin-left:1.3em; }
*/

/* second level ul/ol */
/*
.main-content ul ul,
.main-content ol ol { font-size:100%; line-height:1.334; margin:1.334em 0 1.334em 1em; }
*/

/* @group Lists */
	/* link-list */
	.link-list {}
	.link-list li a { /* border-bottom: 1px solid #ab9b6a; */}
	
	dl {}
		dt {}
		dd { margin-bottom: 20px;}

/* @end */


/* horizontal-ruler */
div.horizontal-ruler { clear:both; height:1px; margin:0 0 20px 0; background: #2b1b0a; border-bottom: 1px solid #ab9b6a; }
hr { display:none; }

/* @group Extra */
#extra { background: #533914; padding: 40px 0; overflow: hidden; clear: both; }
#extra ul { float: left; width: 25%; margin: 0;}
#extra a { color: #AB9B6A;text-shadow: 1px 1px 1px #333; font-size: 14px;}
#extra a:hover { color: #fff;}
/* @end */

.aside {padding: 33px 0 0 0;}
.aside h2 { /* color: #2b1b0a;  */margin: 0 0 15px 15px; font-size: 18px;}
.aside p, .aside li { font-size: 12px; margin: 0 15px 20px 15px;}
.aside a { color: #ab9b6a;}
.aside a:hover { color: #fff;}
.aside ul, .aside ol { margin-left: 15px; color: #ab9b6a;}
.aside ul { list-style-type: disc;}
.banner { display: block; border: 5px solid #AB9B6A; float: right; margin-bottom: 10px;}
.banner:hover { border: 5px solid #fff;}
.banner img { display: block; }
.banner.no-image { width: 220px; height: 68px; text-align: center; padding-top: 25px; background: #402a13;}
#cineservice { background: #09f; color: #000; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 24px; padding-top: 35px; height:58px;}
#uitgaanssite { border: none;}

/* @group Footer */
#footer { padding: 20px 0;}
#footer p { font-size: 12px; color: #AB9B6A;margin: 0;}
#footer a { color: #ab9b6a;}
#footer a:hover { text-decoration: underline;}
/* @end */


} /* end web screen styles */

@media print {

/* ..... default styles for print display */
.print, .print-logo { display:block; float:left; }

}