/*
Theme Name: Tetra KO
Theme URI: http://tetrako.com
Description: Tetra KO's official site design
Version: 1 (WP2.9.2)
Author: Earth Clean
*/

* { margin: 0; padding: 0; line-height: 1.4; }
body { font: normal 62.5% Arial, Helvetica, sans-serif; background: #030303 url(images/bg-body.jpg) center top no-repeat; height: 100%; }
h2 { font-size: 1.64em; font-family: Helvetica, Arial, sans-serif; color: #ffeb43; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 1.2em; }
h3, h4, h5, h6 { margin: 0; padding: 0 0 1.2em; color: #fe730d; font-weight: normal; font-size: 1.1em; }
p { margin: 0; padding: 0 0 1.2em; }
strong { color: #fe730d;}
ul, ol { margin: 0; padding: 0 0 1.2em 1.2em; }
a:link, a:visited { color: #eedb3f; }
a:hover, a:active { text-decoration: none; color: #fe730d; }
a:focus { outline: none; }

/* Contact Form */

.red { color: red; font-weight: bold; font-size: 1.3em; }
.wpcf7 p { margin: 0; padding: 0 0 .3em; }
.wpcf7 textarea { margin: 0 0 10px; width: 395px; }
span.wpcf7-form-control-wrap input { padding: .5em 0; width: 395px; }
form.wpcf7-form { background: #212121; width: 395px; padding: 25px; margin: 10px 0; border: 1px solid #666; }

/* sIFR */
.sIFR-flash { visibility: visible; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; color: #333333; }
.sIFR-active h2#title { padding-bottom: 0; margin-bottom: .6em; visibility: hidden; line-height: 1em; width: 450px; }
#wrapper { background: url(images/bg-wrapper.jpg) 0 210px repeat-x; }
.home #wrapper { background: url(images/bg-wrapper-home.jpg) 0 5px repeat-x; }
#container { margin: 0 auto; width: 902px; }
#mainNav { 
	list-style: none;
	padding: 0;
	margin: 0 0 0 450px;
	height: 49px;
	position: relative;
	z-index: 100;
}
#mainNav li { 
	display: block;
	float: left;	
	padding: 0;
	position: relative;
}

#mainNav a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
	height: 49px;
	background-image: url(images/bg-mainNav.gif);
}
ul#mainNav li#navHome a { width: 80px; }
ul#mainNav li#navAbout a { width: 107px; background-position: -80px 0; }
ul#mainNav li#navVideo a { width: 144px; background-position: -187px 0; }
ul#mainNav li#navContact a { width: 121px; background-position: -331px 0; }
ul#mainNav li#navHome a:hover, ul#mainNav li#navHome a:active { background-position: 0 -49px; }
ul#mainNav li#navAbout a:hover, ul#mainNav li#navAbout a:active { background-position: -80px -49px; }
ul#mainNav li#navVideo a:hover, ul#mainNav li#navVideo a:active { background-position: -187px -49px; }
ul#mainNav li#navContact a:hover, ul#mainNav li#navContact a:active { background-position: -331px -49px; }
#branding { clear: both; position: relative; height: 162px; }
#logo strong a { background: url(images/bg-logo.png) no-repeat; text-indent: -9999px; overflow: hidden; width: 402px; height: 204px; display: block; position: absolute; top: -52px; left: -51px; }
.home #logo strong { background: url(images/bg-logo.png) no-repeat; text-indent: -9999px; overflow: hidden; width: 402px; height: 204px; display: block; position: absolute; top: -52px; left: -51px; }
h1 span { background: url(images/bg-phoneNumber.gif) no-repeat; position: absolute; top: 59px; left: 769px; overflow: hidden; text-indent: -9999px; width: 132px; height: 13px; }
.home h1 span { top: 33px; }
a#facebook { display: block; position: absolute; top: 110px; left: 728px; padding: 5px 50px 0 0; font-size: 11px; background: url(images/bg-facebook.gif) right top no-repeat; height: 20px; color: #fff; }
a#facebook:hover { background-position: right -26px; color: #fc842e; text-decoration: underline; }
ul#subNav { margin: 0; padding: 0; list-style: none; float: left; width: 902px; height: 33px; border-bottom: 1px solid #000; position: relative; z-index: 2; }
ul#subNav { margin: 0; padding: 0; list-style: none; float: left; width: 902px; height: 33px; border-bottom: 1px solid #000; position: relative; z-index: 2; }
ul#subNav li { float: left; }
ul#subNav li a { background: url(images/bg-subNav.png) no-repeat; float: left; display: block; height: 33px; text-indent: -9999px; overflow: hidden; }

//ul#subNav li#navProducts a { width: 100px; }
//ul#subNav li#navTechnology a { width: 171px; background-position: -100px 0; }
//ul#subNav li#navApplications a { width: 143px; background-position: -271px 0; }
//ul#subNav li#navCommunity a { width: 133px; background-position: -414px 0; }
//ul#subNav li#navFaqs a { width: 60px; background-position: -842px 0; }
//ul#subNav li#navNews a { width: 141px; background-position: -701px 0; }
//ul#subNav li#navBuy a { width: 154px; background-position: -547px 0; }
//ul#subNav li#navProducts a:hover, ul#subNav li#navProducts a:active { background-position: 0 -36px; }
//ul#subNav li#navTechnology a:hover, ul#subNav li#navTechnology a:active { background-position: -100px -36px; }
//ul#subNav li#navApplications a:hover, ul#subNav li#navApplications a:active { background-position: -271px -36px; }
//ul#subNav li#navCommunity a:hover, ul#subNav li#navCommunity a:active { background-position: -414px -36px; }
//ul#subNav li#navFaqs a:hover, ul#subNav li#navFaqs a:active { background-position: -842px -36px; }
//ul#subNav li#navNews a:hover, ul#subNav li#navNews a:active { background-position: -701px -36px; }
//ul#subNav li#navBuy a:hover, ul#subNav li#navBuy a:active { background-position: -547px -36px; }

ul#subNav li#navProducts a { width: 110px; }
ul#subNav li#navTechnology a { width: 150px; background-position: -110px 0; }
ul#subNav li#navApplications a { width: 140px; background-position: -260px 0; }
ul#subNav li#navCommunity a { width: 120px; background-position: -400px 0; }
ul#subNav li#navBuy a { width: 130px; background-position: -520px 0; }
ul#subNav li#navNews a { width: 130px; background-position: -650px 0; }
ul#subNav li#navStore a { width: 75px; background-position: -775px 0; }
ul#subNav li#navFaqs a { width: 47px; background-position: -855px 0; }
ul#subNav li#navProducts a:hover, ul#subNav li#navProducts a:active { background-position: 0 -36px; }
ul#subNav li#navTechnology a:hover, ul#subNav li#navTechnology a:active { background-position: -110px -36px; }
ul#subNav li#navApplications a:hover, ul#subNav li#navApplications a:active { background-position: -260px -36px; }
ul#subNav li#navCommunity a:hover, ul#subNav li#navCommunity a:active { background-position: -400px -36px; }
ul#subNav li#navBuy a:hover, ul#subNav li#navBuy a:active { background-position: -520px -36px; }
ul#subNav li#navNews a:hover, ul#subNav li#navNews a:active { background-position: -650px -36px; }
ul#subNav li#navStore a:hover, ul#subNav li#navnavStore a:active { background-position: -775px -36px; }
ul#subNav li#navFaqs a:hover, ul#subNav li#navFaqs a:active { background-position: -855px -36px; }

#subBanner { float: left; width: 902px; background: #050505; height: 257px; position: relative; z-index: 1; }
#fadeImage { float: left; margin: 0; padding: 0; list-style: none; width: 575px; height: 257px; position: relative; }
#fadeImage li { position: absolute; top: 0; left: 0; }
#videoContainer { float: right; padding: 0 14px 0 10; }
#videoContainer h3 { font-size: 16px; margin: 14px 0 0; }
h2#tagline { background: url(images/bg-header.jpg) no-repeat; margin: 0; padding: 0; border-bottom: 17px solid #040404; height: 183px; width: 902px; position: relative; clear: both; }
.home h2#tagline { background: url(images/bg-header-home.jpg) no-repeat; height: 277px; }
h2#tagline span { position: absolute; bottom: 13px; left: 35px; background: url(images/tagline.gif) no-repeat; height: 20px; width: 475px; text-indent: -9999px; overflow: hidden; }
#containerContent { margin: 25px 0 0; background: #0d0d0d url(images/containerContent.jpg) repeat-x; border: 1px solid #3f3f3f; color: #d7d7d7; font-size: 1.27em; }
.home #containerContent { margin: 0; float: left; width: 902px; background: none; border: 0; clear: both; }
.home #mainColumn { float: left; width: 550px; }
#content { padding: 25px 0 25px 34px; width: 830px; }
.home #content { padding: 10px 30px 10px 32px; line-height: 2.72em; background: #0d0d0d url(images/containerContent.jpg) repeat-x; float: left; width: 486px; border: 1px solid #3f3f3f; }
#content p { line-height: 1.73em; }
.home #content p { line-height: 2.0em; }
#sideColumn { float: right; width: 344px; }
.home #sideColumn { float: right; border: 1px solid #3f3f3f; background: #0d0d0d; width: 272px; padding: 24px 29px 0 30px; }
.newsTitle { font-size: 18px; text-transform: uppercase; color: #ffeb43; margin: 0; padding: 0; }
.news { color: #fff; font-size: 11px; }
.news ul { margin: 0; padding: 24px 0 0; list-style: none; }
.news li { padding: 0 0 25px 25px; background: url(https://tetrako.com/wp-content/themes/tetrako/images/bg-news-arrow.gif) 0 5px no-repeat;}



#searchForm { float: right; padding: 0 0 30px 65px; width: 293px; }
.home #searchForm { float: none; padding: 0; width: auto; position: absolute; top: 60px; left: 708px; }
#searchForm img { border: 1px solid #3f3f3f; display: block; clear: both; }
form.search { padding: 0 0 36px; float: right; }
.home form.search { padding: 6px 0 0 0; float: none; }
form input.searchField { background: #1d1d1d; color: #cfcfcf; border: 1px solid #3f3f3f; padding: 7px 10px 7px; width: 120px; height: 14px; vertical-align: top; }
h3 a:link, h3 a:visited { color: #fff; text-decoration: underline; }
h3 a:hover, h3 a:active { text-decoration: none; }
#footer { margin: 0 auto; padding: 50px 0 25px; width: 902px; color: #8c8c8c; clear: both; }
.home #footer { padding: 30px 0 0; }
#footer a:link, #footer a:visited { color: #8c8c8c; }
#footer a:hover, #footer a:active { text-decoration: none; }
ul#lowerNav { margin: 0; padding: 0 0 45px; list-style: none; float: left; }
ul#lowerNav li { float: left; padding:  0 26px 0 19px; background: url(images/bg-lowerNav.gif) right center no-repeat; }
ul#lowerNav li#earthClean { padding-left: 0; }
ul#lowerNav li#lowerContact { padding-right: 0; background: none; }
ul#lowerNav li a { }
p#siteInfo { clear: both; }
img#earthClean { float: right; margin: -45px 0 0; }
img#video { border: 1px solid #3f3f3f; }
.videoPlayer { margin: 0 0 15px; }
.hidden { display: none; }
.clear { clear: both; }
#copyright { font-size: 1.18em; }
#moreInfo { border: 1px solid #2f2f2f; margin: 5px 0 0; background: #3a3a3a; width: 293px; clear: both; }
#moreInfo ul { list-style: none; margin: 0; padding: 25px 20px 25px; }
#moreInfo ul li { display: inline; }
#moreInfo ul li a.pdf { display: block; padding: .5em 0 .5em 35px;  background: url(images/bg-pdf.gif) left center no-repeat; }
#moreInfo ul li word { display: block; padding: .5em 0 .5em 35px;  background: url(images/bg-word.gif) left center no-repeat; }
#moreInfo ul li.video { display: block; padding: .5em 0 .5em 35px;  background: url(images/video-icon-reverse.png) left center no-repeat; }
img#infoPic { display: block; margin: 0; border: 0; border-bottom: 1px solid #3f3f3f; }
/* Hier Navs */   
#mainNav li, #subNav li {
	float: left;
	display: block;
}
#mainNav li:hover, #mainNav li.hover, #subNav li:hover, #subNav li.hover {
	position: relative;
}
#mainNav li ul, #subNav li ul {
	border-top: 3px solid #f16608;
	display: none;
	position: absolute;
	list-style: none;
	top: 100%;
	left: 0;
	height: auto;
	margin: 0;
	padding: 10px 0;
	background: #181818;
	float: none;
	font-size: 1.1em;
	width: 200px;
	z-index: 100;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;	
}
#mainNav li ul li, #subNav li ul li {
	float: none;
}
#mainNav li:hover ul, #mainNav li.hover ul, #subNav li:hover ul, #subNav li.hover ul {
  	display: block;
  	zoom: 1;
}
#mainNav ul li a, .home #mainNav ul li a, #subNav ul li a, .home #subNav ul li a {
	float: none;
	height: auto;
	width: auto;
	text-indent: 0;
	position: static;
	margin: 0;
	padding: .8em;
	background: none;
	display: block;
}
ul#mainNav li#navHome ul a { width: auto; }
ul#mainNav li#navAbout ul a { width: auto; background-position: inherit; }
ul#mainNav li#navVideo ul a { width: auto; background-position: inherit; }
ul#mainNav li#navContact ul a { width: auto; background-position: inherit; }
#mainNav li ul li a:link, #mainNav li ul li a:visited {
	text-decoration: none;
	font-size: 1em;
	color: #f8f8f8;
}
#mainNav li ul li a:hover, #mainNav li ul li a:focus, #mainNav li ul li.current_page_item a {
	background: #302f2f;
}
ul#subNav li#navProducts ul a, ul#subNav li#navTechnology ul a, ul#subNav li#navSustainability ul a, ul#subNav li#navCommunity ul a, ul#subNav li#navFaqs ul a, ul#subNav li#navNews ul a, ul#subNav li#navBuy ul a { width: auto; background-position: inherit; }
#subNav li ul li a:link, #subNav li ul li a:visited {
	text-decoration: none;
	font-size: 1em;
	color: #f8f8f8;
}
#subNav li ul li a:hover, #subNav li ul li a:focus, #subNav li ul li.current_page_item a {
	background: #302f2f;
}

/* Posts Styling */

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}
textarea#comment {
	border-top: 7px solid #000;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
	
.post {
	margin: 0 0 20px;
	text-align: justify;
	width: 450px;
	}

.post hr {
	display: block;
	}

.postmetadata {
	clear: both;
}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
	
ul.newEntries { margin: 0; padding: 10px 0 0; list-style: none; float: left; }
ul.newEntries li { float: left; list-style: none; }
ul.newEntries li a { float: left; display: block; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	width: 450px;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	margin: 0 0 10px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	width: 70px;
	}

/* Begin Comments*/
.alt {
	margin: 0 0 20px;
	padding: 10px;
	background: #292827;
	border: 1px solid #363535;
	width: 415px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */