/*
Stylesheet: Screen
Version: 1.0
(c)2009 Jarmo Savinen for savinen.fi

Version History:	1.0 - support basic layout, unoptimized, debug
		1.1 - cleaning up the code and labeling according to layout, debug
		1.2 - further cleaning and first frozen labels
		1.3 - debug changed to borders, column adjustments
		1.4 - colour scheme changes according to new plans
		1.5 - layout changes to header
*/

/* 
Reset (to reset CSS settings check out the following, this is not applied now!
http://meyerweb.com/eric/tools/css/reset/index.html
*/

html {
	font-size:		100%
	}

body {
	background: 	white;
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 	0.75em;
	font-weight: 	normal;
	text-align:		center;
	color: 		#003366; 
	margin: 		16px 32px 32px 32px;
      	padding: 		0.4em 0.4em 0.4em 0.6em
	}

pre, code {
	background: 	#e8e8e8;
	font-family: 	Courier New, monospace;
	font-style: 	normal;
	font-size: 	12px;
	padding-top: 	2pt;
	padding-bottom: 	2pt
	}

/* header: Chenged text-align from center to left */
#header {
	position: 		relative;
	background-color:	#ffffff;
	font-family: 	Arial;
	text-align: 	left;
	color: 		#003366;
	font-size: 	1.75em;
	font-weight: 	normal;
	margin-left: 	auto;
	margin-right:	auto;
	margin-bottom: 	0px;
	padding-top: 	6pt;
	padding-bottom: 	2pt;
	border-bottom: 	2px solid #006699
	}

/* date: Adjusting date to be immediately under header - Frozen 26.11.2009 */
/* date: Background colour cheme changed to dark blue - 19.03.2010 */
.date {	
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	text-align: 	right;
/*	background:	#003366;	*/
	color: 		#ccccee;
	font-size: 	0.90em;
	font-weight: 	normal;
	margin-top: 	-15px;
	padding-bottom:	8px
	}

/* footer: defines the bottom of the Container - Frozen 26.11.2009 */
/* footer: font colour changed slightly */
#footer {
	background-color:	#ffffff;
	color:		#ccccee;
	font-family: 	Arial;
	text-align: 	center;
	font-size: 	0.90em;
	font-weight: 	normal;
	margin-left: 	auto;
	margin-right: 	auto;
	margin-bottom: 	0px;
	position: 		relative;
	padding-top: 	6pt;
	padding-bottom: 	6pt;
	}

/* The Main page layout definitions

	container - main page definition (root)
	header
		sidebar 				- define the left sidebar area
			sidebarItem 		- container of one item entry
			sidebarItemTitle 		- title for item entry
				sidebaritemBody 	- bread text
		content				- main content area
			contentItem			- container of one content entry
			contentItemTitle		- title of content entry
			contentItemSubTitle	- subtitle of content entry
				contentItemBody	- bread text
	footer					- the copyright
*/

/* The main container, defines the width of the page */
#container	{
	width: 		800px;
	margin: 		auto;
	background: 	white;
/* Debug
	border-style:	solid;
	border-color:	black;
	border-width:	1; */
	}

/* Defines the main content area, margin-right should match with #sidebar.width value */
#content {
  	background: 	white;
  	padding-top: 	8px;
  	padding-right: 	8px;
  	padding-bottom: 	8px;
  	padding-left: 	0px;
  	margin-right: 	180px;
/* Debug 
	border-style:	solid;
	border-color:	black;
	border-width:	1; */
	}

/* Defines the content area in sidebar, width should match with #content.margin-right value */
#sidebar {
	text-align: 	center;
	background: 	white;
	float: 		right;
	width: 		180px;
	padding-left: 	8px;
	padding-top: 	8px;
	padding-right: 	0px;
	padding-bottom: 	8px;
	font-size: 		0.80em;
/* Debug 
	border-style:	solid;
	border-color:	black;
	border-width:	1; */
	}

.sidebarItem {
  	background: 	white;
  	border-bottom: 	white solid 8px;
/* Debug 
	border-style:	dotted;
	border-color:	black;
	border-width:	1; */
	}

.sidebarItemTitle {
  	text-align: 	left;
  	font-size: 	1.0em;
  	font-weight: 	bold;	/* normal; */
	font-variant:	small-caps;
  	/* background: 	#003366; */
	background:	#ccccee;
  	/* color: 		white; */
	color:		#003366;
  	padding-left: 	12px;
  	padding-top: 	8px;
  	height: 		24px;
	}

.sidebarItemBody {
  	text-align: 	justify;
  	font-size: 	1.0em;
  	font-weight: 	normal;
  	background: 	white;
  	color: 		black;
  	padding-left: 	12px;
	padding-right:	12px;
	padding-top:	4px;
	padding-bottom:	4px;
	}

.contentItem {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	padding-left: 	8px;
	padding-right: 	8px;
	padding-top: 	8px;
	padding-bottom: 	8px;
	margin-bottom: 	8px;
	background: 	white;
/* Debug 
	border-style:	dotted;
	border-color:	black;
	border-width:	1; */
}
.contentItemTitle {
	font-family: 	Arial, Verdana, Tahoma, sans-serif;
	text-align:		left;
	font-size: 		1.80em;
	font-weight: 	bold;
	font-variant:	small-caps;
	color: 		#6e7d8e;
	padding-top: 	4px;
	padding-bottom: 	4px;
	padding-right: 	4px;
	padding-left: 	30px;
	margin: 		0px;
	}

.contentItemSubTitle {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		1.0em;
	font-weight: 	bold;
	text-align:		left;
	padding-left: 	30px;
	color: 		#6e7d8e;
	margin: 		0px;
	}

.contentItemBody {
  	line-height: 	1.5;
  	padding-top: 	8px;
  	padding-bottom: 	8px;
  	padding-left: 	16px;
  	padding-right: 	16px;
  	text-align: 	justify;
 	background: 	white
}
	
.print {width: 16cm}