/* 800px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.



Version: 1.2, April 20, 2006 */



/******** General tags ********/

body{

font:76% Verdana,Tahoma,Arial,sans-serif;

background:#ffffff url(http://easy-rio.com/assets/templates/800px/images/background-800px.gif) top center repeat-y;

color:#404040;

line-height:1.2em;

margin:0 auto;

padding:0;

}


/*
a{

text-decoration:none;

color:#ff6600;

font-weight:bold;

}



a:hover{text-decoration:none;}

*/

a img{border:0;}

p{margin:0 0 18px 10px;}

ul,ol,dl{font-size:2.0em; margin:2px 0 16px 0px;}

ul ul,ol ol{margin:4px 0 4px 0px;}



h1{

font-size:4.2em;

letter-spacing:-5px;

margin:0 0 30px 25px;

color:#11568b;

}



h1 a{text-transform:none; color:#4088b8;}



h2{

font-size:1.4em;

color:#11568b;

border-bottom:1px solid #04518b;

padding:0 2px 2px 5px;

margin:0 0 10px 0;

letter-spacing:-1px;

}



h3{

font-size:1.2em;

font-weight:bold;

color:#11568b;

border-bottom:1px solid #dadada;

margin:10px 0 8px 0;

padding:1px 2px 2px 3px;

}



blockquote{

font-size:0.9em;

border:1px solid #dadada;

margin:20px 10px;

padding:8px;

}

.post {
  margin: 0px;
}

.post p{

  padding:0px 2px 0px 1px;

}

.post li{

padding:1px 2px 2px 25px;

list-style:none;

}

/******** Main wrap agora mudei pra page ********/

#page{

position:relative;

color:#404040;

width:760px;

margin:0px auto;

padding:0;

background:    #ffffff url(http://easy-rio.com/assets/templates/800px/images/sidebar.jpg) repeat-y left;

}



#header{margin:0;}


div.pagina{

 margin: 0;
 width: 760px;
 

}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}



#slogan{

font-size:1.5em;

color:#808080;

font-weight:bold;

letter-spacing:-1px;

margin:15px 0px 20px 35px;

line-height:1.2em;

}



/******** sidebar ********/

#sidebar{

position:relative;

left:0;

width:190px;


margin:7px;

padding:1px 0 0 0;

background-color: transparent;

height:900px;

min-height:900px;

top:30px;

}


#info{
 position:absolute;
 margin:0 auto;
 width:175px;
}


#info h2{

font-size:1.4em;

color:#11568b;

border-bottom:1px solid #04518b;

padding:0 2px 2px 5px;

margin:5px;

letter-spacing:-1px;
width:175px;

}
table.dollar {

	border-width: 1px 1px 1px 1px;

	border-spacing: 2px;

	border-style: outset outset outset outset;

	border-color: gray gray gray gray;

	border-collapse: separate;

	background-color: white;
     
        width: 172px;

}

table.dollar th {

	border-width: 0px 0px 0px 0px;

	padding: 1px 1px 1px 1px;

	border-style: inset inset inset inset;

	border-color: gray gray gray gray;

	background-color: white;

	-moz-border-radius: 0px 0px 0px 0px;

}

table.dollar td {

	border-width: 0px 0px 0px 0px;

	padding: 1px 1px 1px 1px;

	border-style: inset inset inset inset;

	border-color: gray gray gray gray;

	background-color: white;

	-moz-border-radius: 0px 0px 0px 0px;

}
table.galleria {
margin-left:-20px;
width: 542px;

}
/*

#sidebar ul{

list-style:none;

font-size:0.9em;

margin:0;

padding:0 0 15px 10px;

}



#sidebar li{

list-style:none;

margin:0 0 4px 0;

padding:0;

}



#sidebar li a{

font-size:1.2em;

font-weight:bold;

padding:2px;

}



#sidebar ul ul{

margin:4px 0 3px 15px;

line-height:1.2em;

padding:0;

}

#sidebar ul ul li a{font-weight:normal;}

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

#sidebar li a{



font-weight:bold;

padding:5px;

}

#sidebar h2{margin:3px 0px 8px 0px;}


#sidebar form{width:175px;}


#pages {

    

margin: 0 auto;

left:0px;	

  
}
#menu{
margin: 0 auto;	
}




/******** Content variations ********/

#content{

line-height:1.5em;

width:555px;

float:right;

text-align:left;

margin:0;

padding:0;

}



#contentalt{

line-height:1.5em;

width:545px;

float:left;

text-align:left;

padding:0;

margin-right:20px;

}



#content h3, #contentalt h3{margin:10px 0 8px;}

.post img{
    display: block;
    margin-left: 6px;
    margin-right: auto;
/*
border: 2px solid #ff6600;
*/
}

/******** Footer ********/

#footer{
border-top: solid #dfe0d9;




width:770px;

text-align:right;

color:#808080;

font-size:0.9em;


margin:0 auto;

padding:8px 0;

line-height:1.6em;

botom:0px;

}



#footer p{margin:0; padding:0;}

#footer a{color:#808080;}





/******** Various classes ********/

.box{

color:#ffffff;

font-size:0.9em;

background-color:#4088b8;

border:1px solid #c8c8c8;

line-height:1.3em;

padding:5px 5px 5px 8px;

}



