@charset "utf-8";

/*
	These are just the general site styles. 
   It has nothing to do with ImageFlow
		font-family				: myriad, tahoma, arial, helvetica, sans-serif;
	* { 
		font-family				: tahoma, arial, helvetica, sans-serif;
		font-size				: 13px;
	}
==========================================
*/
@media screen, projection, print {
	html {
		width					: 100%;
		height					: 100%;
		background				: #252525;
	}
	body {
		padding					: 0;
		margin					: 0;
		color					: #fff;
		background				: #252525;
		font-family				: tahoma, arial, helvetica, sans-serif;
		font-size				: 13px;
		font-size				: 0.8em;
	}
	a {
		color					: #CCC;
	}
	
	h1 {
		margin					: 0.4em 0 1.3em 0;
		font-size				: 2.2em;
		text-align				: center;
	}

	body div#TOPO {
		height					: 102px;
		background				: #161616 url('images/topo_bg.gif') repeat-x 0 0 ;
	}
		body div#TOPO div#MEIO {
			padding-top			: 18px;
			margin				: 0 4%;
			text-align			: right;
		}
		body div#TOPO div#MEIO a#LOGO {
			float				: left;
			margin-top			: 20px;
		}

		body div#TOPO div#MEIO div#MENU {
			float				: right;
		}
		body div#TOPO div#MEIO div#MENU a {
			height				: 13px;
			margin-left			: 15px;
			float				: left;
			display				: block;
			text-decoration		: none;
			overflow			: hidden;
			/*SEO*/
			font-size			: 0px;
			line-height			: 100px;
			text-indent			: -2000px;
		}
		
		body div#TOPO div#MEIO div#MENU a#mn_advertising {				width : 80px;	background : url('images/menu_sprite.gif') no-repeat -244px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_advertising:hover {													background-position	: -244px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_archives {					width : 52px;	background : url('images/menu_sprite.gif') no-repeat -420px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_archives:hover {														background-position	: -420px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_beauty {					width : 47px;	background : url('images/menu_sprite.gif') no-repeat -176px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_beauty:hover {															background-position	: -176px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_bio {						width : 21px;	background : url('images/menu_sprite.gif') no-repeat -60px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_bio:hover {															background-position	: -60px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_blog {						width : 30px;	background : url('images/menu_sprite.gif') no-repeat -494px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_blog:hover {															background-position	: -494px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_contato {					width : 53px;	background : url('images/menu_sprite.gif') no-repeat -545px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_contato:hover {														background-position	: -545px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_editorial {				width : 60px;	background : url('images/menu_sprite.gif') no-repeat -620px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_editorial:hover {														background-position	: -620px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_fashion {					width : 52px;	background : url('images/menu_sprite.gif') no-repeat -102px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_fashion:hover {														background-position	: -102px -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_home {						width : 38px;	background : url('images/menu_sprite.gif') no-repeat 0 0; }
			body div#TOPO div#MEIO div#MENU a#mn_home:hover {															background-position	: 0 -20px; }

		body div#TOPO div#MEIO div#MENU a#mn_fineart {					width : 54px;	background : url('images/menu_sprite.gif') no-repeat -346px 0; }
			body div#TOPO div#MEIO div#MENU a#mn_fineart:hover {															background-position	: -346px -20px; }

	h2 {
		margin				: 20px 5%;
		font-size			: 200%;
		color				: #FFF;
		font-weight			: bold;
	}
	

	div#WOPHOTOS {
		width				: 800px;
		margin				: -80px auto 20px auto;
	}
	div#WOPHOTOS img {
		cursor				: pointer !important;
	}

	div#WOPHOTOS.ALONE {
		width				: 800px;
		margin				: 0 auto;
		text-align			: center;
	}

	body div#TEXTO {
		margin				: 20px 5%;
	}
		body div#TEXTO div#ALERT {
			margin			: 0 0 20px 0;
			padding			: 0 10px 10px 10px;
			border-bottom	: 1px dotted #666;
			font-weight		: bold;
			color			: #CCC;
		}
	
