@charset "utf-8";

/*
Theme Name: Frank Communications

Theme URI: http://testbed.frankcommunications.fi

Description: Website for Frank Communications, Helsinki, Finland

Author: Kaisa Hernberg, Pekka Jussila

*/



/* TEKSTITYYLIT
--------------------------------------------- */ 

body {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	color: #636363;
	line-height: 18px;
	text-align: left;
	background-color:#808080;
	}

h1 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-style: italic;
	font-size: 24px;
	color: #636363;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
 
h2 {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 16px;
	color: #0aa1d6;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
}

h4 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	color: #636363;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	background-color:#808080;
	}


a {
	color: #0aa1d6;
	text-decoration: none;
}

a img {
	border: none;
}

.redtext {
	color: #da251c;
}

.bluetext {
	color: #0aa1d6;
}

.subheading {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 16px;
	color: #0aa1d6;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
}





/* NAVIGAATIOELEMENTIT
--------------------------------------------- */

/* Päänavigaation asetukset SpryMenuBarHorizontal.css -dokumentissa */

/* Sivunavigaation kehyselementti */
.navside_container {
	float: right;
	width: 185px;
	padding: 0 20px 0 0;
	margin: 0 0 0 20px;
	border-bottom: 1px solid #cacaca;
}

/* Sivunavigaatio, taso 1 */
ul#navside {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#navside li a {
	display: block;
	height: 12px;
	width: 181px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	color: #323232;
	text-decoration: none;
	padding: 4px 4px 4px 20px;
	border-bottom: 1px solid #cacaca;
	background-color: #ffffff;
}
ul#navside .current_page_parent a{
	font-weight:bold;
}
#navside li a{
	overflow:hiden;
	height:100%;
	text-transform: uppercase;
}
#navside li a:hover, #navside li a:active, #navside li a:focus,#navside li.current_page_item a {
	display: block;

	width: 181px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0aa1d6;
	text-decoration: none;
	padding: 4px 4px 4px 20px;
	border-bottom: 1px solid #cacaca;
	background-color: #ffffff;
}
#navside li li a:focus, #navside li.current_page_item li a{
	font-weight:normal; 
}
/* Sivunavigaatio, taso 2 */
ul#navside li ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 4px 10px 10px;
}
ul#navside .children li{
	height: 100%;
    list-style: none outside none;
    margin: 0;
    overflow: hidden; 
}
ul#navside .children li a {
	display: block;
	height:100%;
	overflow: hidden;
	width: 161px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	color: #323232;
	text-decoration: none;
	padding: 4px 4px 4px 20px;
	background-color: #ffffff;
	border: none;
	font-weight:normal;
	/*text-transform: none;*/
}
ul#navside ul.children li.current_page_item a{
	color: #0AA1D6;
	font-weight:bold;
}
ul#navside .children li a:hover, #navsidesub li a:active, #navsidesub li a:focus {
	display: block;
	width: 161px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0aa1d6;
	text-decoration: none;
	padding: 4px 4px 4px 20px;
	background-color: #ffffff;
	border: none;
}
 
/* LAYOUT-ELEMENTIT
--------------------------------------------- */

/* KOKO SIVUN KEHYS */
#container {
	background-color: #ffffff;
	border: 1px solid #808081;
	border-style: solid;
	width: 980px;
	background-position: center;
	height:100%;
	overflow:hidden;
	margin: 0 auto; /*Tämä keskittää leiskan*/
}

/*YLÄPALKKI*/
#header {
	background-color: #ccc;
	width: 980px;
	height: 260px;
	height:100%;
	min-height:-286px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: 0 0;
}

/* Logon paikka */
.logospace {
	float: left;
	background-color: transparent;
	width: 710px;
	padding: 70px 0 0 20px;
}

/* Sanakirjamääritelmän paikka */
.thesaurus {
	float: left;
	background-color: transparent;
	width: 410px;
	padding: 20px 0 15px 20px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	color: #505050;
	line-height: 12px;
}


/* VASEN NAVIGAATIOPALKKI */
/*Vasemman navigaatiopalkin kehyselementti */
.sidebar_left {
	float: left;
	background-color: #ffffff;
	width: 225px;
	padding: 0 0 20px 0px;
	margin: 30px 0 0 0;
	text-align: left;
	vertical-align: top;
}

/* PÄÄSISÄLTÖOSA */
/* Pääsisältö */
.content {
	float: left;
	background-color: #ffffff;
	width: 470px;
	padding: 0 0 20px 20px;
	margin: 30px 0 0 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	color: #636363;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
}
.content_face_container .content{
	padding:0 0 0 0;
	margin:0;
}
/* Äläykset */
.content_pullquote {
	float: right;
	width: 225px;
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	text-align: left;
}

