/*

Theme Name: Teknium

Theme URI: Your Theme's URI

Description: Teknium is a wordpress business theme

Version: 1.1

Author: Piys

Author URI: Your website address.

*/



html,body {

background: url(images/bg.png) repeat-y center;

margin:0;

padding:0;

}

body {font-size: 12px;}


#outer{

width: 100%;

margin: auto;

text-align:left;

}



/* Wordpress image post alignment css */

img.centered

{

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright

{

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}



img.alignleft

{

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}



.alignright

{

float: right;

}



.alignleft

{

float: left;

}



/* These styles are used for the calendar widget */

td{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1em;

line-height: 1.8em;

color: #525151;

padding: 5px 10px 0 0;

}



th{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.9em;

line-height: 1.8em;

color: #525151;

padding: 5px 10px 0 0;

}



caption{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1em;

line-height: 1.8em;

color: #0F364C;

padding: 5px 10px 0 0;

}



/* This div is for the text widget */

div.textwidget{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.9em;

line-height: 1.8em;

color: #525151;

padding: 6px 0 0 0;

}



/* Archive navigation */

.navigation-archives{

padding: 55px 0 0 0;

}



/* Blog page navigation */

.navigation{

margin: 45px 0 0 0;

}



/* Search form margin */

form#searchform{

margin: 30px 0 0 0;

}



/* General formating for fonts and images */

h1{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 3em;

}



h2{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1.5em;

font-weight: bold;

color: #0F364C;

padding: 30px 0 0 0;

}



a{

font-family: Verdana, Verdana, Geneva, sans-serif;

color: #0F364C;

}



a:hover{

color: #06202F;

}



p{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1em;

line-height: 1.8em;

color: #525151;

padding: 6px 0 0 0;

}



ul{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.85em;

line-height: 1.8em;

color: #525151;

padding: 6px 0 0 0;

}



strong{

font-weight: bold;

}



img{

padding: 5px;

border: 1px solid #C2C3C3;

margin: 21px 0 0 0;

}



/* Removes border from logo and slider images */

img.no-border{

border: medium none;

padding: 0;

margin: 0;

}



/* Wordpress comments */

.commentlist{

padding: 20px 0 20px 0:

}



.comment{

background: #F0F0F0;

padding: 5px;

margin: 10px 0 10px 0;

}



.comment-text{

width: 556px;

margin: 0 0 0 3px;

}



cite{

color: #0F364C;

}



img.avatar{

border: medium none;

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

float: left;

}



/* Blog page images */

img.blog-page{

padding: 5px;

border: 1px solid #C2C3C3;

margin: 15px 0 10px 0;

}



/* Contains the logo and navigation in the header */

#nav-container{

width: 960px;

height: 80px;

margin: 0 auto 0 auto;

}



/* Logo */

#logo{

background: url(images/logo.png) no-repeat;

float: left;

width: 197px;

height: 48px;

margin: 7px 0 0 40px;

}



#logo a{

display: block;

margin: 0;

}



/*Menu */

ul.nav {

	padding: 5px;

	margin: 18px 20px 0 0;

	list-style: none;

	float: right;

}



ul.nav li {

	float: left;

	display: inline; /*For ignore double margin in IE6*/

	margin: 0 8px;

}



ul.nav li a {

	text-decoration: none;

	float:left;

	color: #3A3939;

	cursor: pointer;

	font: 1.3em "Verdana", Geneva, sans-serif;

	font-weight: bold;

}



ul.nav li a span {

	margin: 0 10px 0 -12px;

	padding: 10px 4px 8px 14px;

	position: relative; /*To fix IE6 problem (not displaying)*/

	float:left;

}



ul.nav li.current_page_item a, ul.nav li a:hover {

	background: url(images/menuhover.gif) no-repeat top right;

 	color: #FFFFFF;

}



ul.nav li.current_page_item a span, ul.nav li a:hover span {

	background: url(images/menuhover.gif) no-repeat top left;

}



/* Home page coloured header area */

#header-bg{

background: #0F364C url(images/header-bg.png) no-repeat center;

height: 300px;

margin: 0 auto 0 auto;

}



#header-container{

width: 960px;

height: 300px;

margin: 0 auto 0 auto;

}



#header-text{

padding: 30px 0 0 30px;

width: 370px;

float: left;

}



#header-text span{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 2.1em;

font-weight: bold;

color: white;

}



#header-text p{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1.25em;

font-weight: bold;

line-height: 2em;

color: white;

padding: 15px 0 0 0;

}



/* Coloured header stripe for sub pages */

#sub-header-bg{

background: #0F364C url(images/sub-header-bg.png) no-repeat center;

height: 49px;

margin: 0 auto 0 auto;

}



/* Content container for the home page */

#content-container{

min-height: 370px;

width: 960px;

margin: 0 auto 0 auto;

}



/* Content container for sub pages */

#sub-content-container{

min-height: 470px;

width: 960px;

