@charset "utf-8";
/*
---------------------------------------------------------------------------
The Best Movies Ever Made
Nov 2009

developed by Tiago Araújo - www.tartora.com
---------------------------------------------------------------------------
*/

/* Reset.css Original by Erik Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; vertical-align: baseline}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#b7bcc4; }
h1 {font-size:60px; letter-spacing:-2px; line-height:50px;}
h2 {font-size:24px; letter-spacing:-1px; margin-bottom:20px;}
h3 {font-size:30px; letter-spacing:-1px; padding:20px 30px;}
	h3 span {color:#555;}
a, a:hover, a:visited {color:#fff; text-decoration:none;}
p {margin:0;}
p.credits {margin:40px 0 0; font-size:9px;}
	p.credits a {color:#999;}
/* WRAP 
-------------------------------------------------------------------------- */
div#wrap {width:100%; margin:0 auto; border-top:7px solid #508eeb;}

/* CONTAINER
-------------------------------------------------------------------------- */
div#container {width:960px; margin:0 auto; padding-top:40px;}

/* HEADER
-------------------------------------------------------------------------- */
#header h1 span{color:#508eeb;}

/* CONTENT
-------------------------------------------------------------------------- */

div#content {padding:40px 0 40px; color:#555; font-size:14px; font-weight:bold;} 
.listLine {clear:both; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden;}
.close {text-align:right; color:#555;}
	.close a {color:#555;}
	.close a:hover {color:#777;}

	/* Collapse and Expand */
	#boxTop, #boxMust, #boxLaugh, #boxAnimation {display: none; background:#ebebeb; padding:50px 50px 20px;}
		#boxTop img, #boxMust img, #boxLaugh img, #boxAnimation img {border: 1px solid #555; display: block; width: 110px; height: 150px; float:left; margin-right:10px;}
		#boxTop span, #boxMust span, #boxLaugh span, #boxAnimation span {font-size:12px; font-weight:normal;}
		ul {list-style:none;}
		ul li {float:left; width:260px; margin-right:25px;}
		
	#boxTop {border-right:4px solid #508eeb;}
	#boxMust {border-right:4px solid #7ca8eb;}
	#boxAnimation {border-right:4px solid #a3b5d1;}
	#boxLaugh {border-right:4px solid #b7bcc4;}

	/* Top */
	#top .accordion {background-color:#508eeb; cursor:pointer; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topright:5px; -webkit-border-radius-topleft:5px;}
	#top .accordion:hover {background-color:#5893ec;}
	
	/* Must */
	#must .accordion {background-color:#7ca8eb; cursor:pointer;}
	#must .accordion:hover {background-color:#82acec;}
	
	/* Animation */
	#animation .accordion {background-color:#a3b5d1; cursor:pointer;}
	#animation .accordion:hover {background-color:#a7b8d3;}
	
	/* Laugh */
	#laugh .accordion {background-color:#b7bcc4; cursor:pointer;}
	#laugh .accordion:hover {background-color:#babfc7; }
	

/* FOOTER 
-------------------------------------------------------------------------- */
div#footer {width:100%; margin:0 auto; border-top:7px solid #508eeb; background:#ebebeb; position:relative; left:0; bottom:0; overflow:auto; padding-bottom:20px;}

#footerContent {width:960px; font-size:14px; color:#555; margin:0 auto; padding:30px 0;}
#footerContent h4 {color:#508eeb; font-size:24px;}
#footerContent input, #footerContent textarea {width:300px; padding:2px;}
#footerContent input, #footerContent textarea {background:#fff; border:1px solid #ccc; margin-bottom:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#footerContent input.submit {background:#7ca8eb; -moz-border-radius: 5px; -webkit-border-radius:5px; border:none; width:50px; margin-top:10px; cursor:pointer; color:#fff; font-weight:bold;}
	#footerContent input.submit:hover {background:#90b5ee;}

#suggestion {float:left; margin:0 160px 0 20px; width:340px;}
#statistics table {margin-top:15px;}
#statistics td {padding:4px 2px 2px; border-bottom:1px dashed #ccc;}