/*
Theme Name: Niagakit Pink
Theme URI: http://www.niagakit.com/
Description: Pink theme for <a href="http://www.niagakit.com/">Niagakit</a>.
Version: 1.0
Author: Bob
Author URI: http://bob.my/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/*-----------sexy body-----------*/
* { padding:0; margin:0; list-style:none; text-decoration:none; }
body { background:#50504f url(images/bg.gif) repeat; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333;}
.clear { clear:both;}

/*-----------main-----------*/
.wrapper { margin:0 auto 40px; width:865px; background:#fff; }
#top { display:block; margin:auto;}
#header { width:865px; margin:20px auto 0; height:150px;border-bottom:1px dotted #6af853; } 
#header h1 { text-indent:-99999px;}
#header h1 a { display:block; background:url(images/header.png) no-repeat; height:150px; }
#adsense { width:800px; text-align:center; margin:10px auto 10px;}

/*-----------Nav-----------*/
#nav { width:865px; height:76px; background:url(images/nav-bkg.gif) repeat-x;}
#nav #nav1 { display:block; height:41px; line-height:41px;}
#nav #nav1 ul { margin-left:10px; margin-top:0 !important; }
#nav #nav1 ul li { float:left; }
#nav #nav1 ul li a { display:block; color:#fff; font-weight:bold; padding:0 10px 0 10px; }
#nav #nav1 ul li a:hover { background: url(images/nav-bg-hover.gif) repeat-x; display:block; }
#nav #nav1 ul li.logmasuk { float:right; font-size:11px; color:#fff; margin-right:10px !important; margin-right:5px;}
#nav #nav1 ul li.logmasuk a { display:inline; background:none;}
#nav #nav1 ul li.logmasuk a:hover { display:inline; background:none;}
#nav #nav1 ul li.logmasuk input { border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; width:80px; margin-left:10px; margin-right:5px;}
#nav #nav1 ul li.logmasuk .masuk { width:50px; background:url(images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; cursor:pointer; margin-left:10px; margin-top:0 !important; margin-top:3px;}

/*-----------nav log masuk IE-----------*/
#nav #nav1 ul li.logmasukie { float:right; font-size:11px; color:#fff; margin:0 10px 0 0 !important; margin:7px 5px 0 0;}
#nav #nav1 ul li.logmasukie a { display:inline; background:none;}
#nav #nav1 ul li.logmasukie a:hover { display:inline; background:none;}
#nav #nav1 ul li.logmasukie input { border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; width:80px; margin-left:10px; margin-right:5px;}
#nav #nav1 ul li.logmasukie .masuk { width:50px; background:url(images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; cursor:pointer; margin-left:10px; margin-top:0 !important; margin-top:3px;}

/*-----------nav 2-----------*/
#nav #nav2 { display:block; height:35px; line-height:35px;}
#nav #nav2 ul { margin-left:10px;}
#nav #nav2 ul li { float:left; padding:0 10px 0 10px; background:url(images/nav2-div.gif) no-repeat right center;}
#nav #nav2 ul li a { color:#666; font-size:11px;}
#nav #nav2 ul li a:hover { color:#000; }
#nav #nav2 ul li.mycart { padding:0 10px 0 30px; background:url(images/nav2-cart.gif) no-repeat 8px 12px; }
#nav #nav2 ul li#searchbox { width: 230px; height: 21px; background: url(images/carian.gif) no-repeat; float:right; margin-top:6px; }
#nav #nav2 ul li#searchbox #s { float: left; margin: 4px 0 0 0; border: 0; width: 168px; background: none; color:#333; font-size:11px; }
#nav #nav2 ul li#searchbox #go { float: right; width:46px; height:21px;  }

/*-----------content-----------*/
#content { width:865px; margin:auto;}
.entry { width:815px; margin:20px auto 20px;}
.entry h2 { font:18px "Trebuchet MS"; color:#ae1454; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #dadada; display:block;}
.entry h3 { display:block; padding:5px 5px 5px 10px; background:#f3f3f3; margin:10px 0 20px 0; border:1px solid #dadada; font:14px Georgia, "Times New Roman", Times, serif; color:#002828; }
.entry .post p.postmetadata { display:block; padding:5px 5px 5px 10px; background:#f3f3f3; margin:10px 0 20px 0; border:1px solid #dadada; font:14px "Trebuchet MS"; color:#002828; }

/*-----------help-----------*/
.entry .post .myhelp { display:block; padding-bottom:10px; border-bottom:1px solid #dadada; margin-bottom:10px;}
.entry .post .myhelp img { border:none; }
.entry .post .myhelp .imghelp a { width:109px; border:1px solid #dadada; padding:3px; float:left; margin-right:10px;}
.entry .post .myhelp .imghelp a:hover { width:109px; border:1px solid #666; padding:3px; float:left;}
.entry .post .myhelp .imgtxt { float:right; width:460px;}

/*-----------shop-----------*/
.entry .post { width:590px; float:left;}
.entry .post p { color:#666666; padding-bottom:10px; line-height:18px;}
.entry .post a { color:#ae1454;}
.entry .post a:hover { color:#000;}
.entry .post input.button { width:160px; padding:5px; margin: 5px 3px 4px 0pt; background:url(images/button-bg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post input { padding:5px; margin: 5px 3px 4px 0pt; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}


/*-----------sidebar my cart-----------*/
#mymenu { width:202px; float:right; font-size:11px;}
#sidebar{ float: right; width: 201px !important; width:202px; }

#sidebar ul.kool { margin-bottom:0 !important; margin-bottom:-28px;}
h2.widgettitle{ padding:4px 0 0 38px; height:21px;font:bold 14px "Trebuchet MS"; text-transform:uppercase; background:url(images/sidebarh2.gif) no-repeat; color: #fff;}
#sidebar ul.kool li.widget { margin-bottom:20px; padding-bottom:10px; background: #f6f6f6 url(images/bg_ul_ul.gif) no-repeat bottom left;}
#sidebar ul.kool li.widget ul li { display:block; padding:5px 5px 5px 25px; background: url(images/bullet_green.gif) no-repeat 5px 5px ; } 
#sidebar ul.kool li.widget ul li:hover { background:#e7e7e7 url(images/bullet_green.gif) no-repeat 5px 5px ;}
#sidebar ul.kool li.widget ul li a { color:#333;}
#sidebar ul.kool li.widget ul li a:hover { color:#000;}

/*-----------Sidebar Produk Main Sub-Kategori -----------*/
#sidebar ul.kool li#pages h2.widgettitle{ padding:4px 0 0 38px; height:21px;font:bold 14px "Trebuchet MS"; text-transform:uppercase; background:url(images/sidebarh2.gif) no-repeat; color: #fff; margin-bottom:-1px;}
#sidebar ul.kool li#pages li { background:none; padding:0; margin-top:0;}
#sidebar ul.kool li#pages li a { background:#cccccc url(images/bullet_go.gif) no-repeat 5px 4px; display:block; padding:5px 5px 5px 25px; color:#000; cursor:text; border-bottom:1px solid #fff; margin-bottom:0px !important; margin-bottom:-13px; }

/*-----------Sidebar Produk Sub-Kategori -----------*/
#sidebar ul.kool li#pages li ul li { background:none; padding:0; margin-top:0 !important; margin-top:13px;}
#sidebar ul.kool li#pages li ul li a { background:url(images/bullet_green.gif) no-repeat 5px 5px ; display:block; padding:5px 5px 5px 25px; cursor:pointer; color:#333; border-bottom:1px solid #fff; margin-top:0 !important; margin-top:-12px; }
#sidebar ul.kool li#pages li ul li a:hover { background:#e7e7e7 url(images/bullet_green.gif) no-repeat 5px 5px ; display:block; padding:5px 5px 5px 25px; cursor:pointer; color:#000; }

/*-----------Sidebar Produk Sub Sub-Kategori -----------*/
#sidebar ul.kool li#pages li li li { display:none;}


/*-----------shop block----------------*/
.entry .post .wpcoproducts { width:590px; float:left;}
.entry .post .wpcoproducts a { color:#ae1454; font-weight:bold;}
.entry .post .wpcoproducts a:hover { color:#333;}
.entry .post .wpcoproducts h3 { height:25px; font:16px "Trebuchet MS"; color:#333; background:#c6dce7; padding-left:10px; padding-top:7px; display:block; margin-bottom:20px;}
.entry .post .wpcoproducts h3 a { color:#333; text-decoration:none;}
.entry .post .wpcoproducts img.thumb { float:left; margin-right:10px; border:0; border:1px solid #dadada; padding:5px; }
.entry .post .wpcoproducts .myinfo { float:right; width:75%; }
.entry .post .wpcoproducts .myinfo .myinput { display:block; line-height:50px; vertical-align:middle; border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin:10px 0 10px 0 !important; margin:15px 0 15px 0;}
.entry .post .wpcoproducts .myinfo input.button { width:160px; padding:5px; margin: 5px 3px 4px 0pt; background:url(images/button-bg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post .wpcoproducts .myinfo input { padding:5px; margin: 5px 3px 4px 0pt; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post .wpcoproducts .myinfo p { padding-bottom:10px; line-height:140%;}
.entry .post .wpcoproducts .myinfo small { display:block; color:#999999; margin:10px 0 10px 0 !important; margin:10px 0 0 0;}
.entry .post .wpcoproducts .wpcopaging .page-numbers { padding:5px; margin: 5px 5px 4px 0pt; background:url(images/button-bg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}

/*-----------shop details----------------*/
.entry .post .wpcoproduct { width:590px; float:left; margin-top:-10px;}
.entry .post .wpcoproduct a { color:#ae1454; font-weight:bold;}
.entry .post .wpcoproduct a:hover { color:#333;}
.entry .post .wpcoproduct p { padding:10px 0 10px 0; line-height:140%;}
.entry .post .wpcoproduct .wpcoimages { display:block; float:left; padding:5px; margin: 5px 3px 4px 0pt; background:#fff url(images/inputbg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post .wpcoproduct .wpcoimages .wpcoimglist .wpco { font-size:11px; display:block; font-weight:normal; background:#e4f2fd; padding:3px 3px 3px 6px;}
.entry .wpcoproduct .wpcoimages small.enlarge { display:block; text-align:center; margin-top:5px;}
.entry .post .wpcoproduct .wpcoimages .wpcoimglist ul { margin-left:14px; }
.entry .post .wpcoproduct .wpcoimages .wpcoimglist a.thickbox .wpco { margin-right:5px; border:1px solid #dadada; padding:2px;}
.entry .post .wpcoproduct .wpcoimages .wpcoimglist a:hover.thickbox .wpco { margin-right:5px; border:1px solid #333; padding:2px;}
.entry .post .wpcoproduct .wpco { border:1px solid #dadada;}
.entry .post .wpcoproduct .wpco { border:1px solid #dadada; padding:5px;}
.entry .post .wpcoproduct .myinfo { float:right; width:60%; margin-top:-5px !important; margin-top:-8px; }
.entry .post .wpcoproduct .myinfo input.button { width:160px; padding:5px; margin: 5px 3px 4px 0pt; background:url(images/button-bg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post .wpcoproduct .myinfo input { padding:5px; margin: 5px 3px 4px 0pt; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important;}
.entry .post .wpcoproduct .myinfo form { width:97%;}
.entry .post .entry p { padding-bottom:10px; line-height:140%;}

/*-----------slide-----------*/
#promosi { width:865px; background:#ffedf6; border-top:1px solid #fff; }
#promosi #slider { width: 866px !important; width:100%; margin: 0 auto; position: relative; }
#promosi #slider .scroll { margin: 0 auto; height: 202px; width: 830px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
#promosi #slider .scrollContainer .panel { height: 202px; width: 830px; overflow: hidden; }
#promosi #slider .scroll .scrollContainer .panel .mycontent h2 { font:18px "Trebuchet MS"; text-transform:uppercase; margin-bottom:10px; }
#promosi #slider .scroll .scrollContainer .panel .mycontent h2 a { display:block; color:#990033;}
#promosi #slider .scroll .scrollContainer .panel .mycontent h2 a:hover { text-decoration:underline;}
#promosi #slider .scroll .scrollContainer .panel .mycontent { margin-top:10px; width:475px; line-height:18px; float:left;}
#promosi #slider .scroll .scrollContainer .panel .myimg { width:300px; float:right; }
#promosi #slider .scroll .scrollContainer .panel .myimg img { border:0;}
#promosi #slider #mynextprev { width:865px; height:38px; background:url(images/promosi-slide.gif) repeat-x;}
#promosi #slider #mynextprev #mysubscribe { width:430px; float:left; line-height:38px; padding-left:20px; font-size:11px;}
#promosi #slider #mynextprev #mysubscribe a { color:#1b5167;}
#promosi #slider #mynextprev #mysubscribe a:hover { color:#000;}
#promosi #slider #mynextprev #mysubscribe span.rss { background:url(images/rss.gif) no-repeat 215px 2px; padding:0 25px 0 0; }
#promosi #slider #mynextprev #myslidebotton { float:right; width:280px; padding-right:15px; margin-top:3px;}
#promosi #slider #mynextprev #myslidebotton .scrollButtons a span.kiri { text-indent:-99999px; background:url(images/sebelum.gif) no-repeat; display:block; cursor:pointer; width:138px; height:31px; float:left;}
#promosi #slider #mynextprev #myslidebotton .scrollButtons a span.kanan { text-indent:-99999px; background:url(images/seterus.gif) no-repeat; display:block; cursor:pointer; width:138px; height:31px; float:right;}
#promosi #slider #mynextprev #myslidebotton .scrollButtons a:hover span.kiri { text-indent:-99999px; background:url(images/sebelum-hover.gif) no-repeat; display:block; cursor:pointer; width:138px; height:31px; float:left;}
#promosi #slider #mynextprev #myslidebotton .scrollButtons a:hover span.kanan { text-indent:-99999px; background:url(images/seterus-hover.gif) no-repeat; display:block; cursor:pointer; width:138px; height:31px; float:right;}
.hide { display: none; }

/*-----------block-----------*/
#block { width:815px; margin:20px auto 20px;}
#block ul.block {}
#block ul.block li {float:left; padding-right:28px;}
#block ul.block li .bpro { width:253px; display:block; }
#block ul.block li .bpro h2 { background:url(images/thumbh2.gif) no-repeat; height:26px; font:17px "Trebuchet MS"; color:#fff; line-height:26px; padding-left:45px;}
#block ul.block li .bpro h2 a { color:#822252;}
#block ul.block li .bpro .bproimg { width:251px; border:1px solid #e1e1e1; border-bottom:none; padding:10px 0 10px 0;}
#block ul.block li .bpro .bproimg img { border:none;}
#block ul.block li .bpro .bproimg a { outline:none;}
#block ul.block li .bpro .bprotxt { width:251px; border:1px solid #e1e1e1; border-top:none; padding:10px 0 10px 0; font-size:11px;}
#block ul.block li .bpro .bprotxt p { padding:0 10px 0 10px;}
#block ul.block li.last {float:right; padding:0;}
#block ul.block li.last .bpro { width:253px; display:block; }
#block ul.block li.last .bpro h2 { background:url(images/thumbh2.gif) no-repeat; height:26px; font:17px "Trebuchet MS"; color:#fff; line-height:26px; padding-left:45px;}
#block ul.block li.last .bpro h2 a { color:#822252;}
#block ul.block li.last .bpro .bproimg { width:251px; border:1px solid #e1e1e1; border-bottom:none; padding:10px 0 10px 0;}
#block ul.block li.last .bpro .bproimg img { border:none;}
#block ul.block li.last .bpro .bproimg a { outline:none;}
#block ul.block li.last .bpro .bprotxt { width:251px; border:1px solid #e1e1e1; border-top:none; padding:10px 0 10px 0; font-size:11px;}
#block ul.block li.last .bpro .bprotxt p { padding:0 10px 0 10px;}

/*-----------komen-----------*/
.entry .post h3#comments {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333; display:block; background:#c6dce7 url(images/h2single.gif) no-repeat left; height:32px; line-height:32px; padding:0 0 0 10px; margin-bottom:20px;}
.entry .post a { color:#ae1454;}
.entry .post a:hover { color:#333;}
.entry .post p { padding-bottom:10px;}
.entry .post ol.commentlist {}
.entry .post ol.commentlist li.alt { display:block; border:1px solid #dadada; padding:10px; list-style:none; background:#fdfdfd; margin-bottom:10px;}
.entry .post ol.commentlist li.alt .gravatar { width:50px; margin-right:10px; float:left; border:1px dotted #dadada; padding:5px;}
.entry .post ol.commentlist li.alt small.commentmetadata { display:block; margin-bottom:10px; padding-bottom:5px;}
.entry .post ol.commentlist li.alt p { line-height:140%; padding-bottom:10px;}
.entry .post ol.commentlist li { display:block; border:1px solid #dadada; padding:10px; list-style:none; background:#f5faff; margin-bottom:10px;}
.entry .post ol.commentlist li .gravatar { width:50px; margin-right:10px; float:left; border:1px dotted #dadada; padding:5px;}
.entry .post ol.commentlist li small.commentmetadata { display:block; margin-bottom:10px; padding-bottom:5px;}
.entry .post ol.commentlist li p { line-height:140%; padding-bottom:10px;}
.entry .post h3#respond {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333; display:block; background:#c6dce7 url(images/h2single.gif) no-repeat left; height:32px; line-height:32px; padding:0 0 0 10px; margin-bottom:20px;}
.entry .post input#author { border:1px solid #dadada; padding:5px; width:300px;}
.entry .post input#email { border:1px solid #dadada; padding:5px; width:300px;}
.entry .post input#url { border:1px solid #dadada; padding:5px; width:300px;}
.entry .post #comment { border:1px solid #dadada; padding:5px; width:500px;}
.entry .post input#submit { width:160px; padding:5px; margin: 5px 3px 4px 0pt; background:url(images/button-bg.gif) repeat-x; 	border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; cursor:pointer;}

/*-----------payment-----------*/
#payment { width:865px; height:76px; background:url(images/payments.gif) no-repeat center; margin:auto; }

/*-----------misc-----------*/
p img { max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/*-----------footer-----------*/
#footer { width:865px; margin:0 auto 10px; padding:0 0 20px 0; clear:both; }
#footer p { text-align:center; color:#fff;}
#footer p a { color:#fff;}
#footer p a:hover { text-decoration:underline;}