/*
	###############################################################################
	
	Tilipiste Oy Helsinki
	www.tilipiste.com
	
	
	Styles content styles
	
	
	Created: Piia-Maria Sinkkonen / 29.4.2008
	Last Modified: Tomi Sarpola / 31.5.2008	
	
	###############################################################################
*/

	/* styles inherited to all texts */
	body {
	   text-decoration: none;
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 11px;
	   font-weight: normal;

	}
	
	/* 1st level page header style */
	h1 { 
		font-size: 16px;
		font-weight: bold;
		color: #AD6;
		text-decoration:none;
		text-align: left; 
		margin: 0px 0px 10px 0px; /* TSa: added white space */
		letter-spacing: 1px;
	}
	
	/* 2nd level page header style */
	h2 {	
		font-size: 12px;
		font-weight: bold;
		color: #AD6;
		width: 100%;
		padding: 0 0 0 0;
		margin: 10px 0px 5px 0px;
		float:left;
	}
	h2 a {	
		color: #AD6;
	}
	
	/* used in banner text in header container*/
	h3 {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #999;
		text-transform: none;
		letter-spacing: 1.5px;
	}
				   
	/* smaller font for article info text */
	h4 {
		font-size: 9px;
		color: #999;
		text-decoration:none;
		padding:0;
		margin: 0px 0px 10px 0px; /* TSa: added white space */
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	
	/* to be used for list headers */
	h5 {
		font-size: 12px;
		font-weight: bold;
	}
	
	/* general bodytext style for pages */
	p {
		font-size: 11px;
		color: #666;
		text-align: left;
		float:left;
	}
	

	/* main text style for writing. one column paragraphs 
	   this additional class is applied to have uniform usage of tags when editing texts*/
	.single_col {
		width: 100%;
		padding: 0 0 0 0;
		margin: 0px 0px 5px 0px;
		float:left;
		/*background-color: blue; /* TSa: test*/
	}
	
	/* secondary text style for writing. Two column paragraphs, left side */
	.dual_col_left {
		width:48%;
		padding: 0 0 0 0;
		margin: 0px 0px 10px 0px;
		float:left;
		/*clear: both;  TSa: test*/
		/*background-color: yellow; /* TSa: test*/
	}

	/* secondary text style for writing. Two column paragraphs, right side */
	.dual_col_right {
		width:48%;
		padding: 0 0 0 0;
		margin: 0px 0px 10px 0px;
		float:right;
		/*background-color: red; /* TSa: test*/
	}
	
	/* optional text style for creating emphasized punchlines to bodytext or to own paragraph */
	.punchline { 
		font-size: 10px; /* punchline size */
		font-weight: normal;
		color: #3A3; /* puncline color */
		padding: 0 0 0 0;
		margin: 5px 0px 5px 0px;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		font-style: normal;
		/*background-color: orange;  TSa: test*/
	}

	/* General image */
	img {
		margin: 0px 0px 0px 0px;
		border: 0px;	
		float: left;
	}

	/* Global link definitions */ 
	a { 
		color: #3a3;
		text-decoration:none;
		text-align: left;
	}

	p a { 
		font-weight: normal;
		letter-spacing: 1px;
	}
			
	
	/* For staff pictures, used only in staff-page */
	img.staff { 
		padding-bottom: 10px;
		height: 126px;	
		width: 110px;
		float: left;
		/* clear: left; TSa: test*/
	}
	
	/* used only in staff-page */	
	p.staff_2nd {
		width:68%;
		height:126px;
		padding: 0 0 0 0;
		margin: 0px 0px 10px 0px;
		float: right;
	}
