/*
Theme Name:ZonAGC
Theme URI:http://www.kreatifu.com/
Description:Amazon AGC Theme
Author:aaNDamar
Author URI:http://www.facebook.com/coolingpad
Version:1.3
Tags: white,gray,two-columns,right-sidebar

*/

/* Basic CSS */
@import url("http://www.google.com/fonts#UsePlace:use/Collection:Droid+Sans:400,700");
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{background:transparent;border:0;list-style:none;vertical-align:baseline;margin:0;padding:0}
body{width:100% !important;margin:0 !important;padding:0 !important;background:#ddd url(img/bg.png) repeat;color:#555;font-family:"Droid Sans", Sans-serif;font-size:90%}
a,a:visited{text-decoration:none;color:#00f}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:150%}
table{border-collapse:collapse;border-spacing:0}
a img{border:none}
.clear{clear:both}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}  
.clearfix:after{clear:both}  
.clearfix{zoom:1}

/* WordPress Required CSS */
.alignnone{margin:5px 0 20px}
.aligncenter{display:block; margin:5px auto}
div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignright{float:right}
.alignleft{float:left}
img.alignright,a img.alignright{float:right; margin:5px 0 20px 20px}
img.alignnone,a img.alignnone{margin:5px 20px 20px 0}
img.alignleft,a img.alignleft{float:left; margin:5px 20px 20px 0}
img.aligncenter,a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{max-width:96%;border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:15px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 0 5px #bbb;-webkit-box-shadow:1px 0 5px #bbb;box-shadow:1px 0 5px #bbb}
.wp-caption img{}
.entry .wp-caption img{border:none;max-width:95%;width:auto;height:auto}
.wp-caption p.wp-caption-text{padding:5px;margin:0 0 5px;background:#e2e2e2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:1.4;text-shadow:1px 0 1px #fff}
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery img{border:2px solid #cfcfcf}
.gallery-columns-2 .attachment-medium{max-width:92%;height:auto}
.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto}
.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px}
.gallery img{border:10px solid #f1f1f1}
.gallery br+br{display:none}
#content .attachment img{display:block;margin:0 auto}
.sticky{background:#e8e7e4}

/* Body Container */
.wrap{margin:0;word-wrap:break-word }
.main{background:#fff url(img/sh.gif) repeat-y 770px;border-bottom:4px solid #444}

/* Header Section */
.header{padding:5px}
.header .wrap{text-align:center}
.header h1, .header h2{font-size:240%}
.header h1 a, .header h2 a{color:#444;outline:none}
.header h1 a:focus, .header h2 a:focus{position:relative;top:1px}
.header .wrap .ads{display:block}

/* Navigation Menu */
.nav{background-img:url(img/grad.svg);border:1px solid #ddd;font-size:80%;font-weight:bold;overflow:hidden}
.nav ul li{list-style:none;float:left}
.nav ul li a{display:block;margin:0;padding:15px 10px}
.nav ul ul{display:none}
.nav li:hover >a, 
.nav a:focus,
.nav .current-menu-item >a, 
.nav .current-menu-ancestor >a, 
.nav .current_page_item >a, 
.nav .current_page_ancestor >a{background:rgba(0, 0, 0, 0.4)}
.nav a,.nav a:visited{color:#fff}
.nav form{padding:5px}
.nav input{padding:5px}

/* Breadcrumbs */
.breadcrumbs{font-size:80%;padding:5px}
.breadcrumbs, .breadcrumbs a{color:#777}

/* Content */
.content{float:left;width:770px}
.content img{height:auto;max-width:100%}
.content h1{font-size:200%;padding:10px}

/* Gallery */
.gallery{border:1px solid #ddd;margin:10px}
.gallery .title{background:#e2e2e2;font-weight:bold;text-align:center}
.gallery .title .left{width:20%}
.gallery .title .center{width:55%}
.gallery .title .right{width:25%}
.gallery .post{border-top:1px solid #ddd;display:block}
.gallery .post:nth-child(odd){background:#eee}
.gallery .post .thumb{width:20%}
.gallery .post .thumb img{height:auto;width:100%}
.gallery .post .detail{width:55%}
.gallery .post .detail ul.details li{font-weight:bold;padding:5px 0}
.gallery .post .detail ul.details li span{font-weight:normal}
.gallery .post .detail ul.details li span a{color:#444}
.gallery .post .detail .entry ul{margin:0}
.gallery .post .detail .entry ul li{background:url(img/li.gif) no-repeat left;padding:0 10px}
.gallery .post h2{}
.gallery .post h2 a{color:#444;display:block}
.gallery .post .detail .entry{padding:15px 0}
.gallery .post .price{text-align:center;width:25%}
.gallery .post .price .sprice{color:red;font-weight:bold;padding:10px 0}
.gallery .post .buy a{border-radius:5px;color:#fff;display:block;font-weight:bold;text-align:center;text-shadow:1px 0 0 #333;padding:10px}
.gallery .post .buy a:hover{text-decoration:none}
.gallery .post .offers{padding:5px 0}
.padding{padding:15px}

/* Post */
.post{padding:0 10px}
.post .entry ul, .post .entry ol{margin-left:25px}
.post .entry table{border:1px solid #ccc;width:auto}
.post .entry tr{vertical-align:top}
.post .entry tr:nth-child(odd){background:#eee}
.post .entry th{background:#ddd}
.post .entry td, .post .entry th{border-top:1px solid #ccc;padding:15px}
.post .entry p{margin:10px 0}

/* Single */
.single .entry{line-height:180%}

/* Archive */
.archive{float:left}
.archive a{color:#444}
.archive h2{font-size:80%;font-weight:bold}

/* Related Keyword */
.relatedkey{font-style:italic;overflow:hidden;padding:10px}
.relatedkey ul li{background:url(img/tag.gif) no-repeat left center;display:inline-block;float:left;padding:5px 5px 5px 20px}
.relatedkey ul li a{color:#444}

/* Related Post */
.related_posts{padding:15px}
.related_posts h3{padding:15px 0;text-align:center}
.related_posts ul{overflow:hidden;margin:0}
.related_posts li{float:left;overflow:hidden;padding:15px;text-align:center;width:25%}
.related_posts li .inner h3{font-size:80%}
.related_posts li .inner h3 a{color:#444}

/* Sidebar */
.sidebar{float:right;font-size:95%;padding:10px;width:290px}
.widget-title{color:#fff;font-size:90%;font-weight:bold;padding:10px 5px;text-transform:uppercase}
.widget{border:1px solid #ddd;margin:0 0 10px}
.widget ul li{border-top:1px solid #ddd;padding:5px}
.sidebar a{color:#666}

/* navigation */
.navi{display:block;overflow:hidden;padding:15px}
.navi a{color:#fff;display:block;padding:15px}

/* Footer */
.footer .wrap{padding:15px}
.footer, .footer a{color:#555}
.fmenu ul{overflow:hidden}
.fmenu ul li a{display:block;float:left;padding:5px 5px 5px 0}
.fmenu ul ul{display:none}

/* Search Form */
input#s{border:1px solid #ccc;padding:5px}
#searchsubmit{padding:4px 10px}

/* Shadow */
.shadow{-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);box-shadow: 0 1px 5px rgba(0,0,0,0.5)}

/* Ads */
.ads{padding:10px 0;text-align:center}
.bt{border-top:1px solid #ddd}
.bb{border-bottom:1px solid #ddd}
.ads1{margin-left:35px;margin-right:35px;text-align:left}
.ads12{margin-left:35px;margin-right:35px;padding-top:5px; padding-bottom:5px; text-align:left}
/* Responsive */
@media screen and (min-width:1060px){
.wrap{width:1060px;margin:0 auto}
.archive, .related_posts li{width:25%}
}
@media only screen and (max-width: 768px) {
.wrap{width:auto}
.main{background-img:none}
.content, .sidebar{float:none;width:auto}
.content{background-image:none}
.archive, .related_posts li{width:50%}
.gallery .title{display:none}
.gallery .post .alignleft{float:none}
.gallery .post .thumb,
.gallery .post .detail,
.gallery .post .price{width:100%}
.gallery .post .thumb{text-align:center}
}
@media screen and (max-width: 480px) {
.header{text-align:center}
.header .alignleft, .header .alignright{float:none}
.nav .alignright{float:none;text-align:center}
.nav ul li{width:50%}
.archive, .related_posts li{float:none;width:100%}
}