/* 

	LHYS.ORG vs 4.0
	Criado em 2006-03-16
	Luciana Silveira [lhysfiles@gmail.com]

*/




/* Tags basicas */

body { 
	background: #FFF; 
	margin: 0;
	font: 12px arial, helvetica, verdana , tahoma, sans-serif; 
	color: #000000; 	 
	}
p { 
	margin: 0 10px 10px 10px;
	}
p.comment { 
	font-style: italic; 
	}
.interview { 
	font-weight: bold; 
	}
p.small { 
	font-size: 11px; 
	}
p.center {
	text-align: center;
	}
address { 
	font-size: 11px; 
	margin: 5px 0 5px 45px;
	padding: 0;
	}
blockquote { 
	font-size: 11px; 
	border-left: 5px solid #000;
	margin: 5px 0 5px 45px;
	padding: 0 10px 3px 10px;
	}
blockquote p { 
	font: 11px arial, helvetica, verdana, tahoma, sans-serif; 
	margin: 0;
	}
br.clear {
	clear: both;
	}
hr {
	display: none;
	}	

img {
	border: 0;
	}	
img.center {
	border: 1px solid #000000;
    margin: 5px auto 5px auto;
    }	
img.left {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #000000;
	}
img.plain {
	border: 0;
	margin: 0 5px 5px 0;
	float: left;
	}
	
/* Formulario */	
input, textarea {
	background-color: #CCC;
	border: #000 1px solid;
	color: #000;
	font: 11px arial, verdana, helvetica, sans-serif; 
	padding: 1px;
	margin: 0 10px 10px 10px;
	} 
input.button {
	background-color: #000;
	border: #000 1px solid;
	color: #FFFFFF;
	font: 11px arial, verdana, helvetica, sans-serif; 
	margin: 0 10px 10px 10px;
	}

/* Formatacao */
em, cite {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}	
acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #000000;
	}


	
/* Lista para sidebar */	
#sidebar ul {
	margin: -3px 0 0 0;
	padding: 0 0 15px 0;
	/* list-style-image: url(imagens/ul.gif); */
	list-style-type: none;
	color: #116677;
	}
#sidebar ol {
	margin: -3px 0 0 0;
	padding: 5px 0 5px 10px;
	list-style-type: decimal;
	list-style-position: inside;
	}
#sidebar li {
	margin: 0;
	background: #FFF;
	padding: 0;
	width: 160px;
	border-bottom: 1px dotted #000;
	}
#sidebar li:hover {
	background: #CCC;
}

/* this class fixes the menu dynamic effect for Internet Explorer */

#sidebar a:link, #sidebar a:active, #sidebar a:visited {
	padding: 5px; 
	margin: 0;
	display: block;
	width: 150px;
	}

#sidebar a:hover {
	background: #CCC;
	}

/* Listas */	
#main ul {
	margin: 0;
	padding: 5px 0 5px 20px;
	/* list-style-image: url(imagens/ul.gif); */
	list-style-type: square;
	list-style-position: inside;
	color: #116677;
	}
#main ol {
	margin: 0;
	padding: 5px 0 5px 20px;
	list-style-type: decimal;
	list-style-position: inside;
	}
#main dl {
	margin: 0;
	padding: 5px 0 5px 20px;
	}
#main dt {
	font-weight: bold;
	padding: 5px 0 0 0;
	}
#main dd {
	margin: 0;
	padding: 0 0 0 15px;
	}
#main li {
	color: #000000;
	}

/* Titulos */

/* Logo do site */
h1, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
	font: 10px arial, verdana, helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	}
h5, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {
	font: 10px arial, verdana, helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	}
	
/* Titulo de posts e artigos */
h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	font: 16px arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-align: left;
	border-bottom: 5px solid #000;
	margin: 0 0 3px 0; 
	padding: 0; 
	}
	
/* Titulos de boxes */
h3, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
	font: 14px arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-align: left;
	border-bottom: 2px solid #000;
	margin: 5px 0 2px 0; 
	padding: 0; 
	}

	
/* Links */
a:link, a:visited, a:active {
	text-decoration: none;
	color: #000; 
	}
a:hover {
	text-decoration: none;
	color: #000; 
	background-color: #CCC;
	}
	


/* Divs especificas */

#wrapper {
	border-left: 35px #000000 solid;
	padding: 100px 0 10px 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 750px;
	}
/* Imagem de cabecalho */
#header { 
	top: 0;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0;
	}
/* Substituicao de textos por imagem: versao revisada de Dave Shea @ http://www.mezzoblue.com/tests/revised-image-replacement */
#logo span {
	background: url(imagens/logo.png) no-repeat;
	position: fixed;
	width: 100px;
	height: 100px;
	text-indent: -1000px;
	}
/* rolagem */
#up { 
	float: right;
	width: 16px;
	height: 11px;
	margin: 0;
	padding: 42px 35px 0 0;
	}
/* Substituicao de textos por imagem: versao revisada de Dave Shea @ http://www.mezzoblue.com/tests/revised-image-replacement */
#up span {
	background: url(imagens/up.png) no-repeat;
	position: fixed;
	width: 16px;
	height: 11px;
	text-indent: -1000px;
	}
#down { 
	float: right;
	width: 16px;
	height: 11px;
	margin: 0;
	padding: 2px 35px 0 0;
	}
/* Substituicao de textos por imagem: versao revisada de Dave Shea @ http://www.mezzoblue.com/tests/revised-image-replacement */
#down span {
	background: url(imagens/down.png) no-repeat;
	position: fixed;
	width: 16px;
	height: 11px;
	text-indent: -1000px;
	}
	
	
/* Divs de conteudo */	
#sidebar {
	position: relative;
	width: 160px;
	float: left;
	top: 0;
	margin: 0;
	padding: 0;
	}
#main {
	position: relative;
	width: 400px;
	float: left;
	top: 0;
	margin: 0 0 0 35px;
	padding: 0 20px 0 0;
	}
	
/* Footer */
#footer {
	position: relative;
	clear: both;
	}
#footer p {
	text-align: left;
	margin: 100px 50px 10px 100px;
	}