/*
Theme Name: VaasaEtt GETT theme
Theme URI:
Description: The default VaasaEtt GETT theme.
Version: 1.0
Author: Andreas Hamberg
Author URI: http://www.andreashamberg.com/
Tags: VaasaEtt
*/

  @import url("layout.css");

/* Style
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	width:100%;
	height:100%;
	text-align: center;   /* horizontal centering hack for IE */
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
}
	
p {
	margin: 0 0 1.5em 0;
	font-size:1.1em;
	line-height: 2em;
	letter-spacing:0.025em;
}

strong {/* color:#3f7b9e;*/}

a {
	color:#2290d3;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img
{  border-style: none;
	margin: 0 10px 10px 0;
}



ul { padding: 0 0 20px 25px;}
ol { padding: 0 0 10px 20px;}

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#223d51;
	font-weight:normal;
	font-size: 2.0em;
	margin: 1em 0 0.5em 0;
}
h1 {
	font-size: 2.0em;
}
h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}





h3 {
	font-size: 1.6em;
}

hr {
	color:#ddd!important;
	background-color:#fff!important;
	margin: 10px 0 15px 0;
	width:100%;
	height:4px;
	float:left;
	clear:both;
	display:inline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;	
}

/* header
--------------------------------------------------*/

#headContainer a:hover { text-decoration:none;}

#headerContent {
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}
	
#headerContent_kc {
	background-image:url(img/header_kc.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}
	
#headerContent_respond {
	background-image:url(img/header_respond.jpg);
	background-repeat:no-repeat;
	background-position:left;
	}

/* menu
--------------------------------------------------*/
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
	background-image:url(img/gradient_gray.jpg); background-repeat:repeat-x; background-position:bottom; overflow:hidden;
	}

#menu ul { list-style:none; background-image:url(img/gradient_gray.jpg); background-repeat:repeat-x; background-position:bottom;}

#menu ul li a {
	color:#333;
	display:block;
	padding: 8px 10px 7px 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #c4c4c4;
	border-right-color: #c4c4c4;
	border-bottom-color: #c4c4c4;
	border-left-color: #c4c4c4;
}

#menu ul li a.active {
	font-weight:bold;
	background-color:#53a1ce;
	color:#FFF;
	border-bottom-color: #333;
	background-image:url(img/gradient_blue.jpg); background-repeat:repeat-x; background-position:bottom;
}

#menu ul li a:hover { 
	text-decoration:none;
	border-bottom-color: #333;
}

.blogname { display:none;}

/* sidebar
--------------------------------------------------*/

#right .post h2, #right2 .post h2 {
	font-size:1.2em;
	text-transform:uppercase;
	margin:0;
}



/* Frontpage
--------------------------------------------------*/
#advert { margin-top: 10px;}


.services { width:220px; float:left; display:inline;}

/* community page
--------------------------------------------------*/

