/* <!-- */


/*===========================================
   DESCRIPTION:	fisica-interessante.com Stylesheet
   AUTHOR:		Renato P. dos Santos
   VERSION:	5.02 - 03 Mar 2014
   (based on Matthew James Taylor's Perfect 'Holy Grail' 3 Column Liquid Layout)
   Color scheme 'Split Complimentary' created with Colors on the Web site
	#FF0000 Red for headers H1 & H2 background
	#007FFF Blue for links
	#004C99 Blue for visited links
	#FF5500 Orange for H3 & emphasis
	#FFFFFF White for normal text and borders
	#121212 Gray7 for body background
============================================= */



/* General styles */

	body {
		margin: 0;
		padding: 0;
		border: 0;			/* This removes the border around 										the viewport in old versions of IE */
		width: 100%;
		min-width: 600px;		/* Minimum width of layout - remove 										line if not required */
						/* The min-width property does not 										work in old versions of Internet Explorer */
		font-size: 100%;
/*		background-image: url(http://www.fisica-interessante.com/imgs/fi-background.png); */
		background-repeat: repeat-y;
		background-position: top left; 
		background-color: #121212;	/* Grey7 for background */
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: left;
		color: White;		/* White for text */
	}

	a:link {
		color: #007FFF;			/* Blue for links */
		font-weight: bold;
		text-decoration: underline;
		background-color: transparent;
	}


	a:visited {
		color: #004C99;			/* Blue for visited links */
		font-weight: bold;
		text-decoration: underline;
		background-color: transparent;
	}


	a:active {
		color: Blue;			/* Blue for active links */
		font-weight: bold;
		text-decoration: underline;
		background-color: transparent;
	}

	a:hover {
		color: White;			/* White for hover links */
		background: RoyalBlue;
		font-weight: bold;
		text-decoration:none;
	}

	h1, h2, {
		margin-top: 6px;
		margin-right: 0px;
		margin-bottom: 14px;
		margin-left: 0px;
		padding:0;
	}


	h1 {
		font-size: 1.75em;
		color: White;			/* White for H1 */
		width: 100%;
		line-height: 125%;
		border-top: thin solid #FF0000;	/* Red */
		border-left: thin solid #FF0000;/* Red */
		border-bottom: thin solid #FF0000;/* Red */
		border-right: thin solid #FF0000;/* Red */
		background-color: #FF0000;	/* Red */
	}

	h2 {
		font-size: 1.5em;
		color: White;			/* White for H2 */
		width: 50%;
		line-height: 125%;
		padding: 1px 1px 1px;
		background-color: #FF0000;	/* Red background for H2 */
	}

	h3 {
		font-size: 1.2em;
		color: #FF5500;			/* Orange for H3 */
	}


	h4 {
		font-weight: bold;
		font-style: normal;
		margin: .4em 0 .8em 0;
		padding: 0;
		color: #FF5500;			/* Orange for H4 */
	}


	p {
		color: White;		/* White for P */
		margin: .4em 0 .8em 0;
		padding: 0;
	}


	em,
	b {	/* emphasis */ 	
		font-weight: bold;
		font-style: normal;
		color: #FF5500;			/* Orange for emphasis */
	}


	i { 
		font-weight: bold;
		font-style: italic;		/*sets italics to bold to stand out better*/
	}


/* Images special stylings */

	img {					/*general images properties */
		vertical-align: middle;
		zoom: 1;			/* transparency */
	        filter: alpha(opacity=100);	/* transparency */
        	opacity: 1.0;			/* transparency */
	}

	img.bigcenter {				/*used for general big centered images*/
		width: 440px;
		max-width: 440px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 15px;
		border: thin solid #FFFFFF;	/* White for image borders */
	}
	div.bigcenter {
	}

	img.midcenter {				/*used for general middle-sized centered images*/
		width: 150px; 
		max-width: 150px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 15px;
		border: thin solid #FFFFFF;	/* White for image borders */
	}
	div.midcenter {
	}

	img.midleft,				/*used for general left-aligned middle-sized images*/
	img.pagesuggest {			/*used for suggested pages images*/
		height: 150px; 
		max-height: 150px;
		float: left;
		border: thin solid #FFFFFF;	/* White for image borders */
		margin-top: 3px;
		margin-right: 10px; 
		margin-bottom: 5px; 
		margin-left: 0;
	}
	div.midleft {
		min-height: 160px;
	}
	div.pagesuggest {
		min-height: 160px;
		margin-left: 1cm;
		text-align: left;
	}

	img.pagedesc {				/*used for page description images*/
		height: 135px; 
		max-height: 135px;
		float: left;
		border: thin solid #FFFFFF;	/* White for image borders */
		margin-top: 3px;
		margin-right: 10px; 
		margin-bottom: 5px; 
		margin-left: 0;
	}
	div.pagedesc {
		min-height: 150px;
		margin-left: 10px;
		text-align: left;
	}
	div.pagedesc p {
		color: White;		/* White for P */
		margin: .4em 0 .8em 0;
		padding: 0;
	}

	div.pagetext {
		min-height: 55px;
		text-align: left;
	}

	img.smallleft {				/*used for general left-aligned small-sized images*/
		height: 50px; 
		max-height: 50px;
		float: left;
		border: thin solid #FFFFFF;	/* White for image borders */
		margin-top: 3px;
		margin-right: 10px; 
		margin-bottom: 5px; 
		margin-left: 0;
	}
	div.smallleft {
		min-height: 60px;
	}