/* Faktalaatikot */
.content_factbox_container {
	float: right;
	width: 205px;
	margin: 10px 20px 10px 20px;
	border: 1px solid #cacaca;
}

.content_factbox_header {
	float: left;
	width: 185px;
	padding: 4px 10px 4px 10px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #323232;
	text-align: left;
	border-bottom: 1px solid #323232;
}

.content_factbox_body {
	float: left;
	width: 185px;
	padding: 10px;
	vertical-align: middle;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	color: #323232;
	text-align: left;
	line-height: 14px;
}

.content_factbox_body ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding:0;
}

.content_factbox_body li {
	display: block;
	width: 185px;
	padding: 5px 0 11px 0;
	background-color: #ffffff;
	border: none;
}

/* Henkilöesittelyt */
/* Tiimiosaston etusivun kuvanostot */
.content_face_container {
	float: left;
	background-color: #ffffff;
	width: 470px;
	height: 550px;
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	color: #636363;
	line-height: 14px;
	text-align: left;
	vertical-align: top;
	overflow: auto;
	height: 100%;
	overflow:hidden;
}

.content_face {
	float:left;
	width: 102px;
}

.content_face_divider {
	float: left;
	height: 175px;
	width: 20px;
}

/* Yhteystiedot ja sanakirjamääritelmä */
.content_contactinfo {
	float: left;
	width: 450px;
	padding: 8px 0 8px 0;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #636363;
	border-bottom: 1px solid #cacaca;
}	

/* Erotin */
.content_divider {
	float: left;
	width: 450px;
	padding: 20px 0 0 0;
}

/* OIKEAN LAIDAN NOSTOT */
/* Oikean laidan nostojen kehyselementti */
.sidebar_right {
	float: right;
	width: 225px;
	padding: 0 20px 0 0;
	margin: 30px 0 0 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	color: #636363;
	line-height: 18px;
	text-align: left;
	overflow: hidden;
}
.blogroll{
	width:185px;
	padding:0 40px 0 20px;
}
.blogroll .blog_list li{
	list-style:none;
	font-size:11px;
}
.blog_list{
	height:100%;
	overflow:hidden;
	padding:0;
}
.blogroll .blog_list li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/* Oikean laidan noston ylätunniste */
.pullquote_header {
	margin: 20px 0 0 0;
	padding: 0 0 8px 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #323232;
	text-align: left;
	border-bottom: 1px solid #323232;
	overflow: hidden;
	height: 100%;
	clear: both;
}

/* Oikean laidan noston sisältöosa */
.pullquote_body {
	float: left;
	width: 185px;
	margin: 0 0 50px 0;
	vertical-align: middle;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 12px;
	color: #323232;
	text-align: left;
	line-height: 16px;
	border-bottom: 2px solid #323232;
	padding:0 0 20px;
	
}

/* Oikean laidan noston sisältöosan otsikko */
.pullquote_body h3 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 24px;
	color: #323232;
}

/* Listamääritykset */
.pullquote_body ul {
	float: left;
	margin: 0;
	padding:10px 0 0;
}

.pullquote_body li {
	padding: 0 0 14px 0;
	background-color: #ffffff;
	border: none;
}

/* ETUSIVU */
/* Etusivun sisältöosa */
#frontpage_container {
	float: left;
	background-color: #ffffff;
	height: 100%;
	overflow:hidden;
	width: 900px;
	padding: 50px 40px 0 40px;
}

.frontpage_header {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 40px;
	color: #0aa1d6;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #cacaca;
	line-height: 110%;
}

.frontpage_content {
	width: 920px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 24px;
	color: #505050;
	padding: 0;
}

/* Etusivun nostot */
/* Etusicun nostojen kehyselementti */
.frontpage_pullquote_container {
	float: left;
	width: 185px;
	height: 197px;
	padding: 20px 0 0 0;
}

/* Etusivun nostojen jakoviiva */
.frontpage_pullquote_divider {
	float: left;
	width: 1px;
	height: 150px;
	background-color: #cacaca;
	margin: 47px 26px 0;
}
/* Etus. nostojen ylätunniste */
.frontpage_pullquote_header {
	float: left;
	width: 185px;
	height: 20px;
	margin: 0 0 7px 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #323232;
	text-align: left;
	border-bottom: 1px solid #323232;
}