.notice { color:#999; font-size:0.9em;}
.error { color:#CC0000; font-size:0.9em;}
.success { color:#00CC00;}
ul.forms { list-style:none; margin:0 0 20px 0!important; padding:0!important;}
ul.forms li{ margin:0 0 10px 0!important; padding:0!important;}
ul.forms li .p{ width:120px; display:inline; float:left; text-align:left; margin:0!important; padding:0!important; line-height:1.4em;}
input { margin: 0 5px 0 0;}
.date { margin:0 0 5px 0; padding:0; color:#999999; font-size:0.9em;}

/* search page
--------------------------------------------------*/
.searchResults {
	margin: 0 0 0 0; float:left; display:inline; clear:both;
}
.navigation {
	padding: 10px 0 0 0; display:block; clear:both;	
}

small { color:#999; font-style:italic;}

#searchform { float:right; display:inline; margin: 10px 0 0 0;}

/* Datashare Centre
--------------------------------------------------*/
.column .roundedCorners { padding:0px 20px 10px 20px; border: 1px solid #CCC; background-color:#fafafa;  float:left; display:inline; /*background-image:url(img/post_gradient.jpg); background-repeat:repeat-x; background-position:top;*/
	/*CSS 3*/
	-o-box-border-radius: 10px;
	-icab-box-border-radius: 10px;
	-khtml-box-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-o-box-shadow: 1px 1px 5px #ccc;
	-icab-box-shadow: 1px 1px 5px #ccc;
	-khtml-box-shadow: 1px 1px 5px #ccc;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
}

.column { margin-bottom: 20px;}

/* Knowlage Center
--------------------------------------------------*/

.knowlageCenter ul { margin:0; padding:0px; list-style:none; clear:both; overflow:hidden;}
.knowlageCenter ul li{ list-style:none; padding: 0 0 5px 0; clear:both; float:left; width:100%; }
.knowlageCenter span.desc { width:25%; color:#999; font-style:italic; float:left; clear:right; display:inline; }
.knowlageCenter span.date { width:100%; color:#999; font-style:italic; float:left; clear:right; display:inline; /*border-bottom:1px solid #CCC; */}
.knowlageCenter span.value { float:left; display:block; width:75%;}
.knowlageCenter .meta hr { width:100%; clear:both; float:left; display:inline; height:1px; line-height:1px; margin:0; padding:0;
font-size:1px;
	color:#fafafa!important;
	background-color:#fafafa!important;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fafafa;
	border-right-color: #fafafa;
	border-bottom-color: #fafafa;
	border-left-color: #fafafa;

}

.knowlageCenter .post { margin: 10px 20px 10px 0; padding:0px 20px 10px 20px; border: 1px solid #CCC; background-color:#fafafa;  float:left; display:inline; /*background-image:url(img/post_gradient.jpg); background-repeat:repeat-x; background-position:top;*/
	/*CSS 3*/
	-o-box-border-radius: 10px;
	-icab-box-border-radius: 10px;
	-khtml-box-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-o-box-shadow: 1px 1px 5px #ccc;
	-icab-box-shadow: 1px 1px 5px #ccc;
	-khtml-box-shadow: 1px 1px 5px #ccc;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
}

.post { margin: 0 0 20px 0;}
.post p.date { color:#999; font-style:italic; }

#infoList, .box { list-style:none; color:#999; 
margin: 0px 0px 0px 0; padding:10px 10px 10px 10px; border: 1px solid #CCC; background-color:#fafafa;   /*background-image:url(img/post_gradient.jpg); background-repeat:repeat-x; background-position:top;*/
	/*CSS 3*/
	-o-box-border-radius: 10px;
	-icab-box-border-radius: 10px;
	-khtml-box-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-o-box-shadow: 1px 1px 5px #ccc;
	-icab-box-shadow: 1px 1px 5px #ccc;
	-khtml-box-shadow: 1px 1px 5px #ccc;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;

}
.box { padding-top:0px; padding-bottom:0px; margin-bottom:10px;}
#infoList li{ list-style:none; color:#999; margin:0!important; padding:0 0 5px 0!important;}
.login ul { list-style:none!important;  margin:0!important; padding:0 0 5px 0!important;}
.login ul li{ list-style:none!important;  margin:0!important; padding:0 0 5px 0!important;}

/* contact page
--------------------------------------------------*/

.staffMember {
	background-color:#fff;
	border: 1px solid #dbdbdb;
	float:left;
	display:inline;
	width:300px;
	/*font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;*/
	font-size: 1.1em;
	margin-right:10px;
	margin-top: 0px;
	min-height: 150px;
	overflow:hidden;
	color:#636363;
	cursor:pointer;
}

.noMargin { margin-right:0px!important;}

.staffMember .name { font-weight:bold;  font-size: 1.2em;}
.staffMember .title { padding: 0 0 10px 0; color:#000;}

.staffMember img {
	float:left;
	display:inline;
	margin: 0px;
/*	border: 1px solid #a9a9a9;*/
	background-color:#FFF;
	margin: 5px;
}

.staffMember p {
	margin:0; padding:0;
}

* html .description { /*height: 130px;*/}

.staffMember .description { float:right; display:inline; width:175px;
	display:inline;
	float:right; overflow:hidden;}
	

	
.row { height:165px;}

.staffMember ul {
	
	padding-left:0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right:10px;
	list-style:none;
}

.staffMember ul li {
	padding:0; margin:0;
	font-size: 1.0em;
	display:block;
	line-height: 1.3em!important;
}

.staffMember ul li h3 {
	font-size: 1.0em;
	margin:0; padding:0;
}

.thickboxContent { display:none; float:left; width:5px; height: 5px; overflow:hidden;}

#TB_window {
	font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1.3em;
	color:#636363;
	}
	
#TB_window ul li { color:#636363;}	
	
#TB_window ul li a:link {color: #3c89c8;}
#TB_window ul li a:visited {color: #3c89c8;}
#TB_window ul li a:hover {color: #76ACD8;}
#TB_window ul li a:active {color: #3c89c8;}
#TB_window ul li a:focus{color: #3c89c8;}
	
#TB_window img { margin: 10px 15px 0 0; float:left;}

#TB_window .contactInfo { float:left; width:280px; margin: 10px 0 0 0;}
#TB_window .contactInfo ul { float:left; list-style:none; margin:0; padding:0;}
#TB_window .name { font-weight:bold;  font-size: 1.2em;}
#TB_window h3 {
	font-size: 1.2em;
	margin:0; padding:0;
}
#TB_window .title { padding: 0 0 10px 0; color:#000;}


#TB_window .description { float:left; margin: 10px 0 0 0; padding:0; clear:both; width:300px;}
#TB_window .description ul { float:left; margin:0; padding:0; list-style:none;}

#TB_window .description ul li span p{ font-size:12px; line-height:17px;}

/* Datashare
--------------------------------------------------*/

.datashare { font-size:0.95em;  margin:0; padding:0;}

.datashare h2 { font-size:1.5em!important;}

.datashare p { margin:0 0 5px 0; padding:0;}

 a.archiveLink { font-size:1.2em;}
 
 /* Bread Crumbs
--------------------------------------------------*/
#breadcrumbs { color:#999;}
#breadcrumbs a{ color:#999;}
#breadcrumbs a:hover{  text-decoration:underline;}

/* footer
--------------------------------------------------*/
#footer {
	color:#999;
	padding: 10px 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
}
#footer ul { margin:0; padding:0;}
#footer ul li { display:inline; margin:0 5px 0 5px; padding:0;}
#footer ul li a.active { text-decoration:underline;}