/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Duoh! n.v.
and may not be reproduced. 
------------------------------------------------------------------*/

/* Duoh! Homepage stylesheet
------------------------------------------------------------------*/

#home-intro {
	padding:318px 25px 0 438px;
}
#home-intro p {
	margin:0;
}
#work {
	width:659px;
	background: #3e373c url(graphics/colorbar-horizontal.gif) no-repeat right top;
}
#work li {
	float:left;
	display:inline;			
}
.use_credits {
   display:none;
}
.moofilm {
   border: 0px none;
   background-color:#110f10;
   cursor:default;
}	
.film_info {
	width:154px;
	color: #b9c4b7;
	padding:0px 10px 20px 44px;
}
.film_title {
	width:154px;
	word-wrap:break-word;
	padding:57px 10px 10px 44px;
	color:#a0d35f;
	font:bold 1.3em/130% Helvetica, Arial, Geneva, sans-serif;
}
a.film_link {
	margin:0 0 0 44px;
}
a.film_link:link,
a.film_link:visited {
	color:#3fa8c1;
	border-bottom:1px solid #3fa8c1;
	}
a.film_link:hover {
	color:#fff;
	}	
#work img {
	border:none;
	margin:37px 0 31px 34px;
}
#work a:link, #work a:visited {
	border: none;
}	
#work a:hover {
	background-color:transparent;
}		
#main {
	background:url(graphics/colorbar-horizontal.gif) no-repeat;
	position:relative;
}
#main h3 {
	margin:0 0 1em 0;
}
#illu-who {
	background:url(graphics/who-we-are.jpg) no-repeat right 32px;
	padding-bottom:60px;
	min-height:500px;
}
#news-box {
	width:450px;
	padding:40px 0 0 0;
	margin-left:175px;
	position:relative;
}
#news-box h2 {
	background: url(graphics/t-news.png) no-repeat;
	height:206px;
	width:358px;
	text-indent:-9999px;
	margin:0;
	position:absolute;
	left:-358px;
	top:30px;
	z-index:1;
}
#rss {
	line-height:110%;
	font-size:89%;
	width:220px;
	float:left;
	margin:0 10px 40px 0
	}
#twitter {
	line-height:110%;
	font-size:89%;
	width:220px;
	float:left;
	margin:0 0 40px 0
	}	
#rss img, #twitter img  {
	float:left;
	margin:0 10px 10px 0;
	}
#rss img {
	margin-top:2px;
	}	
#rss a:link, #rss a:visited {
	color:#d92273;
	border:none;
	}
#rss a:hover, #rss a:active {
	background-color:#ff0066;
	color:#fff;
	}	
#twitter a:link, #twitter a:visited {
	border:none;
	}
#twitter a:hover, #twitter a:active {
	background-color:3fa8c1;
	color:#fff;
	}				
#news-box h3 {
	font-size:1.8em;
	line-height:120%;
	margin-bottom:.5em;
	letter-spacing:-1px;
}
#who-box {
	padding:0 0 0 35px;
}
p.one {width:450px;}
p.two {width:405px;}
#content p.two {margin-bottom:80px;}
#homepage #content blockquote {
	background:url(graphics/quote.gif) no-repeat;
	width:529px;
	padding:0 0 30px 60px;
	margin:0;
	}
#homepage #content blockquote p {
	margin:0;
	padding:0;
	width:529px;
	font-size:1.12em;
	font-style:italic;
	background:none;
	}
#homepage #content blockquote p.by {
	font-size:90%;
	width:auto;
	float:right;
	display:inline;
	padding:1px 3px;
	text-align:right;
	background-color:#f0ffe0;
	}	
#who-box h2 {	
	text-indent:-9999px;
	margin:0;
}
#who-box h3 {
	background: url(graphics/beauty-brains.gif) no-repeat left bottom;
	height:50px;
	width:218px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}
#status {
	clear:both;
	background: url(graphics/status-bottom.gif) no-repeat left bottom;
	padding-bottom:1px;
	width:232px;
	text-align:center;
	margin:0 0 0 213px;
}
#status h2 {
	text-indent:-9999px;
	height:66px;
	width:212px;
	display:block;
	margin:0;
}
#status h2.red {
	background: url(graphics/status-red.gif) no-repeat center top;
}
#status h2.orange {
	background: url(graphics/status-orange.gif) no-repeat center top;
}
#status h2.yellow {
	background: url(graphics/status-geel.gif) no-repeat center top;
}
#status h2.green {
	background: url(graphics/status-groen.gif) no-repeat center top;
}
#status p {
	padding:0;
	text-align:center;
}