/* Quotations special stylings */

	p.quotation {
		font-style: italic	
	} 

	.source {
		font-size: 0.75em; 
		font-style: normal
	}


/* References special stylings */

	.title,
	.abstract,
	.references {
		font-weight: bold;		/* emphasis */ 
		font-style: normal;
		color: #FF5500;			/* Orange for H3 & emphasis */
	}

	em.references {
		font-weight: bold;	
	} 


/* Nextpagebox special stylings */

	img.nextpagebox {
		height: 50px; 
		max-height: 50px;
		float: left;
		border: thin solid #FFFFFF;	/* White for image borders */
		margin: 3px 10px 5px 0;
	}
	div.nextpagebox {
		min-height: 60px;
		text-align:left;
	}


/* Videos special stylings */

	object.video {
		height: 344px;
		width: 425px;
	}

	embed.video {
		height: 344px;
		width: 425px;
	}

/* Tables special stylings */

	table.content tr td {
		zoom: 1;			/* transparency */
	        filter: alpha(opacity=100);	/* transparency */
        	opacity: 1.0;			/* transparency */
		background-color: #030303;	/* Gray1 for Table background */
		color: White;			/* White for Table content */
	}

/* Header styles */

	#header {
		clear: both;	
		float: left;	
		width: 100%;	
	}

	#header {
		border-bottom: 0;
	}

	#header p,
	#header h1,
	#header h2 {
		padding: .4em 15px 0 15px;
		margin: 0;
	}

	#header ul {
		clear: left;
		float: left;
		width: 100%;
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0;
	}

	#header ul li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#header ul li a {
		display: block;
		float: left;
		margin: 0 0 0 1px;
		padding: 3px 10px;
		text-align: center;
		background-color: #030303;	/* Gray1 for Header background */
		color: White;			/* White for Header content */
		text-decoration: none;
		position: relative;
		left: 15px;
		line-height: 1.3em;
	}

	#header ul li a:hover {
		background: #336699;	/* Blue for hover link background */
		color: LightGrey;	/* LightGrey for hover /* 
	}

	#header ul li a.active,
	#header ul li a.active:hover {
		color: LightGrey;	/* LightGrey for hover link /*
		background: #121212;	/* Grey7 for active hover link background */
		font-weight: bold;
	}

	#header ul li a span {
		display: block;
	}


/* 'widths' sub menu */

	#layoutdims {
		clear: both;
		background: LightGrey;	/* LightGrey for background */
		border-top: 0;
		margin: 0;
		padding: 6px 15px !important;
		text-align: right;
	}


/* column container */

	.colmask {
		position: relative;		/* This fixes the IE7 overflow
						   hidden bug */
		clear: both;
		float: left;
		width: 100%;			/* width of whole page */
		overflow: hidden;		/* This chops off any overhanging divs */
	}


/* common column settings */

	.colright,
	.colmid,
	.colleft {
		float: left;
		width: 100%;			/* width of page */
		position: relative;
	}

	.col1,
	.col2,
	.col3 {
		float: left;
		position: relative;
		padding: 0 0 1em 0;		/* no left and right padding on
						columns, we just
						make them narrower instead 
						only padding top and bottom is
						included here, make
						it whatever value you need */
		overflow: hidden;
	}


/* 3 Column settings */

	.threecol {
	}

	.threecol .colmid {
		right: 20%;			/* width of the right column */
	}

	.threecol .colleft {
		right: 65%;			/* width of the middle column */
	}

	.threecol .col1 {
		width: 63%;			/* width of center column content
						(column width minus padding
						on either side) */
		left: 101%;			/* 100% plus left padding of center
						column */
		background-color: #121212;	/* Gray7 for background */	/* center column background colour */
		border-style: solid;
		border-width: 1px;
		border-color: #FFFFFF;		/* White for borders */
		text-align: left;
		color: White;			/* White for text */
		padding: 10px;
		border-spacing: 0px;
		vertical-align: top;
		zoom: 1;			/* transparency */
	        filter: alpha(opacity=90);	/* transparency */
        	opacity: 0.9;			/* transparency */
	}

	.threecol .col2 {
		width: 13%;			/* Width of left column content
						(column width minus
						padding on either side) */
		left: 23%;			/* width of (right column) plus
						(center column left
						and right padding) plus
						(left column left padding) */
		color: White;			/* White for text */
	}

	.threecol .col3 {
		width: 18%;			/* Width of right column content
						(column width minus padding on either side) */
		left: 88%;			/* Please make note of the brackets here:
						(100% - left column width) plus 															(center column left and right padding) plus
						(left column left and right padding) 
						plus (right column left padding) */
		color: White;			/* White for text */
	}


/* Footer styles */

	#footer {
		clear: both;
		float: left;
		width: 100%;
		border-top: 0;
		color: White;			/* White for text */
	}

	#footer P {
		padding: 10px;
		margin: 0;
		color: White;			/* White for P */
	}


/* SideMenu styling */

	ul.sidemenu {
		padding: 0;
		margin: 0;
		list-style: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: White;			/* White for text */
		border-bottom: 1px solid #FFFFFF;
		width: 150px;
		background-color: #121212;
	}

	ul.sidemenu li {
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
	}

	ul.sidemenu li a {
		text-decoration: none;
		color: White;			/* White for text */
		display: block;
		width: 128px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px 10px;
	}

	ul.sidemenu li a:hover {
		background-color: #4D4D4D;
		color: #FFFFFF;
	}

/* --> */