@charset "UTF-8";
/* CSS Document */
/* Theme name: SOCIAL Kiitos theme override */


/* ------------------------------------------*/
/* ------------ BODY STYLES -----------------*/
/* ------------------------------------------*/

body {
	color: #626262;	
	}

body > #outer_wrapper_kiitos {height: auto; min-height: 100%;} /* stickyfooter for public pages */

/* ------------------------------------------ */
/* ---------- BASIC TYPOGRAPHY -------------- */
/* ------------------------------------------ */

a {
	color:#16afd7;
	}

a:hover{
	color:#16afd7;
	}

a:active {
	color:#e48100;
	}

a:visited {
	color:#16afd7;
	}


/* ------------------------------------------*/
/* PAGE STRUCTURE ---------------------------*/
/* ------------------------------------------*/


#header_wrapper {
	background: url('../images/bodyBg.jpg') repeat-x top;
	background-color:transparent;
	height: 130px;
	}

#header_wrapper.frontpage{
	background: url('../images/header_frontpage.jpg') repeat-x top;
	background-color:transparent;
	height: 320px;
	}


#logoLink {
	height: 80px;
	width: 190px;}
	
.pagetitle {
	clear:both; 
	width: 200px;
	float:left;
	padding-top: 10px;}

	.pagetitle h1, #outer_wrapper_kiitos #left_col_header h1 {
		font-size:2em;
		font-weight:bold;
		font-family:"Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
		color:#8dc320;
		}
	

#search_field { margin-left: 100px; float:left;}

	#mainsearch_submit {
		background:transparent url('../images/search.png')}
		
	input#main_search {padding: 5px;}

#outer_wrapper {
	background:#edf7f8 url('../images/outerwrapper_bg.png') repeat-x left 51px;}

				
	#my_info a {
		color: #1bb3da;
		text-shadow: none;
		font-weight:bold;
		margin-top: 1.9em;}
 
.add_work_hours_button, #alerts { /* hide these elements from kiitos */
	display:none;} 

#footer_wrapper {
	background-color: #a2a8a9;
	border-top: 1px solid #7f7f7f;
	height: 210px;
	margin-top: -80px;
	}

	.tag_list li a:visited, a.tag-list-item:visited, .tag_list li a:hover, a.tag-list-item:hover {
		color:#222;}

/* used with public pages */
#outer_wrapper_kiitos { 
	height:100%;
	width: 100%;
	background-color:#fff;
	background-image:none;}

#container_login {width: 600px;}
#container_subpage  {
	width: 580px;
	float: left;}

.register_info  {
	padding:1em;
 	background-color:#eaeaea; 
 	margin-bottom: 1em; 
 	margin-left:1em; 
 	float:right; 
 	width: 300px;}

#container_navi  {
 	margin-top: 5em; 
 	margin-left:1em; 
 	float:right; 
 	width: 300px;}
	
	
	
#outer_wrapper_kiitos #wrapper, #outer_wrapper_kiitos #header, #footer {
	width:900px;
	overflow:hidden;
	}

#outer_wrapper_kiitos #header, #header {
	background-image:url('../images/logo.png'); 
	background-position:0 0em;
	}
	
#outer_wrapper_kiitos #wrapper {
	margin:-40px auto;
}

#outer_wrapper_kiitos.frontpage #wrapper {
	margin: 20px auto;}

#outer_wrapper_kiitos #header_wrapper {
	border-bottom: 0px;}

.add-status-update fieldset,
	.add-status-update .field_group {	
	clear:both;}

#outer_wrapper_kiitos .field_group {
	background-image:none;
	border:0;
	padding:0.7em 0;}

#outer_wrapper_kiitos fieldset {
	border:0;}

/*header of content area */ 
	.content_area h3, .content_area h2 { 	
		border-color: #b4d82f;
		background: #8bc220 url('../images/h3_bg.png') repeat-x 0 top;}

/*kiitos content styling with tinymce editor */ 
.page_content table td {padding-left:0; vertical-align: top;}

.page_content h2 {color: #82be1c;}

/* kiitosfrontpage */

#header_content {
float:left;
clear: both;
margin: 70px 0 0 20px;
width: 470px;
color:#344913; 
font-size: 1.2em;
line-height:1.3em;
font-family:"Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;}
	
	#header_content h1 {
		color: #6a9c1a;
		size: 1.7em;
		font-weight:bold;
		margin-bottom: 0.3em;
		}

#content_left h2, #content_center h2, #content_right h2 {
	color:#547b0f;
	font-family:"Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight: bold;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #d0e1b1;
	}