/**********************************
				BLOG
***********************************/
	body div#TEXTO div#COLUNA {
		width					: 25%;
		margin					: 0 5% 10px 0;
		float					: left;
	}
	/*########################################################################################################################################################
			TAG CLOUD
	########################################################################################################################################################*/
	
	body div#TEXTO div#COLUNA div#TAGS {
		margin						: 20px 0;
		padding						: 0;
		text-align					: justify;
	}
	
	body div#TEXTO div#COLUNA a {
		padding						: 1px 4px;
		text-decoration				: none;
	}
	body div#TEXTO div#COLUNA a:hover {
		color						: #FFF;
		text-decoration				: underline;
	}
	
	body div#TEXTO div#COLUNA a.DST	{ color: #FFF; }
	
	body div#TEXTO div#COLUNA div#TAGS a.TAG_0	{	font-size: 90;		line-height: 175%; } 
	body div#TEXTO div#COLUNA div#TAGS a.TAG_1	{	font-size: 90%;		line-height: 175%; } 
	body div#TEXTO div#COLUNA div#TAGS a.TAG_2	{	font-size: 100%;	line-height: 150%; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_3	{	font-size: 115%;	line-height: 150%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_4	{	font-size: 130%;	line-height: 115%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_5	{	font-size: 150%;	line-height: 100%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_6	{	font-size: 175%;	line-height: 90%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_7	{	font-size: 175%;	line-height: 90%; font-weight: bold; }
		
	body div#TEXTO div#COLUNA div#ICONES a	{
		border						: 0;
	}
	body div#TEXTO div#COLUNA div#ARQUIVO	{
		clear						: both;
		margin-top					: 20px;
	}

	/*********************************************************************/
	
	body div#TEXTO div#BLOG  {
		width					: 70%;
		margin-bottom			: 0;
		float					: left;
		border-top				: 1px dotted #CCC;
		color					: #FFF;
	}
	body div#TEXTO div#BLOG div.BOX {
		padding					: 10px 5px;
		border-bottom			: 1px dotted #CCC;
		clear					: both;
	}
	body div#TEXTO div#BLOG div.BOX:hover {
		background				: #333;
		color					: #FFF;	
	}

		body div#TEXTO div#BLOG div.BOX img.ICO {
			float				: left;
			margin-right		: 10px;
		}
		body div#TEXTO div#BLOG div.BOX h2 {
			margin				: 0 0 5px 0;
			font-size			: 20px;
			color				: #CCC;
			text-decoration		: none;
		}
		body div#TEXTO div#BLOG div.BOX h2 a {
			text-decoration		: none;
			color				: #CCC;
		}
		body div#TEXTO div#BLOG div.BOX h2 a:hover {
			color				: #FFF;
		}

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

	body div#TEXTO div#BLOG h2 {
		margin					: 10px 0;
	}
	
	body div#TEXTO div#BLOG h3 {
		margin					: 10px 0;
		padding					: 10px;
		border-top				: 1px dotted #CCC;
		border-bottom			: 1px dotted #CCC;
	}

/*
	body div#TEXTO div#BLOG img#FOTO {
		float					: right;
		margin					: 0 0 10px 5px;
	}
*/
	body div#TEXTO div#BLOG img#FOTO {
		margin					: 10px 0;
	}
	
	body div#TEXTO div#BLOG div#GALERIA {
		margin-top				: 10px;
		display					: block;
		clear					: both;
	}
		body div#TEXTO div#BLOG div#GALERIA img {
			margin				: 2px 0 2px 10px;
			border				: 1px solid #333;
		}
		body div#TEXTO div#BLOG div#GALERIA img:hover {
			border				: 1px solid #CCC;
		}
	

	body div#TEXTO div#BLOG a#VOLTAR {
		margin					: 10px 0 20px 0;
		padding					: 10px 0;
		display					: block;
		clear					: both;
		border-top				: 1px dotted #CCC;
		border-bottom			: 1px dotted #CCC;
		text-align				: center;
	}	

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

	img.SP_LEFT {
		float				: left;
		margin				: 0 20px 20px 0;
	}
	img.SP_RIGHT {
		float				: right;
		margin				: 0 0 20px 20px;
	}
	
	body div#RODAPE {
		margin					: 10px;
		height					: 5px;
	}

	/*########################################################################################################################################################
			ARRUMAR PROBLEMAS DE FLOAT
	########################################################################################################################################################*/
	.CLEAR 			{ clear		: both;}
	.AFTER:after 	{ content	: "."; display: block; height: 0; clear: both; visibility: hidden; }
	*.AFTER			{ display	: inline-block; }
	*html .AFTER 	{ height	: 1px; }
	.AFTER 			{ display	: block; }
}