/*
Theme Name: TekNium
Theme URI: http://www.pixelpiys.com
Version: 2.1.0
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. */
/* -------------------------------------------------------------------------------------------------- */
/*
@media (max-width: 800px) {
.container {
width: 800px!important;
}
.one-half {
	width: 40%!important;
	}
.content {
width:100%!important;
}
.featured{
width:100%!important;
}
#slideshow {
	width: 350px!important;
	height: 213px!important;
	}
}
*/
html, body {
font-family: verdana, geneva, sans-serif;
height: 100%;
text-align: left;
}

body { font-size: 62.5%; background: url(images/trns.png) repeat #FFF; }

/* ------------------------------------------------- */
/* 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: 1.2em;
list-style-position: outside;
list-style-type: none;
line-height: 1.8;
margin: 5px 0;
}

.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-white.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: url(images/bg.png) repeat-y center;
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.4em;
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: url(images/bg.png) repeat-y center;
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;*/
/*background: url(images/bg-white.png) repeat-y center;*/
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-home { width: 350px !important; }

/* Footer */
.footer {
background: url(images/bg.png) repeat-y center;
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 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; }

/* Special Coloring Rules for CFC */
.white-sec-bg {
width: auto;
margin: 0 auto;
background: white;
min-height: 83px;
}

/* Products page */
.product-select-block {
background: #3D5973;
height: 35px;
margin: 0 0 25px;

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

/* Background gradients */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#324987', endColorstr='#253765'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#324987), to(#253765)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #324987,  #253765); /* for firefox 3.6+ */

/* Box shadow */
box-shadow: 1px 1px 3px #555;
-moz-box-shadow: 1px 1px 3px #555;
-webkit-box-shadow: 1px 1px 3px #555;
}

.product-select-block label { color: #fff; display: inline-block; font-size: 1.1em; margin: 9px 10px; }
.product-select-block select { position: relative; top: 1px; }
.product-select-block input[type="submit"] {
color: #525151;
font-size: 1.4em;
cursor: pointer;
float: right;
margin-right: 0;
padding: 9px 25px;

height: 35px;

/* Rounded corners */
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;

border-width: 0;

/* Background gradients */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#c4c3c3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#c4c3c3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #e2e2e2, #c4c3c3); /* for firefox 3.6+ */
}
.product-select-block input[type="submit"]:hover {
/* Background gradients */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c3c3', endColorstr='#e2e2e2'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#c4c3c3), to(#e2e2e2)); /* for webkit browsers */
background: -moz-linear-gradient(top, #c4c3c3, #e2e2e2); /* for firefox 3.6+ */
}
.product-select-block .title {
display: inline;
float: left;
font-size: 1.2em;
font-weight: bold;
color: white;
margin: 7px 10px 0 15px;
}

/* Jquery Accordion for Literature Request - NOW DEFUNCT */
#accordion p { font-size: 10px; }
#accordion .ui-accordion-content-active { max-height: 350px !important; }
#accordion input[type='checkbox'] { float: left; position: relative; top: -3px; margin-right: 7px; }
#accordion label { float: left; width: 280px; margin-bottom: 10px; }
#accordion label a { font-size: 1em; color: #525151; }
#accordion label a:hover { text-decoration: underline; }
#accordion a img {
	border: none;
	margin: 0 6px 0 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	top: -1px;
	margin-left: -42px;
}

/* Literature Request Page */
.literature-request-width { width: 460px; }
.literature-request-sidebar { width: 380px !important; margin-top: 30px !important; }
.literature-request-sidebar .product-select-block { height: 94px; margin-top: 43px; }
.literature-request-width .formBuilderForm .formBuilderLabel,
.literature-request-width .formBuilderForm .formBuilderLabelRequired {
	width: 130px !important;
}