/*
	CSS do Grande Prêmio de Cinema 2010
	Data: Jan-2010
	Autor: Everton Fraga
	
 */

/* Seletores gerais */
html {
	background: transparent url(../img/bg.png) repeat top left;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Sans Serif';
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
body {
	font-size: 12px;
}
a {
	text-decoration: none;
}
strong {
	font-weight: bolder;
}

/* layout */
div#custom-doc {margin-bottom: 10px;}
div#hd {height: 294px;}
div#bd {padding: 0 0 10px;}

/* Header em flash */
div#hd embed {margin-left: -20px;}

/* estilos específicos */
.container-genero h2,
.container-lateral-1 h2,
.container-secao h2 {
	font-size: inherit;
	text-transform: uppercase;
/* 	letter-spacing: 1px; */
	padding: 3px 3px 2px;
}

.container-genero,
.container-lateral-1 {
	margin-bottom: 20px;
}

.container-genero h2,
.container-lateral-1 h2 {
	text-align: center;
}
.container-genero select {
	width: 100%;
}
.menu-indicados {
	padding: 10px 20px;
}

/* Conteúdo */
.container-secao h2 {
	padding-left: 15px;
	font-size: 14px;
}
.container-secao h2 p {
	font-size: 12px;
	float: right;
}
.container-secao .container-content {
	padding: 15px;
}
.container-content {
	line-height: 1.3em;
}

/* Página de indicados */
.container-content h3.secao {
	text-transform: uppercase;
	font-size: 14px;
	padding: 4px 8px;
	margin: 20px 0 12px 0;
}

/* Box dos filmes */
.container-filme {
	padding: 4px 0;
	margin: 4px 0 6px 0;
}
.container-filme a {
	display: block;
	text-align: center;
}
span.sub {
	display: block;
	font-style: italic;
	text-align: center;
}
span.description {
	display: block;
	font-style: italic;
}
span.desc {
	text-transform: uppercase;
	font-size: 11px;
}

/* Box lateral */
.container-lateral-1 div {
	font-size: 11px;
	padding: 15px 15px 0 15px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.container-lateral-1 ul li {
	line-height: 1.3em;
	margin-bottom: 1em;
}
.container-lateral-1 ul li a {
	display: block;
}

.sidebar .container-filme p {
	padding: 5px 14px 10px;
	font-size: x-small;
}
.sidebar .container-filme p a {
	display: inline;
}
.promo-twitter {
	display: block;
	height: 35px;
	padding-left: 39px;
	margin-bottom: -5px;
	margin-top: 30px;
	background: transparent url(../img/icon-twitter.png) no-repeat bottom left;
	font-size: x-small;
	text-transform: uppercase;
}

.sidebar .ultimas-noticias ul li {
	list-style: disc;
	margin-left: 10px;
}
.sidebar .ultimas-noticias h2 {
	font-weight: bold;
}

/* Box de indicados */
.menu-indicados {
	padding: 10px;
}
.menu-indicados ul li{
	margin-bottom: 8px;
}

/* Galeria de Fotos */
.galeria div {
	padding: 4px 2px;
}
.galeria li a img{
	border-width: 4px;
	border-style: solid;
}

.indicados a img {
	border-width: 3px;
	border-style: solid;
	margin-right: 12px;
}

/* Texto */
.container-content {
	line-height: 140%;
}
.container-content h3 {
	font-size: large;
}
.container-content p {
	margin-bottom: 5px;
}
.container-content ol li, .container-content ul li {
	list-style-position: outside;
	margin: 4px 0 4px 25px;
}
.container-content ol.roman li {
	list-style-type: upper-roman;
}
.container-content ol.decimal li {
	list-style-type: decimal;
	margin-top: 8px;
	margin-bottom: 8px;
}
.container-content ul li {
	list-style-type: disc !important;
}

/* Votação */
.container-content ul.votacao li {
	list-style-type: none !important;
}
.votacao table td, .votacao table th {
	padding: 8px;
}
.votacao table th {
	color: #fff;
	font-weight: bold;
}

/* Mensagens de erro da votação */
ul#message {
	list-style-position: inside;
	margin: 10px auto;
	padding: 10px 0;

	border: 1px solid #8C8C8C;
	font-weight: bold;
	background-color: #E8E8E8;
}
ul#message.error {
	border: 1px solid #BD4644;
	color: #BD4644;
	background-color: #FFE6E6;
}


/* Sticker de aviso */
.sticker-aviso {
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	margin: -5px 0 10px;
}