@charset "utf-8";
/* 
	Designer: Victor Assunção
	Autor css/html/js: André Amaral
	Data: Maio, 2010
*/

* { border:0; padding:0; margin:0; text-indent:0; list-style:none; }
/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}

body { color:#FFF; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url('../img/bg.jpg') no-repeat fixed top; min-height:100%}
a { text-decoration:none; color:#FFF}

/* header */
.content_header { background:url('../img/bg_top.jpg') top repeat-x; padding-top:5px}
header { background:url('../img/bg_header.jpg') no-repeat; width:1002px; height:204px; margin:0 auto }
header h1 { width:370px; height:138px; float:left}
header h1 a { display:block; outline:none}
header .about { background:#000 url(../img/quem_e.png); width:267px; height:132px; float:left}
header .about h2, header .about p { text-indent:-9999px}

header nav { background:#000; width:264px; height:102px; float:left; padding-top:30px}
header nav h3 { text-indent:-99999px; background:url('../img/title_meEncontra.jpg') no-repeat; width:170px; height:16px; padding-bottom:11px}
header nav ul li { float:left; padding-right:8px}
header nav ul a { display:block; text-indent:-99999px; background:url('../img/redes_sociais.png') no-repeat; width:44px; height:44px; overflow:hidden}
header nav ul a:hover { -webkit-transform: scale(1.01); -moz-transform: scale(1.01);}
header nav .orkut a { background-position:-52px 0}
header nav .linkedin a { background-position:-104px 0}
header nav .facebook a { background-position:-156px 0}
header nav p { padding-top:8px; float:left; clear:both}

/* Content */
.content { width:969px; padding-top:47px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:20px}
.content article { padding-bottom:25px; float:left}
.content article section { width:750px; float:left; position:relative; overflow:hidden}

.thumbs { clear:both; width:760px; padding-top:5px; overflow:hidden}
.thumbs li { float:left; padding-right:8px}
.thumbs li a { outline:none}

.content article aside { background:#000; width:211px; height:409px; padding:12px 4px; float:left}
article aside h1, article aside h2, article aside h3, article aside h4 { color:#000; font-size:14px; display:inline; float:left; padding:5px; margin:1px 0; white-space:nowrap}
article aside h1, article aside h2 {background-color:#d2a900}
article aside h3 { background:#007C00; margin:9px 0 5px 0}
article aside h4 { background:#B90000; margin:9px 0 5px 0}
article aside p { font-size:14px; clear:both; line-height:20px; padding:3px 0; font-weight:bold}

.pagination { position:relative; width:760px; overflow:hidden; z-index:100; margin-top:-130px; }
.pagination .click { width:245px; text-indent:-9999px; height:130px; float:left; padding-right:8px; outline:none}