/*
Theme Name: F3a.fi theme
Theme URI: http://www.f3a.fi/
Description: F3A child theme for K2.
Author: Juho Kolehmainen 
Author URI: http://tusina.net/
Template: k2
*/
body { 
    background: #222 url('images/body_bg.gif');
}

/* Contains the main column */
.columns-two .primary {
  width: 680px;
}
.columns-two #page {
  width: 960px;
}

#page {
  padding: 0px 0 10px;
  border: none;
}

.entry-content {
	line-height: 1.8em;
}
.secondary {
	font-size: 1.3em;
	overflow: visible;
}

/** 
 * Header 
 */
#header {
    height: 55px;
    background: #222 url('images/body_bg.gif');
    overflow: visible;
}

#header div#topright {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 10px 0 0;
}
#header div#topright a {
    color: #D9DBE1;
}

#site-title { 
    width: 400px; height: 70px; 
    background: url('images/100_logo_matte.gif') no-repeat; 
    margin-left: -40px;
	padding: 0;
}

#site-title a { 
    display: block;
    width: 400px; height: 70px; 
	font-size: 0px;
	outline: none;
}

#site-description { 
	display: none;
}

/*
 * Menu
 */
.headermenu {
	position: static;
}
.headermenu > ul {
    list-style: none;
    right: 10px;
    bottom: 0px;
	height: 39px;
    position: absolute;
	overflow: hidden;
}
.headermenu > ul > li {
	height: 29px;
	margin-top: 10px;
}
.headermenu > ul > li > a {
	float: left;
	padding: 7px 0px 0px 5px;
	margin-left: 6px;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    min-width: 45px;
    height: 100%;
    outline: none;
	color: white;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
}

.headermenu li.menu-item:hover {
	margin-top: 0px;
	height: 39px;
}

.headermenu li.menu-item.current-menu-item a, .headermenu li.menu-item.current-page-ancestor a {
    background-color: #fff;
	color: #000;
    cursor: default;
}
.headermenu li.menu-item.current-menu-item .nav-menu-border, 
.headermenu li.menu-item.current-page-ancestor .nav-menu-border {
    border-color: #fff;
}

ul.menu li.menu-item-1 > a, .sidebar-item-1 .sidebar-title {
	background-color: #15bebd;
}
ul.menu li.menu-item-2 > a, .sidebar-item-2 .sidebar-title {
	background-color: #75bf00;
}
ul.menu li.menu-item-3 > a, .sidebar-item-3 .sidebar-title {
	background-color: #dd6600;
}
ul.menu li.menu-item-4 > a, .sidebar-item-4 .sidebar-title {
	background-color: #dd0000;
}
ul.menu li.menu-item-5 > a, .sidebar-item-5 .sidebar-title {
	background-color: #a600bf;
}
ul.menu li.menu-item-6 > a, .sidebar-item-6 .sidebar-title {
	background-color: #0078dd;
}
ul.menu li.menu-item-7 > a, .sidebar-item-7 .sidebar-title {
	background-color: #f3c300;
}

.menu-item-1 .nav-menu-border, .sidebar-item-1 .sidebar-border {
	border-color: #15bebd;
}
.menu-item-2 .nav-menu-border, .sidebar-item-2 .sidebar-border {
	border-color: #75bf00;
}
.menu-item-3 .nav-menu-border, .sidebar-item-3 .sidebar-border {
	border-color: #dd6600;
}
.menu-item-4 .nav-menu-border, .sidebar-item-4 .sidebar-border {
	border-color: #dd0000;
}
.menu-item-5 .nav-menu-border, .sidebar-item-5 .sidebar-border {
	border-color: #a600bf;
}
.menu-item-6 .nav-menu-border, .sidebar-item-6 .sidebar-border {
	border-color: #0078dd;
}
.menu-item-7 .nav-menu-border, .sidebar-item-7 .sidebar-border {
	border-color: #f3c300;
}

.nav-menu-border, .widgettitle .sidebar-border {
	font-size: 0px; 
	line-height: 0%; 
	width: 0px;
	border-style: solid;
	height: 100%;
	float: left;
	border-top-color: transparent!important;
}
.nav-menu-border {
    box-sizing: border-box;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	border-width: 10px;
	border-right-style: none;
	border-right: 0px;
}
.widgettitle .sidebar-item {
	overflow: hidden;
	clear: both;
}
.widgettitle .sidebar-border {
	border-width: 14px;
	border-left-style: none;
	border-left: 0px;
	border-top-color: #fff;
}
.widgettitle .sidebar-title {
	float: left;
	width: 216px;
}

.widget h4 {
	line-height: 28px;
	width: 230px;
	color: #fff;
	font-variant: small-caps;
}

#rollingarchives {
    font-size: 1.2em;
}
#rollpages {
    left: 100px;
}
#pagetrackwrap {
    left: 190px;
}
#trimmerless, #trimmermore, #trimmeruntrim, #texttrimmer {
    display: none;
}

