/*
	Featured Content Slider
	by: Chris Coyier
*/
body  { margin: 0px; padding: 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 	 { float: left; margin-right: 10px;}
.floatRight { float: right; }
.clear 		{ clear: both; }
a	 { outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 300px; margin: 0px; position: relative; min-height: 280px;
											  background: url(/tela/images/bg.png) top center; }

/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #ffffff; text-decoration: none; }
a:hover, a:active							{ color: #729dff; }
blockquote									{ padding: 0px; margin-left: 0px; border-left: 0px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px; overflow:hidden;}


/*
	SLIDER
*/
.slider-wrap								{ width: 300px; position: absolute; top: 0px; left: 0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0px 0px; }
.stripViewer								{ position: relative; overflow: hidden; width: 300px; height: 280px; overflow:hidden;}
.stripViewer .panelContainer				{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 300px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; overflow:hidden;}
.nav-thumb 									{ border: 3px solid #fd8607; margin-right: 3px; }

.photo-meta-data { 
background-image: url(images/transpBlack.png); /* Essa linha é para os browsers que entendem PNG direito */
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transpBlack.png', sizingMethod='scale'); /* Essa coloca um filtro pra o IEca ler o PNG */
padding: 10px; height: 30px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
color:#FF6600; 
margin-top: -50px; 
position: relative; 
z-index: 9999; 
color: white; 
overflow:hidden;
}

.photo-meta-data span 						{ font-size: 11px; }

#movers-row									{ margin: 0px 0px 0px 8px; } /* distancia ebtre thumbs  */
#movers-row div								{ width: 25%; float: left; }
#movers-row div a.cross-link 				{ float: none; }


.cross-link									{ display: block; width: 64px; margin-top: -5px;  /* distancia dos thumbs para a telinha */
											  position: relative; padding-top: 10px; z-index: 9999; overflow:hidden;}

.active-thumb 								{ background: transparent url(/tela/images/icon-uparrowsmallwhite.png) top center no-repeat;} /* o bg aparece junto ao thumb ativo (isso é mágico) */