/*****************************************/
/*****  w w w . l i t h i s . n e t  *****/
/*****  Design:  www.ccr-design.com  *****/
/*****************************************/


/*****  Body  ******************************************************/
* {
    margin: 0;
    padding: 0;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #222;
	font: normal 0.7em Verdana, Tahoma, Arial, sans-serif;
}
/*******************************************************************/


/*****  Containers  ************************************************/
#main {
	position: relative;
	width: 80%;
	min-width: 700px;
	max-width: 950px;
	margin: 0 auto;
}

#contents {
	border: 1px solid #eee;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
	padding: 0 3em 1em 3em;
}

#sidebar {
	position: absolute;
	display: inline;
	left:0;
	top:0;
	z-index: 200;
	background: transparent;
	padding-top: 8em;
}

#sidebar a {
	position: relative;
	left: -22px;
	width: 22px;
	height: 23px;
	display: block;
	margin: 2px 0;
	outline: 0;
}

#sidebar a:hover {
	border-right: 1px solid #999;
	background: #eee;
	left: -24px;
	width: 23px;
	height: 23px;
	padding-right: 1px;
}
/*******************************************************************/


/*****  Header  ****************************************************/
#header {
	position: relative;
	margin: 0 auto;
	padding: 2.5em 0 1em 0;
	z-index: 50;
}

#header h1 {
	position: relative;
	padding: 0;
	margin: 0;
	margin-left: 1em;
	text-align: left;
}

#header h1 a, #header h1 a:visited {
	font: normal 1.5em 'Trebuchet MS', Arial, sans-serif;
	color: #ff4200;
	text-decoration: none;
	outline: 0;
}

#page_url {
	display: none;
}

#facebook-like {
    position:absolute;
    top:6px;
    right:160px;
}

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


/*****  Search results container  **********************************/
#searchresults {
	position: relative;
	margin: 1em auto;
	border: 1px solid #eee;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
	padding: 1em;
}

#searchresults h1 {
	font: normal 2em 'Trebuchet MS', Arial, sans-serif;
	color: #222;
	margin: 0 0.5em;
}

#searchresults p {
	font: bold 1.2em 'Trebuchet MS', Arial, sans-serif;
	color: #ff4200;
	padding: 0.7em;
}

#searchresults ul {
	list-style-type: none;
	margin: 2em 0 0 0;
	padding: 0;
}

#searchresults ul li {
	margin: -3px 0.5em 0 0.5em;
	padding: 2px 0 0 0;
	float: left;
	width: 30%;
	border-top: 1px solid #eee;
}

#searchresults ul li a {
	display: block;
	height: 100%;
	padding: 0.5em;
	margin-bottom: 2px;
	font: normal 1em Verdana, Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #222;
	background: #fff;
	border-bottom: 1px solid #eee;
	outline: 0;
}

#searchresults ul li a:visited {
	color: #aaa;
	padding-left: 1.5em;
	background: #fff url(../i/link-visited.gif) no-repeat 3px 50%;
}

#searchresults ul li a:visited:hover {
	color: #222;
	background: #eee url(../i/link-visited.gif) no-repeat 3px 50%;
}

#searchresults ul li a:hover,
#searchresults ul li a:active,
#searchresults ul li a:focus {
	color: #222;
	background: #eee;
	border-bottom: 1px solid #ff4200;
}
/*******************************************************************/


/*****  Contents Headings  *****************************************/
#contents h1 {
	margin: 1em 0 0 0;
	padding: 0.5em;
	font: small-caps normal 3em 'Trebuchet MS', Arial, sans-serif;
	letter-spacing: -0.05em;
	color: #222;
	text-align: center;
}

#contents h2 {
	margin: 2em 0 0 0;
	padding: 0.5em 0;
	font: normal 2em 'Trebuchet MS', Arial, sans-serif;
	letter-spacing: -0.05em;
	color: #75c20f;
}

#contents h3 {
	padding: 0.5em 0 0.2em 0;
	margin: 1em 0;
	font: normal 1.5em 'Trebuchet MS', Arial, sans-serif;
	color: #00a5df;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}
/*******************************************************************/


/*****  Paragraph  *************************************************/
#contents p {
	font: normal 1em Verdana, Tahoma, Arial, sans-serif;
	color: #222;
	text-decoration: none;
	line-height: 170%;
	letter-spacing: 0;
	text-align: justify;
	margin: 0;
	padding: 0.5em 0;
}
/*******************************************************************/


/*****  Links  *****************************************************/
a img {
	border: 0;
}

a {
	text-decoration: none;
}		

#contents a {
	text-decoration: underline;
	padding: 0.2em 0.2em 0.2em 12px;
	margin: 0 0 0 0.5em;
	background: transparent url(../i/arrow-red.gif) no-repeat left;
	color: #ff4200;
}

#contents a:hover, #contents a:focus, #contents a:visited:hover {
	color: #00a5df;
	background: transparent url(../i/arrow-blue.gif) no-repeat left;
}

#contents a:visited {
	color: #666;
	text-decoration: underline;
}
/*******************************************************************/


/*****  Pictures  **************************************************/
.picture {
	border: 1px solid #ddd;
	margin: 6px;
	padding: 10px;
}
/*******************************************************************/


/*****  Lists  *****************************************************/
#contents ul, #contents ol {
	padding: 0 2em;
}

#contents li ul, #contents li ol {
	margin: 0px;
}

#contents li {
	font: normal 1em Verdana, Tahoma, Arial, sans-serif;
	color: #222;
	text-align: justify;
	line-height: 150%;
	margin: 1em 0;
}

#contents ul li {
	list-style-image: url(../i/arrow-blue.gif);
}

#contents li a {
	text-decoration: underline;
	padding: 0.2em 0.2em 0.2em 12px;
	margin: 0 0 0 0.5em;
	background: transparent url(../i/arrow-red.gif) no-repeat left;
	color: #ff4200;
}

#contents li a:hover, #contents li a:focus, #contents li a:visited:hover {
	color: #00a5df;
	background: transparent url(../i/arrow-blue.gif) no-repeat left;
}

#contents li a:visited {
	color: #666;
}

#contents li ul li, #contents li ol li {
	list-style-image: url(../i/arrow-green.gif);
}
/*******************************************************************/


/*****  Tables  ****************************************************/
#contents .tabela_larga, #contents .tabela_estreita {
	background-color: #ddd;
	border: 0;
	margin: 1em;
}

#contents .tabela_larga {
	width: 95%;
}

#contents .tabela_estreita {
	width: 45%;
}

#contents .tabela_larga td, #contents .tabela_estreita td {
	font: normal 1em Verdana, Tahoma, Arial, sans-serif;
	color: #222;
	background-color: #fff;
	vertical-align: top;
	padding: 0.5em;
	text-align: center;
}
/*******************************************************************/


/*****  Poemas  ****************************************************/
#contents .poema {
	width: 90%;
	border: 1px solid #ddd;
	border-left: 3px solid #ddd;
	margin: 2em;
}

#contents .poema td {
	padding: 2em;
	text-align: justify;
}
/*******************************************************************/


/*****  Footer  ****************************************************/
#footer {
	position: relative;
	margin-bottom: 50px;
	padding: 10px;
}

#footer a, #footer a:visited {
	color: #999;
	font: bold 1em Arial, sans-serif;
}

#footer a:hover {
	color: #ff4200;
}
/*******************************************************************/


/*****  Clearing div  **********************************************/
div.clearing {
	clear: both;
	height: 0px;
}
/*******************************************************************/

#contents .little { font-size: 1em; color: #666; font-family: Verdana, sans-serif; }


/*****  Google Ads  ************************************************/
#google-ads { 
	text-align: center;
	margin: 20px auto 0 auto;
}
/*******************************************************************/