/*   
Theme Name: AiEi Shop
Theme URI: http://aieishop.com/
Description: AiEi theme for our shop online.
Author: Sang Dth
Author URI: http://sangdth.gatefolio.com/
Template: thematic
Version: 1.0
Tags: AiEi 
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body{font:15px Georgia,serif;line-height:22px;min-width:960px;background:#EEE;}
#siteinfo{clear:both;color:#666;font-size:11px;line-height:18px;margin:0 auto;padding:22px 0 44px;width:940px;}
input{font:15px Georgia,serif;line-height:22px;}
textarea{font:15px Georgia,serif;line-height:22px;}
p{margin-bottom:22px;}
ul{margin-bottom:22px;}
ol{margin-bottom:22px;}
dd{margin-bottom:22px;}
pre{font:14px Monaco, monospace;line-height:22px;margin-bottom:22px;}
code{font:14px Monaco, monospace;line-height:22px;}
blockquote{color:#666;font-style:italic;}
table{border:1px solid #ccc;border-width:1px 1px 0;font-size:13px;line-height:18px;margin:0 0 22px;text-align:left;}
caption{text-align:left;}
tr{border-bottom:1px solid #ccc;}
th{padding:.7em 1.25em;}
td{padding:.7em 1.25em;}
hr{background-color:#ccc;border:0;color:#ccc;height:1px;margin-bottom:22px;}

/* =Link
--------------------------------------------------------------  */
a:link{color:#004B91;}
a:visited{color:#743399;}
a:active{color:#FF4B33;}
a:hover{color:#FF4B33;}

/* =Header
--------------------------------------------------------------  */
#header{position:relative;z-index:2;}
#branding{margin:0 auto;padding:88px 0 44px;width:960px;background:#CCC;}
#blog-title{font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:40px;padding:0 10px;}
#blog-title a{color:#000;text-decoration:none;}
#blog-title a:active{color:#FF4B33;}
#blog-title a:hover{color:#FF4B33;}
#blog-description{color:#666;font-size:13px;font-style:italic;padding:0 10px;}

/* =Menu
--------------------------------------------------------------  */
.skip-link{display:none;}
#access{border-bottom:1px solid #ccc;font-size:13px;height:32px;overflow:hidden;position:relative;z-index:100;}
.menu{margin:0 auto;width:960px;}
.sf-menu{border-right:1px solid #ccc;float:left;line-height:1.0;list-style:none;margin:0;padding:0;}
.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu ul{border-bottom:1px solid #ccc;border-right:1px solid #ccc;position:absolute;top:-999em;width:10em;background:#CCC;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{background:#fafafa;border-bottom-color:#ccc;outline:0;visibility:inherit;}
.sf-menu li{background:#fff;float:left;position:relative;}
.sf-menu a{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#666;display:block;padding:9px 13px;position:relative;text-decoration:none;}
.sf-menu li:hover ul{left:0;top:32px;z-index:99;}
.sf-menu li.sfhover ul{left:0;top:32px;z-index:99;}
ul.sf-menu li:hover li ul{top:-999em;}
ul.sf-menu li.sfhover li ul{top:-999em;}
ul.sf-menu li li:hover ul{left:10em;top:0;}
ul.sf-menu li li.sfhover ul{left:10em;top:0;}
ul.sf-menu li li:hover li ul{top:-999em;}
ul.sf-menu li li.sfhover li ul{top:-999em;}
ul.sf-menu li li li:hover ul{left:10em;top:0;}
ul.sf-menu li li li.sfhover ul{left:10em;top:0;}
.sf-menu .current_page_item a{border-bottom-color:#fff;}
.sf-menu .current_page_ancestor a{border-bottom-color:#fff;}
.sf-menu .current_page_parent a{border-bottom-color:#fff;}
.sf-menu a:visited{color:#666;}
.sf-menu li li{background:#fff;}
.sf-menu li li li{background:#9AAEDB;}
.sf-menu li.sfhover{background:#fafafa;border-bottom-color:#ccc;outline:0;}
.sf-menu a:focus{background:#fafafa;border-bottom-color:#ccc;outline:0;}
.sf-menu a:hover{background:#fafafa;border-bottom-color:#ccc;outline:0;}
.sf-menu a:active{background:#fafafa;border-bottom-color:#ccc;outline:0;}
.sf-menu ul ul{margin-top:0;}
.sf-menu ul a{background:#fafafa;border-bottom:none;}
.sf-menu ul a:hover{color:#FF4B33;}

/* =Content
--------------------------------------------------------------  */
#main{clear:both;margin:0 auto;overflow:hidden;padding:40px 0 22px;position:relative;width:960px;background:#CCC}
#container{background:#FFF;width:820px;margin:0 auto;}
#content{margin:0 0 0 10px;overflow:hidden;width:800px;}
.main-aside{float:right;position:relative;right:10px;width:300px;}
.page-title{font-size:13px;line-height:18px;padding:0 0 44px;}
.attachment .page-title{font-style:italic;}
.page-title a{color:#666;text-decoration:none;}
.page-title a:active{color:#FF4B33;}
.page-title a:hover{color:#FF4B33;}
.page-title span{font-style:italic;}
.page-title .meta-nav{font-style:normal;}
.hentry{padding:0 0 22px;}
.single .hentry{padding:0;}
.home #content .sticky{border:1px solid #ccc;margin:0 0 66px;padding:22px 20px 0;}
.entry-title{font-family:Arial,sans-serif;font-size:26px;font-weight:700;line-height:26px;padding:0 0 7px;}
.entry-title a{color:#000;text-decoration:none;}
.entry-title a:active{color:#FF4B33;}
.entry-title a:hover{color:#FF4B33;}
.entry-meta{color:#666;font-size:13px;font-style:italic;line-height:18px;}
.entry-meta .n{font-size:11px;font-style:normal;letter-spacing:0.05em;text-transform:uppercase;}
.entry-meta a{color:#666;text-decoration:none;}
.entry-meta a:active{color:#FF4B33;}
.entry-meta a:hover{color:#FF4B33;}
.entry-meta abbr{border:none;cursor:text;font-size:11px;font-style:normal;letter-spacing:0.05em;text-transform:uppercase;}
.entry-content{padding:22px 0 0;}
.entry-content h1{font-family:Arial,sans-serif;font-size:19px;font-weight:700;padding:28px 0 14px;}
.entry-content h2{font-family:Arial,sans-serif;font-size:19px;font-weight:700;padding:28px 0 14px;}
.entry-content h3{font-size:17px;font-style:italic;padding:28px 0 14px;}
.entry-content h4{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
.entry-content table{margin-left:1px;}
.entry-content embed{margin:0 0 22px;}
.entry-utility{color:#666;font-size:13px;line-height:18px;margin:0 0 44px;}
.entry-utility a{color:#666;font-style:italic;text-decoration:none;}
.entry-utility a:active{color:#FF4B33;}
.entry-utility a:hover{color:#FF4B33;}
.page-link{font-size:13px;font-weight:700;line-height:18px;margin:0 0 22px;padding:22px 0 0;word-spacing:0.5em;}
.page-link a{border:1px solid #ccc;color:#666;font-weight:400;padding:0.5em 0.75em;text-decoration:none;}
.page-link a:active{color:#FF4B33;}
.page-link a:hover{color:#FF4B33;}
ul#links-page{list-style:none;margin-left:0;overflow:hidden;}
ul#archives-page{list-style:none;margin-left:0;overflow:hidden;}
li.content-column{float:left;margin-right:20px;width:45%;}
.gallery{padding:0 0 22px;}
.wp-caption-text{color:#666;font-size:13px;line-height:18px;}
.gallery-caption{color:#666;font-size:13px;line-height:18px;}
#author-info{margin:0 0 44px;overflow:hidden;}
#author-info .avatar{float:left;margin:.3em 1em 0 0;}

/* =Attachments
--------------------------------------------------------------  */
.attachment-jpeg #container{width:100%;}
.attachment-png #container{width:100%;}
.attachment-jpeg #content{width:930px;}
.attachment-png #content{width:930px;}
.attachment-jpeg #comments{overflow:hidden;width:540px;}
.attachment-png #comments{overflow:hidden;width:540px;}
.attachment-jpeg .main-aside{display:none;}
.attachment-png .main-aside{display:none;}

/* =Navigation
--------------------------------------------------------------  */
.navigation{color:#666;font-size:13px;line-height:18px;margin:0 0 22px;overflow:hidden;}
.navigation a{color:#666;font-style:italic;text-decoration:none;}
.navigation a:active{color:#FF4B33;}
.navigation a:hover{color:#FF4B33;}
.navigation .meta-nav{font-style:normal;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;text-align:right;width:50%;}
#nav-above{display:none;width:100%;}
#nav-below{width:100%;}
.paged #nav-above{display:block;padding:0 0 44px;}

/* =Comments
--------------------------------------------------------------  */
#comments{font-size:13px;line-height:18px;padding:22px 0 0;}
#comments input{font-size:13px;line-height:18px;}
#comments textarea{font-size:13px;line-height:18px;}
#comments code{font-size:12px;line-height:18px;}
#comments h3{font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:22px;padding:0 0 18px;}
#comments-list{padding:0 0 18px;}
#comments-list ol{border:1px solid #ccc;border-bottom:none;list-style:none;margin:0 0 18px;}
#comments-list ul{list-style:none;margin:0;}
#comments-list li{background:#fafafa;border-bottom:1px solid #ccc;padding:18px 1.5em 0;position:relative;}
#comments-list li.alt{background:#fff;}
#comments-list li.bypostauthor{background:#FFC;}
#comments-list ul li{border:1px solid #ccc;margin:0 0 18px;}
#comments-list li .avatar{height:36px;left:1.5em;position:absolute;top:22px;width:36px;}
#comments-list .comment-author{font-weight:700;padding:9px 0 0 46px;}
#comments-list .comment-meta{color:#666;font-size:11px;padding:0 0 9px 46px;}
#comments-list .comment-meta a{color:#666;font-style:italic;text-decoration:none;}
#comments-list .comment-meta a:active{color:#FF4B33;}
#comments-list .comment-meta a:hover{color:#FF4B33;}
.comment-reply-link{font-size:11px;padding:0 0 18px;text-align:right;}
.comment-reply-link a{color:#666;font-style:italic;text-decoration:none;}
.comment-reply-link a:active{color:#FF4B33;}
.comment-reply-link a:hover{color:#FF4B33;}
.comment-navigation{font-weight:700;margin-right:0.5em;padding:0 0 18px;}
.comment-navigation a{border:1px solid #ccc;color:#666;font-weight:400;margin-right:0.5em;padding:0.5em 0.75em;text-decoration:none;}
.comment-navigation a:active{color:#FF4B33;}
.comment-navigation a:hover{color:#FF4B33;}
.comment-navigation span{margin-right:0.5em;}
#trackbacks-list .comment-content{left:-9000px;position:absolute;}
#respond{background:#fff;margin-bottom:22px;overflow:hidden;padding:18px 0 0;position:relative;}
#comments-list #respond{border-bottom:1px solid #ccc;margin:0 0 18px;padding:18px 1.5em;}
#comments-list ul #respond{border:1px solid #ccc;margin:0;}
#cancel-comment-reply{font-size:11px;position:absolute;right:1.5em;top:18px;}
#cancel-comment-reply a{color:#666;}
#respond .required{color:#FF4B33;font-weight:700;}
.form-section label{font-size:11px;}
.form-section input{margin:0 0 18px;width:98%;}
.form-section textarea{width:99%;}
#form-allowed-tags p{color:#666;font-size:11px;margin:0;}
#form-allowed-tags span{font-style:italic;}
#form-allowed-tags code{font-size:11px;line-height:normal;}
.form-submit{padding:18px 0 0;text-align:right;}
.subscribe-to-comments{color:#666;float:left;font-size:11px;margin:0;padding:18px 0 0;}
.solo-subscribe-to-comments{color:#666;font-size:11px;padding:18px 0 0;}
.comment_license{clear:both;color:#666;font-size:11px;margin:0;padding:18px 0 0;}

/* =Asides, Sidebars & Widget-Ready Areas
--------------------------------------------------------------  */
#secondary{clear:right;}
.aside{color:#666;font-size:13px;line-height:18px;margin-bottom:6px;}
.aside input{font-size:13px;line-height:18px;margin-bottom:6px;}
.aside p{margin-bottom:18px;}
.aside ul{list-style:none;margin-bottom:18px;margin-left:0;}
.aside ol{margin-bottom:18px;}
.aside dd{margin-bottom:18px;}
.aside pre{font-size:12px;line-height:18px;margin-bottom:18px;}
.aside code{font-size:12px;line-height:18px;}
.aside .current_page_item a{color:#FF4B33;}
.aside .current_page_item .page_item a{color:#666;}
.aside .current_page_item .page_item a:hover{color:#FF4B33;}
.aside .current_page_item .page_item a:active{color:#FF4B33;}
.aside a{color:#666;}
.aside a:active{color:#FF4B33;}
.aside a:hover{color:#FF4B33;}
.aside h3{font-size:15px;font-style:italic;line-height:22px;}
.aside h3 a{text-decoration:none;}
.aside caption{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
.aside ul ul{list-style:disc;margin:0 0 22px 20px;}
.aside ul ul li{padding:1px 0;}
.aside ul ul ul{margin-bottom:0;}
.aside form{margin-bottom:22px;}
.aside table{border:none;margin-bottom:22px;}
.aside thead{border:1px solid #ccc;}
.aside tbody{border:1px solid #ccc;}
.aside th{border-right:1px solid #ccc;padding:.25em .8em;}
.aside td{border-right:1px solid #ccc;padding:.25em .8em;}
.aside tfoot tr{border:none;}
.aside tfoot td{border-color:transparent;}
.widget_tag_cloud{margin:0 0 22px;}
.aside #searchsubmit{display:none;}

/* Main Asides 
--------------------------------------------------------------  */
.main-aside ul{padding:0 20px;}
.main-aside ul ul{padding:0;}
#primary{border:1px solid #ccc;margin-bottom:22px;padding:18px 0 0;}

/* Content Asides 
--------------------------------------------------------------  */
#content .aside{border:1px solid #ccc;margin:0 0 22px;padding:18px 0 0;}
#content .aside ul{padding:0 20px;}
#content .aside h3{font-family:Georgia,serif;font-size:17px;font-style:italic;font-weight:400;padding:0 0 7px;text-transform:none;}
#content .aside ul ul{padding:0;}

/* Footer Asides 
--------------------------------------------------------------  */
#footer{border-top:1px solid #ccc;clear:both;margin-top:22px;}
#siteinfo a{color:#666;}
#siteinfo a:active{color:#FF4B33;}
#siteinfo a:hover{color:#FF4B33;}
#subsidiary{margin:0 auto;overflow:hidden;padding:33px 0 0;width:940px;}
#subsidiary .aside{float:left;margin:0 20px 0 0;width:300px;}
#subsidiary #third{margin:0;}

/* =PageNavi
--------------------------------------------------------------  */
.wp-pagenavi{margin:0 0 0 -0.5em;padding:0.5em 0;}
.wp-pagenavi a{border:1px solid #ccc !important;color:#666 !important;font-style:normal;margin:0 .375em !important;padding:0.5em 0.25em !important;}
.wp-pagenavi a:link{border:1px solid #ccc !important;color:#666 !important;font-style:normal;margin:0 .375em !important;padding:0.5em 0.25em !important;}
.wp-pagenavi span{border:1px solid #ccc !important;color:#666 !important;font-style:normal;margin:0 .375em !important;padding:0.5em 0.25em !important;}
.wp-pagenavi a:visited{border:1px solid #ccc !important;color:#666 !important;}
.wp-pagenavi a:hover{border:1px solid #ccc !important;color:#FF4B33 !important;}
.wp-pagenavi a:active{border:1px solid #ccc !important;color:#FF4B33 !important;}
.wp-pagenavi span.pages{border:none !important;color:#666 !important;margin:0 !important;padding:0 !important;}
.wp-pagenavi span.current{border:none !important;color:#666 !important;font-weight:400;margin:0 !important;padding:0 !important;}
.wp-pagenavi span.extend{background-color:#FFF;border:1px solid #000;color:#000;margin:2px;padding:2px 4px;}

/* Default styles for Images
--------------------------------------------------------------  */
.entry-content img{margin:0 0 18px;}
.alignleft{float:left;margin-right:20px;}
img.alignleft{float:left;margin-right:20px;}
.alignright{display:block;float:right;margin-left:20px;}
img.alignright{display:block;float:right;margin-left:20px;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption{margin-bottom:18px;text-align:center;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:5px;}
.gallery img{margin:0;}
.wp-smiley{margin:0 !important;max-height:12px;}