/*
Theme Name: PSOL Jean Wyllys
Theme URI: http://wordpress.org/
Description: Tema criado para uso exclusivo do PSOL na campanha de 2010 de Jean Wyllys, candidato a Deputado Federal.
Author: Demberg.com
Version: 1.0
Tags: red, orange, white, two-columns, fixed-width.
*/

@charset "utf-8";
/* CSS Document */

/* meu reset */
* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
	font-size:100%;
	border:0px;
	line-height:100%;
	white-space: normal;
}
/* tags */
body { background: #ff6600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}

/* links */
a, a:hover { text-decoration: none; color:#990000}

/* títulos */
#header h1 {text-indent: -9999px; background: url(images/slicer.png)}

/* ids principais */
#site {	margin: 0px auto; width: 800px; padding: 0px 0px 10px 0px; }
#header, #content, #footer, #site, #rodape, #slideshow { clear:both;}

/* cabeçalho */
#header { width: 100%; height: 176px; background: url(images/headers/hagosto2010.jpg) left no-repeat; }
#header .redes, .mm, .last {margin-top: 116px; }

/* listas inline */
.menu-header li{ float: left; margin-right:6px;}
.redes li, #footer li, #rodape li { float: left; margin-right:4px;}

/* menu principal */
.mm {background: #ff6600 url(images/bg_menu1.jpg) left top no-repeat; height: 65px; float:left; margin-right: 0px; margin-left: 10px;}
.menu-header ul {text-transform:uppercase; } 
.menu-header ul li.none {text-transform: none;}
.menu-header ul li {text-align:center; padding: 12px 6px 12px 16px; background:url(images/div-menu.jpg) left top no-repeat; }
.menu-header ul li a:hover, .menu-header ul li.current-menu-item a {color: #ffed06;}
.menu-header ul li:hover, .menu-header ul li.current-menu-item {text-align:center; color:#ffed06; }
.menu-header ul li.home {padding: 12px 2px 20px 4px; background:url(images/home_menu.jpg) 10px 8px no-repeat; width:44px;}
.menu-header ul li.current-menu-item.home, .menu-header ul li.home:hover {padding: 12px 2px 20px 4px; background:url(images/home_ativo.jpg) 10px 8px no-repeat; }
.last {background: url(images/bg_menu2.png) right top no-repeat; width:8px; height:65px; margin-right: 30px; float:left;}

/* content */
#content {padding: 0px 10px 5px 10px;}
#coluna2 {width: 240px; float:right;}
#coluna1 {width: 530px; float:left;}

/* slideshow */
#slideshow {height: 240px;}

/* box */
.box {padding-top: 11px;}
.box a:hover { text-decoration:underline;}
.box p {font-size:14px; line-height:1.4em; margin-top: 4px;}
.box p a {color: #666; }
.box h2 {margin-left: 25px; color:#ffed06;}
.box h2 a {color: #ffed06; }
.box .fundo {background: #990000; padding:8px 14px; }
.box ul {margin-top: 5px;s}
.box li {padding: 12px 24px; min-height: 50px; background: url(images/bg_degrade.jpg) repeat-x bottom;}
.box li img {float:left; padding: 4px 8px;}
.box .thumb img{ width:75px; height: 50px; }

/* rodapé */
#footer {padding: 25px; margin-bottom: 15px;}
#footer h2{color: #ffed06;}
#rodape {background: #FFF; font-size: 12px; width:720px; padding: 10px 20px 0px 20px; height:25px; margin: 0px auto -10px auto;}
#rodape li { padding-right:8px; background: url(images/divs.jpg) no-repeat right;}
#footer .redes {float:right;}

/* classes etc.*/
.underline, .vertudo a, #rodape a{ text-decoration:underline;}
.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.vertudo {padding: 10px 24px; text-align:right;}
.data {font-size: 12px; color: #999; margin-bottom: 30px;}
ul.listagem li{font-size: 11px; min-height: 10px; line-height:120%;}

/* widgets */
.twtr-hd, .twtr-tweet-text, .twtr-join-conv {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.twtr-hd a{margin-top: -4px; font-size:18px;}
.ww, .box, #slideshow {margin-bottom:15px; background:#FFF;}
.ww p { font-size:12px; line-height:1.2em; margin-top:5px;}

/* post ou página */
#post { margin: 35px 25px;}
#post p { font-size:14px; line-height:1.4em; margin-bottom: 10px;}
#post blockquote { font-style: italic; border-left: solid 1px #FF7C00; margin:20px 20px 20px 60px; padding-left: 20px;}
#post h3 {margin: 10px 5px; font-size:120%;}
#post img {float:left; padding: 5px 10px 5px 0px;}

/* listagem de posts em categoria */
#allposts { margin: 15px 0px;}
#allposts p { font-size:14px; line-height:1.4em; margin-bottom: 10px;}

/* paginação */
#paginacao {text-align:center; font-size: 12px; clear:both; margin: 15px auto 5px auto;}

/* formulário de comentário */
.bgform {background: #ff6600; width:90%; margin:auto; color:#FFF; padding: 10px;}
.bgform input, .bgform textarea, #searchform input { color:#666; background:#FFF; padding: 4px; width: 190px; margin-top: 5px; border: solid 1px #ff6600;}
.bgform textarea {height: 90px;}
.resposta {background: #ff6600;}
#searchform input {width: 170px;}
#searchform .btn {width: 25px; background: #ff6600; color: #fff; }

/* slideswhow */
#fs-title a{color:#FFF;}

/* MAIL CHIMP */
#mc_signup_container {font-size: 12px;}
#mc_signup_conteiner .mc_merge_var { font-weight:bold; margin: 4px 0px;}
.mc_input {border: solid 1px #ff6600; padding:5px; width: 180px; margin: 2px 0px;}
#mc_signup_submit {background: #ff6600; color: #fff; padding: 5px; margin: 4px; }

/* GIFTS */
ul.gifts li { background:#FFF; border-bottom: solid #CCC 1px; padding:8px; min-height:100px; }
ul.gifts li a, p.gifts a{ color: #990000; font-size:11px;}

/* CODE */
#codes ol li{ list-style:decimal; min-height:0px; background:#FFF;}

/* POLAROIDS DE APOIO */
.polaroid {clear: both; margin: -10px auto auto 30px;}
.polaroid ul li {float: left; margin:auto; border: 1px solid #ccc; padding:6px 6px 8px 6px; margin: 20px 5px; width:90px;}
.polaroid ul li img { border:1px solid #999; width: 90px; height:70px; clear: right; padding:0px; margin:0px auto 5px auto;}
.polaroid a { color:#999;}