/* <!-- */


/*===========================================
   DESCRIPTION:	fisica-interessante.com print Stylesheet
   AUTHOR:		Renato P. dos Santos
   VERSION:	3.20 - 12 Aug 2011
   (based on Matthew James Taylor's Perfect 'Holy Grail' 3 Column Liquid Layout)
============================================= */



/* 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: 125%;
		background-color: #FFFFFF;	/* White */
		font-family: Times, serif;
		text-align: left;
		color: #000000;			/* Black */
	}

	a:link, a:visited, a:active {
		color: #333333;			/* Gray20 */
		font-weight: bold;
		text-decoration: underline;
		background-color: transparent;
	}


	a[href]:after {
		content: " (" attr(href) ")";
	}

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


	h1 {
		font-size: 1.75em;
		width: 100%;
		border-top: thin solid #808080;	/* Grey */
		border-left: thin solid #808080;/* Grey */
		border-bottom: thin solid #808080;/* Grey */
		border-right: thin solid #808080;/* Grey */
		background-color: #808080;	/* Grey */
	}

	h2 {
		font-size: 1.5em;
		width: 50%;
		padding: 1px 1px 1px;
		background-color: #808080;	/* Grey */
	}

	h3 {
		font-size: 1.5em;
	}


	h4 {
		font-size: 1.0em;
	}


	p {
		color: #000000;			/* Black */
		margin: .4em 0 .8em 0;
		padding:0;
	}


	em  {	/* emphasis */ 
		font-weight: bold;
		font-style: normal;
		color: #000000;			/* Black */
	}

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


/* Images special stylings */

	img {
		vertical-align: middle;
	}
	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 #808080;	/* Grey */
	}
	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 #808080;	/* Grey */
	}
	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 #808080;	/* Grey */
		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*/
		width: 150px; 
		max-width: 150px;
		max-height: 135px;
		float: left;
		border: 2px solid #808080;	/* Grey */
		margin-top: 3px;
		margin-right: 10px; 
		margin-bottom: 5px; 
		margin-left: 0;
	}
	div.pagedesc {
		min-height: 150px;
		margin-left: 10px;
		text-align: left;
	}

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


/* Quotations special stylings */

	p.quotations {
		font-style: italic	
	} 

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


/* References special stylings */

	.title,
	.abstract,
	.references {
		font-weight: bold;		/* emphasis */ 
		font-style: normal;
		color: #000000;			/* Black */
	}

	em.references {
		font-weight: bold;	
	} 


/* Nextpagebox special stylings */

	img.nextpagebox {
		height: 50px; 
		max-height: 50px;
		float: left;
		border: thin solid #000000;	/* Black */
		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;
	}

/* Nextpage special stylings */

/* Tables special stylings */

	table.content tr td {
		background-color: #D3D3D3;	/* LightGrey */
	}

/* 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: #D3D3D3;		/* LightGrey */
		color: #000000;			/* Black */
		text-decoration: none;
		position: relative;
		left: 15px;
		line-height: 1.3em;
	}

	#header ul li a:hover {
		background: #666666;		/* Grey40 */
		color: #FFFFFF;			/* White */
	}

	#header ul li a.active,
	#header ul li a.active:hover {
		color: #FFFFFF;			/* White */
		background: #000000;		/* Black */
		font-weight: bold;
	}

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


/* 'widths' sub menu */

	#layoutdims {
		clear: both;
		background: #D3D3D3;		/* LightGrey */
		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: visible;		/* 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: visible;
	}


/* 3 Column settings */

	.threecol {
	}

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

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

	.threecol .col1 {
		width: 86%;			/* width of center column content
						(column width minus padding
						on either side) */
		left: 102%;			/* 100% plus left padding of center
						column */
		background-color: #FFFFFF;	/* White */		/* center column background colour */
		border-style: solid;
		border-width: 1px;
		border-color: #000000;		/* Black */
		text-align: left;
		padding: 10px;
		border-spacing: 0px;
		vertical-align: top;
	}

	.threecol .col2 {
		width: 4%;			/* Width of left column content
						(column width minus
						padding on either side) */
		left: 6%;			/* width of (right column) plus
						(center column left
						and right padding) plus
						(left column left padding) */
	}

	.threecol .col3 {
		width: 6%;			/* Width of right column content
						(column width minus padding on either side) */
		left: 90%;			/* 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) */
	}

/* 3 Column special settings for print */

	.colmask
	.colright,
	.colmid,
	.colleft {
		margin: auto;
		float: none;
	}

	.col3, 
	.col2 { 
		display: none; 
		width: 0%; 
		float: none;
		overflow: visible;
	}

	.col1 {
		width: 100%; 
		margin: auto;
		float: none;
		overflow: visible;
	}


/* Footer styles */

	#footer {
		clear: both;
		float: left;
		width: 100%;
		border-top: 0;
	}

	#footer p {
		padding: 10px;
		margin: 0;
	}


/* NavBar styling */

	#navcontainer { 
		width: 150px; 
	}

	#navcontainer a {
		display: block;
		padding: 0;
		text-decoration: none;
		background-color: transparent;
	}

	#navcontainer img {
		border: 0;
		margin: 0;
		padding: 0;
	}



/* --> */