/* Etus. nostojen sisältöosa */
.frontpage_pullquote_body {
	float: left;
	width: 185px;
	height: 150px;
	vertical-align: middle;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
	color: #323232;
	text-align: left;
	line-height: 16px;
}

/* Listamääritykset */
.frontpage_pullquote_body ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding:0;
	position:relative;
	z-index:100;
}
.frontpage_pullquote_divider .second ul{
	margin-left:30px;
}
.frontpage_pullquote_body li {
	display: block;
	width: 185px;
	padding: 5px 0 11px 0;
	background-color: #ffffff;
	border: none;
}

/* PÄÄNAVIGAATIOPALKKI */
/* Päänavigaation kehyselementti */
.navblock_main {
    text-align: center;
    width: 980px;
    clear:both;
}

/* KIELI- JA TWITTERNAVIGAATIOPALKKI */
/* Kieli- ja twitternavigaation kehyselementti */
.navblock_lang {
	float: right;
	width: 245px;
}

/* Twitter- ym. navigaatiopalkki */
.navblock_tweet {
	float: left;
	width: 225px;
	margin: 0 20px 10px 0;
	height: 40px;
	background-color: #454545;
}

/* kielinavigaatio */
.nav_lang {
	float: left;
	width: 225px;
	margin: 0 20px 0 0;
	background-color: transparent;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10px;
	color: #a4a4a4;
}

/* kielinavigaation linkkiasetukset */
.nav_lang a {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10px;
	color: #0aa1d6;
	text-decoration: none;
}
.nav_lang a.active{
	color:#999;
}
.nav_lang a:active {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10px;
	color: #a4a4a4;
	text-decoration: none;
}

/* ALAPALKKI */
/* alapalkin kehys */
#footer {
	float: left;
	width: 960px;
	height: 80px;
	margin: 40px 0 0;
	padding: 0 10px;
	position:relative;
}

/* alapalkin värillinen osa, tämän sisälle tulevat sisältöelementit */
.footer_innerframe {
	float: left;
	width: 940px;
	height: 40px;
	padding: 20px 10px ;
	background-color: #454545;
}
.footer_innerframe form{
	height:100%;
	position:relative;
}
.footer_innerframe form p{
	margin:0 0 5px;
	padding:0;
	height: 35px;
    overflow: hidden;
}
/* alapalkin sisältöelementti, näitä laitetaan tarpeen mukaan peräkkäin */
.footer_content {
	float: left;
	width: 165px;
	height: 40px;
	padding: 0 20px 0 20px;
	vertical-align: middle;
	background-color: transparent;
	border-right: 1px solid #666;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
}

