/**
 * =TABLE OF CONTENTS
 *
 * media all
 *     =RESET
 *     =CLASSES
 * media screen, projection
 *     =RESET
 *	   =HEADINGS
 *     =CLASSES
 * media print
 *     =RESET
 *     =LAYOUT
 *     =LINKS
 */



/**

 * =COLOR SCHEME
 *
 * background	#fff
 * text			#333
 * links		#f40
 * transparency	0.75

 */



@media all
{
	/* =RESET */

	*
	{margin: 0; padding: 0; border: 0; font-weight:normal;}

	a:active, a:focus
	{outline: 0}

	a img
	{border:none}

	/* =CLASSES */

	.left
	{float: left}

	.right
	{float: right}

	.clear
	{clear:both; height:1px; font-size:1px; line-height:1px}

	pre, code
	{
		font-size:115% monospace;*font-size:100%;
	}

}



@media screen, projection
{
	/* =RESET */

	body
	{
		/*
		background: #f2f2f2;
		*/
		background: #ffffff;
		color: #777;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em;
	}

	a:link,a:hover,a:visited,a:active
	{
		color: #A77;
		text-decoration:none;
	}

	a.tags:link,a.tags:hover,a.tags:visited,a.tags:active
	{
		padding:3px;
	}

	#rodape a:link,#rodape a:hover,#rodape a:visited,#rodape a:active
	{
		color:#FFFFFF;
		font-family:helvetica;
		font-weight:bold;
	}

	/* =HEADINGS */

	h1, h2, h3, h4, h5, h6
	{margin: 20px; font-weight:bold;}

	h1
	{font-size: 220%}

	h2
	{font-size: 200%}

	h3
	{font-size: 180%}

	h4
	{font-size: 160%}

	h5
	{font-size: 140%}

	h6
	{font-size: 120%}


	h1 a
	{font-weight: bold}

	h2 a
	{font-weight: bold}

	h3 a
	{font-weight: bold}

	h4 a
	{font-weight: bold}

	h5 a
	{font-weight: bold}

	h6 a
	{font-weight: bold}

	/* =LINKS */

	a:link{}

	a:hover
	{
		color:#777;
		text-decoration:underline;
	}

	a.tags:hover
	{
		color:#f2f2f2;
		background-color:#777;
		text-decoration:none;
	}

	a:visited{}

	a:active{}

	/* =FORM */
	.input
	{
		font-family:Tahoma;
		font-size:1.5em;
		font-weight:bold;
		color:#777;
		background-color:#DDD;
		border:1px solid #000;
		padding:5px;
	}

	/* =CLASSES */

	.destaque {color:#A77;font-weight:inherit;}

	/* =LAYOUT */

	.pagina 	{width: 800px; margin: auto;}

	.georgia 	{font-family:georgia;}
	.normal 	{font-weight:normal;}
	.bold 		{font-weight:bold;}
	.bt{ cursor:pointer;}

	#header 	{}

	#footer 	{}



	.span-1, span-2, span-3, span-4, span-5, span-6
	{float: left}

	.span-1
	{width: 100%}

	.span-2
	{width: 50%}

	.span-3
	{width: 33%}

	.span-4
	{width: 25%}

	.span-5
	{width: 20%}

	.span-6
	{width: 15%}

	.padding-10
	{padding: 10px}

	.padding-15
	{padding: 15px}

	.padding-20
	{padding: 20px}



	.opacity-50
	{filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50}

	.opacity-75
	{filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75}


	.tagcloud
	{
		text-align:center;
	}
}



@media print
{
	/* =RESET */
	body
	{background: #fff; color: #000; font: 12pt "Times New Roman", Times, serif; line-height: 18pt}

	/* =LAYOUT */
	#header, #footer {display: none}



	/* =LINKS */
	a
	{color: #000; text-decoration: underline}

	a:link:after, a:link:visited:after
	{content: " (Link to <" attr(href) ">) "; font-size: 80%; color: #999; background: transparent}

	a[href^="/"]:link:after
	{content: " (Link to ) "}

}



/* =DIAGNOSTIC


* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/