﻿/*

Theme Name: Teknium

Theme URI: Your Theme's URI

Description: Teknium is a wordpress business theme

Version: 1.0

Author: Piys

Author URI: Your website address.

*/



html,body {

background: url(http://pixelpiys.com/teknium/wp-content/themes/Teknium/images/bg.png) repeat-y center;

margin:0;

padding:0;

}



#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.6em;

font-weight: normal;

color: #0F364C;

padding: 30px 0 0 0;

}

#page-content h2 {
padding:40px 0px 0px 0px;
}

#page-content h6 {
padding:40px 0px 0px 0px;
width:300px;
float:left;
font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1.6em;

font-weight: normal;

color: #0F364C;
}


h3{

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

font-size: 1em;

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: 0.9em;

line-height: 1.8em;

color: #525151;

padding: 6px 0 0 0;

}



ul{

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

font-size: 0.9em;

line-height: 1.8em;

color: #525151;

padding: 6px 0 0 0px;

list-style: none;

}



strong{

font-weight: bold;

}



img{

padding: 5px;

border: 1px solid #C2C3C3;

/* margin: 21px 0 0 0; */

}

#page-content p img{

margin: 0 10px 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: 15px 0 0 40px;

}



#logo a{

display: block;

margin: 0;

}



/*Menu */

ul#nav{

height: 36px;

/*width: 460px;*/

/*width: 530px;*/

font-size: 1em;

text-align: right;

padding:23px 25px 0 0;

float: right;

line-height: 1em;

}



ul#nav li{

display:inline;

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

font-weight: bold;

color: #232323;

margin-top: 0;

}



ul#nav li a span{

padding: 10px 0px 12px 14px;

}



ul#nav a{

padding: 11px 14px 12px 0;

color: #3A3939;

text-decoration: none;

display: inline;

float: left;

margin-left: 5px;

}



ul#nav li a:hover {

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

color: #FFF;

text-decoration: none;

}

			

ul#nav li a:hover span {

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

}



#home ul#nav li.current_page_item a {

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

color: #FFF;

}

			

#home ul#nav li.current_page_item a 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: 62px 0 0 40px;

width: 370px;

float: left;

}

#header-text p a{

}


#header-text span{

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

font-size: 2.2em;

font-weight: bold;

color: white;

}



#header-text p{

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

font-size: 1.15em;

font-weight: bold;

line-height: 2.2em;

color: white;

padding: 15px 0 0 0;

}



#header-text p a {
background: url(http://97.74.217.117/wp-content/themes/eknium/Teknium/images/button-.png) no-repeat 0% 0%;
display: inline-block;
height: 30px;
line-height: 32px;
padding-left: 17px;
text-decoration: none;
color: rgb(114, 115, 115);
font-size: 0.9em;
font-weight:normal;
}

p.missing{
color: #FF0000;
line-height: 1em;
padding: 0px 0px 0px 5px;
}
p.success{
color: #00FF66;
line-height: 1em;
padding: 0px 0px 0px 0px;
width:300px;
}
/* Coloured header stripe for sub pages */

#sub-header-bg{

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

height: 98px;

margin: 0 auto 0 auto;

}

#briefing-banner{
width:960px;
height:98px;
margin:0px auto 0px auto;
float:none;
background:url(images/briefing-banner.jpg) no-repeat center;
/* padding-left: 900px; */
color:#ffffff;
}

#landing-banner{
width:960px;
height:98px;
margin:0px auto 0px auto;
float:none;
background:url(images/landing-banner.jpg) no-repeat center;
/* padding-left: 900px; */
color:#ffffff;
}



#form-banner{

padding-left: 350px;

}



#topForm{

padding-top:12px;

width:325px;

}



#set1{

width: 160px;

position:relative;

float:left;

}



#set2{

width:160px;

float:right;

}



#set3{

width:20px;

float:right;

}



input#email.textBox{

padding: 1px 0px;

margin: 5px 0px;

}



input#name.textBox{

padding: 1px 0px;

margin: 5px 0px;

}
input#firstName{

padding: 1px 0px;

margin: 5px 0px;

}
input#email{

padding: 1px 0px;

margin: 5px 0px;

}
input#name{

padding: 1px 0px;

margin: 5px 0px;

}
button#send{
float:right;
margin-right:10px;
}



#partners{

height:172px;

font-size: 0.9em;

line-height: 1.8em;

color: rgb(82, 81, 81);

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

padding: 12px 0px 0px 0px;

}



/* 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: 430px;

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;

}



.box-services{

width: 266px;

padding: 0 0 0 0px;

float: left;

display: block;

}



img.box{

width: 256px;

height: 111px;

padding: 5px;

border: 1px solid #C2C3C3;

margin: 5px 0 15px 0;

}



.welcome-box{

width: 532px;

padding: 0 0 0 40px;

float: left;

display: block;

}



img.welcome-box{

width: 93px;

height: 93px;

padding: 5px;

border: 1px solid #C2C3C3;

margin: 5px 15px 15px 0;

float:left;

}



.welcome-box span{

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

font-size: 0.9em;

font-weight: bold;

color: #0F364C;

padding:5px 0 0 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; */

width: 266px;

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;

}

div#sidebar.video-page {display:none;}

/* 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: 0.9em;

line-height: 1.8em;

color: #0F364C;

padding: 6px 0 0 0;

display:block;

}



a:hover.post-title{

color: #06202F;

}



/* Containes page content for sub pages */

#page-content{

width: 572px;

padding: 0 0 0 40px;

float: left;

}

#page-content.video-page {

width: 872px;

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 p{

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

font-size: 0.85em;

line-height: 1em;

color: #646363;

padding: 16px 0 0 0;

}



blockquote {

    margin: 1em 20px;

    padding-left: 50px;

    background: transparent url(images/quote.gif) no-repeat; }

textarea{
width: 270px;
}

span#checkbox{
width:25px;
}
span.checkbox{
width:25px;
}

div.wpcf7{
width:300px;
float:left;
}
p.checks{
width:200px;
}
#checkbox span label {
display: block;
margin-left:0;
}
span.wpcf7-list-item{
margin-left:0;
}
label.required{
padding:0;
margin:0;
}
#page-content iframe
{width:250px; height:250px; margin-left: 15px; }

#iframe {
float: right; padding-top: 0px; color: #0f364c; line-height: 1.8em; position: absolute; margin: 0 0 0 300px;   width:300px;
}
iframe#map-frame {
width:562px; height:400px;
}