/** Table support */
div.datasheet {
	line-height: 1.5em;
}
table.datasheet {
    width: 100%;
    padding: 0;
    margin: 0;
}
 
caption {
    padding: 0 0 5px 0;
    width: 100%;
    font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
 
th {
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 1px;
    text-align: left;
    vertical-align: top;
    padding: 6px 6px 6px 6px;
}

thead th {
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
    text-align: center;
}

thead th.nobg {
    text-align: left;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

thead th.left, tbody td.left {
    text-align: left;
}
thead th.right, tbody td.right {
    text-align: left;
}
thead th.center, tbody td.center {
    text-align: center;
}
tbody th.top, tbody td.top {
    border-top: 1px solid #C1DAD7;
}

td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 3px 6px 3px 6px;
    color: #4f6b72;
    text-align: center;
    vertical-align: top;
}
td.alt {
    background: #F5FAFA;
    color: #797268;
}
td a:visited, img {
    padding: 0px;
    margin: 0px;
}

tbody th {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff;
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
 
tbody th.alt {
    background: #f5fafa;
    color: #797268;
}
tbody th.bullet {
    text-transform: uppercase;
    background: #fff url(images/bullet1.gif) no-repeat;                                                                                                    
}
tbody th.bulletalt {
    text-transform: uppercase;
    background: #f5fafa url(images/bullet2.gif) no-repeat;
    color: #797268;
}
 
div.form_groove_outer {
    padding:0px;
    margin:0px;
    border-top:1px solid #669;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
div.form_groove_inner {
    padding:0px;
    margin:0px;
    border-left:1px solid #669;
}

/** calendar */
.ec3_list {
 color:#800;
}
.ec3_list li {
 font-size:1em !IMPORTANT;
}
.ec3_list li:before {
 content:"" !IMPORTANT;
}

.entry-content ul.ec3_left {
  list-style: none;
  padding-left: 0px;
}
.entry-content ul.ec3_left, ul.ec3_left li {
  margin: 0px;
}
ul.ec3_left img.cat {
    display: block;
    float: left;
    margin-top: 3px;
}
ul.ec3_left img.last {
    margin-right: 5px;
}
.ec3_classes {
    width: 50%;
    float: left;
}
.ec3_classes img {
	margin-right: 5px;
}

.notice {
	background: #CFEBF7 url(images/notice.gif) no-repeat 1em;
	border: 1px solid #2580B2;
	margin: 1em 5% 10px;
	padding: 0 1em 0 3em;
}

ul.linkcat {
    margin: 20px;
}

.linkcat li {
    list-style-type: circle;
    list-style-image: url(https://www.f3a.fi/wp-content/themes/k2/images/links.gif);
    line-height: 18px;
}

/*
 * Comments
 */
.comments h4, #comments-closed-msg  {
	display:none;
}

/** Google maps */
.entry-content div#map, .entry-content div#map div {
	margin: 0 0;
}
.widget #map {
	margin-top: 10px;
}
div #map div.gmapseparator {
	border-top: 1px solid #F0F0E7;
	margin: 10px 0px;
}
div.gmapinfo {
	line-height: 1.2em;
}
div.gmapinfo a, div.gmapinfo a:visited {
	text-decoration: underline;
	color:#0000CC;
	cursor: pointer;
}

/** Galleries */

.gallery.all dd {
	display: block;
	line-height: 1.3em;
}

/* [gallery] shortcode styles. */
.gallery-page {
	display: none;
}
.gallery-page.current {
	display: block;
}
.gallery-pager {
	text-align: center;	
}
.entry-content div.gallery-pager {
	margin-bottom: 0;
}
.entry-content div.gallery-page {
	margin-top: 0;
}
.entry-content div.gallery, .entry-content div.gallery-page {
	margin-top: 8px;
}
.gallery-pager a, .gallery-pager a:visited {
	color: #222;
}
.gallery-pager a.current {
	font-weight: bold;
}
.gallery-pager a.current:hover {
	cursor: default;
}
.gallery {
	padding: 0;
	clear: both;
	overflow: hidden;
}
.gallery .gallery-row {
    margin: 0;
	overflow: hidden;
	padding-bottom: 5px;
}
.gallery .gallery-item {
    text-align: center;
    list-style: none;
}
.gallery .col-1 dd.gallery-caption {
	display: block;
	margin: 4px 0 2px;
}
.gallery .gallery-item a {
	float: none;
}
.gallery .gallery-item .gallery-icon {
	margin-bottom: 0;
}
.gallery .gallery-item .gallery-icon img {
    padding: 1%;
}

/* Image sizes depending on the number of columns */
.gallery .col-1 { width: 100%; }
.gallery .col-2 { width: 50%; }
.gallery .col-3 { width: 33%; } 

.wp-caption {
	line-height: 1.3em;
}
.wp-caption p {
	text-align: center;
}

/** Translations */

.active .qtrans_flag {
	display: none;
}
