/*
Theme Name: Bohemian Queen
Version: 2.0
Author: Bruna Morato
Author URI: http://www.brunamorato.com
Description: Website da Bohemian Queen - Banda tributo ao Queen
*/

@import url("reset.css");

html {
	background: #272727 url('../images/bg_html.gif') repeat;
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
}

body {
	background-color: #fff;
	height: 100%;
	height: auto;
	margin: 0 auto;
	width: 700px;
}

em {font-style: italic;}
strong {font-weight: bold;}

h1, h1 a {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:24px; color: #d86c02; padding-bottom: 15px;}
h1 a {text-decoration: underline;}
h1 a:hover {color: #242425;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:18px; padding-bottom: 20px;}

h2.banda {color: #d86c02;}
h2.cinza {color: #242425;}

h3, h3 a {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-style: italic; color: #989899;}
h3 a {text-decoration: underline;}
h3 a:hover {color: #242425;}

#menu {padding: 15px 0 0 10px; font-size: 15px;}
#menu li {display: inline;}
#menu li, #menu li a {color: #d86c02; text-decoration: none;}
#menu li a:hover {text-decoration: underline;}
#menu li a.active {color: #414143; font-style: italic;}

#logo {position: relative; left: 455px; top: 10px;}

#frase_home {background: url('../images/bg_frase_home.gif') top left no-repeat; width: 340px; height: 143px; margin: -139px 0 0 50px;}
#frase_home p, #frase_quem_somos p, #frase_agenda p, #frase_set p, #frase_fotos p, #frase_videos p, #frase_fale_conosco p, #frase_links p {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; color: #242425; line-height: 18px; padding: 6px 0 0 35px;}
#frase_home p#legenda_frase, #frase_quem_somos p#legenda_frase, #frase_agenda p#legenda_frase, #frase_set p#legenda_frase, #frase_fotos p#legenda_frase, #frase_videos p#legenda_frase, #frase_fale_conosco p#legenda_frase, #frase_links p#legenda_frase {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; text-align: right;}

#frase_quem_somos {background: url('../images/bg_frase_quem_somos.gif') top left no-repeat; width: 417px; height: 142px; margin: -137px 0 0 10px;}
#frase_quem_somos p {padding: 8px 0 0 35px;}

#frase_agenda {background: url('../images/bg_frase_agenda.gif') top left no-repeat; width: 234px; height: 109px; margin: -108px 0 0 50px;}
#frase_agenda p {padding: 8px 0 0 35px;}
 
#frase_set {background: url('../images/bg_frase_set.gif') top left no-repeat; width: 311px; height: 124px; margin: -120px 0 0 50px;}
#frase_set p {padding: 8px 0 0 35px;}

#frase_fotos {background: url('../images/bg_frase_fotos.gif') top left no-repeat; width: 430px; height: 145px; margin: -115px 0 -30px 10px;}
#frase_fotos p {padding: 9px 0 0 35px;}

#frase_videos {background: url('../images/bg_frase_videos.gif') top left no-repeat; width: 381px; height: 145px; margin: -145px 0 0 50px;}
#frase_videos p {padding: 8px 0 0 33px;}

#frase_fale_conosco {background: url('../images/bg_frase_fale_conosco.gif') top left no-repeat; width: 414px; height: 145px; margin: -110px 0 -30px 10px;}
#frase_fale_conosco p {padding: 8px 0 0 33px;}

#frase_links {background: url('../images/bg_frase_links.gif') top left no-repeat; width: 310px; height: 109px; margin: -108px 0 0 50px;}
#frase_links p {padding: 12px 0 0 35px;}

#foto_banda {width:684px; height: 148px; padding: 30px 10px 33px 8px}


/* Bordas Arredondadas - Bloco Home */
#box_left {width: 365px; height: 394px; float:left; padding-left: 10px;}
#box_left h1 {text-align: left;}

#b1, #b2, #b3, #b4, #b1b, #b2b, #b3b, #b4b {display:block; overflow:hidden; font-size:1px}
#b1, #b2, #b3, #b1b, #b2b, #b3b {height:1px;}
#b1, #b1b {margin:0 5px;}
#b2, #b2b {margin:0 3px;}
#b3, #b3b {margin:0 2px;}
#b4, #b4b {height:2px; margin:0 1px;}

#b1, #b2, #b3, #b4, #b1b, #b2b, #b3b, #b4b, #a_banda {background-color:#242425;}
#a_banda {height: 354px; color: #ccc; font-size: 14px; line-height: 17px; padding: 28px 10px 0 10px;}
#a_banda a {color: #d86c02; font-size: 14px; line-height: 17px; text-decoration: underline;}
#a_banda a:hover {color: #ccc;}
#a_banda p {padding-bottom: 22px;}

/* ***************************** */

/* Bordas Arredondadas - Bloco Set list */
#middle_set {padding-left: 10px;}
#middle_set .set {width: 262px; height: 450px; float:left;}

.s1, .s2, .s3, .s4, .s1b, .s2b, .s3b, .s4b {display:block; overflow:hidden; font-size:1px}
.s1, .s2, .s3, .s1b, .s2b, .s3b {height:1px;}
.s1, .s1b {margin:0 5px;}
.s2, .s2b {margin:0 3px;}
.s3, .s3b {margin:0 2px;}
.s4, .s4b {height:2px; margin:0 1px;}

.s1, .s2, .s3, .s4, .s1b, .s2b, .s3b, .s4b, .set_list {background-color:#242425;}
.set {height: 400px; color: #ccc; font-size: 14px; line-height: 17px; padding: 15px 30px 0 0;}
.set_list ul {padding: 10px 0 10px 10px; height: 410px;}
.set_list ul li {color: #ccc; font-size: 12px; line-height: 17px;}

/* ***************************** */

/* Bordas Arredondadas - Bloco Fotos_01 */
#middle_fotos .fotos {width: 682px; height: auto;}
#middle_fotos .fotos_01 {width: 682px;}

.f1, .f2, .f3, .f4, .f1b, .f2b, .f3b, .f4b {display:block; overflow:hidden; font-size:1px}
.f1, .f2, .f3, .f1b, .f2b, .f3b {height:1px;}
.f1, .f1b {margin:0 5px;}
.f2, .f2b {margin:0 3px;}
.f3, .f3b {margin:0 2px;}
.f4, .f4b {height:2px; margin:0 1px;}

.f1, .f2, .f3, .f4, .f1b, .f2b, .f3b, .f4b, .fotos_cinza {background-color:#242425;}
.fotos {padding: 5px 0 0 0;}
.fotos ul {padding: 0 0 20px 10px; height:auto;}
.fotos ul li {display: inline; width:120px; height: 120px; padding: 20px 10px 10px 0;}
.fotos ul li img {margin-top: 20px;}

/* ***************************** */

/* Bordas Arredondadas - Bloco Fotos_02 */
#middle_fotos .fotos_02 {width: 682px; margin-top: 30px;}

.fc1, .fc2, .fc3, .fc4, .fc1b, .fc2b, .fc3b, .fc4b {display:block; overflow:hidden; font-size:1px}
.fc1, .fc2, .fc3, .fc1b, .fc2b, .fc3b {height:1px;}
.fc1, .fc1b {margin:0 5px;}
.fc2, .fc2b {margin:0 3px;}
.fc3, .fc3b {margin:0 2px;}
.fc4, .fc4b {height:2px; margin:0 1px;}

.fc1, .fc2, .fc3, .fc4, .fc1b, .fc2b, .fc3b, .fc4b, .fotos_cinza_claro {background-color:#ccc;}

/* ***************************** */

#flyer_right {float: right; width: 290px; margin-right: 10px;}
#flyer_right h1 {text-align: right;}

#middle div {margin: 0 0 45px 10px; width: 688px;}
h1#pad {padding: 0 0 35px 10px;}
#middle div h2, #middle div h3, #middle div p {padding-left: 146px;}
#middle div p {color: #242425; line-height: 21px;}
#middle div h3 {padding-bottom: 15px;}
#middle div#erico {background: url('../images/quem_somos_erico.jpg') no-repeat; height: 182px;}
#middle div#rafael {background: url('../images/quem_somos_rafael.jpg') no-repeat; height: 182px;}
#middle div#bernardo {background: url('../images/quem_somos_bernardo.jpg') no-repeat; height: 182px;}
#middle div#felipe {background: url('../images/quem_somos_felipe.jpg') no-repeat; height: 182px;}
#middle div#kiko {background: url('../images/quem_somos_kiko.jpg') no-repeat; height: 182px;}

#middle_agenda, #middle_links {padding-left: 10px;}
#middle_agenda p.day {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size:18px; color: #d86c02; width: 37px; float: left; text-align: center;}
#middle_agenda .evento {width: 680px; padding-bottom: 10px; margin-bottom: 13px; border-bottom: 1px solid #ccc;}
#middle_agenda .evento p.p_evento {padding-left: 37px; line-height: 17px;}
#middle_agenda .evento h3 {padding: 5px 0 10px 0;}
#middle_agenda .outros_meses {padding-top: 20px;}
#middle_agenda p a {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #989899; text-decoration: underline;}
#middle_agenda p a:hover {color: #242425;}

#middle_set {width: 690px; height: 500px; background: url('../images/bg_set_list.gif') bottom right no-repeat;}
#middle_fotos, #middle_fale_conosco {padding-left: 10px;}
#middle_fotos ul li embed {margin-top: 20px; margin-left: 2px;}

#middle_links ul {margin-bottom: 20px;}
#middle_links li {line-height: 22px;}

#middle_fale_conosco p {line-height: 18px;}
#middle_fale_conosco a, #middle_links li a {color: #898686; text-decoration:underline;}
#middle_fale_conosco a:hover, #middle_links li a:hover {color: #d86c02;}
#middle_fale_conosco form {width: 430px; padding-left: 120px; margin-top: 35px;}
#middle_fale_conosco form li#name input, #middle_fale_conosco form li#e_mail input {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 15px; width: 370px; height: 25px; border: 1px solid #ccc; margin: 0 0 6px 15px;}
#middle_fale_conosco form li#name input {}
#middle_fale_conosco form li#e_mail input {}
#middle_fale_conosco form li#message textarea {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 15px; border: 1px solid #ccc; width: 428px; margin-top: 10px;}
#middle_fale_conosco form input#enviar {height: 20px; float: right; margin-top: 2px; vertical-align:middle; border: none; background-color: #d86c02; color: #fff; cursor: pointer;}

#footer {background-color: #272727; height: 23px; color: #fff; margin-top: 10px; padding: 8px 10px 0 10px;}
#footer p#direitos {width: 400px; float: left;}
#footer p#developer {width: 280px; float: right; text-align: right; font-size: 11px;}
#footer p#developer a {color: #d86c02; text-decoration: none;}
#footer p#developer a:hover {text-decoration: underline;}