/* reset.css */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/* typography.css */body{font-size:75%;color:#222;background:#fff;font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;font-family:"Lucida Grande","Century Gothic",AppleGothic,sans-serif}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em;text-transform:uppercase}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}p{margin:0 0 1.5em}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}a:focus,a:hover{color:#009}a{color:#0085eb;text-decoration:none}blockquote{margin:1.5em;color:#666;font-style:italic}strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}del{color:#666}pre{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5}li ul,li ol{margin:0 1.5em}ul,ol{margin:0 1.5em 1.5em 1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}dl{margin:0 0 1.5em 0}dl dt{font-weight:bold}dd{margin-left:1.5em}table{margin-bottom:1.4em;width:100%}th{font-weight:bold}thead th{background:#c3d9ff}th,td,caption{padding:4px 10px 4px 5px}tr.even td{background:#e5ecf9}tfoot{font-style:italic}caption{background:#eee}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.hide{display:none}.quiet{color:#666}.loud{color:#000}.highlight{background:#ff0}.added{background:#060;color:#fff}.removed{background:#900;color:#fff}.first{margin-left:0;padding-left:0}.last{margin-right:0;padding-right:0}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}
/* forms.css */label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input[type=text],input.text,input.title,textarea,select{background-color:#fff;border:1px solid #bbb}input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#666}input[type=text],input.text,input.title,textarea,select{margin:0.5em 0}input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.25em}form.inline{line-height:3}form.inline p{margin-bottom:0}.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}.success{background:#E6EFC2;color:#264409;border-color:#C6D880}.error a{color:#8a1f11}.notice a{color:#514721}.success a{color:#264409}.button {padding: 3px 10px;border:1px solid #e00;background:#900;color:#fff}
/* Clearfix */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* Clearfix IE6 */ * html .clearfix{height:1%}/* Clearfix IE7 */*:first-child+html .clearfix{min-height:1px}

body {
    background: #e7feab url(../image/bg_body.gif) repeat-x 0 0;
}
a:link, a:visited {color: #f60; font-weight: bold;}
a:hover {color: #900;}

/* !Links */
a.paid { font-weight: bold; }
a.free { font-weight: normal; }

/* !Ads */
.bannera { float: right; margin: 0 0 20px;}
.bannerb { margin: 0 0 20px;}
.bannerb2 { margin: 0 0 20px;}
.bannerc1, .bannerc2 { margin: 30px 0; }
.bannerd { margin: 3px 0 0 10px; }
.bannere { text-align: center; }
.bannerf { padding: 5px; border: 1px solid #ccc; margin: 20px 0; }
.bannerf1 { float: left;}
.bannerf2 { float: right;}
.banneradpoint { margin: 20px 0 0; }

/* !Star ratings */
.star-rate { margin: 0 0 5px;}
.star-rate img { vertical-align: middle;}

/* !General Classes */
.hidden {display: none !important;}
.more {text-align: right; font-size: 11px; font-weight: bold; border-top: 1px solid #ccc; text-transform: none; margin: 10px 0 0; padding: 5px 0 0;}
.more a:link, .more a:visited { color: #f60;} .more a:hover { color: #900; }
.date {font-size: 10px;}
.textarea { width: 390px; height: 100px;}
.textblock {width: 390px; padding: 5px;}

/* !Alignments */
.floatleft { float: left; }
.floatright {float: right;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

/* !Grids */
.c670 { width: 670px; }
.c640 { width: 640px; }
.c360 { width: 360px; }
.c330 { width: 330px; }
.c310 { width: 310px; }
.c300 { width: 300px; }
.c220 { width: 220px; }
.c200 { width: 200px; }
.c190 { width: 190px; }
.c420 { width: 420px; }
.c400 { width: 400px; }

/* !Images Classes */
.img50 { padding: 3px; border: 1px solid #ccc; float: left; margin: 3px 10px 5px 0; }
.img50 img {width: 50px;}
.img100 { padding: 3px; border: 1px solid #ccc; float: left; margin: 3px 10px 5px 0; }
.img100 img {width: 100px;}
.img190 { padding: 3px; border: 1px solid #ccc; }
.img190 img {width: 190px;}
.img200 { padding: 3px; border: 1px solid #ccc; float: left; margin: 3px 10px 5px 0; }
.img200 img {width: 200px;}
.imgarticle { padding: 3px; border: 1px solid #ccc; float: left; margin: 3px 10px 5px 0; clear: left;}
.imgarticle img {margin: 0 0 2px;}
.imgarticle .caption {font-size: 11px;}
.imgrecipe { padding: 3px; border: 1px solid #ccc; float: right; margin: 3px 0 5px 10px;}
.imgrecipe img {margin: 0 0 2px;}
.imgrecipe .caption {font-size: 11px;}
.imghalal { padding: 3px; border: 1px solid #ccc; float: left; margin: 3px 10px 5px 0;}
.imghalal img {margin: 0 0 2px; width: 150px;}
.imghalal .caption {font-size: 11px;}
.browserimg { margin: 0 0 5px; }
.browserimg img { width: 100px; }

/* !Column Styles */
.columnwhite {margin-bottom: 15px;}
.columnwhite .columncontent { background: #fff; border: 1px solid #ccc; padding: 10px; overflow: hidden;}
.columnwhite h2 {font-size: 16px; margin: 5px 0 0; line-height: 120%;}
.columnyellow {margin-bottom: 15px;}
.columnyellow .columncontent { background: #ffc; border: 1px solid #ccc; padding: 10px; overflow: hidden;}
.columnyellow h2 {font-size: 16px; margin: 5px 0 0; line-height: 120%;}
.columnhead a, .columnhead {color: #e77131; text-shadow: #ccc 0 1px; font-size: 16px; font-weight: bold; text-transform: none; margin: 0 0 10px;}

/* !List Styles */
.arrowlist {list-style: none none outside; margin: 0;}
.arrowlist li {background: url(../image/bg_arrowlist.gif) no-repeat 0 1px; padding-left: 20px;}
.morelist { margin: 20px 0 0;}
.morelist ul {list-style: square outside; margin: 5px 0 0; padding: 0 0 0 20px;}
.morelist li {margin: 0;}
.morelist h3 {font-size: 14px; text-transform: none; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; margin: 0;}
.morelist h4 {font-size: 12px; text-transform: none; border-top: 1px dashed #ccc; border-bottom: 2px solid #ccc; padding: 2px 0; margin: 0; text-align: right;}
.breadcrumb { margin: 0 0 10px; border-bottom: 1px solid #ccc;}
.breadcrumb ul { margin: 0; list-style: none none outside; text-align: right;}
.breadcrumb li { margin-left: 5px; display: inline; float: right; background: url(../image/bg_breadcrumb_left.gif) no-repeat 0 1px; padding-left: 20px; }
.breadcrumb li.last { background: none; padding-right: 0;}
.ratedlist { margin: 20px 0 0;}
.ratedlist ul {list-style: none none outside; margin: 5px 0 0; padding: 0;}
.ratedlist li {border-bottom: 1px solid #eee; padding: 3px 0;}
.ratedlist h3 {font-size: 14px; text-transform: none; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 0; margin: 0;}
.ratedlist h4 {font-size: 12px; text-transform: none; margin: 0;}
.databaselist { margin: 20px 0 0;}
.databaselist ul { list-style: none none outside; margin: 0; padding: 0; border-bottom: 1px solid #fc0;}
.databaselist li { background: #eee url(../image/bg_redlist.gif) no-repeat 10px 6px; border-top: 1px solid #fc0; padding: 5px 10px 5px 30px;}
.databaselist li.even { background-color: #ffc;}
.databaselist li.odd { background-color: #ffd;}
.databaselist ul li ul { list-style: none none outside; margin: 0; padding: 0;}
.databaselist ul li li, .databaselist ul li.even li, .databaselist ul li.odd li { background: transparent url(../image/bg_greenlist.gif) no-repeat 0 1px; padding: 0 0 0 20px; border: none; }
.databaselist h2 {font-size: 14px; text-transform: none; margin: 0;} 
.databaselist h3 {font-size: 16px; text-transform: none; margin: 0 0 10px; font-weight: bold;}
.databaselist h4 {font-size: 12px; text-transform: none; margin: 10px 0 5px; font-weight: bold;}
.databaselist p { margin: 0;}
.paginglist {margin: 5px 0 25px;}
.paginglist li {margin: 0 1px 0 0;padding: 0;list-style: none none outside;display: inline;}
.paginglist a:link, .paginglist a:visited { color: #090; font-size: 10px; padding: 5px; background: #c7ffb5; margin-right: 1px; height: 32px; line-height:32px; border: 1px solid #99ff00;}
.paginglist a.current{background: #090; font-weight: bold;border-color:#199500; color: #ff0; }
.paginglist a:hover {background: #ff0;color:#e00; border-color: #fc0; }
.questionlist {list-style: none none outside; margin: 0;border-bottom: 1px solid #fc0;}
.questionlist li { border: 1px solid #fc0; border-bottom: none; padding: 10px;}
.questionlist li.even { background-color: #ffc;}
.questionlist li.odd { background-color: #ffd;}
.questionlist h2 { font-size: 14px; text-transform: none; padding: 3px 0; margin: 0; }
.questionlist h4 { font-size: 12px; text-transform: none; border-top: 1px dashed #fc0; padding: 2px 0; margin: 10px 0 0; text-align: right; }
.questionlist span img { vertical-align: top;}
.questionlist .author { margin: 0; font-weight: bold; }
.questionlist .email { color: #e00; font-style: italic; font-size: 11px; }
.consultantlist { color: #333; list-style: none none outside; margin: 0;border-bottom: 1px solid #35c100;}
.consultantlist li { border: 1px solid #35c100; border-bottom: none; padding: 10px;}
.consultantlist li.even { background-color: #baff85;}
.consultantlist li.odd { background-color: #caffb7;}
.consultantlist h2 { font-size: 14px; text-transform: none; padding: 3px 0; margin: 0; }
.consultantlist h4 { font-size: 12px; text-transform: none; border-top: 1px dashed #ccc; padding: 2px 0; margin: 10px 0 0; text-align: right; }
.consultantlist a:link, .consultantlist a:visited { color: #090; }
.consultantlist h2 a:hover { color: #e00; }
.consultantlist span img { vertical-align: top;}
.consultantlist .img50 { border-color: #35c100;}
.consultantlist .author { margin: 0; font-weight: bold; }
.consultantlist .email { color: #e00; font-style: italic; font-size: 11px; }
.halallist { list-style: none none outside; margin: 0 0 15px; padding: 0; }
.halallist li { background: url(../image/bg_redlist.gif) no-repeat 0 6px; padding: 5px 10px 5px 20px;}
.halallist ul { list-style: none none outside; }
.halallist ul li { background-image:  url(../image/bg_arrowlist.gif);}

/* !Button Styles */
.gotobtn { margin: 10px 0;  }
.gotobtn a, .gotobtn a:visited { color: #fff; text-shadow: 0 1px #900; text-transform: uppercase; background: #cd0000 url(../image/bg_gotobtn.gif) repeat-x 0 0; padding: 5px 10px; border: 1px solid #f60; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.gotobtn a:hover { color: #ff0;}
.btn { font-size:11px; color: #fff; text-shadow: 0 1px #900; text-transform: uppercase; background: #cd0000 url(../image/bg_gotobtn.gif) repeat-x 0 0; border: 1px solid #f60; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer;}

/* !Share */
.sharemenu { margin-top:1px; border:1px solid #ccc; background:#e9e9ce url(../image/bg_share.gif); bottom:-1px; position:relative; }
.sharemenu h3 { margin:0; float:left; clear:none; width:50px; margin:2px 5px 0; padding: 4px 0 4px 24px; height:19px; background:url(../image/bg_detiksharesprites.gif) no-repeat -19px 0; font-size: 14px; text-transform: none; }
.sharemenu ul,.sharemenu ul li { margin:0; padding:0; clear:none; float:left; list-style:none none outside; }
.sharemenu ul { display:block; }
.sharemenu ul li { display:block; clear:none; width:19px; height:19px; padding:5px; background:#fff; border-right:1px solid #ccc; }
.sharemenu ul li.selected { background:#eee; padding-bottom:6px; }
.sharemenu a:link,.sharemenu a:hover { text-decoration:none; }
.sharemenu .class-0 { border-left: 1px solid #ccc; }
.sharemenu a.sharefacebook,a.sharetwitter,a.sharelintas,a.shareblogdetik,a.sharewordpress,a.shareblogger,a.sharegmail,a.shareymail,a.shareemail,a.sharegtalk,a.shareym,a.sharelivem { height:19px; width:19px; display:block; }
.sharecontent a.sharefacebook,.sharemenu a.sharefacebook { background:url(../image/bg_detiksharesprites.gif) 0 0 no-repeat; }
.sharecontent a.sharetwitter,.sharemenu a.sharetwitter { background:url(../image/bg_detiksharesprites.gif) 0 -19px no-repeat; }
.sharecontent a.sharelintas,.sharemenu a.sharelintas { background:url(../image/bg_detiksharesprites.gif) 0 -38px no-repeat; }
.sharecontent a.shareblogdetik,.sharemenu a.shareblogdetik { background:url(../image/bg_detiksharesprites.gif) 0 -57px no-repeat; }
.sharecontent a.sharewordpress,.sharemenu a.sharewordpress { background:url(../image/bg_detiksharesprites.gif) 0 -76px no-repeat; }
.sharecontent a.shareblogger,.sharemenu a.shareblogger { background:url(../image/bg_detiksharesprites.gif) 0 -95px no-repeat; }
.sharecontent a.sharegmail,.sharemenu a.sharegmail { background:url(../image/bg_detiksharesprites.gif) 0 -114px no-repeat; }
.sharecontent a.shareymail,.sharemenu a.shareymail { background:url(../image/bg_detiksharesprites.gif) 0 -133px no-repeat; }
.sharecontent a.shareemail,.sharemenu a.shareemail { background:url(../image/bg_detiksharesprites.gif) 0 -152px no-repeat; }
.sharecontent a.sharegtalk,.sharemenu a.sharegtalk { background:url(../image/bg_detiksharesprites.gif) 0 -171px no-repeat; }
.sharecontent a.shareym,.sharemenu a.shareym { background:url(../image/bg_detiksharesprites.gif) 0 -190px no-repeat; }
.sharecontent a.sharelivem,.sharemenu a.sharelivem { background:url(../image/bg_detiksharesprites.gif) 0 -209px no-repeat; }
.sharecontents * { margin:0; padding:0; font-size:12px; line-height:normal; font-family:Arial, Helvetica, sans-serif; }
.sharecontents { background:#eee 0 0 repeat-x; border:1px solid #ccc; padding:10px; display:block; width:auto; top:-1px; position:relative; color:#009; font:bold 12px Arial, Helvetica, sans-serif; }
/* IE Bug */
.sharecontents { position: relative; }
.sharecontents label, .sharecontents input, .sharecontents p, .sharecontents small { position:relative; }
.sharecontents small { font:normal 11px Arial, Helvetica, sans-serif; color:#666; }
.sharecontents .sharecontent { border:1px solid #ccc; padding:10px; background:#fff; position: relative; }
/* Clearfix */
.sharecontents .sharecontent:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Clearfix IE6 */
* html .sharecontents .sharecontent { height:1%; }
/* Clearfix IE7 */
:first-child+html .sharecontents .sharecontent { min-height:1px; }
.sharecontents #closeshare { width:40px; padding: 2px 0 0 20px; height:20px; float:right; top:5px; right:5px; background:url(../image/bg_detiksharesprites.gif) no-repeat -19px -26px; font-size:12px; position:absolute; z-index:99; }
.sharecontents #closeshare:hover { text-decoration:none; }
.sharecontents h3 { text-transform:none; border:none; border-bottom:1px solid #ccc; text-align:left; padding: 0 0 5px 0; margin:0 0 10px; position:relative; font:bold 12px Georgia, "Times New Roman", Times, serif; }
.sharecontents h4 { text-transform:none; border:none; border-top:1px solid #ccc; text-align:right; margin:10px 0 0; position:relative; font:bold 12px Arial, Helvetica, sans-serif; }
.sharecontents h4 a { font-size:11px; }
.sharecontents br { clear: both; }
.sharecontents img { margin: 0 5px 0 0; }
.sharecontents a:link,.sharecontents a:visited { color:#009; float:left; }
.sharecontents a:hover { text-decoration:none; color:#f00; }
.sharecontents .error,.sharecontents .notice,.sharecontents .success { padding: 10px; margin: 5px 0; }
.sharecontents .floatleft { float:left; width:100px; margin:0 0 10px; }
.sharecontents .shareleft { float:left; width:auto; margin:0 0 10px; }
.sharecontents .shareinput { float:left; width:200px; height:20px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px; }
.sharecontents .shareselect { float:left; width:200px; height:28px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px; }
.sharecontents .sharemsg { float:left; width:350px; height:150px; border:1px solid #ccc; margin:0 0 10px; padding:3px; }
.sharecontents .sharesubmit { float:left; width:auto; height:24px; border:1px solid #ccc; margin:0 0 10px; background:#000066; color:#fff; padding:2px 5px; }
.sharecontents .importcontacts { float:left; width:350px; height:200px; border:1px solid #ccc; margin:0 0 10px; padding:0; overflow:auto; }
.sharecontents .importcontacts ul { margin:0; }
.sharecontents .importcontacts ul li { padding:3px 5px; background:#eee; margin:0; list-style:none none outside; }
.sharecontents .importcontacts ul li.alt { background:#fff; }
.small-share-btn {display: inline;clear: none;}
.small-share-btn .inner {padding: 4px 0 4px 10px;float: left;clear: none;margin: 0 0 0 5px;}
.addthis_toolbox {padding: 6px 0 0;}

/* !Cosmetics */
.highlightleft { }
.highlightleft .restorecipebox { height: 120px; margin-bottom: 15px; }
.highlightleft .halalbox { height: 120px; margin-bottom: 15px;}
.highlightslides { background: #fff; width: 53.34em; height: 300px; overflow: hidden; margin-bottom: 15px; position: relative; }
.highlightslides .slide-nav { width: 240px; float: right;}
.highlightslides .slide-nav ul {list-style: none none outside; margin: 0;}
.highlightslides .slide-nav li {margin: 0; display: block; height: 75px; overflow: hidden;}
.highlightslides .slide-nav a { display: block; padding: 5px 10px 10px 20px; height: 60px; overflow: hidden; background: #028f00 url(../image/bg_slide_nav.gif) no-repeat 0 0; color: #fff;}
.highlightslides .slide-nav .selected, highlightslides .slide-nav a:hover.selected { background: #d6ac08 url(../image/bg_slide_nav_active.gif) no-repeat 0 0; color: #000;}
.highlightslides .slide-nav a:hover {color: #900;}
.highlightslides .slide-nav .date {display: block;}
.highlightslides .slide-nav .title {font-size: 12px; line-height: 130%; display: block;}
.highlightslides .slide-content { position: absolute; width: 392px; height: 292px; background: #ccc; display: inline; float: left; padding: 3px 4px 3px 3px; border: 1px solid #999; border-right: none; overflow: hidden; }
.highlightslides .slide-content img { width: 392px; height: 292px; }
.foodblogger { background: #fff; width: 53.34em; height: 240px; overflow: hidden; margin-bottom: 15px; position: relative; }
.foodblogger .slide-nav { width: 89px; height: 238px; border: 1px solid #fc9; border-left: none; float: right; overflow: hidden; }
.foodblogger .slide-nav ul {list-style: none none outside; margin: 0;}
.foodblogger .slide-nav li {margin: 0; display: block; height: 80px; overflow: hidden;}
.foodblogger .slide-nav a { display: block; padding: 5px 5px 5px 15px; height: 70px; overflow: hidden; background: #028f00 url(../image/bg_slide_nav.gif) no-repeat 0 0; color: #fff;}
.foodblogger .slide-nav img { width: 70px; height: 70px;}
.foodblogger .slide-nav .selected, highlightslides .slide-nav a:hover.selected { background: #d6ac08 url(../image/bg_slide_nav_active.gif) no-repeat 0 0; color: #000;}
.foodblogger .slide-nav a:hover {color: #900;}
.foodblogger .slide-nav .date {display: block;}
.foodblogger .slide-nav .title {font-size: 12px; line-height: 130%; display: block;}
.foodblogger .slide-content { position: absolute; width: 530px; height: 218px; background: #fff8e2 url(../image/bg_foodblogger_content.gif) repeat-y; display: inline; float: left; padding: 10px 10px 10px 9px; border: 1px solid #fc9; border-right: none; overflow: hidden; }
.foodblogger .slide-content img { height: 200px; width: 200px; }
.foodblogger .title { font-size: 24px; }
.foodblogger .meta { padding: 3px; border-top: 1px solid #fc9; border-bottom: 1px solid #fc9; margin-bottom: 10px; }
.galleryslide .slide-nav { }
.galleryslide .slide-nav ul {list-style: none none outside; margin: 0;}
.galleryslide .slide-nav li {margin: 0; display: inline; height: 70px; overflow: hidden;}
.galleryslide .slide-nav a { float:left; padding: 5px; background: #fff; border: 1px solid #ccc; color: #000; margin: 10px 5px 10px 0;}
.galleryslide .slide-nav .selected, highlightslides .slide-nav a:hover.selected { background: #ff0; color: #000;}
.galleryslide .slide-nav a:hover { background-color: #9c6500; color: #fff;}
.galleryslide .slide-content { width: 280px;}
.galleryslide .slide-content h2 { font-size: 14px; text-align: center;}
.galleryslide .slide-nav .next { background: #fff url(../image/bg_gallery_next.gif) no-repeat 3px 6px; width: 12px;}
.galleryslide .slide-nav .prev { background: #fff url(../image/bg_gallery_prev.gif) no-repeat 4px 6px; width: 12px;}
.galleryslide .img { padding: 3px; border: 1px solid#ccc; background: #fff;}
.galleryslide { padding: 10px; margin-bottom: 15px;}
.indexgalleryslides { background: #fff; width: 53.34em; height: 420px; overflow: hidden; margin-bottom: 15px; position: relative; }
.indexgalleryslides .slide-nav { width: 200px; float: right;}
.indexgalleryslides .slide-nav ul {list-style: none none outside; margin: 0;}
.indexgalleryslides .slide-nav li {margin: 0; display: block; height: 70px; overflow: hidden;}
.indexgalleryslides .slide-nav a { display: block; padding: 5px 10px 10px 20px; height: 55px; overflow: hidden; background: #028f00 url(../image/bg_slide_nav.gif) no-repeat 0 0; color: #fff;}
.indexgalleryslides .slide-nav .selected, .indexgalleryslides .slide-nav a:hover.selected { background: #d6ac08 url(../image/bg_slide_nav_active.gif) no-repeat 0 0; color: #000;}
.indexgalleryslides .slide-nav a:hover {color: #900;}
.indexgalleryslides .slide-nav .date {display: block;}
.indexgalleryslides .slide-nav .title {font-size: 12px; line-height: 130%; display: block;}
.indexgalleryslides .slide-content { position: absolute; width: 432px; height: 412px; background: #fff; float: left; padding: 3px 4px 3px 3px; border: 1px solid #ccc; border-right: none; overflow: hidden; }
.indexgalleryslides .slide-content img { width: 432px; height: 272px; }
.indexgalleryslides .slide-info { margin: 5px 0 0 0; height: 127px; padding: 3px; overflow: hidden; background: #ffc; border: 1px solid #fc0; }
.indexgalleryslides .slide-info h2 { font-size: 14px; font-weight: bold; margin: 0;}
.indexgalleryslides .slide-info p { margin: 0; }
.indexgalleryslides .slide-info img {width: auto; height: auto;}
.tvplayer { padding: 10px; border: 1px solid #ccc; margin: 15px 0 30px; }
.tvplayer h4 { margin: 5px 0 5px;}
.tvplayer h2 { margin: 0 0 5px;}
.tvplayer .more { margin-top: 2px; }
.tvslide { position: relative; }
.tvslide .slide-content { padding: 5px; border: 1px solid #ccc; border-bottom-color: #ffc; background: #ffc; }
.tvslide .slide-content .date { margin: 0 0 2px; font-size: 11px; }
.tvslide .slide-content h2 { font-size: 14px; text-transform: none; margin: 0 0 5px; }
.tvslide .slide-thumb { position: relative; height: 68px; background: #000; overflow: hidden; margin: 0; }
.tvslide .slide-thumb ul { display: block; list-style: none none outside; position: absolute; top: 0; left: 0; width: 1000px; margin: 0; padding: 0;}
.tvslide .slide-thumb li { display: inline; padding: 0; margin: 0; }
.tvslide .slide-thumb a { float: left; margin: 0; width: 58px; height: 58px; padding: 5px; background: #ccc; border: 1px solid #ccc; border-color: #ccc #ddd #ccc #bbb; }
.tvslide .slide-thumb a:hover { background:  #ff0; }
.tvslide .slide-thumb a.selected { background: #00ee00; border-color: #ffc #ccc #ccc; }
.tvslide .slide-thumb li img { width: 58px; height: 58px;}
.contentgalleryslides { background: #b8ff88; margin-bottom: 15px; padding: 15px 22px 15px 21px; border: 1px solid #92ff60; position: relative; }
.contentgalleryslides .slide-nav { background: #ffc; padding:10px 10px; border: 1px solid #fc0;margin: 10px 0 0;}
.contentgalleryslides .slide-nav ul {list-style: none none outside; margin: 0;}
.contentgalleryslides .slide-nav li {display: inline;}
.contentgalleryslides .slide-nav a {margin: 0 5px 5px 4px; float: left; width: 72px; height: 72px; padding: 6px; overflow: hidden; border: 1px solid #fc0; background-color: #fcfcfc; }
.contentgalleryslides .slide-nav a:hover, .contentgalleryslides .slide-nav a.selected:hover {background: #fc0;border-color: #fc0}
.contentgalleryslides .slide-nav a.selected { background: #f60;border-color: #f60 }
.contentgalleryslides .slide-nav a img {width: 71px; height: 71px;}
.contentgalleryslides .next { background: url(../image/bg_gallery_content_next.gif) no-repeat 0 0; width: 48px; height: 48px; float: left; position: absolute;top: 225px; right: 10px;}
.contentgalleryslides .prev { background: url(../image/bg_gallery_content_prev.gif) no-repeat 0 0; width: 48px; height: 48px; float: left; position: absolute;top: 225px; left: 10px;}
.contentgalleryslides .next:hover, .contentgalleryslides .prev:hover { background-position: 0 -48px; }
.contentgalleryslides .slide-content { background: #ffc; border: 1px solid #fc0; padding: 24px; margin:0; }
.contentgalleryslides .slide-content img { width: 540px; padding: 4px; background: #fff; margin-bottom: 10px; border: 1px solid #ccc; border-color: #eee #ccc #ccc #eee; }
.contentgalleryslides p { margin: 0; }
.galleryinfo { margin: 0 0 25px;}
.galleryinfo h1 { font-size: 24px; margin: 0;} 
.headlinegallery {}
.headlinegallery .columncontent { margin:  0 0 10px; }
.restorecipebox { margin-bottom: 20px; background: #ccea89 url(../image/bg_recipebox.gif) no-repeat 100% 100% ; padding: 5px; border: 1px solid #a6d440; overflow: hidden; }
.restorecipebox h3 { color: #673B00; text-shadow: #ccea89 0 1px; font-size: 16px; font-weight: bold; text-transform: none; margin: 0 0 5px; }
.restorecipebox ul {border-top: 1px solid #a6d440; margin: 0; list-style: square outside; padding: 5px 0 0 20px; margin-top: 3px;}
.restorecipebox li {line-height: 130%; padding-right: 50px;}
.restorecipebox a:link, .restorecipebox a:visited {color:#117011;}
.restorecipebox a:hover {color: #900;}
.restorecipehead { text-transform: none; }
.halalbox { margin-bottom: 20px; background: #ccea89 url(../image/bg_halalbox.gif) no-repeat 100% 100%; padding: 5px; border: 1px solid #a6d440; overflow: hidden; }
.halalbox h3 { color: #673B00; text-shadow: #ccea89 0 1px; font-size: 16px; font-weight: bold; text-transform: none; margin: 0 0 5px; }
.halalbox ul {border-top: 1px solid #a6d440; margin: 0; list-style: square outside; padding: 5px 0 0 20px; margin-top: 3px;}
.halalbox li {line-height: 130%; padding-right: 50px;}
.halalbox a:link, .halalbox a:visited {color:#117011;}
.halalbox a:hover {color: #900;}
.halalstempel { width: 130px; padding: 140px 10px 10px; background: #8fc400 url(../image/bg_halal_stempel.jpg) no-repeat 50% 0; clear: right; margin: 0 0 10px 15px; border: 1px solid #8cb02c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.halalstempel h3 { font-size: 20px; color: #ff0; text-align: center; margin: 0 0 5px; font-weight: bold; }
.halalstempel p { margin: 0; text-align: center; font-weight: bold; }
.imghalalwrapper { clear: both; margin: 15px 0;}
.petahalal {float: right; width: 202px; height: 202px; text-align: center; }
.formdetails a:link, .formdetails a:visited { display: block; text-align:right; padding-right: 70px; color: #900; font-size: 11px;}
.highlightright {float: right; width: 300px;}
.tipsbox { line-height: 120%; font-size: 11px; margin: 20px 0; padding: 10px; background: #ffeda5 url(../image/bg_tipsbox.gif) no-repeat 100% 0; overflow: hidden; border: 1px solid #fc0;}
.tipsbox h2 { font-size: 14px; margin: 0 0 5px;}
.tipsbox h2 a:link, .tipsbox h2 a:visited { color: #e00; }
.tipsbox h2 a:hover { color: #f60; }
.tipsbox h3 { color: #e77131; text-shadow: #ccc 0 1px; font-size: 14px; font-weight: bold; text-transform: none; margin: 0 0 5px; }
.tipsbox .send { float: right; font-size: 11px; }
.tipsbox .send a:link, .tipsbox .send a:visited { color: #900;}
h2.largetitle, h2.largetitle a:link, h2.largetitle a:visited { font-size: 20px; line-height: 130%; color:#117011; margin: 0 0 5px; }
h2.largetitle a:hover { color: #900; }
.favplace {}
.favplace h2 { font-size: 14px; margin-bottom: 5px; line-height: 130%;}
.favplace ul { list-style: none none outside; margin: 0; }
.favplace li { margin: 0 0 5px; }
.spicybelt { height: 342px; background: #fff160 url(../image/bg_spicybelt.gif) repeat-x 0 100%; margin: 10px; border-top: 1px solid #ffab0b; }
.spicybelt ul { list-style: none none outside; margin: 0; padding: 10px;}
.spicybelt li { display: inline; float: left; width: 230px; height: 290px; background: url(../image/bg_spicyframe.gif) no-repeat 0 20px; margin: 5px; position: relative; }
.spicybelt h3 {font-size: 14px; line-height: 150%; font-family: Georgia, Times, 'Times New Roman', serif; text-transform: none; background:url(../image/bg_spicyitem.gif) no-repeat 0 2px; padding-left: 20px; }
.spicybelt h4 { float: left; margin: -15px 0 0 15px; padding: 3px 5px; background: #ffc; border: 1px solid #fc0; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; font-weight: bold;}
.spicybelt .content { margin: 30px 30px 0 20px;}
.spicybelt .image { width: 180px; height: 147px; margin: 0 0 5px; }
.spicybelt h2 { font-size: 12px; font-weight: bold;}
.spicybelt a:link, .spicybelt a:visited { color: #900; }
.spicybelt a:hover { color: #f60; }
.spicybelt .tag { width: 70px; height: 40px; padding: 25px 5px 15px; float: right; bottom: -10px; right: -10px; position: absolute; background: url(../image/bg_spicytag.gif) no-repeat 0 0; text-align: center; }
.spicybelt .bondanframe {background-image:url(../image/bg_spicyframe_bondan.gif) }
.spicybelt .bondanframe h2 a:link, .spicybelt .bondanframe h2 a:visited {color: #ff0;}
.spicybelt .bondanframe h2 a:hover {color:  #fc0;}
.twitter { width: 150px; height: 110px;}
.mailinglist { width: 220px; height: 110px; background: url(../image/bg_milis.gif) no-repeat 0 0; }
.mailinglist h3 { padding: 30px 0 0 70px; font-size: 14px; }
.mailinglist .text { width: 100px; margin-left: 10px;}
.mailinglist .btn { font-size: 11px; width: auto; background: #f00; color: #fff; border: 1px solid #e00; height: 24px; padding: 0 3px; line-height: 24px; cursor: pointer;}
.caloriecounter { background: url(../image/bg_caloriecounter.gif) no-repeat 0 0; height: 120px; margin-bottom: 25px; }
.caloriecounter .text {width: 190px; margin: 82px 0 0 23px; background: none; border: none; font-size: 11px;}
.caloriecounter .btn { width: 55px; background: none; border: none; height: 24px; padding: 0; line-height: 24px; cursor: pointer;}
.fromreader {}
.fromreader h4 {margin: 0 0 10px; border-bottom: 1px dashed #ccc; padding-bottom: 3px;}
.pigstuff .columncontent { background: url(../image/bg_pigstuff.gif) no-repeat bottom right; }
.download { width: 64px; padding: 5px; border: 1px solid #eee; text-align: center; }
.download:hover { background-color: #ffc; }
.agenda {}
.agenda .date {font-size: 14px; font-weight: bold; color: #117011;}
.recommended { margin: 0 10px; padding: 10px; border-top: 1px solid #ccc; background: #ffdd39 url(../image/bg_recommended.gif) repeat-x 0 0;}
.recommended ul { clear: both; padding: 5px 0; border-top: 1px solid #eee; }
.recommended li { border-bottom: 1px solid #eee; padding-top: 2px; padding-bottom: 3px;}
.recommended li a:link { font-weight: normal;}
.recommended .content {display:inline;float: left; width: 280px; margin: 0 8px 15px; border: 1px solid #ccc; padding: 10px; background: #ffe;}
.recommended .site a:link, .recommended .site a:visited { color: #2eb100; }
.asking { width: auto;}
.asking a { position: relative; }
.asking img { vertical-align: top;}
.asking .tooltip { display: none; position: absolute; z-index: 1; top: -45px; left: -32px; }
.asking a:hover .tooltip { display: block; }
.consultation { position: relative; }
.consultation ul { list-style: none none outside; margin: 0; }
.consultation .columncontent { padding: 0; }
.consultation .roundabout-holder { margin-top: -50px; padding: 0; height: 250px; overflow: hidden; }
.consultation .roundabout-moveable-item { height: 150px; width: 300px; overflow: hidden; cursor: pointer;background-color: #ffc;border: 1px solid #999;}
.consultation .roundabout-in-focus { cursor: auto; }
.consultation .consult { padding: 10px 10px 10px 100px; }
.consultation .date { display: block; color: #666; }
.consultation h2 { margin: 0; }
.consultation .roundaboutnext { float: right; top:190px; right: 10px; position: absolute; z-index: 999; }
.consultation .roundaboutprevious { float: left; top:190px; left: 10px; position: absolute; z-index: 999; }
.consult-farah { background: url(../image/bg_farah-quinn.gif) no-repeat 0 0; }
.consult-farah a:link, .consult-farah a:visited { color: #ff0;}
.consult-bondan { background: url(../image/bg_bondan-winarno.gif) no-repeat 0 0; }
.consult-bondan a:link, .consult-bondan a:visited { color: #330;}
.consult-yongki { background: url(../image/bg_yongki-gunawan.gif) no-repeat 0 0; }
.consult-yongki a:link, .consult-bondan a:visited { color: #330;}
.consult-odilia { background: url(../image/bg_odilia-winneke.jpg) no-repeat 0 0; }
.consult-odilia a:link, .consult-bondan a:visited { color: #330;}
.consult { position: relative; }
.consult a:hover { color: #e00; }
.consult .hiddenlink { position: absolute; width: 180px; height: 50px; top: 105px; left: 100px; }
.articlecontent h1 { margin: 0 0 5px; }
.articlecontent h1 a { font-weight: normal; }
.articlecontent td { vertical-align: top; }
.articlecontent input, .articlecontent .text, .articlecontent textarea, .articlecontent .textarea, .articlecontent select { margin: 0 0 0.5em; }
.articlemeta { width: 150px; padding: 10px; border: 1px solid #ccc; margin: 10px 15px 10px 0; clear: left; float: left; }
.articlemeta p { margin: 0; }
.articlemeta h3 { font-size: 12px; text-transform: none; font-weight: bold; margin: 0 0 5px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
.author { color: #117011; margin: 0 0 10px; }
.inlinepromo {margin: 10px 0;}
.giverating { padding: 10px; border: 1px solid #fc0; background: #ffc; margin: 10px 0;}
.giverating h3 { font-size: 12px; text-transform: none; font-weight: bold; margin: 0 0 5px;}
.giverating p {margin: 0;}
.giverating .coderating { margin: 5px 0 0;}
.articlebrowser { padding: 10px; background: #ffe; border: 1px solid #fc0; }
.articlebrowser ul { margin: 0; padding: 0; list-style: none none outside;}
.articlebrowser li { float: left; width: 100px; padding: 10px; border-right: 1px dotted #fc0; overflow: hidden; }
.articlebrowser li.last {border-right: none;}
.articlebrowser h3 { font-size: 14px; margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #fc0;}
.articlebrowser h4 { font-size: 12px; text-transform: none; margin: 0 0 5px;}
.commentstatus {clear: both; border: 1px solid #fc0; padding: 5px; margin: 20px 0; background: #ffff88 url(../image/bg_commentstatus.gif) repeat-x 0 0; }
.commentstatus .comment { background: url(../image/bg_comment.gif) 0 2px no-repeat; }
.commentstatus .writecomment { background: url(../image/bg_writecomment.gif) 0 2px no-repeat; }
.commentstatus .disclaimer { background: url(../image/bg_disclaimer.gif) 0 2px no-repeat;}
.commentstatus ul, #commentstatus li { list-style: none none outside; margin: 0; padding: 0; }
.commentstatus li { display: inline; }
.commentstatus a { padding: 3px 15px 2px 20px; height: 18px; line-height: 18px; font-weight: bold; }
.joinus { background: #ff6; border: 1px solid #fc0; padding: 10px; margin: 20px 0;}
.joinus p { margin: 0;}
.address {font-size: 11px; margin: 15px 0 0 0;}
.consultantinfo { margin: 0 0 15px;}
.culinerinfo { margin: 0 0 15px; background: #ccea89; padding: 10px; border: 1px solid #C6D880; }
.culinerinfo p { margin: 0;}
.culinerinfo h2 { margin: 0 0 5px;}
.culinerinfo h3 { text-transform: none; margin: 0;}
.sacredculiner { margin-bottom: 15px; }
.commentnumber {font-size: 11px; color: #900;}
.commentnumber a { font-weight: normal; }
.foodbloggerinfo { margin: 0 0 15px; background: #ffecb3; padding: 10px; border: 1px solid #e2c879; }
.foodbloggerinfo .visit { width: 120px;height: 24px;background: url(../image/btn_visit_blog.gif) no-repeat 0 0;}
.foodbloggerinfo .visit:hover {background-position: 0 -28px;}
.foodbloggerinfo p { margin: 0;}
.foodbloggerinfo h2 { margin: 0 0 5px;}
.foodbloggerinfo h3 { text-transform: none; margin: 0;}
.forum {}
.forum .columncontent h3 { font-size: 14px; text-transform: none; margin: 0 0 5px; display: block; clear: both; font-weight: bold; padding: 0 0 3px; border-bottom: 1px dashed #ccc; }
.forum .columncontent h2 { font-size: 14px; text-transform: none; margin: 0 0 5px; font-weight: bold; }
.forum .columncontent ul { list-style: square outside; margin: 0 0 10px; padding: 0 0 0 20px; }
.forum .columncontent ul.thumblist { list-style:  none none outside; margin: 0; padding: 0;}
.forum .columncontent ul.thumblist li { display: inline; float: left; width: 50px; height: 50px; margin: 5px 5px 0 0; } 
.forum .columncontent ul.thumblist li img { width: 50px; height: 50px; }
.tanyasaja {}
.tanyasaja .columnhead { margin-bottom: 5px; }
.tanyasaja .columncontent { background: #c1fff9; border-color: #4af2ff;}
.tanyasaja .send { float: right; width: auto; margin-top: 10px; }
.tanyasaja .columncontent h3 { font-size: 14px; text-transform: none; margin: 0 0 0; display: block; clear: both; font-weight: bold; padding: 0 0 3px; border-bottom: 1px dashed #ccc; }
.tanyasaja .columncontent h2 { font-size: 14px; text-transform: none; margin: 0 0 5px; font-weight: bold; }
.tanyasaja .columncontent ul { clear: both; list-style: square outside; margin: 0 0 10px; padding: 0 0 0 20px; }
.tanyasaja .columncontent .img100 { border-color: #4af2ff;}
.contentvideo { background: #b8ff88; margin-bottom: 15px; padding: 15px 19px; border: 1px solid #92ff60}
.contentvideo .thetv { padding: 25px 22px; margin-bottom: 15px; background: #ffc; border: 1px solid #fc0; }
.mostcommented {}
.mostcommented li a { font-size: 14px; }
.newcomments {}
.newcomments .givecomment { background: url(../image/bg_comment.gif) no-repeat 0 0; padding-left: 20px; font-size: 11px; }
.newcomments .comment { padding: 5px; margin: 3px 0 5px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffe; }
.newcomments h2 { font-size: 14px; margin: 0 0 5px;}
.index {}
.index h2 { text-transform: none; padding: 0 0 5px; margin: 10px 0 15px; border-bottom: 1px dashed #ccc; color: #060;}
.index ul.indexlist { list-style: square outside;}
.index ul.indexlist li { font-size: 14px; margin: 0 0 5px 30px;}
.caridata { padding: 10px; background: #ffc; border: 1px solid #fc0; margin: 10px 0; }
.caridata select, .caridata input {margin: 0;padding: 1px 5px;}
.caridata p {padding-bottom: 5px;margin-bottom: 5px; border-bottom: 1px dashed #fbeaa4;}
.lunchbondan {}
.lunchbondan .title {width: 420px;margin: 0 -10px;}
.lunchbondan .columncontent {margin-top: -10px;background: #fff5ab url(../image/bg_makansiangbondan_content.gif) repeat-x 0 0;}
.lunchbondan .twitterlist {padding: 5px; margin: 3px 0 5px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffe;}
.lunchbondan .twitterlist img {vertical-align: middle;}
.lunchbondan .twitterlist li {border-bottom: 1px solid #ddd;padding-bottom: 3px; margin: 0 0 5px;}
.lunchbondan .gotobtn {margin: 0;float: right; }
.lunchbondan .gotobtn a:visited, .lunchbondan .gotobtn a:link {padding: 2px 5px 2px 24px;text-transform: none;background: #52e3e8 url(../image/bg_twitter_btn.gif) no-repeat 3px 3px;border-color: #75c6c9; color: #357eb3; text-shadow: #adebed 0 1px;}
.lunchbondan .gotobtn a:hover {background-color: #0e878b; border-color: #0d989c; color: #ff0;text-shadow: #219a9e 0 1px; }

/* datepicker */
table.jCalendar{border:1px solid #000;background:#aaa;border-collapse:separate;border-spacing:2px;width:225px}
table.jCalendar th{background:#333;color:#fff;font-weight:bold;padding:3px 5px}
table.jCalendar td{background:#ccc;color:#000;padding:3px 5px;text-align:center}
table.jCalendar td.other-month{background:#ddd;color:#aaa}
table.jCalendar td.today{background:#666;color:#fff}
table.jCalendar td.selected{background:#f66;color:#fff}
table.jCalendar td.selected.dp-hover{background:#f33;color:#fff}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td{background:#fff;color:#000}
table.jCalendar tr.selectedWeek td{background:#f66;color:#fff}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover{background:#bbb;color:#888}
table.jCalendar td.unselectable, 
table.jCalendar td.unselectable:hover, 
table.jCalendar td.unselectable.dp-hover{background:#bbb;color:#888}
a.dp-choose-date{float:left;width:24px;height:24px;padding:0;margin:0 15px 0 3px;display:block;text-indent:-2000px;overflow:hidden;background:url(../image/calendar.gif) no-repeat}
a.dp-choose-date.dp-disabled{ background-position:0 -20px;  cursor:default}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup{ position:relative;  background:#eb6456;  font-size:10px;  font-family:arial,sans-serif;  padding:2px;  width:225px;  line-height:1.2em;  border:1px solid #7e0c00}
div#dp-popup{ position:absolute;  z-index:199}
div.dp-popup h2{ font-size:12px;  text-align:center;  margin:2px 0;  padding:0;  color:#fff}
a#dp-close{ font-size:11px;  padding:4px 0;  text-align:center;  display:block}
a#dp-close:hover{ text-decoration:underline}
div.dp-popup a{ color:#000;  text-decoration:none;  padding:3px 2px 0}
div.dp-popup div.dp-nav-prev{ position:absolute;  top:2px;  left:4px;  width:100px}
div.dp-popup div.dp-nav-prev a{ float:left;  font-weight:bold}
div.dp-popup a.dp-nav-next-year, div.dp-popup a.dp-nav-prev-year{ background:#7e0c00;  color:#fff;  padding:2px 6px}
div.dp-popup a.dp-nav-next-month, div.dp-popup a.dp-nav-prev-month{ background:#c61300;  color:#fff;  padding:2px 6px}
div.dp-popup a.dp-nav-next-year:hover, div.dp-popup a.dp-nav-prev-year:hover, div.dp-popup a.dp-nav-next-month:hover, div.dp-popup a.dp-nav-prev-month:hover{ color:#ff0;  background:#1e0300}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a{ cursor:pointer}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{ cursor:default}
div.dp-popup div.dp-nav-next{ position:absolute;  top:2px;  right:4px;  width:100px}
div.dp-popup div.dp-nav-next a{ float:right}
div.dp-popup a.disabled{ cursor:default;  color:#aaa}
div.dp-popup td{ cursor:pointer}
div.dp-popup td.disabled{ cursor:default}

/* !Video Player */
#flashtv {padding: 2px; border: 1px solid #ccc; background: #fff; margin-bottom: 10px;}

/* !Wrapper */
#wrapper {
    text-align: left;
    margin: 0 auto 0;
    width: 1000px;
    background: url(../image/bg_wrapper_body.png) repeat-y 0 0;
}

/* !Header */
#header {
    padding: 10px 20px;
    background: url(../image/bg_wrapper_top.gif) no-repeat 0 0;
}
#logo { width: 220px; float: left; margin: 20px 10px 10px 0;}

/* !Menu */
#menu {
	clear: both;
	height: 40px;
	line-height: 40px;
	background: #f9c124 url(../image/bg_mainmenu.gif) repeat-x 0 0;
	border: 1px solid #f8ce2a;
	border-bottom: 3px solid #fbaa34;
	margin-bottom: 5px;
}
#menu ul {
	width: auto;
	float: left;
	margin:0;
	padding:0;
}
#menu li {
 	position: relative;
 	display: inline;
 	float: left;
 	list-style: none none outside;
}
#menu ul li a{
	display: block;
	padding: 0 9px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 40px;
	border-right: 1px solid #fcee4d;
	border-left: 1px solid #f9c124;
}
#menu ul li a:link, #menu ul li a:visited{
	color: #673b00;
}
#menu ul li a:hover, #menu .current, #menu .home:hover{
	background: #ff0;
	color: #900;
}
#menu ul li ul{
    position: absolute;
    z-index: 999;
    right: 0;
    display: block;
    visibility: hidden;
    float: left;
    margin: 0;
}
#menu ul li ul li{
    display: list-item;
    float: none;
    text-align:left;
}
#menu ul li ul li ul{
    top: 0;
}
#menu ul li ul li a{
    font-size: 12px;
    width: 160px;
    margin: 0;
    border: 1px solid #f9c124;
    line-height: 24px;
    border-top:none;
    background: #f9c124 url(../image/bg_mainmenu.gif) repeat-x 0 0;
}
#menu .home {
	background: none;
	padding: 13px 5px;
}

/* !Search */
#search {
	padding: 0;
	margin: 0;
	height: 42px;
	clear: both;
}
#search .date {
	width: 155px;
	float: left;
	margin: 15px 0 0 5px;
	font-size: 11px;
	color: #666;
}
#search .search-detiksearch {
	width: 455px;
	height: 32px;
	float: left;
	margin: 6px 0 2px 40px;
	display: inline;
	background: url(../image/bg_search_form.gif) no-repeat 0 0;
}
#search .search-detiksearch .logo {
	width: 150px;
	height: 28px;
	background: none;
	float: left;
	padding: 0;
	border: none;
}
#search .search-detiksearch .input {
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	border: none;
	width: 245px;
	margin: 6px 0 0 8px;
	background: none;
	color: #666;
	clear: none;
	float: left;
}
#search .search-detiksearch .inputsubmit {
	height: 30px;
	width: 50px;
	padding: 0;
	float: right;
	border: none;
	background: none;
	cursor: pointer;
	clear:none;
}
#search .search-bukuning {
	width: 260px;
	height: 23px;
	float: right;
	display: inline;
	margin: 10px 20px 10px 20px;
	background: url(../image/bg_bukuning_form.gif) no-repeat 0 0;
}
#search .search-bukuning .logo {
	width: 85px;
	height: 23px;
	padding: 0;
	background: none;
	float: left;
	border: none;
}
#search .search-bukuning .input {
	height: 17px;
	padding: 0;
	line-height: 17px;
	font-size: 11px;
	border: none;
	width: 140px;
	margin: 0 0 0 3px;
	background: none;
	color: #666;
}
#search .search-bukuning .inputsubmit {
	height: 20px;
	width: 25px;
	border: none;
	background: none;
	cursor: pointer;
}

/* !Content */
#content {
    margin: 0;
}

/* !Highlight */
#highlight {
    margin: 0 20px 20px;
}

/* UpperContent */
#uppercontent { margin: 0 20px 0; padding-bottom: 10px;}

/* BottomContent */
#bottomcontent { margin: 20px 20px 0; padding-bottom: 10px;}

/* !Article */
#article {
    margin: 0 10px 0 0;
    padding: 10px 15px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
/* !Sidebar */
#sidebar {
    margin: 0 0 0 10px;
    padding: 10px;
    border-top: 1px solid #ccc;
}

/* !Komentar */
.commentdetails {background-color: #fff9e5;margin: 1px 0 0 0;padding: 8px 9px;border: 1px solid #dbc788;}
.commentdetails2 {background-color: #fff1c7;font-weight: normal;margin: 1px 0 0 0;padding: 8px 9px;border: 1px solid #dbc788;}
.commentdetails {background-color: #fff9e5;margin: 3px 0 0 0;padding: 8px 9px;border: 1px solid #dbc788;}
.commentdetails img, .commentdetails2 img {vertical-align: middle;margin: 0 5px;}
.togglecomments {font-size: 11px;margin-left: 5px;font-weight: bold;}
.thecomment {padding-top: 5px;margin: 2px 0 4px;display: block;border-top: 1px solid #ede0b7;}
.childcomments {display: none;}
.commentdetails2 {background-color: #fff;font-weight: normal;margin: 3px 0 0 0;padding: 8px 9px;border: 1px solid #dbc788;}
.commentdetails-child {margin: 2px 0;background: #effff8;border: 1px solid #c9e7da;padding: 8px 9px;}
.commentdetails-child .thecomment {border-top: 1px solid #c9e7da;}
.commentdetails-child2 {margin: 2px 0;background: #fff4d5;border: 1px solid #ede0b7;padding: 8px 9px;}
.togglereplychild {text-align: right;margin-bottom: 5px;font-size: 11px;font-weight: bold;}
.togglereply {background: url(../image/komentar-reply.gif) 0 0 no-repeat;padding-left: 20px;}
.togglechild {background: url(../image/komentar-buka.gif) 0 0 no-repeat;padding-left: 18px;}
.childclose {background-image: url(../image/komentar-tutup.gif);}
.childpaging {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-align: left;background-color: #f0e0b1;padding: 10px;margin: 2px 0 5px 0;border: 1px solid #dbc788;clear: both;}
.childpaging a {padding: 2px 4px;text-decoration: none;color: #e00;border: 1px solid #dbc788;background-color: #fff;}
.childpaging a:link {color: #e00;}
.childpaging a:hover {color: #fff;background-color: #e00;}
.childpaging a.selected {color: #fff;background-color: #e00;border: 1px solid #fff;}
#komentar {border: 1px solid #DBC788;background: #F0E0B1;padding: 5px;}
#navkomentar ul {margin: 0;padding: 0;width: 100%;height: 30px;clear: both;}
#navkomentar ul li {display: inline;clear: none;float: left;list-style: none outside;margin: 0;padding: 0;}
#navkomentar ul li a {padding: 0 20px 0 30px;height: 28px;display: block;float: left;line-height: 28px;margin: 2px 4px 0 0;border: 1px solid #DBC788;border-bottom: none;font-weight: bold;}
#komentar .formkomentar {display: none; clear: both;border: 1px solid #DBC788;border-top: none;padding: 5px;background: #fff;position: relative;}
.formkomentar img {position: relative;}
#navkomentar ul li a.facebook, #komentar .facebook { background:url(../image/form-facebook.gif) #D8DFEA no-repeat 5px 7px; color: #3B5998;}
#navkomentar ul li a.detikid, #komentar .detikid { background:url(../image/form-detikid.gif) #fff no-repeat 5px 7px; color: #000; }
#navkomentar ul li a.guest, #komentar .guest { background:url(../image/form-anonymus.gif) #e4ffd5 no-repeat 5px 7px; color: #2f4e1e;}
#komentar .facebook, #komentar .detikid, #komentar .guest { background-image: none; }
#navkomentar ul li a:hover { background-color: #FFCC99; color: #f00;}
#komentar .guest, #komentar .detikid, .facebook {background-image:none;}
.disclaimer { text-align: right; margin: 15px 0 0; }

/* !Footer */
#footer {
	margin: 0 10px 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#footer ul {
	margin:0;
	padding:0;
	text-align: center;
}
#footer li {
 	list-style: none none outside;
 	display: inline;
}
#footer a{
	text-decoration: none;
}
/* !Footer Menu */
#menu0 {
	height: 23px;
	line-height: 23px;
	background: #ffa722;
	border-top: 3px solid #ffc306;
	padding: 3px 0;
}
#menu0 a:link, #menu0 a:visited{
	color: #673B00;
	font-size: 14px;
	margin: 0 5px;
}
#menu0 a:hover{
	color: #ff0;
}
.menu1, .menu2, .menu3 {
	height: 18px;
	line-height: 18px;
	background: #ffb648;
	border-top: 2px solid #ffc306;
}
.menu1 a:link, .menu1 a:visited{
	color: #673B00;
	font-size: 12px;
	margin: 0 5px;
	font-weight: normal;
}
.menu1 a:hover{
	color: #ff0;
}
.menu2 {
	background: #ffb648;
}
.menu2 a:link, .menu2 a:visited{
	color: #673B00;
	font-size: 12px;
	margin: 0 5px;
	font-weight: normal;
}
.menu2 a:hover{
	color: #ff0;
}
.menu3 {
	background: #ffb648;
	border-top: 2px solid #ffc306;
}
.menu3 a:link, .menu3 a:visited{
	color: #673B00;
	font-size: 12px;
	margin: 0 5px;
	font-weight: normal;
}
.menu3 a:hover{
	color: #ff0;
}
.menu4 {
	float: left;
	margin: 10px 0 0 5px;
	width: auto;
	font-size: 11px;
}
.menu4 a:link, .menu4 a:visited{ color: #000; }
.menu4 a:hover { color: #e00; }
#footer .logo {
	margin: 5px;
	float: right;
	width: auto;
}
/* tambah adpoint-article */
#adpoint-article {
	border-top: 1px solid #ddc688;
	border-bottom: 1px solid #ddc688;
	padding: 10px 0;
	margin: 15px 0 0;
}
#adpoint-article img {
	margin: 0 2px;
	border: none;