/* @group Style4 */

/* This is the Main Logo */
#logo {background: url('../images/style4/logo/logo.png') no-repeat 0 0;}

/* Main Background */

#body {background: #fff;}
#page-bg {background: #fff url('../images/style4/color-bg.jpg') no-repeat 50% 0;}

/* Top Header Bar */

#top-bar {background: url('../images/main/top-bar-bg.png') repeat-x 0 0;}
#top-bar .links-block {color: #fff;}
#top-bar .date-block {color: #fff;}
#top-bar .right-module-block {color: #fff;}
#top-bar ul.menu a, #top-bar ul.menu .separator {color: #fff;}
#top-bar ul.menu a:hover {color: #000;}

/* Main Header */

#top-divider {background: url('../images/main/top-divider.png') repeat-x 0 0;}
#logo-bg-area {background: url('../images/style4/color-bg-element.png') no-repeat 0 0;}

/* Top Main Menu */

#horiz-menu {background: #CBC5C3 url('../images/style4/horiz-menu-bar.jpg') no-repeat 100% 0;}
#horiz-menu a, #horiz-menu .separator {color: #fff;}
#horiz-menu li a, #horiz-menu li .separator {background: url('../images/style4/horiz-menu-bg.png') repeat-x 0 0;}
#horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {background: url('../images/style4/horiz-menu-bgactive.png') repeat-x 0 0;}
#horiz-menu li.active a span, #horiz-menu li.active .separator span {background: url('../images/style4/horiz-menu-active.png') no-repeat 50% 100%;}
#horiz-menu li.current_page_item a, #horiz-menu li.current_page_item .separator {background: url('../images/style4/horiz-menu-bgactive.png') repeat-x 0 0;}
#horiz-menu li.current_page_item a span, #horiz-menu li.current_page_item .separator span {background: url('../images/style4/horiz-menu-active.png') no-repeat 50% 100%;}

/* Main Body Items */

