/***Misc ***/

body {
 background: #000000 url(imagens/fundos/bla.png) no-repeat left bottom; background-attachment:fixed;
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
 color: #fff;
 margin: 0px;
 background-color: #000000 }
 
a img{ border: 0%; }

div#gallery { font-size:0.5em; }

a { text-decoration: none;}

input {
 background: #333;
 font-family: Verdana;
 font-size: 0.7em;
 padding: 1%;
 color: #f4f4f4;
 border: 1% solid #555;}
	
.alsj {
padding-left:200px;
margin-left:20px;
}	
	
button {
 background: #222;
 font-family: Verdana;
 font-size: 0.7em;
 padding: 1%;
 color: #f4f4f4;
 border: 1% solid #444;
 height: 2em;} 

/**** Span class's *****/

.size { size: width: 100%; height: 100%;}
.hidden { text-indent: -9000px;}
.br { clear: both;}
.pink { color: #D01A71;}
.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto; text-align: center;}


/**** Site Container ****/

#container { width: 50%; margin: 0 auto; text-align: left; }


/***Header***/

  
#logo { float: left;}

#logo h1 { 
 margin-top: 5%;
 margin-left: 5%;
 font-size: 1.6em;
 letter-spacing: -0.1em;}

/*** Right Side Bar***/

#navlist { position:static; font-size:13px; font-style:normal; float: right; width: 190px; margin-top: 30px; margin-left: 15px;}

 
#navlist ul {
 list-style: none;
}

#navlist li a{
 display: block;
 height: 25px;
 width: 110px; 
 padding: 9px;
 margin: 5px;
 background: inherit;
 border-left: 4px solid #444;
 color: #999 ;
 text-transform: lowercase;
 font-size: 0.9em;}
 
 /* Nav hover */
 
#navlist li a:hover {
 color: #f4f4f4;
 background: #333;
 border-left: 4px solid #990000; }
 
#navlist li .active {
 color: #999;
 background: #333;
 border-left: 4px solid #444;}


/***Content***/

.content {
	float: left;
	width: 700px;
	margin-left: 2px;
	position: absolute;
	margin-bottom: 0px;
	font-size: 21px;
	height: 283px;

/** Experiências com transparências	

	background-color: silver;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	border:1px solid black; ***/
}

.content a {  color:#97002C; font-weight: bold;} /* Link color */

.content a:hover { 
 color:#ffffff;
/** background: #97002C; - sem a caixa **/
 font-weight: bold;}
 
.content p {line-height: 1.4em; font-size: 0.7em; margin-bottom: 20px; color: #f4f4f4;}

.content h3 {
text-indent: 20px;
color: #999;
letter-spacing: -0.1em;
margin-bottom: 4px;
}

.content h3:hover { color: #fff;}

.content blockquote { color: #999; font-style: italic; text-align: center; width: 300px; margin: 10px auto;}
 
 /***Small Author Pictures***/
 
 #thumbnail-box {
    width:400px;
    float:left;
}
#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
}
#thumbnails li {
    margin:0;
    padding:0;
    float:left;
}
div.small-image-box {
    background-color:black;
    width:110px;
    margin-bottom:10px;
    margin-left:15px;
    text-align:center;
    padding-bottom:5px;
    padding-top:5px;
}
div.small-image-box img {
    margin-bottom:5px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
div.small-image-box span {
    height:10px;
    width:100px;
    background-color:white;
    display:block;
    font-size:6px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
 
/***Footer***/

#footer {
	text-align: center;
	position: absolute;
	color: #666;
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 1.2em;
	left: 0px;
	top: 831px;
	width: 650px;
 }
 
#footer p { color: #666;}
 
#footer a { color: #666;}
 
#footer a:hover { color: #f4f4f4;}
	
/*** Floating image ***/

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }