/*
  Theme Name: Universidade da Juventude - Projects 
  Theme URI: http://wordpress.org/
  Description: A theme for Universidade da Juventude
  Version: 1.0
  Author: Mark Fonseca Rendeiro
  Tags: buddypress
*/

/* CSS Reset */
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }
.clearfix { display: block;  height: 0;  clear: both;  visibility: hidden;}

#langchooser { display:none; }

body { background-image:url('images/background.png'); background-repeat:repeat-x; background-color: #ee852a; font-family: Arial, sans-serif; }

#langchooser { position:relative; width:960px; margin: 10px auto 0 auto; height: 15px;}
#langchooser select { float: right; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; color: #fff; background-color: #343434; border: 1px solid #000; }
#langchooser option { background-color: #343434; padding: 2px; }

#menu { position:relative; width:960px; background-image:url('images/menu_top.png'); margin-top:20px; background-repeat:no-repeat; height:111px; margin-left:auto; margin-right:auto; }
#menu #logo { position:absolute; left:20px; top:10px; }
#menu ul { position:absolute; right:20px; top:40px; }
#menu ul li { float:right; width:110px; display:block; height:60px; overflow:hidden; }
#menu ul li a { color:transparent; display:block; width:110px; height:60px; text-indent: 500px; }

#menu ul li.sobre {  background-image:url('images/menu_sobre.png'); background-repeat:no-repeat; } 
#menu ul li.sobre:hover { background-image:url('images/menu_sobre_hover.png'); }

#menu ul li.servicos {  background-image:url('images/menu_servicos.png'); background-repeat:no-repeat; } 
#menu ul li.servicos:hover { background-image:url('images/menu_servicos_hover.png'); }

#menu ul li.eventos {  background-image:url('images/menu_eventos.png'); background-repeat:no-repeat; } 
#menu ul li.eventos:hover { background-image:url('images/menu_eventos_hover.png'); }

#menu ul li.projetos { background-image:url('images/menu_projetos.png'); background-repeat:no-repeat;  }
#menu ul li.projetos:hover { background-image:url('images/menu_projetos_hover.png'); }

#menu ul li.parceiros {  background-image:url('images/menu_parceiros.png'); background-repeat:no-repeat; } 
#menu ul li.parceiros:hover { background-image:url('images/menu_parceiros_hover.png'); }

#menu ul li.contatos {  background-image:url('images/menu_contatos.png'); background-repeat:no-repeat; } 
#menu ul li.contatos:hover { background-image:url('images/menu_contatos_hover.png'); }

#menu ul li.participe { background-image:url('images/menu_participe.png'); background-repeat:no-repeat; }
#menu ul li.participe:hover { background-image:url('images/menu_participe_hover.png'); }

#sponsors { position:relative; width:960px; background-image:url('images/menu_bottom.png'); margin-top:10px; background-repeat:no-repeat; height:111px; margin-left:auto; margin-right:auto; }
#sponsors p { text-align:center; padding-top:15px; }
#sponsors p a { margin-left:20px; margin-right:20px; }

#footer { clear:both;  margin-bottom:10px; color:white; width:960px; margin-left:auto; margin-right:auto; text-align:center; font-size:small; } 
#footer a { color:white; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#content { margin-left:auto; margin-right:auto; width:960px; margin-top:10px; }

#content .left { width:750px; float:left; }
#content .left .top { width:750px; background-image:url('images/content_top.png'); height:20px; background-repeat:no-repeat; }
#content .left .middle { width:720px; background-image:url('images/content_middle.png'); background-repeat:repeat-y; padding-left:15px; padding-right:15px; }
#content .left .bottom { width:750px; background-image:url('images/content_bottom.png'); height:20px; background-position:left bottom; background-repeat:no-repeat; }

#content .right { width:210px; float:right; color:#333333; position:relative; }
#content .right .top { width:210px; background-image:url('images/right_top.png'); height:42px; background-repeat:no-repeat; }
#content .right .archives { width:210px; background-image:url('images/archive.png'); height:49px; background-repeat:no-repeat; }
.archive-dropdown { padding: 10px 22px; }
#content .right .archive-top{width:210px; background-image:url('images/archive_top.png'); height:42px; background-repeat:no-repeat;}
#content .right .middle { position:relative; padding-bottom:30px; width:210px; background-image:url('images/right_middle.png'); background-repeat:repeat-y; }
#content .right .bottom {  width:210px; background-image:url('images/right_bottom.png'); height:20px; background-position:left bottom; background-repeat:no-repeat; }
#content .right .middle ul li { font-size:small; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #cbcbcb; padding-left:20px; padding-right:17px; margin-left:5px; margin-right:6px; }
#content .right .twitter { position:absolute; left:155px; bottom:0; margin-bottom:-20px; }
#content .right .middle p{ font-size:small; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #cbcbcb; padding-left:20px; padding-right:17px; margin-left:5px; margin-right:6px; }
#content .right .middle p a { color:black; text-decoration:none; }
#content .right .middle p a:hover { color:#f26913; }

/*
#content .right .newsletter-top{ width:210px; background-image:url('images/newsletter_top.png'); height:46px; background-repeat:no-repeat; }
#content .right .newsletter{ width:210px; background-image:url('images/newsletter.png'); height:114px; background-repeat:no-repeat; }
*/

#content .home_first { width:210px; float:left; padding-right:30px; }
#content .home_first h2 { margin-bottom:5px; margin-top:10px; }
#content .home_first h2 a {color:#f26913; font-weight:bold; font-size:large; text-decoration:none; }
#content .home_first h2 a:hover { color:black; }
#content .home_first p { font-size:small;line-height:140%; margin-bottom:5px; margin-top:5px; }
#content .home_first p a { font-size:small; color:black; text-decoration:underline; }

#content .home_second { width:210px; float:left; padding-right:30px; }
#content .home_second h2 { margin-bottom:5px; margin-top:10px; }
#content .home_second h2 a {color:#f26913; font-weight:bold; font-size:large; text-decoration:none; }
#content .home_second h2 a:hover { color:black; }
#content .home_second p { font-size:small;line-height:140%; margin-bottom:5px; margin-top:5px; }
#content .home_second p a { font-size:small; color:black; text-decoration:underline; }
  
#content .home_third { width:210px; float:left; }
#content .home_third h2 { margin-bottom:5px; margin-top:10px; }
#content .home_third h2 a {color:#f26913; font-weight:bold; font-size:large; text-decoration:none; }
#content .home_third h2 a:hover { color:black; }
#content .home_third p { font-size:small;line-height:140%; margin-bottom:5px; margin-top:5px; }
#content .home_third p a { font-size:small; color:black; text-decoration:underline; }

#content #projects { position:relative; margin-left:-24px; margin-top:10px; width:750px; background-image:url('images/projects_background.png'); height:74px; background-repeat:no-repeat;  } 
#content #projects .project1 { position:absolute; left:250px; top:10px; } 
#content #projects .project2 { position:absolute; left:370px; top:10px; } 
#content #projects .project3 { position:absolute; left:490px; top:10px; } 
#content #projects .project4 { position:absolute; left:610px; top:10px; } 

#content .page { padding-bottom:20px; padding-left:10px; padding-right:10px; font-size:small; }
#content .page a { color:#f26913; text-decoration:none; }
#content .page a:hover { color:#333333; }
#content .page h1 {font-size:large; }
#content .page h1 a { color:#333333; }
#content .page h1 a:hover { color:#f26913; }
#content .page h2 { color:#f26913; font-weight:bold; font-size:x-large; padding-bottom:20px; padding-top:0;  }
#content .page p { padding-top:5px; padding-bottom:5px; font-size:small; line-height:150%; }
#content .page p strong { font-weight:bold; }

#content .page .person { margin-right:10px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block; float:left; background-color:#f35f37; padding:2px; padding-left:5px; padding-right:5px; font-size:small; }
#content .page .person:hover { background-color:#333333; }
#content .page .active { background-color:#333333; }
#content .page .person a { color:white; font-weight:bold; }
#content .page .persons { margin-bottom:10px; }
#content .page strong { font-weight:bold; }

#lang_sel { width: 940px; margin: 0 auto !important; }
#lang_sel > ul { float: right; }
.home_first small, .home_second small, .home_third small{ font-size: 9px; font-weight: bold; margin-bottom: -2px;}