/*
Theme Name: Ale Youssef
Theme URI: 
Description: The default theme for Ale Youssef
Version: 1.0
Author: Pedro Rogerio
Author URI: http://www.pinceladasdaweb.com.br/blog/
*/

/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/					
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 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 {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}

/*
+----------------------------------------------------------------+
	Extras														
+----------------------------------------------------------------+
*/
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}
.clear {clear:both; overflow:hidden; font-size:0; visibility:hidden}
h1,h2,h3,h4,h5,h6,strong {font-weight:700}
a {outline:none; text-decoration:none}

/*
+----------------------------------------------------------------+
	Definicoes Gerais														
+----------------------------------------------------------------+
*/
html {background:#339966 url(img/bg-pattern.jpg) repeat}
body {background:url(img/bg-header.png) no-repeat center top; font:62.5% Arial, Helvetica, sans-serif}
#stripe {background-color:#000; height:13px; position:absolute; width:100%}

/*
+----------------------------------------------------------------+
	Container														
+----------------------------------------------------------------+
*/
#container {margin:0 auto 100px; width:970px}

/*
+----------------------------------------------------------------+
	Header														
+----------------------------------------------------------------+
*/
#header {height:557px; position:relative}
#header h1 {height:205px; position:absolute; top:230px; width:205px}
#header h1 a {display:block; height:100%; width:100%}
#header h1 span {display:none}
#header ul li {height:146px; left:400px; position:absolute; top:156px; width:146px;}
/*#header ul li:first-child {left:197px; top:89px}
#header ul li + li {left:233px; top:305px}
#header ul li + li + li {left:590px; top:38px}
#header ul li + li + li + li {left:575px; top:294px}
#header ul li + li + li + li + li {left:782px; top:333px}*/

#header ul li + li {left:197px; top:89px}
#header ul li + li + li {left:233px; top:305px}
#header ul li + li + li + li {left:590px; top:38px}
#header ul li + li + li + li + li {left:575px; top:294px}
#header ul li + li + li + li + li + li {left:782px; top:333px}
#header ul li + li + li + li + li + li + li {left:23px; top:36px}
#header ul li a {display:block; height:100%; width:100%}
#header ul li span {display:none}

/*
+----------------------------------------------------------------+
	Content														
+----------------------------------------------------------------+
*/
#content {float:left; width:692px}
#content .corner-top {background:url(img/bg-top-content.png) no-repeat; height:15px; overflow:hidden}
#content .corner-bottom {background:url(img/bg-bottom-content.png) no-repeat; height:15px; margin-bottom:15px; overflow:hidden}

#content .bt-view-comments {background:url(img/bt-comente.png) no-repeat; float:left; height:81px; width:284px}
#content .bt-view-comments a {display:block; height:100%; width:100%}
#content .bt-view-comments a span {display:none}

#content .share-widget {background:url(img/bt-compartilhe.png) no-repeat; float:right; height:81px; width:284px}
#content .share-widget p {display:none}
#content .share-widget ul {margin:40px 0 0 149px}
#content .share-widget ul li {float:left; height:20px; margin-right:5px; width:20px}
#content .share-widget ul li a {display:block; height:100%; width:100%}
#content .share-widget ul li a span {display:none}

/*
+----------------------------------------------------------------+
	Content Main														
+----------------------------------------------------------------+
*/
#content-main {background:url(img/bg-content.png) repeat-y; padding:8px 24px; position:relative}
#content-main #ttl-eu-candidato {background:url(img/ttl-eu-candidato.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:311px}
#content-main #ttl-eu-candidato span {display:none}

#content-main #ttl-transparencia {background:url(img/ttl-transparencia-radical.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:487px}
#content-main #ttl-transparencia span {display:none}

#content-main #ttl-economia-criativa {background:url(img/ttl-economia-criativa.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:390px}
#content-main #ttl-economia-criativa span {display:none}

#content-main #ttl-cabeca-aberta {background:url(img/ttl-cabeca-aberta.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:572px}
#content-main #ttl-cabeca-aberta span {display:none}

#content-main #ttl-fazer-politica {background:url(img/ttl-novo-jeito.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:636px}
#content-main #ttl-fazer-politica span {display:none}

#content-main #ttl-blog {background:url(img/bt-blog.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-blog span {display:none}

#content-main #ttl-quem-vota {background:url(img/bt-quem-vota.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-quem-vota span {display:none}

#content-main #ttl-debates {background:url(img/bt-debates.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-debates span {display:none}

#content-main #ttl-o-que-e-novo {background:url(img/ttl-o-que-e.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:512px}
#content-main #ttl-o-que-e-novo span {display:none}

#content-main #ttl-doacoes {background:url(img/bt-doacoes.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-doacoes span {display:none}

#content-main #ttl-comite {background:url(img/bt-comite.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-comite span {display:none}

#content-main #ttl-downloads {background:url(img/bt-downloads.png) no-repeat; height:81px; left:11px; position:absolute; top:-81px; width:243px}
#content-main #ttl-downloads span {display:none}

#content-main #ttl-ale {background:url(img/ttl-alexandre.png) no-repeat; height:83px; left:11px; position:absolute; top:-83px; width:408px}
#content-main #ttl-ale span {display:none}

#content-main .share {float:right; margin-bottom:12px}

#content-main .social {float:left; height:160px; margin-right:12px; width:60px}
#content-main .social div {margin-bottom:18px}
#content-main .post p {font-size:1.1em; margin-bottom:10px}
#content-main .post object {margin-bottom:20px}

/*
+----------------------------------------------------------------+
	Blog Page														
+----------------------------------------------------------------+
*/
.page-blog .post h2 {font-size:2em}
.page-blog .post h2 a {color:#000}

/*
+----------------------------------------------------------------+
	Single Page														
+----------------------------------------------------------------+
*/
.single .post h2 {font-size:2em}
.single .post h2 a {color:#000}

/*
+----------------------------------------------------------------+
	Sidebar														
+----------------------------------------------------------------+
*/
#sidebar {float:right; position:relative; width:248px}
#sidebar .corner-top {background:url(img/bg-top-twitter.png) no-repeat; height:15px; overflow:hidden}
#sidebar .corner-bottom {background:url(img/bg-bottom-twitter.png) no-repeat; height:15px; margin-bottom:15px; overflow:hidden}

#sidebar #twitter {background:url(img/bg-content-twitter.png) repeat-y; padding:5px 22px}
#sidebar #twitter h3 {background:url(img/ttl-twitter.png) no-repeat; position:absolute; height:81px; left:0px; position:absolute; top:-67px; width:243px}
#sidebar #twitter h3 span {display:none}
#sidebar #twitter ul li {font-size:1.1em; margin-bottom:17px}
#sidebar #twitter ul li a {color:#9b9b9b}

#sidebar #social {margin-left:2px}
#sidebar #social li {float:left; margin-right:2px}
#sidebar h4 {height:81px; margin-bottom:2px; width:243px}
#sidebar h4 a {display:block; height:100%; width:100%}
#sidebar h4 a span {display:none}

#sidebar h4#bt-quem-vota {background:url(img/bt-quem-vota.png) no-repeat;}
#sidebar h4#bt-doacoes {background:url(img/bt-doacoes.png) no-repeat}
#sidebar h4#bt-debates {background:url(img/bt-debates.png) no-repeat}
#sidebar h4#bt-comite {background:url(img/bt-comite.png) no-repeat}
#sidebar h4#bt-blog {background:url(img/bt-blog.png) no-repeat}
#sidebar h4#bt-downloads {background:url(img/bt-downloads.png) no-repeat}
#sidebar h4#bt-newsletter {background:url(img/bt-newsletter.png) no-repeat}

/*
+----------------------------------------------------------------+
	Comments														
+----------------------------------------------------------------+
*/
#comments_wrap {clear:both}
#comments_wrap > h3 {font-size:1.4em; margin-bottom:10px}
#comments_wrap .commentlist, #comments_wrap .commentlist li {margin-bottom:10px}
#comments_wrap .commentlist li a {color:#000}
#comments_wrap #respond h3 {font-size:1.4em; margin-bottom:10px}
#comments_wrap #respond form a {color:#000}
#comments_wrap #respond form p {margin-bottom:5px}

/*
+----------------------------------------------------------------+
	Comments														
+----------------------------------------------------------------+
*/
.navigation {padding-top:30px}
.navigation a {color:#000; font-size:1.6em}