/**
 * Usability/Content oriented stylesheet.
 * 
 * 
 * @author Claudio Magni
 * @version 1.0
 */



/*******************************************************************************
  ------
  Basics
  ------
*******************************************************************************/

/*
 * Main sections
 */
* {margin: 0;}
abbr, acronym {cursor: help;}
img {font-size:80%;}
a img{border:none}
body { 
	text-align: center;
	font-size: 11pt;
	font-family: sans-serif;
	list-style-position: outside;	
}
#container, #sidebar {
	text-align: left;
}
#container #footer {
	text-align: right;
}
#content {
	padding: 30px 2em 40px 2.5em;
}
#container a:hover { text-decoration: none;}
#sidebar {
	line-height: 1.4;
}
#footer, #nav {
	font-size: 90%;
}
#container #up a {
	font-size: 80%;
	text-decoration: none;
}
.summary {
	margin: 10px 30px 30px 30px;
	padding: 0.7em;
	text-align: justify;
}


/*
 * HTML elements
 */
h1, h2, h3 { 
	font-family: "Arial", sans-serif; font-weight: normal;
}
h1 { 
	font-size: 240%;
	margin: 0.6em 0 0.8em 0;
	text-align: center;
}
h2 { 
	font-size: 160%;
	margin: 1em 0 0.4em 0;
}
h3 { 
	font-size: 120%;
	margin: 0.8em 0 0.3em 0;
}
p, div.par {
	margin: 0 0 0.5em 0;
	line-height: 1.4;
}
.huge { font-size: 200%;}
dl, table {
	margin-left: 2em;
}
dd {
	font-weight: bold;
	margin: 0.3em 0 0.2em 0;
}
ul li, ol li {
	padding-bottom: 0.5em;
}
ul.tabs {
	list-style-type: none;
}
ul.tabs li {
	float: left;
}
ul.tabs li.active a {
	text-decoration: none;
}
.math {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
}
div.figure {
	margin: 20px 0;
	text-align: center;
	font-size: 90%;
}
img.figure {
	display: block;
	margin: 0 auto 5px auto;
	padding: 3px 3px 8px 3px;
	border-style: solid;
	border-width: 1px;
}

/*
 * Menu
 */
#header ul.menu {
	font-weight: bold;
	list-style: none;
}
#header .menu a {
	text-decoration: none;
}

/*
 * File upoads
 */
table#attachments {
	font-size: 95%;
}



/*******************************************************************************
  ------
  Layout
  ------
*******************************************************************************/
 
#top, #bottom {
	height: 12px;
/*	height: 36px;		 if search is displayed */
}
#wrapper {
	padding-bottom: 50px;
}
#top .search {
	text-align: right;
}
#header {
	height: 100px;		/* be careful with image positioning */
}
#container {
	margin: 30px auto 0 auto;
	width: 660px;
}
#container .bar {
	height: 36px;		/* text positioning depends on this */
}
#nav, #footer {
	padding: 0.6em 0.8em 0 0.8em;		/* see previous */
}
#container #up {
	text-align: right;
	margin-top: 40px;
}


/*
 * Menu
 */
#header ul.menu {
	float: right;
	height: 40px;
	margin-right: 10px;
}

#header .menu li {
	display: block;
	float: left;
	margin: 0 2px;
}

#header .menu a {
	display: block;
	padding: 4px 8px;
}

/*
 * Sidebar
 */
#sidebar {
	position: fixed; top: 200px; left: 0;
	padding: 0 10px 20px 10px;
}

/*
 * Tabs
 */
ul.tabs {
	height: 30px;
	margin: 1em 0;
}
ul.tabs li {
	margin-right: 10px;
	padding: 3px;
}

/*
 * Messages
 */
.messages {
  margin: 1.5em 0;
  padding: .5em 1em;
}

/*
 * File upoads
 */
table#attachments {
	width: 100%;
	margin: 2em 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#attachments a {
	text-decoration: none;
}
thead th {
	padding: 0 0.5em;
}
tbody td {
	padding: 0.3em 0.5em;
}



/*******************************************************************************
  ------
  Colors
  ------
*******************************************************************************/

/*
 * Dark background
 */
#wrapper { background-color: #1b2026}

/*
 * Text
 */
body, #header .menu a, ul.tabs li.active a { color: #2e2e2e}
#container #up, #sidebar { border-color: #2e2e2e}

/*
 * Light gray
 */
#content .summary, .block-region { border-color: #cccccc}

/*
 * White
 */
#content, #sidebar { background-color: white}
#container .top, #container .top a {color: white}

/*
 * Red
 */
body, #container .top, #bottom { background-color: #e05028}

/*
 * Green
 */
#container .bottom, #top, #header .menu a:hover { background-color: #a9d86a}
.messages { border-color: #a9d86a}

/*
 * Dark green
 */
#header .menu a { background-color: #658240}
.messages { color: #658240}

/*
 * Links (blue)
 */
a, #up a {color: #1f56ad }
a:visited {color: #2f10b0}



/*
 * Borders
 */
#content .summary { border-width: 4px; border-style: solid;}
#container #up { border-width: 1px 0 0 0; border-style: dotted;}
#sidebar { border-width: 4px; border-style: solid;}
.block-region { border-width: 3px; border-style: dashed;}
.messages { border-width: 1px; border-style: solid;}


/*
 * Background images
 */
#wrapper { 
	background-image: url("../images/graph.png");
	background-repeat: no-repeat;
	background-position: left top; 
}
#container .top { 
	background-image: url("../images/topfade.png");
	background-repeat: repeat-y;
	background-position: right;
}
#container .bottom { 
	background-image: url("../images/bottomfade.png");
	background-repeat: repeat-y;
	background-position: left;
}


/*
 * File upoads
 */
thead th {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
tbody td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
thead th, tbody td { border-bottom-color: #dddddd;}
tr.odd 	{	background-color: #f4f4f4;}
tr.even 	{	background-color: #ffffff;}