/*
Theme Name: RUMAH POPOK
Theme URI: http://www.rumahpopok.com/
Description: Wordpress Theme for Rumah Popok, Blog and E-Commerce Template. Last Update JULY 2011.
Version: 1.1
Author: Angelina Sulistyo
Author URI: http://www.angelsulistyo.com/
*/


/*
----------------------------------------------------------------------- */
body {
	font-family:"Lucida Sans", Arial, sans-serif, "Lucida Sans Unicode";
	font-size:12px;
	background:#ccebf4 url(images/bg/bg.png) repeat-x;
}
#bgawan {
	background:url(images/bg/awangede.png) no-repeat;
	background-position:top center;
	width:100%;
}

a {text-decoration:none;}
a img {border:none;}
.floatkiri {float:left; display:inline; overflow:hidden;}
.floatkanan {float:right; display:inline; overflow:hidden;}

/* FOOTER
----------------------------------------------------------------------- */
#footerwrap {background:url(images/bg/footerbg.png) no-repeat; background-position:center bottom; height:196px; position:relative; }
.footertext {background:url(images/bg/footertxtbg.png) no-repeat; width:492px; height:45px; color:#FFFFFF; font-size:9pt; text-align:center; margin:0 auto; position:relative; top:135px; padding-top:3px;}
.footertext a {color:#FFFFFF;}
.footertext a:hover {color:#FFFFFF; border-bottom:1px dotted #fff}



/* LOGO + SEARCH
----------------------------------------------------------------------- */
.logoatas {padding:30px 0 0 25px;}
.kananatas {background:url(images/burungatas.png) no-repeat; background-position:0 24px; position:relative; height:120px;}
.searchblog {background:url(images/searchinput.png) no-repeat; height:35px; position:absolute; top:83px; right:0; }
.searchinput {border:none; float:left; width:193px; background:none; padding:8px 5px 0 5px; font-family:"Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size:14px; color:#0f9ac3;}
.searchbutton {position:relative; top:0;}

/* NAVIGATION
----------------------------------------------------------------------- */
#navigation {background:url(images/bg/navigationbg.png) no-repeat; width:960px; height:40px; margin-top:20px;}
ul.menu {margin:0; padding:7px 0 0; list-style:none; display:inline; float:left}
ul.menu li {float:left; display:inline; padding:0; font-size:14px; font-weight:800; margin-left:20px;}
ul.menu li a {color:#FFFFFF;}
ul.menu li a:hover {color:#FFFFFF; text-decoration:underline;}
div.socmed {float:right; width:100px; padding:7px 0 0;}

/* BODY
----------------------------------------------------------------------- */
#bodycontent {background:#ffffff url(images/bodycontentbottom.png) no-repeat; background-position:left bottom; width:960px;}
#bodyfooter {width:940px; margin:0 auto;background:#b3e3f1 url(images/bg/birufooterbg.jpg) no-repeat; background-position:left bottom;}
.boxfooter {width:215px; float:left; margin:15px 10px 0; color:#4d4d4d;}
.boxfooter p a {color:#4d4d4d; text-decoration:none}
.boxfooter p a:hover {color:#1b9ac1; border-bottom:1px dotted #80d9f4;}
.boxfooter a.readmore {color:#ff9c00;}
.boxfooter a.readmore:hover {color:#ff9c00; border-bottom:1px dotted #ff9c00;}
ul.listfooter {list-style:none; margin:5px 0 15px; padding:0; margin-right:10px;}
ul.listfooter li {color:#4d4d4d; margin:0; padding-left:10px; padding-bottom:4px; background:url(images/bullet_orange.gif) no-repeat; background-position:0 7px;}
ul.listfooter li a {color:#4d4d4d; text-decoration:none}
ul.listfooter li a:hover {color:#1b9ac1; border-bottom:1px dotted #80d9f4;}
img.centered, img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* CATEGORY PRODUCT
----------------------------------------------------------------------- */
#catproduk {background:url(images/bg/sidebar_bg.jpg) repeat-y; width:220px; margin:10px 0}
.categorybox {padding:0 10px;}
ul.produkbycat {list-style:none; margin:5px 0 15px; padding:0; border-bottom:1px dashed #52cef4; margin-right:10px;}
ul.produkbycat li {color:#4d4d4d; margin:0; padding-left:20px; padding-bottom:2px; background:url(images/bullet_orange.gif) no-repeat; background-position:0 6px;}
ul.produkbycat li a {color:#4d4d4d; text-decoration:none}
ul.produkbycat li a:hover {color:#1b9ac1; border-bottom:1px dotted #80d9f4;}
.ddprodbrand {margin:10px 0 5px;}
.ddprodbrand select {width:180px;}


/* FRONT PAGE
----------------------------------------------------------------------- */
.welcomemsg {margin:10px 0;}
.welcomemsg p {font-size:12px;}
.welcomemsg p a {color:#999999; border-bottom:1px dashed #666666}
.featprod {background-color:#f4ffce; border:1px dashed #a6d464; height:155px; margin-bottom:15px; width:340px; float:left; display:inline; margin-right:8px;}
.featprod .floatkiri {text-align:center; padding:10px 0;}
.featprod p {font-size:18px; color:#93bf00; margin-bottom:0; padding:3px 0;}
/*article*/
.featarticle {background-color:#fffbc0; border-bottom:1px dashed #fec235; height:175px; margin-bottom:15px;}
.featart_title {background-color:#ffbc2c; color:#fff; font-weight:bold; display:block; height:25px; padding:5px 5px 0;}
.featart_title a {color:#FFFFFF;}
.featart_title a:hover {color:#FFFFFF; border-bottom:1px dotted #fff;}
.featarticle p {padding:5px; margin-bottom:0}
.featarticle div img {padding:5px; margin:5px; border:1px solid #fec235; background-color:#ffffff; width:80px; height:80px; float:right; display:inline; overflow:hidden;}
.smalltxt {font-size:11px; margin-bottom:0;}
.smalltxt a, .featarticle p a {color:#ff9c00;}
.smalltxt a:hover, .featarticle p a:hover {color:#ff9c00; border-bottom:1px dotted #ff9c00}
.popokfaq {border-right:1px dashed #fec235; margin-bottom:20px;}
.lastitem {border-right:none;}

/* SHOPPING CART
----------------------------------------------------------------------- */
.shopcart {background-color:#ebf8c0; width:200px; padding:10px;}
.shopcartfooter {margin:0 0 10px;}

.bannerads {margin:10px 0;}
.howtopay {margin:10px 0;}
.chatym {text-align:center; padding-bottom:10px;}

/* PRODUCT
----------------------------------------------------------------------- */
.listallproduct {margin:20px 0 15px;}
.listallproduct h3 {color:#41c7ee; border-bottom:1px dashed #41c7ee; display:block; background:url(images/icontitle_diaper.jpg) no-repeat; padding:10px 0 15px 55px;}
.catthumb {float:left; display:inline; margin:0 14px 10px; width:175px; height:235px;}
.catimg {width:175px; height:175px; border:1px solid #41c7ee; display:table-cell; text-align:center; vertical-align:middle}
.catimg img {width:150px;}
.catimg * {vertical-align:middle}
/*\*//*/
.catimg {
    display: block;
}
.catimg span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
.cattitle {text-align:center; color:#1aa2da; }
.cattitle  a {color:#1aa2da;}
.cattitle  a:hover {color:#148bae; border-bottom:1px dotted #148bae;}

.pagination-pages {text-align:center;margin:50px 0 20px;}
.pagepaging {font-size:16px; color:#1aa2da; font-weight:bold;}
.pagination-pages span {background-color:#ff268c; color:#FFFFFF; padding:5px 7px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.pagination-pages a {background-color:#ff268c; color:#FFFFFF; padding:5px 7px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.pagination-pages a:hover {background-color:#8cc540; color:#FFFFFF; padding:5px 7px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}

.gbr-produk {width:260px; height:280px; border:1px solid #41c7ee; display:table-cell; text-align:center; vertical-align:middle}
.gbr-produk  * {vertical-align:middle}
/*\*//*/
.gbr-produk {
    display: block;
}
.gbr-produk span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
.productthumb {width:75px; height:75px;border:1px solid #41c7ee; float:left; display:inline; margin:3px 5px 5px 0; text-align:center;}
.productthumb img {width:70px; height:70px;}
.submitqty {margin:10px 0;}
.submitqty fieldset label img {vertical-align:middle}
.inputqty {width:70px; padding:5px; background-color:#e1ffd6; border:1px dashed #4fc922; color:#4fc922; font-size:14px;}
.buynowbtn {background:url(images/btn_buynow.jpg) no-repeat; width:88px; height:35px; border:none;}
.detailbarang {border-bottom:1px dashed #41c7ee; margin-bottom:10px;}

/* BLOG
----------------------------------------------------------------------- */
.blogdetail {margin:20px 0 50px;}
.posttitle {border-bottom:1px dashed #41c7ee; display:block; padding-bottom:5px; margin-bottom:10px;}
.posttitle h1 {color:#ff7800; margin:0; padding:0;}
.posttitle h1 a {color:#ff7800;}
.posttitle h1 a:hover {color:#ff7800; border-bottom:1px dashed #ff7800;}
.posttitle span {color:#75cd00;}
.posttitle span a {color:#75cd00;}
.posttxt p, .detailbarang p {margin-top:5px; margin-bottom:15px; color:#51464c; font-size:12px; margin-right:40px;}
.posttxt a, .detailbarang p a {color:#93bf01;}
.posttxt a:hover, .detailbarang p a:hover {color:#93bf01; border-bottom:1px dashed #93bf01}

.posttxt h1 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:30px;}
.posttxt h2 {font-family:Helvetica, Arial, sans-serif;margin-top:10px; margin-bottom:5px;color:#3a3a3a; letter-spacing:-1px; font-size:25px;}
.posttxt h3 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px; font-size:20px;}
.posttxt h4 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:18px;}
.posttxt h5 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:14px;}
.posttxt h6 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:12px;}
.navigation {overflow:hidden; margin:20px 0; padding:0;}
.alignleft, .alignkiri {margin:0 1em 1em 0; float:left;}
.alignright, .alignkanan {margin:0 0 1em 1em; float:right;}
.displaytag {font-size:11px; color:#999999; padding-bottom:5px;}
blockquote {
	background:url("images/open.gif") no-repeat scroll left top transparent;
	margin:0 15px;
	padding:0 0 0 20px;
}
blockquote p {
	background:url("images/close.gif") no-repeat scroll right bottom transparent;
	padding:5px 40px 0 0;
}
.wp-caption {
background-color:#f6fdff;
border:1px solid #ccebf4;
margin-top:10px;
margin-bottom:10px;
padding-top:4px;
text-align:center;
}
.aligncenter {
margin:0 auto;
text-align:center;
}
.wp-caption p {text-align:center; margin:3px auto; font-size:11px}
.commentblog h3 {color:#41c7ee; display:block; background:url(images/icon_kakicomment.gif) no-repeat; padding:10px 0 15px 55px; margin:20px 0 0;}
.comment-form {
	margin:0;
	padding:0;
}
.comment-form p {
	padding:2px 5px;
	margin-right:5px;
	margin-bottom:10px;
}
.comment-form p a {text-decoration:none; color:#93bf01;}
.cancel-comment-reply a {text-decoration:none; color:#93bf01;}
.comment-form label {
	display:block;
	font-size:12px;
	font-weight:normal;
}
.comment-form p input {
	width:180px;
	background-color:#daf388;
	border:none;
	padding:5px;
	font-family:Arial, "sans-serif";
	font-size:12px;
}
.comment-form p.submitbutton input {
	border:none;
	background:url(images/btn_submit.gif);
	width:88px;
	height:35px;
	cursor:pointer;
}
.comment-form p textarea {
	width:600px;
	background-color:#daf388;
	border:none;
	padding:5px;
	font-family:Arial, "sans-serif";
	font-size:12px;
}
.comment-form .submitbutton {

}
.comment-form .left {
	float:left;
}
.comment-form .right {
	float:right;
}
.comment-form .clear {
	clear:left;
}
/* ------- Styling Threaded Comment --------- */

ol.commentlist { margin:0 10px 0 0; padding:10px; list-style-type:none;}
ol.commentlist li {border:1px solid #93bf01; margin-bottom:10px; padding:10px; margin-left:0;}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {font-weight:bold;}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {color:#93bf01; font-size:20px;}
ol.commentlist li.comment div.vcard cite.fn a.url {color:#93bf01;}
ol.commentlist li.comment div.vcard cite.fn a.url:hover {color:#93bf01; border-bottom:1px dotted #93bf01}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {font-size:16px;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {padding:5px 0;}
ol.commentlist li.comment div.comment-meta a {color:#93bf01;}
ol.commentlist li.comment div.comment-meta a:hover {color:#93bf01; border-bottom:1px dotted #93bf01}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {color:#93bf01;}
ol.commentlist li.comment ul.children {margin-bottom:0; list-style:none; background-color:#dff2a0}
ol.commentlist li.comment ul.children li {margin-bottom:0}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {background-color:#ebf8c0; }
ol.commentlist li.thread-odd {background-color:#f0f6da; }
ol.commentlist p {margin-bottom:0;}


.listblog {margin:15px 0;}
.listblog h3, .singlepage h3 {color:#81cb03; border-bottom:1px dashed #41c7ee; display:block; margin-bottom:0}

.wp-pagenavi {margin-top:20px; margin-bottom:30px; color:#000;}
.wp-pagenavi .pages {background-color:#b3e3f1; padding:7px 10px;margin:2px; -moz-border-radius:5px 5px 5px 5px; font-weight:bold;}
.wp-pagenavi .page, .wp-pagenavi .last {
background-color:#B3E3F1;
margin:2px;
padding:7px 10px;
text-decoration:none;
color:#000;
-moz-border-radius:5px 5px 5px 5px;
}
.wp-pagenavi span.current {
background-color:#08bddd;
margin:2px;
padding:7px 10px;
text-decoration:none;
border:none;
color:#fff;
-moz-border-radius:5px 5px 5px 5px;
}
.wp-pagenavi a,.wp-pagenavi a:visited, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last {
background-color:#b3e3f1;
margin:2px;
padding:7px 10px;
text-decoration:none;
color:#000;
-moz-border-radius:5px 5px 5px 5px;
}
.wp-pagenavi a:hover, .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover .wp-pagenavi a.last:hover {
background-color:#08bddd;
border:none;
color:#fff;
}



/* SIDEBAR BLOG
----------------------------------------------------------------------- */
.sidebarblog h4 {color:#00AFCE; margin:15px 0 5px; display:block; border-bottom:1px dashed #81cb03;}
.widget h3.widget-title {color:#00AFCE; margin:15px 0 5px; display:block; border-bottom:1px dashed #81cb03;}
.sidebarblog ul, .widget ul {list-style:none; margin:5px 0 15px; padding:0; margin-right:10px;}
.sidebarblog ul li, .widget ul li {color:#4d4d4d; margin:0; padding-left:10px; padding-bottom:4px; background:url(images/bullet_orange.gif) no-repeat; background-position:0 7px;}
.sidebarblog ul li a, .sidebarblog a, .widget ul li a {color:#4d4d4d; text-decoration:none}
.sidebarblog ul li a:hover, .sidebarblog a:hover, .widget ul li a:hover {color:#1b9ac1; border-bottom:1px dotted #80d9f4;}