/* -------------------------------------------------- */
/* SOURCE CODE                                        */
/* -------------------------------------------------- */

* { margin:0; padding:0; border:none; list-style:none }

body { background:#000 url('../../imagens/bg.jpg') center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff }

input, textarea, button, select { font-family:Arial, Helvetica, sans-serif; font-size:12px }
input, textarea, select { padding:2px; border:1px solid #333; background-color:#000; color:#fff }
button { padding:5px; border:1px solid #333; background-color:#222; font-weight:bold; text-transform:uppercase; color:#eee; cursor:pointer }

a { text-decoration:none; color:#c58b2f }
a:hover { text-decoration:underline }


label { font-weight:bold }
label.clear { font-weight:normal }

#frmMural input, #frmMural textarea, #frmContratante input { width:194px }
#frmContato input, #frmContato textarea, #frmContato select { width:80% }
#frmContato label { float:right }


.iesquerda { float:left; margin-right:10px; border:2px solid #222 }
.idireita { float:right; margin-left:10px; border:2px solid #222 }

.mb10 { margin-bottom:10px }
.nomb { margin-bottom:0 !important }

.data { color:#e9c484 }


#wrap { position:absolute; left:50%; margin-left:-500px; width:1000px }


#header { float:left; width:1000px; height:170px; background:url('../../imagens/bg_header.jpg') no-repeat }

#header h1, #header h2 { float:left; margin-left:370px; text-indent:-9999px }
#header h1 a, #header h2 a { float:left; display:block;  }

#header h1 { width:260px; height:140px; background:url('../../imagens/gustavoedaniel.jpg') no-repeat }
#header h1 a { width:260px; height:140px }

#header h2 { width:260px; height:30px; background:url('../../imagens/amor-a-primeira-vista.jpg') no-repeat }
#header h2 a { width:260px; height:30px }


#menu { float:left; width:820px; height:32px; padding-left:180px; background:url('../../imagens/bg_menu.jpg') no-repeat }
#menu ul { clear:both; float:left; width:820px }
#menu ul li, #menu ul li a { display:block; float:left }
#menu ul li { overflow:hidden; height:30px }
#menu ul a, #menu ul span { padding:0 15px; padding-top:5px; float:left; text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold; clear:both; height:25px; line-height:20px; background:#1d1d1d }
#menu ul span { display:none; background:url('../../imagens/bg_a.gif') repeat-x left top }
#menu ul a { background:url('../../imagens/bg_a.gif') repeat-x left bottom }


#content { float:left; width:660px; min-height:498px; padding-left:180px; padding-right:160px; background:url('../../imagens/bg_content.jpg') no-repeat; line-height:18px }

#content h2 { width:660px; height:30px; text-indent:-9999px }
#agenda #content h2 { background:url('../../imagens/h2_agenda.jpg') no-repeat }
#fotos #content h2 { background:url('../../imagens/h2_fotos.jpg') no-repeat }
#biografia #content h2 { background:url('../../imagens/h2_biografia.jpg') no-repeat }
#musicas #content h2 { background:url('../../imagens/h2_musicas.jpg') no-repeat }
#mural #content h2 { background:url('../../imagens/h2_mural.jpg') no-repeat }
#contratante #content h2 { background:url('../../imagens/h2_contratante.jpg') no-repeat }
#contato #content h2 { background:url('../../imagens/h2_contato.jpg') no-repeat }

#content h3 { clear:both; margin-bottom:10px; padding:5px; background-color:#eee; font-size:14px; color:#000 }
#content h4 { font-size:12px; font-weight:normal }

#content .box { float:left; width:638px; padding:10px; border:1px solid #333; background-color:#222 }
#content .box h3 { padding:0; background:none; color:#fff }
#content .box p { margin:10px 0 }
#content .box button { background-color:#000; color:#fff }

#content .paginacao { float:left; width:660px; margin-top:2px; padding-top:10px; border-top:2px solid #222 }
#content .paginacao ul { margin-top:10px }
#content .paginacao ul li { display:inline }
#content .paginacao ul li a { padding:5px 10px; background-color:#333; color:#fff }
#content .paginacao ul li a.atual { background-color:#666 }
#content .paginacao ul li a:hover { background-color:#999; color:#000 }

#content ul.galerias li { display:block; float:left; text-align:center; width:204px; height:220px }
#content ul.galerias li.meio { margin:0 24px }
#content ul.galerias li h3 { margin-bottom:0; background:none }
#content ul.galerias li a { color:#fff }
#content ul.galerias li img { border:2px solid #222 }

#content ul.fotos { float:left; padding:5px }
#content ul.fotos li { display:block; float:left; text-align:center; width:120px; height:90px; margin:5px }

#content ul.mural li { margin-bottom:10px; padding-top:10px; border-top:1px solid #111 }
#content ul.mural li.first { border:none }

#content-left { float:left; width:325px; margin-right:5px }
#content-left h2 { width:100% }
#mural #content-left, #mural #content-left .paginacao, #contratante #content-left { width:450px }
#contratante #content-left .box { width:428px }
#init #content-left, #contato #content-left { width:400px }

#content-right { float:right; width:325px; margin-left:5px }
#content-right h2 { width:100% }
#mural #content-right, #contratante #content-right { width:200px }
#init #content-right, #contato #content-right { width:250px }

#content-right #mural-msg { margin-top:20px }
#content-right #mural-msg .box { width:178px }
#content-right #mural-msg .box h3 { margin-bottom:0; font-size:12px }


#patrocinadores { float:left; width:400px; margin:0 300px }
#patrocinadores ul li { display:block; float:left }


#footer { float:left; width:1000px; height:30px; margin-top:10px; text-align:center }
#footer address { float:left; width:716px; margin-left:142px; padding-top:7px; font-style:normal }
#footer address a { color:#fff }