/*
 FruitFest screen stylesheet
 @author Mattijs Bliek | Peter Goes
* /

/* ------------------------------------- 
				Reset
------------------------------------- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* ------------------------------------- 
				General
------------------------------------- */
html, body{ height:100%;}
body{ background:url('img/bg.png') top left repeat #797e91; color:#fff; font-family:Georgia, Times, 'Times New Roman', serif; line-height:18px; font-size:0.8125em;}
#page{ display:block; min-height:100%; overflow:auto; padding-bottom:180px; }
#container{ display:block; width:1000px; position:relative; margin:0 auto; padding:32px 30px 0 30px; }

h2{ color:#3e4353; font-size:1.692em; font-weight:bold; margin-bottom:10px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; }
p{ margin-bottom:18px;}
p:last-child{ margin-bottom:0px;}
p + ul{ margin-top:-18px;}
em{ display:inline-block; padding:0px 6px 1px 6px; background:#abb7c8; color:#3e4353; font-style:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.row{ overflow:auto;}

.one, .two, .three, .four, .five, .six{ display:block; padding-bottom:10px; margin:0 20px 10px 0; }
.one li, .two li, .three li, .four li, .five li, .six li{ list-style:disc; list-style-position:inside;}
.one a, .two a, .three a, .four a, .five a, .six a{ color:#fff;}
.one a:hover, .two a:hover, .three a:hover, .four a:hover, .five a:hover, .six a:hover{ text-decoration:none; color:#abb7c8;}
.one{ width:150px;}
.two{ width:320px; }
.three{ width:490px;}
.four{ width:680px;}
.five{ width:850px;}
.six{ width:1000px;}

.left{ float:left;}
.right{ float:right;}
.last{ margin-right:0;}

.two.border{ background:url('img/border.png') top left no-repeat; padding-top:20px;}

.big h2{ font-size:1.846em;}
.big p, .bigP{ font-size:1.231em; line-height:24px;}

img{ border:5px solid #abb7c8; -moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #666;}
img.right.inline{ margin-left:10px;}
img.left.inline{ margin-right:10px;}

/* ------------------------------------- 
				Nav
------------------------------------- */
#nav{ position:relative; height:30px; margin-bottom:48px; padding:26px 0 20px 340px;}
#nav li{ float:left;}
#nav li:first-child{ position:absolute; left:-20px; top:0;}
#nav a{ display:block; height:30px; padding-top:15px; border-right:1px solid #717480; color:#abb7c8; font-size:1.385em; text-align:center; text-decoration:none; font-weight:bold; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
#nav a:hover{ color:#3e4353;}
a#navLogo{ width:340px; height:76px; padding:0; border:0; background:url('img/logo.png'); text-indent:-9999px;}
#navHome{ width:102px;}
#navProgramma{ width:163px;}
#navAanmelden{ width:168px;}
#navTickets{ width:122px;}
a#navContact{ width:115px; border:0; text-align:right;}

#bodyHome #navHome{ color:#3e4353;}
#bodyProgramma #navProgramma{ color:#3e4353;}
#bodyContact #navContact{ color:#3e4353;}

#date{ border:none; position:absolute; right:0; top:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

/* -------------------------------------
				Content
------------------------------------- */
.program{ margin:20px 0 30px 0; color:#3e4353; border-top:1px solid #90939e;}
.film{ margin:20px 0 30px 0; color:#3e4353;}
.program li{ position:relative; list-style-type:none; padding:3px 0 3px 70px; border-bottom:1px solid #90939e;}
.film li{ position:relative; list-style-type:none; padding:3px 0 3px 0px; border-bottom:1px solid #90939e; color:#fff;}
.film li:first-child{color:#3e4353;}
.program span{ display:block; color:#fff;}
.program img{ position:absolute; top:0; left:0; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

.footnote{ color:#3e4353; font-size:0.846em; font-style:italic;}

#twitter_update_list li{ list-style:none; margin-bottom:18px;}
#twitter_update_list span{ display:block;}
#twitter_update_list a{ text-decoration:none; color:#abb7c8;}
#twitter_update_list a:hover{ color:#3e4353;}

.huge{ font-size:3em; line-height:1.25em; margin-top:30px;}

/* ------------------------------------- 
				Sidebar
------------------------------------- */
#sidebar{ display:block; position:absolute; top:192px; right:120px;}
#sidebar a{ display:block; width:200px; height:40px; padding:30px 0 15px 0; text-align:center; border:4px solid #8d93a8; margin-bottom:20px; text-decoration:none; color:#fff; font-weight:bold; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1.5em; }
#sidebar a:hover{ border-color:#b7bcce;}
a#ticketsBanner{ background-color:#abb7c8; background:-webkit-gradient(linear, left top, left bottom, from(#abb7c8), to(#9ba9be)); background:-moz-linear-gradient(top, #abb7c8, #9ba9be);}
a#twitterBanner, a#facebookBanner{ background-color:#3e4353; background:-webkit-gradient(linear, left top, left bottom, from(#3e4353), to(#2e3344)); background:-moz-linear-gradient(top, #3e4353, #2e3344);}

/* ------------------------------------- 
				Footer
------------------------------------- */
#footerContainer{ display:block; height:120px; margin-top:-150px; padding-top:30px; /*background:url('img/footer-bg.png') top left repeat;*/ }
#footer{ display:block; width:660px; margin:0 auto; padding-left:340px; color:#3e4353; }
#footer p{ width:320px; float:left;}
#footer p:first-child{ margin-right:20px;}