body { margin: 0px; background: #ffaa00; }

#all {
	background: #ffaa00 url(http://salaodomovimento.art.br/images/body-bg4.png) repeat-y; 
	width: 976px;
	margin: auto;
}

#content {
	background: black url(http://salaodomovimento.art.br/images/div-alllow2.jpg) center top no-repeat;
	width: 886px;
	margin: auto;
}

/* cabeçalho */
#header { padding-top: 10px; }
#header h1 a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(http://salaodomovimento.art.br/images/logo.png) no-repeat top left;
	width: 739px;
	height: 204px;
}
#header ul {
	margin: 0;
	margin-right: -12px;
	list-style: none;
	float: right;
	position: relative;
	background: url(http://salaodomovimento.art.br/images/menu-bg.png);
	padding: 10px 6px 10px 100px;
}
#header li {
	display: inline;
	font: bold 14px verdana, arial, tahoma, sans-serif;
}
#header li a { color: white; text-decoration: none; padding: 12px; }
#header li a:visited {  }
#header li a:hover { background: url(http://salaodomovimento.art.br/images/white_bg.png); color: #333; }
#header li a:active { background: url(http://salaodomovimento.art.br/images/white_bg.png); color: #333223; } /* nunca consegui fazer essa propriedade funcionar */

/* itens utilizados apenas na página inicial */
#middle { width: 886px; height: 350px; margin: -50px 0 0 -12px; background: url(http://salaodomovimento.art.br/images/klauss_foot.png) no-repeat left bottom; }
#middle #agenda { background: url(http://salaodomovimento.art.br/images/white_bg.png); margin: 0px 12px 0 220px; padding: 0 15px; overflow: hidden;}
#middle #agenda p { font: normal 0.8em verdana, arial, tahoma, sans-serif; line-height: 19px; color: black; }
#middle #agenda a { font-weight: bold; color: black; }
#middle #agenda a:hover { color: #0A246A; background-color: white; }
#middle #agenda ul { padding: 10px; }
#middle #agenda li { font: normal 0.8em verdana, arial, tahoma, sans-serif; line-height: 15px; color: black; list-style: square; margin: 0 0 15px 5px; padding-left: 5px;}
#middle #agenda address { font: normal 14px/20px verdana, arial, tahoma, sans-serif; background: #eaeaea;}
#info { overflow: hidden; padding: 24px 24px 30px 24px; margin-bottom: -19px;}
#info #espetaculo { width: 530px; float: left; }
#info #espetaculo img { width: 253px; height: 300px; margin-right: 10px; float: left; border: 1px solid #666; }
#info #espetaculo p { font: normal 1em verdana, arial, tahoma, sans-serif; line-height: 20px; color: white; margin-top: 0;}
#info #espetaculo a { color: white; font-weight: bold; }
#info #espetaculo a:hover { background-color: white; color: black; text-decoration: none; }
#info #jussara-salao { width: 250px; margin: 0; padding: 10px 10px 5px 10px; color: white; float: right; background: url(http://salaodomovimento.art.br/images/white_bg.png); }
#info #jussara-salao img { float: left; padding: 5px; border: 0; background: white;}
#info #jussara-salao p.jussara { font: normal 14px/18px "Courier New", Courier, monospace; margin: 0; padding-left: 7px; }
#info #jussara-salao p.salao { clear: both; font: normal 11px "Courier New", Courier, monospace; margin-top: 0; padding: 7px 0 0 0; }
#info #jussara-salao a { color: white; }
#info #jussara-salao a:hover { background: white; color: black; text-decoration: none; }

/* itens do corpo principal das páginas internas */
#main { width: 579px; background: url(http://salaodomovimento.art.br/images/white_bg.png); float: left; margin: 0 0 24px 23px; padding: 10px; border: 1px solid black; }
#main h2 { font: bold 40px verdana, arial, tahoma, helvetica, sans-serif; margin: 0; padding-bottom: 10px; }
#main p { font: 14px/24px "Futura", Futura, sans-serif; text-align: justify; text-indent: 30px; }
#main p.splash { background-color: #ffaa00;}
#main p.cursos { font: 13px/24px "Futura", Futura, sans-serif; text-align: justify; text-indent: 30px; margin-left: 50px;}
#main p.espetaculos { text-indent: 0; margin: 0; font-size: 12px; line-height: inherit; }
#main p.complemento { background-color: #ffaa00; text-indent: 0; margin: 0; width: 380px; font-size: 9px; line-height: 12px; padding: 0 10px;}
#main ul.cursos { border: 1px solid gray; padding: 25px 40px; margin: 0 20px 0 50px; list-style: square; background-image: url(http://salaodomovimento.art.br/images/white_bg.png); font: 12px/24px "Futura", Futura, sans-serif; }
#main ul.horarios { width: 160px; border: 1px solid gray; padding: 25px; margin: 0 80px 0 50px; list-style: none; background-image: url(http://salaodomovimento.art.br/images/white_bg.png); font: 12px/24px "Futura", Futura, sans-serif;}
#main ul.espetaculos { list-style: none; }
#main ul.eventos { list-style: square; font: 13px/20px "Futura", Futura, sans-serif; text-align: justify; }
#main ul.klauss-vianna { list-style: none; padding-left: 30px; font: 12px/24px "Futura", Futura, sans-serif;}
#main ul.jussara-miller-premicacoes { list-style: square; font: 13px/20px "Futura", Futura, sans-serif; text-align: justify; }
#main li.espetaculos { overflow: hidden; margin: 15px 5px 15px 0; padding: 10px; border: 1px solid #666; line-height: 25px; background: url(http://salaodomovimento.art.br/images/white_bg.png); }
#main li.eventos { padding-bottom: 15px; }
#main a { font-weight: bold; color: black; }
#main a:hover { background: white; text-decoration: none; color: #0A246A; }
#main img.main-photo, #main img.espetaculos { background: white; border: 0; padding: 5px; }