.box a{color:#f0f0f0;}

.left{float:left; margin:0 15px 4px 0;}

.right{float:right; margin:0 0 4px 15px;}

.textright{text-align:right;}

.readmore{text-align:right; margin:-10px 10px 12px 0;}



.center{text-align:center;}

.blue{color:#4088b8;}

.big{font-size:1.3em;}

.small{font-size:0.8em;}

.bold{font-weight:bold;}



.clear{clear:both;}

.fade{color:#c8c8c8;}

.gray{color:#808080;}



.photo{

border:1px solid #bababa;

padding:2px;

background-color:#ffffff;

margin:6px 18px 2px 5px;

}

#meta{

	position:relative;

    bottom:0px;	

}

/* Forms 

------------------------------------------------------------------------------- */



form {

	width: 360px;

	text-align: left;

	clear: both;

	padding-bottom: 20px;

	border: none;

}

form.full { width: 100%; }





fieldset {

    border: none;

}



legend {

	display: none;

}

form h3 {

	clear: both;

	padding: 15px 0 5px;

	font-size: 14px;

	font-family: Helvetica, Arial, sans-serif;

	color: #000;

	font-weight: bold;

}



form label,

form p {

	display: block;

	clear: both;

	width: 310px;

	font-size: 1em;

	line-height: 1.5em;

	padding: 0 0 9px;

}



form input {

	display: block;

	margin-top: 3px;

}



form select {

	float: left;

	display: block;

}



form label.first,

form label.city {

    clear: left;

    margin-right: 10px;

    width: 150px;

}



form label.second,

form label.state {

	float: left;

	clear: none;

	margin: 0 10px 0 0;

	width: 150px;

}

form label.state { width: 60px; }



form label.first input,

form label.city input,

form label.second input {

	float: left;

	width: 150px;

	padding: 0;

}



form label.state select {

	width: 60px;

	float: left;

	margin-top: 3px;

}



form label.zip,

form label.zip input {

	float: left;

	width: 80px;

}

form label.zip { clear: none; }



form label {

	float: left;

	clear: left;

	width: 310px;

	margin: 0;

	line-height: 1.5em;

}



form label input {

	float: left;

	width: 310px;

	padding: 0;

}



form input.radio,

form input#radiobutton_1,

form input#radiobutton_2,

form input#radiobutton_3,

form input#radiobutton_4 {

	clear: left;

	float: left;

	padding: 0;

	margin: 0;

}



form label.radio,

form label.radioitem {

	clear: none;

	margin: 0 0 0 25px;

	padding: 0 0 15px;

}



form input.checkbox,

form input#checkbox_1,

form input#checkbox_2,

form input#checkbox_3,

form input#checkbox_4 {

	clear: both;

	float: left;

	padding: 0;

	margin: 0;

}



form label.checkbox {

	clear: none;

	margin: 0 0 0 25px;

	padding: 0 0 15px;

}

/* style the form elements to look similar across browsers ... emulates Safari */

form label input,

form textarea {

    border: 1px solid #ddd;

    border-left-color: #c3c3c3;

    border-top-color: #7c7c7c;

    padding: 0 2px;

    height: 18px;

    line-height: 20px;

    background: #fff url(http://easy-rio.com/assets/templates/default/images/input-bg.gif) repeat-x top left;

}

form input.checkbox,

form select {

    border: 1px solid #ddd;

    border-left-color: #c3c3c3;

    border-top-color: #7c7c7c;

    background-color: #fff;    

}

form textarea {

	margin-top: 3px;

	width: 383px;

	height: auto;

	display: block;

}



form label input.calc {

    text-align: right;

    width: 100px;

    clear: left;

    padding: 0;

}

form input.button {

    clear: left;

}

#ditto_wrapper .ditto_article {

margin-bottom: 20px;

}

#ditto_wrapper .ditto_title {

font-size: 115%;

width: 100%;

border-bottom: 1px solid #9c0;

}

#ditto_wrapper .ditto_title .ditto_info {

float: right;

display: block;

text-align: right;

font-size: 75%;

color: #555;

}

#ditto_wrapper .ditto_link {

text-align: right;

font-size: 75%;

}

#ditto_wrapper a, #ditto_wrapper a:visited, #ditto_wrapper a:hover {

border: 0;

}

.ditto_paging {

border-top: 1px solid #ccc;

padding: 10px;

font-size: 86%;

color: #618100;

}

#ditto_pages #ditto_currentpage {

border: 1px solid #618100;

padding: 1px 5px 2px;

margin-right: 1px;

background-color: #9c0;

color: #fff;

}

#ditto_pages .ditto_off {

border: 1px solid #ccc;

padding: 1px 5px 2px;

margin-right: 1px;

color: #ccc;

}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {

border: 1px solid #9c0;

padding: 1px 5px 2px;

margin-right: 1px;

text-decoration: none !important;

color: #618100;

}

#ditto_pages a:hover {

background-color: #fff;

color: #000;

}

#ditto_archivelist ul {

list-style-type: none;

margin-left: 15px;

padding-left: 0;

}

#ditto_archivelist ul ul {

list-style-type: square;

margin-left: 35px;

}

#ditto_archivelist .ditto_month {

font-weight: bold;

}