/* alapalkin linkkiasetukset */
.footer_content a {
	color: #4fcefa;
	text-decoration: none;
}
ul.MenuBarHorizontal li {
    cursor: pointer;
    float: left;
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto;
	border-bottom:solid 1px #cacaca;
	overflow:hidden;
}
ul.MenuBarHorizontal li a{
    cursor: pointer;
    font-size: 11px;
    list-style-type: none;
    text-align: left;
	font-family: "Arial",Verdana,sans-serif;
    font-weight: bold;
	color:#323232;
	padding: 4px 17px;
	background:#F5F5F5;
	text-transform:uppercase;
	float:left;
}
 div.navblock_main ul li.current_page_item a {
 	color:#0AA1D6;
}
ul.MenuBarHorizontal li a:hover{
	color:#0AA1D6;	
}
.navblock_main ul{
	margin: 0 auto;
	width:970px;
	padding: 0 16px;
}
.en .navblock_main ul{
	padding: 0 18px;
}
ul.MenuBarHorizontal li.current_page_item a,ul.MenuBarHorizontal li.current_page_parent a,ul.MenuBarHorizontal li.current_page_ancestor a{
	background:#fff;
	border:solid 1px #cacaca;
	position:relative;
	padding: 6px 17px 3px;
	z-index:200;
	border-bottom:solid 1px #fff;
}	
ul.MenuBarHorizontal li.current_page_item,ul.MenuBarHorizontal li.current_page_parent,ul.MenuBarHorizontal li.current_page_ancestor{
	margin:-3px 0 0;	
	border-bottom:solid 1px #fff;	
}
ul.MenuBarHorizontal li.current_page_item{
	border-bottom:solid 1px #fff;
}
.grey{
	background:#fff url(images/tile_grei.gif) 740px 0 repeat-y;
	height: 100%;
    overflow: hidden;
    padding: 0 0 20px;
}
.blog_list li{
	clear: both;
    display: block;
    padding:0 0 5px;
}
.blog_list  p a.read_more{
	font-family:Arial, Verdana, sans serif;
	font-size:0.9em;
}
.sidebar_right ul {
	padding:0 0 20px;
	
}
]{
	list-style:none;
}
.sidebar_right ul li a{
	font-size:11px;
	font-family:Arial,Verdana,sans-serif;
	display:block;
}
.content .xoxo{
	height:100%;
	overflow:hidden;
	width:100%;
	padding:30px 0 0;
	margin: 0 0 -20px;
}
.hidden{
	display:none;
}
.content .xoxo li{
	list-style:none;
	float:left;
	width:50%;
	text-align:center;
	height:150px;
	overflow:hidden;
}
.content .xoxo li a img{
	display:block;
	margin:5px auto;
}
.navblock_tweet ul.xoxo{
	float:left;
	margin:7px 0 0 -10px;
}
.navblock_tweet ul.xoxo li{
	float:left;
	list-style:none;
	margin:0 8px 0 0;
	padding:0;
}
.facebooklike{
    height: 40px;
    overflow: hidden;
    border-color: #fff;
    border:none !important;
}
.tweet-this{
	float:left;
	margin:2px 5px 0 0;
}
.search_results{
	padding:20px;
	height:100%;
	overflow:hidden;
}
.screen-reader-text{
	display:none;
}
.content_face img.wp-post-image{
	opacity: 0.8;
	border:solid 1px #fff;
}
.content_face:hover img.wp-post-image{
	opacity: 1;
	border:solid 1px #0AA1D6;
	 -webkit-transition:1s ;
	 -moz-transition: 1s ;  
    -o-transition: 1s ;  
    transition: 1s ;  
}
.sidebar_right .pullquote_body ul{
	padding:10px 20px 10px 15px;
}
.sidebar_right .work_list ul{
	padding-left:0;
}
.sidebar_right .pullquote_body ul li{
    list-style:disc outside none !important;
}
input.wpcf7-validates-as-email{
	width:180px; 
}
.footer_content_long{
	width:265px;
	padding-right:10px;
}
.wpcf7-submit{
	display: block;
    float: right;
    height: 26px;
    margin: -2px 0 0 -20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 64px;
   	background:url(images/buttons.png) 0 bottom no-repeat;
    border:none;
    cursor:pointer;
}
.wpcf7-submit:hover{
	background:url(images/buttons.png) 0 0 no-repeat;
}
.wpcf7 .wpcf7-validation-errors{
	display:none !important;
}
.wpcf7 .wpcf7-mail-sent-ok{
	background: none repeat scroll 0 0 #398F14;
    border: 2px solid #398F14;
    display: block !important;
    font-size: 10pt;
    left: -13px;
    line-height: 100%;
    overflow: hidden;
    padding: 7px 10px;
    position: absolute;
    top: -24px;
    width: 248px;
}
#footer .wpcf7-not-valid-tip,.sidebar_right .wpcf7-not-valid-tip{
	background: none repeat scroll 0 0 #FF0000 !important;
    top:-6px;
    left:0;
    opacity: 0.9;
    padding:5px 4px;
    position: absolute;
    width: 177px !important;
}
#footer .wpcf7-not-valid-tip{
	overflow:hidden;
}
.sidebar_right .wpcf7-not-valid-tip{
	width: 176px !important;
	color:#fff;
	text-align:center;
}
.sidebar_right  .wpcf7-form .wpcf7-mail-sent-ok{
	background: none repeat scroll 0 0 #398F14;
    border: 2px solid #398F14;
    color: #FFFFFF;
    display: block !important;
    font-size: 12px;
    height: 12px;
    left: -13px;
    line-height: 100%;
    overflow: hidden;
    padding: 30px 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 180px;
}
	
.sidebar_right  .wpcf7-form {
	position:relative;	
}
a.ask{
	display: block ;
	width:144px;
	height:26px;
	background:url(images/buttons.png) -271px bottom no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	margin:10px 0 0 10px;
	float:left;
}
a.ask:hover{
	background:url(images/buttons.png) -271px 0 no-repeat;
}
a.askeng{
	background:url(images/buttons.png) -128px bottom no-repeat;
	width:144px;
}
a.askeng:hover{
	background:url(images/buttons.png) -128px 0 no-repeat;
}
.sidebar_right .wpcf7-submit{
	margin: 10px 0 0;
}
.wp-pagenavi{
	/* font-size: 10px;*/
}
.extend {
	/*  border: medium none !important;
    padding: 0 !important;*/
}