/*
Theme Name: Ewacom theme
Theme URI: http://orangetween.com/
Description: ewacom wp theme
Author: 206115540
Author URI: http://sanzenin88.wordpress.com/
Version: 1.0
Tags: wordpress

License: none

dibuat pake wp 3.6.1, 2013 sept 12
*/

html {min-width: 100%; height: 100%;}
body {min-width: 100%; min-height: 100%; background: url('./images/bg.png'); font-family: Verdana; font-size: 12px; color: #525755; position: relative;}
img {max-width: 100%;}
a {color: inherit; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {color: #008f25; font-weight: normal;}
input[type="search"] {background-color: #e8e8e8; padding: 5px 15px; height: 16px; font-size: 11px; border-radius: 13px; border: 0; box-shadow: 2px 2px 2px 2px #d1d1d1 inset;}
.clearfix {clear: both; height: 0px; float: none;}


.super-wrapper {margin: 0 auto; width: 960px; max-width: 100%; padding: 20px 0 80px; position: relative;}
.wrapper {margin: 0; border-radius: 15px; box-shadow: 0 5px 5px rgba(0,0,0,0.3); overflow: hidden; position: relative; min-height: 500px;}
.sidebar {background: url('./images/sidebg.png'); width: 230px; position: absolute; left: 0; top: 0; bottom: 0;}
.contact-info {position: absolute; left: 20px; bottom: 20px; color: #fff;}
.contact-info h3 {color: #8dc63f; font-size: 16px;}
.main-nav {padding: 20px;}
.main-nav ul {list-style: none; color: #fff; font-size: 14px; text-align: right; padding: 0; margin: 0;}
.main-nav ul > li {border-bottom: 1px dotted #fff;}
.main-nav ul > li a {padding: 5px 0; display: block;}
.content-wrapper {margin-left: 230px; background-color: #fff; min-height: 650px;}

.banner img {display: block;}
.search-wrapper {text-align: right; padding: 10px 40px;}
.container {padding: 0 20px 20px;}
.post-image {width: auto; height: auto;}

.home-post-item {width: 50%; float: left; box-sizing: border-box; padding: 0 20px; border-right: 1px dotted #9a9a9a; text-align: justify;}
.home-post-item.no-border {border: 0;}
.readmore-link {display: block; margin: 10px 0; color: #038131; text-align: right; background: linear-gradient(to right, #fff, #fff 20%, #e0e0e0); height: 16px; padding: 5px 15px; font-size: 12px; border-radius: 13px;}

.product-item {display: inline-block; width: 160px; margin: 0 5px 10px 0;}
.product-item .title {font-size: 14px; color: #474747;}
.product-item a {font-size: 10px; color: #038131;}

.breadcrumb {font-size: 11px; color: #686c6a;}
.product-details {font-size: 11px; position: relative;}
.product-details .post-image-wrapper {float: left; margin: 0 20px 20px 0; width: 40%;}
.product-details .request-quote {float: right; margin: 0; color: #038131; text-align: right; background: linear-gradient(to right, #fff, #fff 20%, #e0e0e0); height: 16px; padding: 5px 15px; font-size: 12px; border-radius: 13px;}
.product-details .request-quote-wrapper {border: 1px solid #008f25; box-shadow: 0 0 5px #008f25; padding: 10px; border-radius: 5px; position: absolute; right: 0; background-color: #fff; line-height: 26px;}
.product-details .request-quote-wrapper input[type=text], .product-details .request-quote-wrapper input[type=email], .product-details .request-quote-wrapper textarea {border: 1px solid #008f25; padding: 5px 10px; border-radius: 5px; margin: 5px 0; display: block; width: 200px;}
.product-details .request-quote-wrapper input[type=submit] {border: 0; background-color: #008f25; padding: 5px 10px; border-radius: 5px; color: #fff; float: right; margin: 10px 0;}
.product-details .request-quote-wrapper input, .product-details .request-quote-wrapper textarea {transition: all 0.2s ease;}
.product-details .request-quote-wrapper input:focus, .product-details .request-quote-wrapper textarea:focus {box-shadow: 0 0 5px #008f25;}
.product-details .request-quote-wrapper .submit-loading {float: right; margin: 14px 10px 0 0; display: none;}

.post-item {clear: both; padding: 10px 0; border-bottom: 1px dotted #525755;}
.post-item .post-image-wrapper {float: left; margin: 0 15px 10px 0; width: 30%;}
.post-item p {margin: 0;}

.post-nav-links .next {float: right;}

.pagination {text-align: center; padding: 10px 0; clear: both;}
.pagination * {margin: 0 5px;}
.pagination a {color: #008f25;}
.pagination span {font-weight: bold; color: #5b5b5b;}

.page-footer {position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 0; font-size: 11px; color: #929292;}
.footer-wrapper {margin: 0 auto; width: 960px; max-width: 100%;}
.footer-wrapper .socmedia {float: right;}
.footer-wrapper ul {margin: 0; padding: 0; list-style: none; font-size: 0;}
.footer-wrapper ul > li {display: inline-block; margin-right: 20px; font-size: 11px;}
.footer-wrapper ul > li:after {content: '|'; position: relative; left: 10px; font-weight: bold;}
.footer-wrapper ul > li:last-child:after {content: '';}
.socmedia-icon {background: url('./images/socicons.png') no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; text-indent: -9999px;}
.socmedia-icon.fb {background-position: 0 0;}
.socmedia-icon.twit {background-position: -32px 0;}
.socmedia-icon.gplus {background-position: -64px 0;}
.socmedia-icon.sharethis {background-position: -96px 0;}
.socmedia-icon.tumblr {background-position: -128px 0;}
.page-footer a {font-weight: bold; color: #747474;}


@media only screen and (max-width: 960px) {
	.super-wrapper, .footer-wrapper {width: 90%;}
}

@media only screen and (max-width: 680px) {
	.sidebar {position: relative; width: auto; min-height: 200px;}
	.main-nav {padding: 10px 20px;}
	.main-nav ul > li {display: inline-block; border: 0; margin-left: 10px;}
	.contact-info {top: 10px; right: 20px; left: auto; bottom: auto;}
	
	.content-wrapper {margin-left: 0; min-height: none;}
}


/**
 * Tablet landscape 1024x768
 */

@media only screen and (max-width: 1024px) and (min-width: 1024px) {

}

/**
 * PC res width 801 - 1000
 */

@media only screen and (max-width: 1023px) and (min-width: 1000px) {
	
}

/**
 * Small tablet landscape 800x600
 */

@media only screen and (max-width: 999px) and (min-width: 800px) {
	
}

/**
 * Tablet portrait 768x1024
 */

@media only screen and (max-width: 799px) and (min-width: 768px) {
	
}

/**
 * Small tablet portrait 600x800
 */

@media only screen and (max-width: 767px) and (min-width: 600px) {
	
}

/**
 * Mobile landscape 480x320
 */

@media only screen and (max-width: 599px) and (min-width: 480px) {
	
}

/**
 * Mobile portrait 320x480
 */

@media only screen and (max-width: 479px) {
	
}