/*
Theme Name: Sentra Kantor
Theme URI:http://www.disolo.biz
Description: Online shop theme for sentrakantor.com 
Version:1.0 
Author:Arief Fajar Nursyamsu
Author URI:http://www.disolo.biz
*/
@import url("table.css");
body{background:#fff;color:#222;margin:0px;padding:0;font:normal 12px verdana, "Trebuchet MS", verdana;}
p {margin:0;padding:0 0 14px 0;}
a {color:#951514;text-decoration:none;}
a:hover	{color:#951514;text-decoration:underline;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
img {
border: none;
}


#container{margin:0px auto;text-align:center;width:900px;}
#holder	{width:100%;padding:0px; text-align:left;margin:0px;background:#fff;}

/* Header */
#header{padding:0px;height:140px;margin:0px;background-color:#DEDEDE;}
#logo{min-height:110px;background:url("images/logo-sc.jpg") no-repeat;}
#logo h1{clear:both;font-size:12px;margin:0px;padding:60px 0 0 50px;float:left;}
#logo h1 a{color:#951514;font-weight:normal;text-decoration:none;}
#logo h2{clear:both;font-size:12px;margin:0px;padding:60px 0 0 50px;float:left;}
#logo h2 a{color:#951514;font-weight:normal;text-decoration:none;}
#logo .contact{margin:18px 10px 0 0;font-size:13px;text-shadow: 1px 1px 1px #AEAEAE;color:#951514;}

#nav{background:#7A7A7A;height:30px;}
#navcontainer{float:left;}
#navcontainer ul{padding:0;margin:0;}
#navcontainer ul li {display: inline;}
#navcontainer ul li#first a, #navcontainer ul li#first a:hover {cursor: default;text-decoration: none;}
#navcontainer ul li a {margin:0;padding:8px 10px 8px 10px;text-decoration: none;float: left;text-align:center;color:#fff;text-shadow: 1px 1px 1px #383838;}
#navcontainer ul li a:hover {text-decoration: none;background-color:#951514;text-decoration:none;}
#navcontainer ul li.current_page_item a, #navcontainer ul li.current_page_ancestor a {color:#fff;background-color:#951514;text-decoration:none;}
#navcontainer ul li.current_page_item a:hover, #navcontainer ul li.current_page_ancestor a:hover {text-decoration: none;}
#navcontainer ul li a:hover {text-decoration: none;}
#searchBar {float:right;text-align: right;margin:0px;}

#searchform {padding: 5px;}
#s {border: 1px solid #bbb;}
#searchsubmit {border: 1px solid #bbb;}

/* Banner */
#rightbanner{float:right;width:630px;min-height:250px;background:url("images/right-promo.jpg") left no-repeat;}
#rightbanner h3{font-size:14px;font-weight:bold;color:#fff;padding:5px;margin:0;}
#rightbanner p{font-size:11px;color:#fff;padding:5px;margin:0;line-height:16px;}
#leftbanner{float:left;width:260px;min-height:250px;}
/* Content Section */
#content{float:left;width:628px;line-height:20px;margin:15px 0;border:1px solid #EAEAEA;background:#FBFBFB;padding:0;}
#content ul, ol{margin:5px 0 10px 15px;padding:0px 0 15px 25px;}
#content h1{font:normal 18px "Trebuchet MS", verdana, arial;line-height:130%;margin:5px 0 5px 0;padding:0 0 0px 0;color:#951514;border-bottom:1px solid #ddd;}
#content h1 a:hover{text-decoration:none;}
#content h5{font:normal 11px verdana, "Trebuchet MS";margin:0 0 10px 0;padding:0;color:#444;}
#content h2.pagetitle{font:bold 120% "Trebuchet MS", verdana;text-transform: uppercase;border-top:3px double #ccc;border-bottom:1px solid #ccc;padding:5px 0px;margin-bottom:15px;}
#content h2.{font:normal 18px verdana, arial;margin:5px 0 5px 0;color:#951514;border-bottom:1px solid #ddd;text-shadow: 1px 1px 1px #0C0C0C;}
#content .comme{font:normal 100% "Trebuchet MS", verdana;margin:5px 0 25px 0;padding:5px 5px 5px 8px;color:#000;background:#f3f3f3;text-align:left;border-top:1px solid #dcdcdc;}
#content .comme a{text-decoration:none;}
#content a:hover{text-decoration:underline;}
#content table {width: 100%;border: 1px solid #ccc;border-top: 0;border-collapse: collapse;}
#content table th, #content table td {border: 1px solid #ccc;border-bottom: 0;padding: .3em .5em;}
#content table th {text-align: left;border-bottom: 2px solid #ccc;}
#thecontent{padding:5px;}

/* Product Related */
.productlist{}
.productlist h2{font-size:16px;padding: 5px 10px;color:#000;font-weight:bold;background-color:#DADADA;padding:5px;}
.productsummary{width:300px;min-height:165px;float:left;margin:0 0 20px 5px;}

.thumbnail{min-width:180px;height:150px; text-align:center;display: table-cell;vertical-align: middle;float:left;}
.product-description{float:right;width:120px;}
.productspecsmall{float:right;width:150px;}
.productlist h3{text-align:center;font-size:11px;text-align:left;font-weight:normal;margin:0;padding:0;}

.categorydescription{text-align:justify;margin:5px 5px 20px 5px;}
.category-thumbnail{height:150px; text-align:center;}
.category-title h3{text-align:center;}

.cart-button{margin:10px;}
/* Sidebar */
#sidebar{float:left;width:258px;padding:0;margin:10px 0;line-height:20px;background:#FBFBFB;border:1px solid #EAEAEA;}
.sidebarelement{padding:0px;margin:0px;}
.sidebarelement ul{margin:0px;padding:0;line-height:1.5em;}
.sidebarelement li{padding:0px;margin:0px;list-style:none;color:#555;}
.sidebarelement h3{font-size:13px;margin:0px 0 0 0;border:none;padding:2px 10px 4px 10px;color:#111;}
.sidebarelement h2{font-size:13px;margin:0px 0 0 0;display:block;border:none;border-bottom:2px solid #CDD8E1;background-color:#E4E8EB;padding:5px 10px 5px 10px;color:#1F4785;}
.sidebarelement ul ul{list-style-type:none;margin:10px 0px 15px 20px;}
.sidebarelement ul ul li{list-style-type:square;line-height:1.8em;padding:0px 15px 0px 0px;}
.sidebarelement ul ul ul{list-style-type:none;margin:0px 0px 0px 5px;}
.sidebarelement ul ul ul li{list-style-type:none;line-height:1.8em;padding:0px 0px 0px 5px;}
.sidebarelement ul ul ul li a{color:#666;}
.sidebarelement h1{color:#225799;margin:0 0 10px 0;padding:0;font-size:110%;font-weight:bold;}
.sidebarelement ul li table {padding-bottom: 5px;}
.sidebarelement ul li table caption {padding: 5px 0 0 0;}

/* Calendar */
#wp-calendar {width: 100%;}
#wp-calendar th, #wp-calendar td {text-align: center;}
#wp-calendar td#today {font-weight: bold;}


div.navigation {text-align: center;padding: 0 0 2em 0;margin:6px 0px;}
div.commentnavigation {padding: 0;}
#singlepost {padding: 10px 10px 49px 10px;margin: 0;}
ul li.comments {text-align: right;}
#commentwrapper {background:#fafafa;padding:0px 15px 19px 15px;margin-top:10px;border:1px solid #555;border-left:none;border-right:none;}
#commentwrapper h2 {margin: 0;padding: 10px 0 3px 0;}

/* Comment */
h2.commentheading {font-size:1.2em;color: #444;}
ol.commentlist {padding: 0;margin: 0;list-style: none;color: #222;}
ol.commentlist a {text-decoration: none;}
img.avatar {border: 3px solid #ddd;margin: 0 0.5em;}
ol.commentlist li.commentind {padding: 0 0 2em 0;margin: 0;}
ol.commentlist li.depth-1 {padding:15px 0 0 0;margin:0px;}
ul.children {list-style: none;}
ol.commentlist ul.children li.commentind {padding:1em 0 0 0;}
ol.commentlist li.commentind cite {font-style: normal;font-weight:bold;}
p.commentsedit {font-size: 0.9em;margin:0 0 0 0.5em;padding:0px 0px 8px 0px;border-bottom:1px solid #ddd;}
.commentindheader {border-bottom: 1px dotted #fefef6;}
.commentindheader img.avatar {float: left;}
ol.commentlist li.legacyAlt .commentindheader {text-align: right;}
ol.commentlist li.legacyAlt .commentindheader img.avatar {float: right;}
ol.commentlist li.legacyAlt p.commentsedit {text-align: right;margin: 0 0.5em 0 0;}

/* Comment form */
form#commentform input, form#commentform textarea {border: 1px solid #bbb;}
input#author, input#email, input#url {width: 60%;}
textarea#comment {width: 90%;}
input#submit {	border:1px solid #666;background: #f9f9f9;}

/* Navigation links */
.navigation-links {clear:both;text-align:center;}
.next, .previous {max-width: 50%;font-size: 1em;font-weight:bold;padding:2px 4px;}
.next {border:0px;}
.previous {float: left;}
.next {float: right;text-align: right;}

blockquote{margin:7px 0 20px 2%;padding:6px 6px 0px 10px;width:90%;color:#000;background:#FFFFA0;border:1px solid #E5E597;}  
caption{padding:5px 0 5px 0;font-weight:bold;text-decoration:underline;}
table{margin:5px 0 0 5px;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.left{float:left;}
.right{float:right;}

/* Footer */
#footer{clear:both;padding:10px;text-align:right;}
#footext{font:normal 11px "Trebuchet MS", verdana;color:#444;margin:0px;padding:0px;text-align:right;}
#footer a{color:#444;padding:0 5px 0 0;text-decoration:none;}
#footer a:hover	{color:#444;text-decoration:underline;}

/*Form Related*/
input select{border:1px solid #ccc; margin:0 0 5px 10px;}
input.button{}

.left{float: left;}
.right{float: right;}

.clear{clear:both;}
#checkout{background-color:#ccc;padding:0 10px; width: 100px; text-align:center;}
#checkoutform{margin:5px;}

/* global form style */
form.std {clear: both;}
form.std h3 {color: #555;font-size: 1.4em;font-weight: normal;border-bottom: 1px solid #d0d1d5;padding: 0.5em;margin: 0 0 0.5em 0;}
form.std fieldset {border: 1px solid #d0d3d8;margin-bottom: 1em;padding-bottom: 1em;}
form.std fieldset legend {padding: 0.3em 0.6em;margin: 1em 0 1em 0.5em;font-size: 1.6em;font-weight:100;border-color:#d0d1d5;border-style: solid;border-width: 1px;}
form.std h4, form.std p {padding: 0.3em 1em;clear: both;}
form.std label, form.std p span {float: left;text-align: left;width: 80px;}
form.std p span.like_input {width: auto;margin-left:5px}
form.std .checkbox label, form.std .radio label, form.std span.form_info {margin: 0;float: none;text-align: left;}
.required sup {color: #da0f00;}
form.std p.checkbox {}
form.std .submit input {text-align:center; font-weight: bold; margin: 0 auto;background-color:#ccc;padding:10px;}
form.std select, form.std textarea{margin-left:0em;}
.leftcolumn{float:left;width:350px;}
.rightcolumn{float:right;width:350px;}
#article{clear:both;}
.leftarticle{width:300px;float:left;}
.rightarticle{width:300px;float:right;}
#checkoutform{border-top:1px dotted #ccc;margin-top:10px;}
#checkoutform h3{text-align:center;}
form.std label.error { float: left; width: 150px;color: red; padding-left:0; vertical-align: top; }
.more{text-align:right;}
#content .breadcrumbs{font-size:10px;}
#content .sociable{margin-top:20px;}
#article h2{font-size:12px;}

.ym-online-status p{padding-top:10px;}
.wp-pagenavi{font-size:11px;text-align:center;}
.navigationb{margin:10px 5px 10px 5px;}