#maincontent-block a {color: #cc0000;}
.bold_month, .author_name, .number_of_comments, .archive_title {color: #cc0000;}
h1.componentheading span.bg {background: url('../images/style4/component-head.png') no-repeat 50% 100%;color: #fff}
.frontpage-item a, .blog-item a, .pagination a {color: #cc0000;}
.contentheading, #maincontent-block a.contentpagetitle, #main-body a.readon {color: #666;}
.medium .contentheading, #maincontent-block .medium a.contentpagetitle, #main-body .medium a.readon {color: #444;}
.dark .contentheading, #maincontent-block .dark a.contentpagetitle, #main-body .dark a.readon {color: #fff;}
#main-body .color a.readon {color: #fff;}
#main-body .promo a.readon {color: #fff;}
#main-body .color a.readon:hover {color: #FFB7B3;}
.color span.readon-full {background: #D10504 url('../images/style4/main-color-readon-bg.png') repeat-x 0 0;border: 1px solid #A20000}
.main-article h2.contentheading {color: #cc0000;}

/* Side Column Modules */

.side-mod a, .medium .side-mod a {color: #cc0000;}
.light .side-mod a {color: #cc0000;}
.color .side-mod h3.module-title span.bg {background: url('../images/style4/side-color-h3.png') repeat-x 50% 100%;color: #fff}
.color .side-mod {background: #cc0000 url('../images/style4/side-color-mod-bg.png') repeat-x 0 0;border-left: 1px solid #990000;border-right: 1px solid #990000;border-top: 1px solid #990000}
.color .side-mod a {color: #FFB7B3;}
.color .side-mod2 {background: url('../images/style4/side-color-mod-h3-bg.png') repeat-x 0 0;color: #fff}
.color .side-mod-bottom {background: url('../images/style4/side-color-bm.png') repeat-x 0 0;}
.color .side-mod-bottom2 {background: url('../images/style4/side-color-br.png') no-repeat 100% 100%;}
.color .side-mod-bottom3 {background: url('../images/style4/side-color-bl.png') no-repeat 0 100%;}
.color .side-mod .close-handle {background: url('../images/style4/side-color-close-handle.png') no-repeat 50% 50%;}
.color .side-mod .open-handle {background: url('../images/style4/side-color-open-handle.png') no-repeat 50% 50%;}
.color .side-mod .tools-handle {background: url('../images/style4/side-color-tools-handle.png') no-repeat 50% 50%;}
.promo .side-mod h3.module-title span.bg {background: url('../images/style4/modstyle1-h3.png') repeat-x 50% 100%;color: #fff}

/* Side Menus */

#main-body .color ul.menu li, .color .side-mod ul li {background: #D10504 url('../images/style4/main-color-readon-bg.png') repeat-x 0 0;border: 1px solid #A20000}
#main-body .light ul.menu li a:hover, #main-body .light ul.menu li .separator:hover, light .side-mod ul li a:hover, light .side-mod ul li .separator:hover {background: url('../images/style4/light-arrow-hover.png') no-repeat 8px 4px;color: #cc0000}
#main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {background: url('../images/style4/med-arrow-hover.png') no-repeat 8px 4px;color: #cc0000}
#main-body .color ul.menu li a, #main-body .color ul.menu li .separator, .color .side-mod ul li a, .color .side-mod ul li .separator {background: url('../images/style4/color-arrow.png') no-repeat 8px 4px;color: #FFB7B3}
#main-body .color ul.menu li a:hover, #main-body .color ul.menu li .separator:hover, .color .side-mod ul li a:hover, .color .side-mod ul li .separator:hover {background: url('../images/style4/color-arrow-hover.png') no-repeat 8px 4px;color: #fff}

/* Main Body Modules */

.mainblock-mod a, .light .mainblock-mod a, .mainblock-mod .separator, .light .mainblock-mod .separator {color: #cc0000;}
.mainblock-mod ul li a:hover, .side-mod ul li a:hover, .mainblock-mod ul li .separator:hover, .side-mod ul li .separator:hover {color: #cc0000;background: url('../images/style4/mainblock-arrow-hover.png') no-repeat 8px 4px;}
.medium .mainblock-mod a, .medium .mainblock-mod .separator {color: #cc0000;}
.medium .mainblock-mod ul li a:hover, .medium .side-mod ul li a:hover, .medium .mainblock-mod ul li .separator:hover, .medium .side-mod ul li .separator:hover, #main-content .blog_more ul li a:hover {color: #cc0000;background: url('../images/style4/mainblock-arrow-hover.png') no-repeat 8px 4px;}
.dark .mainblock-mod a, .dark .mainblock-mod .separator {color: #fff;}
.dark .mainblock-mod h3.module-title span.bg {background: #cc0000;border: 1px solid #990000;color: #fff;}

/* Login Style */

.color .inputbox {border: 1px solid #A20000;}
.color input.button {background: #D10504 url('../images/style4/main-color-readon-bg.png') repeat-x 0 0;border: 1px solid #A20000;color: #fff}

/* Bottom Section */

#bottom-expansion {background: url('../images/main/bottom-expansion.png') repeat-x 0 0;border-top: 1px solid #ddd}

/* Extra Content Styles */

.feature-thumb span {background: url('../images/style4/feature-thumb.png') no-repeat 0 0;color: #fff}
.feature-thumb2 span {background: url('../images/main/feature-thumb2.png') no-repeat 0 0;color: #cc0000}

/* RokFeature */

.rokfeature-tab-1, .rokfeature-tab-4 {background: #EF302E url('../images/style4/rokfeature-tab-1.png') no-repeat 0 0;border-right: 1px solid #000}
.rokfeature-tab-2, .rokfeature-tab-5 {background: #FFFFDF url('../images/style4/rokfeature-tab-2.png') no-repeat 0 0;border-right: 1px solid #000}
.rokfeature-tab-3, .rokfeature-tab-6 {background: #FFEDD0 url('../images/style4/rokfeature-tab-3.png') no-repeat 0 0;border-right: 1px solid #000}
.rokfeature-block-bg1, .rokfeature-block-bg4 {background: #7C2222;}
.rokfeature-block-bg2, .rokfeature-block-bg5 {background: #716E5E;}
.rokfeature-block-bg3, .rokfeature-block-bg6 {background: #856E5F;}
.rokfeature-option-block span {color: #fff;}
img.rokfeature-thumb {border: 3px solid #fff;}
.rokfeature-readon span {background: #666;color: #fff;}

/* @end */

/* Kumpulblogger */

.garping, .garpinghor {
border: none !important;
}

.garping table, .garpinghor table {
border: 1px dashed !important;
background-color: !important
}

.garping td, .garpinghor td{
color: !important;
background-color: !important;
font-family:arial !important;
font-weight: !important;
font-style: !important
}

.garping a, .garpinghor a{
color: !important;
font-family:arial !important;
font-weight: !important;
font-style: !important
}

.garping a:hover, .garpinghor a:hover{
color:#FF0000 !important;
}

/* Komentar */

.komentar {
background:#AB3B22 url('http://mediabisnis.web.id/wp-content/themes/mm/images/pic.gif') no-repeat bottom right;
color: #FFFFFF; 
width:600px;
border:1px solid #1E7209;
padding:10px;

}

.tglkomentar {
width:100%;
text-align: left;
font-size: 1em;
color:#C08B00;
}
/* End Komentar */

td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}