/* AURELIO.NET Lime Theme
 *   by Aurelio Marinho Jargas
 *   on May 2006
 * 
 *   
 *   License: Public Domain
 *   pequenas alteraçoes by Sérgio F. Lima
 */

body {
	background-color: #fff;
	color		: #444;
	margin		: 0;
	padding		: 0;
	font-family	: sans-serif;
	}
a {
	color		: #3c0;
	text-decoration	: none;
	font-weight	: bold;
	}
a:hover, a:active {
	color		: red;
	}
a:visited {
	color		: purple;
	}

/*************************** HEADER ***************************/

#header {
	margin		: 0;
	padding		: .5em;
	background-color: #cf6;
	text-align	: center;
	} 
#en {
	position	: absolute;
	top		: 0;
	right		: 1px;
	font-size	: 85%;
	font-weight	: normal;
	}

/*************************** BODY ***************************/

#body {
	margin		: 0;	
	padding		: 0 15%;	
	background	: #fff url(img/logo-fisica-in-gioco.jpg) no-repeat left bottom;
	line-height	: 150%;
	}
#body h2 {
	margin		: 0 0 0 -2em;
	padding		: 1.5em 0 1em 0;
}


/*************************** SIDEBAR ***************************/
/* 
   Using negative margins so the sidebar floats outside the container
   Using percent measures so everything scales fine (liquid huh?)
   Right margin used to be -15% but IE has a problem with that
   The -1px on top margin gives the rolling-out-of-top effect
   The white dotted separators (borders) seems like paper with holes
   The redundant position:relative is due a Safari bug in float+neg. margins
*/
#sidebar {
	float		: right;
	position	: relative;
	width		: 30%;
	margin		: -1px -5em 0 8%;
	padding		: 1em 0;
	background-color: #ee8;
	border-top	: 1px solid #aaa;
	}
#sidebar h2 {
	margin		: 0 0 .5em 5px;
	padding		: 0;
	font-size	: 85%;
	font-weight	: normal;
	}
#sidebar a:link {
	color		: olive;
	}
#sidebar a:hover {
	background-color: white;
	color		: black;
	}
#sidebar #profile {
	margin		: 0;
	text-align	: center;
	line-height	: 125%
	}
#sidebar #profile img {
	border		: 1px solid #aaa;
	}
#sidebar #profile p {
	margin-top	: 0;
	padding-top	: 0;
	}
#sidebar #menu {
	border-top	: 2px dotted #fff;
	text-align	: center;
	font-weight	: bold;
	font-variant	: small-caps;
	font-size	: 135%;
	}
#sidebar #seealso {
	text-align	: center;
	}
#sidebar #seealso ul {
	margin		: 0;
	padding		: 0;
	list-style-type	: none;
	}
#sidebar #seealso li {
	display		: inline;
	margin		: 0;
	padding		: 0;
	}
#sidebar #seealso a {
	padding		: 2px 10px;
	font-weight	: normal;
	font-variant	: small-caps;
	font-size	: 90%;
	}
#sidebar form#search {
	text-align	: center;
	padding		: 1em 0;
	border-bottom	: 2px dotted #fff;
	}
#sidebar form#search input {
	margin-bottom	: .3em;
	}
#sidebar #news {
	font-size	: 85%;
	}
#sidebar #news a {
	display		: block;
	font-weight	: normal;
	}
#sidebar #news ul {
	margin		: 0 1em;
	padding-left	: 0;
	list-style-type	: none;
	line-height	: 120%;
	}
#sidebar #news li {
	margin-bottom	: .7em;
	padding		: 0;
	}

/*************************** HOT ***************************/

#hot {
	width		: 450px;
	}
#hot img {
	border		: 1px solid #aaa;
	}
#hot p {
	float		: left;
	width		: 170px;
	margin		: 15px;		
	padding		: 5px 0;		
	text-align	: center;
	font-size	: 85%;
	}
#hot a {
	color		: #444;
	font-weight	: normal;
	}
#hot p:hover {
	background-color: #cf6;
	}
dl {
	margin-top	: 0;
	}
dt {
	border-bottom	: 1px solid #bbb;
	padding-top	: .8em;
	}
dd {
	margin		: -.8em 0 0 7em;
	padding		: 0 0 0 .5em;
	background-color: #fff;
	border-left	: 1px solid #bbb;
	}

/*************************** ABOUT ***************************/

#about {
	text-align	: justify;
	font-size	: 90%;
	}
#about p {
	margin		: 0 0 1em 0;
	}
#aboutpic {
	float		: left;
	text-align	: right;
	margin		: 0 2em 1em 0;
	padding		: 1em .7em 0 1em;
	border		: 1px dashed #3c0;
	}
#aboutpic p {
	margin		: 0;
	}

/*************************** FOOTER ***************************/

#footer {
	clear		: both;
	margin		: 110px 0 0 90px;
	padding		: 0;
	border-top	: 1px solid #ccc;
	color		: #888;
	text-align	: left;
	font-size	: 85%;
	}
#footer p {
	margin-top	: .3em;
	}
#footer img {
	float		: right;
	border-width	: 0;
	}


/* Oh my... Box Model strikes again */

* html #sidebar {	
	width		: 25%;
	}