/* itens da barra lateral das páginas internas */
#sidebar { width: 195px; background: url(http://salaodomovimento.art.br/images/white_bg.png); float: right; margin: 0 23px 24px 0; padding: 10px 10px 7px 10px; border: 1px solid black; }
#sidebar p { font: 15px/24px "Futura", Futura, sans-serif; }
#sidebar p.jussara { font: 11px "Courier New", Courier, monospace; line-height: 18px; margin-top: 0;}
#sidebar img.jussara { float: left; padding: 5px; border: 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; font: 19px/24px "Futura", Futura, sans-serif; }
#sidebar li { padding: 10px 0; }
#sidebar a { color: black; }
#sidebar a:hover { background: white; text-decoration: none; color: #0A246A; }
#sidebar img.sidebar-icons-flickr { float: left; border: 0; margin: 10px 15px 0 0px;}
#sidebar img.sidebar-icons-browsers { float: left; border: 0; margin: 10px 5px 0 0;}

/* itens e classes que servem a dois ou mais elementos como corpo principal, barra lateral etc. */
h2 { font: bold 40px verdana, arial, tahoma, helvetica, sans-serif; margin: 0; padding-bottom: 10px; }
h3 { font: bold 18px verdana, arial, tahoma, helvetica, sans-serif; padding-top: 15px; }
h4 { font: bold 16px verdana, arial, tahoma, helvetica, sans-serif; padding-top: 15px; margin-left: 25px; }
h5 { font: bold 16px verdana, arial, tahoma, helvetica, sans-serif; padding: 0; margin: 5px 0 0 0; }
h6 { font: bold 13px verdana, arial, tahoma, helvetica, sans-serif; padding: 0; margin: 5px 0 0 0;}
a.img-right { display: block; float: right; border: 1px solid #666; margin-left: 10px; }
a.img-right:hover { border: 1px solid #ffaa00; margin-left: 10px; }
a.img-left { display: block; float: left; border: 1px solid #666; margin-right: 10px; }
a.img-left:hover { border: 1px solid #ffaa00; margin-right: 10px; }
a.img-noformat { border: 0; float: none; margin: 0; background: none;}

/* formatação para a galeria de fotos */
div.photos { overflow: hidden; background: gray; border: 1px solid #333; padding-bottom: 13px;}
img.photos { border: 0; padding: 3px; background: white; }
ul.photos { margin: 0; padding: 0; list-style: none; }
li.photos, li.firstphotos { margin: 14px 7px 3px 7px; float: left; width: 66px; height: 66px; }
li.firstphotos { margin-left: 14px;}
li.flickr-call { font: normal 8px verdana, arial, tahoma, helvetica, sans-serif; float: right; margin: 0 15px -15px 0; padding: 0; }
a.photos { display: block; float: left; border: 1px solid #666; margin-right: 10px; }
a.photos:hover { border: 1px solid #ffaa00; margin-right: 10px; }

/* formulário de contato */
#form { margin-left: 74px; padding: 10px; width: 410px; background-image: url(http://salaodomovimento.art.br/images/white_bg.png); border: 1px solid #666;}
fieldset { width: 400px; border: none; text-align: left; }
legend { font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: black; padding-bottom: 15px; text-align: left; }
label { display: block; width: 405px; color: black; font: normal 14px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 10px; }
label input { width: 375px; height: 25px; padding: 6px; border: none; font: normal 14px "Courier New", Courier, monospace; background: url(http://salaodomovimento.art.br/images/input-bg.png) no-repeat; }
label textarea { width: 380px; height: 168px; padding: 5px; border: none; font: 14px "Courier New", Courier, monospace; background: url(http://salaodomovimento.art.br/images/textarea-bg.png) no-repeat; }
.submit { font: bold 12px Verdana, Arial, Helvetica, sans-serif; border: none; padding: 5px; margin-left: 81px; background-color: #eaeaea; }

/* div para o Google Maps na página de contatos*/
#google-maps { margin-left: 74px; padding: 0; width: 430px; text-align: center; }

/* rodapé */
#footer { background: white; clear: both;}
#footer address { font: 11px "Courier New", Courier, monospace; color: #333; background: white; text-align: right; padding-top: 18px; }
#footer a { color: #333; text-decoration: none; }
#footer a:hover { background: #ccc; }
#footer-credits { height: 50px; background: url(http://salaodomovimento.art.br/images/footer.png) no-repeat bottom center; }
#footer-credits p { padding: 20px; margin: 0; text-align: center; font: normal 9px verdana, arial, tahoma, sans-serif;  }
#footer-credits a { color: black; text-decoration: none; }
#footer-credits a:hover { background: url(http://salaodomovimento.art.br/images/white_bg.png); }