margin: 0 auto 30px auto;

}



/* Homepage and services page content container */

.box{

width: 266px;

padding: 0 0 0 40px;

float: left;

display: block;

}



img.box{

width: 256px;

height: 83px;

padding: 5px;

border: 1px solid #C2C3C3;

margin: 5px 0 15px 0;

}



/* Read more button */

.button{

line-height:32px;

min-width: 70px;

height:30px;

background:url(images/button.png) no-repeat right top; 

padding-right:17px; 

display:inline-block;

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.9em;

text-decoration: none;

color: #727373;

float: right;

}



.button ins{ 

background:url(images/button.png) no-repeat left top; 

height:30px;

line-height:32px;

display:inline-block;

padding-left:17px;

text-decoration: none;

}



a.button:hover{

background-position:right -36px;

color: #5F6060;

}



a.button:hover ins {

background-position:left -36px;

}



/* Home page latest news container */

#latest-news{

width: 572px;

padding: 0 0 0 40px;

float: left;

}



#latest-news span{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.9em;

font-weight: bold;

color: #0F364C;

}



#latest-news a{

float: right;

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.9em;

color: #0F364C;

}



#latest-news a:hover{

color: #06202F;

}



.news-excerpt{

padding: 0 0 10px 0;

}



/* Sidebar */

#sidebar{

width: 266px;

padding: 0 0 0 40px;

float: left;

}



/* Latest blog posts container */

.blog-post{

padding: 0 0 5px 0;

}



/* Post info for tags, date and comments */

.post-info{

display: inline;

}



span.post-info{

font-size: 0.85em;

color: #525151;

}



.post-info a{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 0.85em;

line-height: 1.8em;

color: #484747;

padding: 6px 0 0 0;

}



.post-info a:hover{

color: #202020;

}



/* Post title link (used in the sidebar for latest posts) */

a.post-title{

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1.1em;


line-height: 1.2em;

color: #0F364C;

padding: 6px 0 0 0;

display:block;

text-decoration:none;

}



a:hover.post-title{

color: #06202F;

}



/* Containes page content for sub pages */

#page-content{

width: 572px;

padding: 0 0 0 40px;

float: left;

}



/* Clears floats */

#float-clear{

clear: both;

}



/* Footer */

#footer-bg{

background: #CAC9C9 url(images/footer-bg.png) repeat-y center;

height: 85px;

margin: 30px auto 0 auto;

}



#footer-container{

width: 960px;

margin: 0 auto 0 auto;

}



ul#footer-menu{

text-align: center;

padding: 26px 0 0 0;

line-height: 0em;

}



ul#footer-menu li{

display: inline;

font-family: Verdana, Verdana, Geneva, sans-serif;

color: #484747;

padding: 0 15px 0 15px;

}



ul#footer-menu li a{

color: #484747;

}



ul#footer-menu li a:hover{

color: #2C2C2C;

}



#home ul#footer-menu li.current_page_item a{

color: #2C2C2C;

}



#footer{

text-align: center;

padding: 5px 0 0 0;

}



#footer,#footer a:link {

font-family: Verdana, Verdana, Geneva, sans-serif;
font-size: 0.85em;
line-height: 1em;
color: #646363;
padding: 16px 0 0 0;
}



/*Conatct form css*/

.screenReader { 

left: -9999px; 

position: absolute; 

top: -9999px; 

}



.thanks { 

background: #F2F3F6; 

border: 1px solid #7E8AA2; 

padding: 10px; 

margin: 20px 0 0 0;

}



ol.forms { 

float: left; 

list-style: none; 

margin: 6px 0 0 0; 

width: 100%; 

}



ol.forms li {

	clear: both;

	float: left;

	margin-bottom: 15px;

	position: relative;

	width: 100%;

}



ol.forms label {

	cursor: pointer;

	display: block;

	width: 100px;

	font-family: Verdana, Geneva, sans-serif;

    font-size: 0.9em;

    line-height: 1.8em;

    color: #525151;

	padding: 0 0 4px 0;

}



ol.forms input, ol.forms textarea {

border: 1px solid #7E8AA2;

border-radius: 3px;

font: inherit;

-moz-border-radius: 3px;

padding: 2px;

-webkit-border-radius: 3px;

width: 300px;

margin: 2px 0 0 0;

}



ol.forms textarea { 

height: 200px; 

width: 500px; 

margin: 2px 0 0 0;

}



.error { 

color: #f00; 

}



ol.forms li .error { 

font-size: 12px; 

margin-left: 5px; 

}



ol.forms li.textarea .error {

display: block;

margin: 7px 0 0 0;

}



ol.forms li.screenReader { 

margin-bottom: 0; 

}



ol.forms li.buttons button {

font-family: Verdana, Geneva, sans-serif;

font-size: 0.9em;

line-height: 1.8em;

color: #525151;

cursor: pointer;

}



ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline { width: 460px; }

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }

.lomake {background: #efefef; padding:10px;}