/*
Theme Name: TekNium
Theme URI: http://www.pixelpiys.com
Version: 2.1.2
Author: PixelPiys
Author URI: http://www.pixelpiys.com
*/

/* -------------------------------------------------------------------------------------------------- */
/* DO NOT EDIT This File. Copy and paste anything you want to edit in this file into style-custom.css */
/* and edit it from there, it will override the CSS in this file. */
/* -------------------------------------------------------------------------------------------------- */

html, body {
font-family: verdana, geneva, sans-serif;
height: 100%;
text-align: left;
}

body { font-size: 62.5%; }

/* ------------------------------------------------- */
/* General Formatting For Typography, Images etc. */
/* ------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
color: #123455;
font-weight: normal;
line-height: 1.4;
margin: 25px 0 7px;
}

h1 { font-size: 2.1em; }
h2 { font-size: 2em; }
h3 { font-size: 1.9em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }

p {
color: #525151;
font-size: 1.2em;
line-height: 1.8;
padding: 5px 0;
}

a {
color: #123455;
font-size: 1.2em;
}

a:hover { color: #000; }

.underline { text-decoration: underline; }

ol, ul {
color: #525151;
font-size: 12px;
line-height: 1.8;
margin: 5px 0;
}

ul { list-style: disc inside; }

ol { list-style: decimal inside; }

li li { margin-left: 13px; }

.number { list-style: decimal inside; }
.letter { list-style: lower-alpha inside; }
.roman { list-style: upper-roman inside; }
.square { list-style: square inside; }
.bullet { list-style: disc inside; }
.circle { list-style: circle inside; }

img, a img {
border: 1px solid #C2C3C3;
margin: 20px 0 15px;
padding: 5px;
}

.no-border {
border: none;
margin: 0;
padding: 0;
}

.aligncenter {
display: block;
margin: 20px auto 15px;
}

.alignleft {
display: inline;
float: left;
margin: 4px 15px 0 0;
}

.alignright {
display: inline;
float: right;
margin: 4px 0 0 15px;
}

.thumb { margin: 5px 0; }

table, td, th { border: 1px solid #D6D6D6; }

table {
border-collapse:collapse;
color: #525151;
font-size: 1.2em;
margin: 10px 0;
}

td, th { padding: 8px 12px; }

th {
background: #E1E1E1;
font-weight: bold;
}

tr.alt { background: #F0F0F0; }

.meta {
color: #525151;
display: block;
font-size: 1.2em;
}

p .meta { font-size: 1em; }

em { font-style: italic; }

hr {
border: 1px solid #FFF;
float: left;
width: 100%;
}

/* Fixes font size for child selectors affected by parents e.g. an anchor 'a' inside a list item 'li' */
li a, li p, p a, span a, td a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-size: 1em;
}

/* ------------------------------------------------- */
/* Structure and Appearance */
/* ------------------------------------------------- */

/* Contains all the content except the footer */ 
#outer {
background: url(images/bg.png) repeat-y center;
min-height: 100%;
}

/* Transparent shadow background used for each section */
.section { background: url(images/bg.png) repeat-y center; }

/* Container centers the content for each section */
.container {
margin: 0 auto;
width: 920px;
}

/* Header */
.header {
background-color: #FFF;
min-height: 80px;
}

#logo {
float: left;
margin: 15px 0 13px 20px;
}

/* Featured */
.featured {
background-color: #123455;
clear: both;
height: 300px;
}

.stripe-hilight-gradient {
background: url(images/stripe-hilight-gradient.png) no-repeat;
height: 300px;
}

.intro {
float: left;
margin: 55px 0 0 20px;
width: 370px;
}

.intro h1 {
color: #FFF;
font-size: 2.9em;
font-weight: bold;
line-height: 1.5;
margin: 0;
}

.intro p {
color: #FFF;
font-size: 1.5em;
font-weight: bold;
line-height: 2.15;
margin: 3px 0 0 0;
}