#content_left a, #content_center a, #content_right a {
	font-weight:bold;
	}

#content_left p, #content_center p, #content_rightp {
	margin: 0.8em 0 0 0;
	}
	
#content_left {
	width: 30%;
	margin-right: 3%;
	float:left;}
#content_center {
	width: 30%;
	margin-right: 3%;
	float:left;}
#content_right {
	width: 34%;
	float:left;}
	#content_right #left_col_header .actions {
		margin:0; padding:0;
		line-height:0;
		}
	#content_right #left_col_header h1 {
		display:none;
		}



/* ---------------------------------------------
---------- Main navigation ---------------------
----------------------------------------------*/

#navi {
	float: left;
	margin-left: 0px;
	margin-top: 25px; }

#navi ul {
	margin:0;
	padding: 0;
	list-style:none;}
	
#navi li {
	display:inline;
	margin:0;
	padding:0;}
	
#navi a {
	float:left;
	color: #1bb3da;
	display:block;
	margin-left:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", verdana, sans-serif;
	padding:5px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;}	
	
#navi a:hover {
	background-color:#aed66a; 
	color:#fff;}

#navi a#active_menu, #navi li.active a {
	color:#fff; 
	background-color:#aed66a;  }

#seo-navi {
	top: -10000px;
    position: absolute;
	}
	
/*#seo-navi li {
	height: 1px;
	width: 1px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#seo-navi li a {
	display: block;
	text-indent: -999em;
	background:none;
	cursor: default;
	font-size: 0.01em;
	margin: 0;
	padding: 0;
	}
	
#seo-navi li a:hover {
	background: transparent;
	}*/


/* second level navigation  */

.menu_2 {
	list-style: none;
	background-color: #fff;
	margin: 0 0 0 0;
	padding: 0;
	border-top: 2px solid #9fc75b;}

.menu_2 li, .menu_2 li.active {padding-left: 0; }

.menu_2 li a {
	font-size: 1em;
	line-height: 24px;
	height: 24px;
	font-weight: normal;
	color: #1bb3da;
	display: block;
	border-bottom: 2px solid #9fc75b;
	padding-top: 2px;
	padding-left: 5px;
	margin-top: 0;
	}
	
	.menu_2 li.active a, .menu_2 li.active a:hover {
		border-bottom: 2px solid #9fc75b;
		font-weight: bold;
		color:#fff;
		background-color:#aed66a;
		}

.menu_2 li a:hover {
		text-decoration: none;
		background-color:#e5efd3;
	}



/* third level navigation  */

.menu_3 {list-style:none;}

.menu_3 li a{padding-left: 1em; text-decoration:none; }

.menu_2 .menu_3 li a {
    font-size: 1em;
    text-transform: none;
	line-height: 15px;
	height: 15px;
	font-weight: normal;
	color: #1bb3da;
	border-bottom: 1px solid #aed66a;
	display: block;
	padding: 5px 13px;
	background-color:#fff;
}

.menu_2 .menu_3 li a:hover   {
	text-decoration: none;
	background-color:#e5efd3;
	border-bottom: 1px solid #aed66a;
	color: #1bb3da;
	font-weight:normal;	
}

.menu_2 .menu_3 li.active a {
	text-decoration: none;
	font-weight: bold;
	background-color:#c7e698;
	color: #000;
}

/* ---------------------------------------------
---------- Footer ---------------------
----------------------------------------------*/	



#footer {
	color: #fff;
	margin-top:0;
	padding-left:0;
	margin:0 auto;
	padding-top: 1.5em;
	}
	
	#footer a, #footer a:visited  {color:#fff;}


	.column1, .column2 {
		float: left; padding-right: 20px; }
	
	.column2 {
		 }
	.columnFb, columnNl {
		float:right; padding-right: 20px;}
		
		.full_widget {
				border: 1px solid #a2a8a9 !important;
				background: #a2a8a9 !important;
				margin-top: -10px !important;}
				
		.connect_top {
				background: #a2a8a9 !important;}	
				
		.connect_top a:hover,
		.connect_top a:active,
		.connect_top a:link,
		.connect_top a:visited {
				color: #fff !important;
				text-decoration: none !important;}
				
		.connections {
				min-height:50px !important;
				border-color: #a2a8a9 !important;
				margin-top: -10px !important;}
		
		
	.column3 {
		float:right;
		}