@charset "utf-8";
/* Author: Felipe Mattosinho */



/* Body configuration */

body{
background-image:url(../images/back.png);
text-align:center; /* This sets the container to the center with I.E */
margin:0px;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

/* Container of the whole page */

#container{
width:840px;
margin:0px auto;
border:5px black solid;
text-align:left;
}


/* Header */

#header {
width:100%;
height:80px;
}

/* Top-level main navigation bar with links */


#navigation_top_bar_container
{
padding:0;
width:840px;
height:20px;
background-color:#000000;
}
.link_updates{
color:white;
margin-bottom:10px;	
}

.link_updates a:visited{
color:white;	
}

#navigation_top_bar_container ul
{
border:0;
margin:0;
padding:0;
background-color:#FFFFFF;
list-style-type:none;
text-align:center;
}

#navigation_top_bar_container ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
}

#navigation_top_bar_container ul li a
{
background-color:#000000;
display:block;
width:55px;
height:20px;
text-decoration:none;
text-align:center;
color:#FFFFFF;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navigation_top_bar_container ul li a:hover
{
color:#fb5200;
/*border:#ff8000 1px solid;
background-color:#fb5200;*/
}

/* Div container for time at the top part of the page */

#time{
font:10px Verdana, Arial, Sans-serif;
margin-top:7px;
float:right;
width:210px;
color:#FFFFFF;
}

#up_shadow{
padding:0;
width:840px;
height:24px;
background-image:url(../images/fundo_up_shadow.jpg);	
}



/* Content "middle part" of the page */

#content_container{
float:right; /* THIS CONTAINER MUST FLOAT TO HOLD THE TWO INSIDE , OTHERWISE IT WONT DISPLAY THE BACKGROUND */
background-image:url(../images/background_container.jpg);
width:840px;
}

/* Here goes everything inside the LEFT BIG container */

#left_container{
float:left;
width:156px;
margin-top:20px;
margin-left:3px;
}

#recent_articles_menu_header{
font: normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:#ff8000;
}
#recent_articles_menu{
font: normal 9px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
margin-bottom:30px;
color:white;
}

/* Here goes everything inside the RIGHT BIG container */

#right_container{
float:right;
width:620px;
margin-right:10px;
}

/* Box "author" und "contact" e.g home.php page */

#box_float_left{
width:300px;	
margin-top:20px;
float:left;	
}

#home_author_title{
padding:4px;	
color:#FFFFFF;
height:15px;
background-image:url(../images/teste.png);
}

#home_author_content{
padding:4px;
font-size:9px;
border:1px solid #c0c0c0;
background-color:white;
}

/* Here is the div container for the contact form */

#box_float_right{
width:270px;
margin-top:20px;
margin-left:5px;
float:right;	
}


#home_contact_title{
padding:4px;
color:white;	
height:15px;
background-image:url(../images/teste2.png);
}
#home_contact_content{	
border:1px solid #c0c0c0;
color:#000000;
background-color:white;
}






#stats{
margin-top:10px;
}
.stats{
}
#stats_header{
text-align:center;
padding:4px;
color:white;	
background-image:url(../images/left_menu_header.png);
}
#stats_content{
border:1px solid #1b1b1b;	
font:9px Verdana, Arial, Sans-serif;
font-size:10px;
background-image:url(../images/flagback.jpg);
}
#stats_country_table{
font-size:9px;
color:white;
text-align:center;
width:100%;		
}
#stats_country_table_header{
font-size:9px;
background-color:#ffffff;
color:black;	
}
/* Footer */

#footer{
width:840px;
height:12px;
background-color:#000000;
color:#999999;
font-size:9px;
text-align:center;
margin:auto;
}

#down_shadow{
padding:0;
width:840px;
height:24px;
background-image:url(../images/fundo_down_shadow.jpg);		
}






/* This is the container for the website content */




/*.header_home{
background-color:#000000;
border:1px solid black;
color:#FFFFFF;
}*/

#error_msg{
color:#FF6600;
font-weight:bold;
font-size:9px;
}


.email_form_input{
background-color:#333333;
color:#FFFFFF;
border:1px #FF6600 solid;
width:140px;
}







.form_email{
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#form_contact{
font: 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;	
}
#error_msg{
	color:#000000;
}




#articles_list{
color:white;	
}

	

.contact_label{
font:10px Verdana, Arial, Sans-serif;	
}
.contact_text_input{
width:180px;	
}
#contact_textarea{
width:180px;
height:180px;	
}






#contact_form_error{
font:10px Verdana, Arial, Helvetica, sans-serif;	
color:#ff0000;
padding:1px;

}
#form_contact{
	color:black;
}
.spacer{
clear:both;
}
.spacer1{
clear:left;	
}