.intro p a { color: #F2F2F2; }
.intro p a:hover { color: #DBDBDB; }

/* Sub Stripe */
.sub-stripe {
background-color: #123455;
clear: both;
height: 50px;
}

.sub-stripe-hilight {
background: url(images/stripe-hilight-gradient.png) no-repeat;
height: 50px;
}

/* Content */
.content {
background-color: #FFF;
height: 100%;
overflow: auto;
padding-bottom: 115px; /* Footer height plus the amount of space needed between the content and footer (using margin pushes the sticky footer down too far) */
}

/* Sidebar */
#sidebar {
display: inline;
float: left;
margin: 0 20px;
width: 266px;
}

#sidebar ul, #sidebar ol { list-style: none; }

/* Footer */
.footer {
background-color: #CAC9C9;
clear:both;
height: 85px;
margin-top: -85px; /* negative value of footer height */
overflow: auto;
position: relative;
}

/* Footer Nav */
.footer-nav {
text-align: center;
margin: 17px 0 0 0;
}

.footer-nav li {
display: inline;
margin: 0 15px;
}

.footer-nav li a { color: #484747; }
.footer-nav li a:hover, .footer-nav li.current_page_item a { color: #2C2C2C; }

.copyright {
color: #646363;
font-size: 1.1em;
margin: 10px 0 0 0;
text-align: center;
}

/* ------------------------------------------------- */
/* Slideshow */
/* ------------------------------------------------- */

#slideshow {
background: url(images/slideshow-bg.png) no-repeat;
float:left;
height: 252px;
margin: 20px 0 0 50px;
padding: 8px 8px 0;
position: relative;
width: 414px;
z-index: 1;
}

#slideshow ul {
line-height: 1.2em;
list-style-type: none;
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}            

/* Slideshow slides */
.slides {
height: 225px;
margin: 0;
overflow: hidden;
width: 414px;
}

/* Slideshow navigation */
#slideshow .slides-nav {
font-size: 1em;
height: 25px;

}

#slideshow .slides-nav li {
float: left;
margin: 2px 0 0 0;
}

#slideshow .slides-nav li a {
color: #2C4E61;
display: block;
font-size: 1.2em;
font-weight: bold;
outline: none;
padding: 0px 15px 0 5px;
text-decoration: none;
}

#slideshow .slides-nav li.on,
#slideshow .slides-nav li.on a {
color: #A4C1C3;
}

/* ------------------------------------------------- */
/* Posts */
/* ------------------------------------------------- */

.post {
float: left;
width: 100%;
}

.post-meta {
color: #525151;
display: block;
font-size: 1.1em;
padding: 3px 0 5px;
width: 100%;
}

.post-thumb { margin: 10px 0 5px; }

.post-meta a { color: #525151; }
.post-meta a:hover { color: #000; }

/* ------------------------------------------------- */
/* Comments */
/* ------------------------------------------------- */

.commentlist { margin: 15px 0 0; }

.commentlist li {
background: #F0F0F0;
margin: 0 0 15px;
padding: 10px 10px 5px;
}

.comment-author-avatar img {
border: none;
float: left;
margin: 0 10px 5px 0;
padding: 0;
}

.children { margin: 0; }

.children li {
background: #E5E5E5;
margin: 10px 0 5px;
}

li .children { font-size: 1em; }

.children li .children li { background: #D5D5D5; }

.reply {
font-size: 0.9em;
text-align: right;
}

/* ------------------------------------------------- */
/* Columns */
/* ------------------------------------------------- */

.col {
display: inline-block;
float: left;
margin: 0 20px;
}

.full { width: 880px; }
.four-fifths { width: 696px; }
.three-fourths { width: 650px; }
.two-thirds { width: 574px; }
.three-fifths { width: 512px; }
.one-half { width: 420px; }
.two-fifths { width: 328px; }
.one-third { width: 266px; }
.one-fourth { width: 190px; }
.one-fifth { width: 144px; }

/* ------------------------------------------------- */
/* Widgets */
/* ------------------------------------------------- */

.widget label { font-size: 1.2em; }

.widget input[type="text"] {
display: inline-block;
width: 185px;
}

.widget input[type="submit"] {
cursor: pointer;
display: inline-block;
padding: 2px 8px;
font-size: 1.2em;
font-family: arial, helvetica, sans-serif;
}

.latest-posts {
list-style-position: outside;
overflow: auto;
}

.latest-posts li {
font-size: 1em;
margin: 5px 0;
overflow: auto;
}

.latest-posts li span {
font-size: 0.9em; 
line-height: 1.1;
}

/* Calendar Widget */
#wp-calendar td, th {
border-right: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
padding: 6px 10px;
}

#wp-calendar caption { padding: 0 0 5px 0; }

/* ------------------------------------------------- */
/* Contact */
/* ------------------------------------------------- */

.contact-check {
left: -9999px;
position: absolute;
}

.contact-error { color: #F23030; }

.contact-loading {
display: none;
float: right;
margin: 7px 10px;
}

/* ------------------------------------------------- */
/* Misc */
/* ------------------------------------------------- */

/* Button */
.button {
background: url(images/button.png) no-repeat right 0; 
color: #525151;
cursor: pointer;
font-size: 1.2em;
float: right;
padding: 0 15px 0 0;
text-align: center;
}

.button span {
background: url(images/button.png) no-repeat left 0;
display: block;
height: 24px;
padding: 6px 0 0 15px;
}

.button:hover { 
background: url(images/button.png) no-repeat right -35px;
color: #454545; 
}

.button:hover span { background: url(images/button.png) no-repeat left -35px; }

/* Messages */
.message {
color: #525151;
display: block;
font-size: 1.2em;
margin: 0 0 10px;
padding: 10px;
}

.error {
background: #F6BDBD;
border: 1px solid #E77777;
}

.success {
background: #CAF7C1;
border: 1px solid #83D98D;
}

.info {
background: #E5F5FF;
border: 1px solid #BBDDEE;
}

.warning {
background: #F9F5AD;
border: 1px solid #EEE324;
}

/* Forms */
.form { list-style: none; }

.form li {
float: left;
margin: 5px 0;
}

label {
color: #525151;
display: block;
font-size: 0.9em;
}

input[type="text"] {
border: 1px solid #AAA;
color: #525151;
font-family: verdana, geneva, sans-serif;
font-size: 1.1em;
padding: 3px;
width: 287px;

/* Rounded corners */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

textarea {
border: 1px solid #AAA;
color: #525151;
font-family: verdana, geneva, sans-serif;
font-size: 1.1em;
height: 150px;
line-height: 1.8;
margin: 2px 0 0;
padding: 4px;
width: 563px;

/* Rounded corners */
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Input Button */
button {
background: url(images/button.png) no-repeat right 0; 
border: none;
color: #525151;
cursor: pointer;
font-family: verdana, geneva, sans-serif;
font-size: 1.2em;
float: right;
padding: 0 15px 0 0;
text-align: center;
position: relative;
}

button span {
background: url(images/button.png) no-repeat left 0;
float: right;
padding: 6px 1px 7px 15px;
position: relative;
line-height: 1.5;
}

button:hover { 
background: url(images/button.png) no-repeat right -35px;
color: #454545; 
}

button:hover span { background: url(images/button.png) no-repeat left -35px; }

/* Fix for Firefox padding issue on buttons */
button::-moz-focus-inner {
border: none;
padding: 0;
}

.navigation {
float: left;
margin: 20px 0 0;
width: 100%;
}

.news-post {
float: left;
margin: 5px 0 0;
width: 100%;
}

.news-meta {
color: #525151;
display: block;
font-size: 1.2em;
margin: 5px 0 0;
}

.right { float: right; }