@charset "utf-8";
/* 	Name: Molmod Custom Theme
	Description: Basic CSS for Molmod
	Author: Didik Wicaksono
	Site: http://firewalkerdesign.com
*/
/* 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 url(../image/bg_body.gif) repeat-x 0 0;font-family:Arial, 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.3em;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:#850000;text-decoration:none;font-weight:bold;}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;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}
/* Icons */
.icon{background: url(../image/icons.gif) no-repeat 0 0;float:left;margin:0 5px 0 0;width:16px; height:16x;}
.icon-accept { background-position: 0 0; } 
.icon-add { background-position: 0 -20px; } 
.icon-adszone { background-position: 0 -40px; } 
.icon-attachment { background-position: 0 -60px; } 
.icon-cancel { background-position: 0 -80px; } 
.icon-comment { background-position: 0 -100px; } 
.icon-contactus, .icon-email { background-position: 0 -120px; } 
.icon-crown_gold { background-position: 0 -140px; } 
.icon-crown_bronze { background-position: 0 -160px; } 
.icon-crown_silver { background-position: 0 -180px; } 
.icon-delete { background-position: 0 -200px; } 
.icon-emailrss { background-position: 0 -220px; } 
.icon-favorite { background-position: 0 -240px; } 
.icon-feed { background-position: 0 -260px; } 
.icon-key { background-position: 0 -280px; } 
.icon-link { background-position: 0 -300px; } 
.icon-list { background-position: 0 -320px; } 
.icon-magnifier { background-position: 0 -340px; } 
.icon-microphone { background-position: 0 -360px; } 
.icon-pill { background-position: 0 -380px; } 
.icon-schedule { background-position: 0 -400px; } 
.icon-social_facebook { background-position: 0 -420px; } 
.icon-social_feed { background-position: 0 -440px; } 
.icon-social_twitter { background-position: 0 -460px; } 
.icon-social_yahoo { background-position: 0 -480px; } 
.icon-tag { background-position: 0 -500px; } 
.icon-time { background-position: 0 -520px; } 
.icon-user { background-position: 0 -540px; } 
.icon-username, .icon-crown_none { background-position: 0 -560px; } 
.icon-userpass { background-position: 0 -580px; } 
.icon-write { background-position: 0 -600px; }
.icon-edit_profile { background-position: 0 -620px; }
.icon-write_web { background-position: 0 -640px; }
.icon-comments { background-position: 0 -660px; }
.icon-print { background-position: 0 -680px; }
.icon-cat { background-position: 0 -700px; }
.icon-home { background-position: 0 -720px; }
.icon-writers { background-position: 0 -740px; } 

/* floatings */
.floatleft {float: left;}
.floatright {float:right;}

/* Hide */
.hidden {display: none;}

/* List */
ul.arrowlist { margin: 0;}
ul.arrowlist li {padding-left: 20px; background: url(../image/bg_arrowlist.gif) no-repeat 0 0; list-style: none none outside; line-height: 150%; }

/* Paging Navigation */
.pagenavigation { margin: 10px; clear: both;}
.pagenavigation ul { margin: 0; list-style: none none outside;}
.pagenavigation li { display: inline;}
.pagenavigation li a { padding: 5px; background: #fff; border: 1px solid #cde6f5}

/* SlideCarousel */
.slidecarousel { background:#fff; padding: 0 0 10px; border:none; display:block; clear: both; position:relative; border-bottom:1px dotted #ccc; font-family:Arial,Helvetica,sans-serif; }
.slidecarousel h3 { background: url(../image/icon_gallery.gif) no-repeat 0 0; padding-left: 20px; }
.slidecarousel ul li {  }
.slidecarouselwrapper { width:400px; height:175px; padding:0; margin:10px 0 0 20px; overflow:hidden; position:relative;  }
.slidecarouselnav { width:440px; height:100px; position:absolute; top:60px; left:0; }
.slidecarouselnav .next, .slidecarouselnav .previous { width:20px; height:20px; }
.slidecarouselnav .next { background:url(../image/icon_next.gif) no-repeat 0 0 ; float:right; }
.slidecarouselnav .previous { background:url(../image/icon_prev.gif) no-repeat 0 0; float: left; }
.slidecarousel a:link span,.slidecarousel a:visited span,.slidecarousel a:hover span { color:#000; text-decoration:none; }
.slidecarousel h4 { font:bold 12px Arial, Verdana, sans-serif; margin:0 0 5px; padding:0; text-align:left; border:none; text-transform:none; }
.slidecarousel h4 a:link,.slidecarousel h4 a:visited { color:#e00; }
.slidecarousel h4 a:hover { color:#00f; }
.slidecarousel ul { margin:0; padding:0 5px; float:left; position:absolute; }
.slidecarousel ul li { margin:0; padding:0 5px; list-style:none none outside; float:none; position:absolute; width:85px; height:100px; background:none; clear:none; overflow:hidden; }
.slidecarousel ul li span { font-size:12px; margin-top:5px; }
.slidecarousel img.img { width:80px; padding:0; border:none; }

/* Ads */
.ad180 { border: 1px solid #ccc; background: #eee; padding: 5px; text-align: center; margin-bottom: 15px; }

/* Layouts */
.c220 { width: 220px; }
.c460 { width: 460px; }

#wrapper { 
    width:962px;
    text-align: left;
    margin: 0 auto 25px;
}
/* !header */
#header {
    margin: 0;
}
#logo {float: left; width: 200px; height: 80px; margin: 10px 0 0 15px;}
#search {float: right; width: 260px; height: 35px; background: url(../image/bg_searchform.gif) no-repeat 0 0; margin: 60px 0 0;}    
    #search .searchtext {border: none !important; background: none !important; margin: 6px 0 0 10px;padding: 7px; font-size: 12px; color: #666; cursor: text; width: 190px; }
    #search .searchsubmit{border: none !important; background: none !important; cursor: pointer; margin: 0; padding: 12px 6px 6px; width: 40px;}
#userstat {float: right; width: 325px; height: 35px; background: url(../image/bg_userstat_notlogin.gif) no-repeat 0 0; margin: 60px 15px 0 0;}
    #userstat .inputusername {border: none; background: none; margin: 6px 0 0 40px;padding: 7px; font-size: 12px; color: #666; cursor: text; width: 95px; }
    #userstat .inputpassword{border: none; background: none; margin: 6px 0 0 0px;padding: 7px; font-size: 12px; color: #666; cursor: text; width: 100px;}
    #userstat .loginbtn{border: none; background: none; cursor: pointer; margin: 0; padding: 12px 6px 6px; width: 50px;}
    #userstat.login {background: url(../image/bg_userstat_login.gif) no-repeat 0 0;}
    #userstat .userdata {padding: 10px 6px 6px 45px;}
#menu {clear: both; background: url(../image/bg_menu.gif) #d6e5ee repeat-x 0 0;height: 45px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    #menu ul { list-style: none none outside; margin: 5px; height: 35px;}
    #menu ul li {display: inline;}
    #menu ul li a { color: #222; font-size: 18px; padding: 6px 10px; background: none; line-height: 35px; -moz-border-radius: 4px;-webkit-border-radius: 4px;  margin: 0 1px;}
    #menu ul li a.active, #menu ul li a:hover {border: 1px solid #ccc; background: #f0faff; margin: 0; color: #850000 }
#submenu {clear: both; background: #f0faff;height: 24px; margin: 0 10px 10px; padding: 0 10px; border: 1px solid #ccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;  -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
    #submenu ul { list-style: none none outside; margin: 0 5px; height: 24px;}
    #submenu ul li { float: left; position: relative; display: inline; }
    #submenu ul li a { color: #222; font-size: 12px; padding: 0px 10px; background: none; line-height: 24px; margin: 0; border-left: 1px solid #ccc; display: block;}
    #submenu ul li.dropdown a { padding-right: 30px; background: url(../image/bg_dropdown.gif) no-repeat 100% 0;}
    #submenu ul li.last a { border-right: 1px solid #ccc;}
    #submenu ul li a.active, #submenu ul li a:hover {background-color: #ffc; color: #850000 }
    #submenu ul li ul{
        position: absolute;
        z-index: 999;
        right: 0;
        display: block;
        visibility: hidden;
        float: left;
        margin: 0;
        border-top: 1px solid #ccc;
    }
    #submenu ul li ul li{
        display: list-item;
        float: none;
        text-align:left;
    }
    #submenu ul li ul li ul{
        top: 0;
    }
    #submenu ul li ul li a, #submenu ul li.dropdown ul li a{
        width: 160px;
        margin: 0;
        border: 1px solid #ccc;
        border-top:none;
        display: block;
        background: #fff;
    }
    #submenu ul li.current_page_item a, #submenu ul li.current-cat a { color: #f60; }
#container {
      
}
.widget {border-top: 3px solid #ccc; padding: 10px;}

/* !doublecontainer */
#doublecontainer {
    margin: 0 10px;
}

/* !Headings */
.catlisthead { border-bottom: 1px solid #ccc; padding-bottom: 5px;}

/* !leftcontainer */
#leftcontainer {
    width: 700px;
}
    #headline {
        margin: 10px;
    }
    #headline .title {
        font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
        font-size: 24px;
        color: #850000;
        border-bottom: 1px solid #ccc;
        padding: 0 0 15px;
    }
    .announcement {
        background: url(../image/icon_pengumuman.png) no-repeat 5px 5px;
        padding: 5px 0 5px 60px;
    }
    .announcement h3 { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
    .favorite { margin: 0 0 10px;}
    .favorite h3 { background: url(../image/icon_favorite.gif) no-repeat 0 0; padding-left: 20px; font-size: 16px; margin: 0 0 10px;}
    .forum { margin: 0 0 10px;}
    .forum h3 { background: url(../image/icon_forum.gif) no-repeat 0 0; padding-left: 20px; font-size: 16px; margin: 0 0 10px;}
    .latest { margin: 0 0 10px;}
    .latest h3 { background: url(../image/icon_latest.gif) no-repeat 0 0; padding-left: 20px; font-size: 16px; margin: 0 0 10px;}
    .lecture { margin: 0 0 10px;}
    .lecture h3 { background: url(../image/icon_lecture.gif) no-repeat 0 0; padding-left: 20px; font-size: 16px; margin: 0 0 10px;}
    .lecture .date { display: block; font-size: 11px;}
    
/* !Right Container */
#rightcontainer {
    width: 220px;
    padding-right: 10px;    
}
    .owner { margin: 0 0 10px;}
    .owner h3 { background: url(../image/icon_owner.gif) no-repeat 0 0; padding-left: 20px; font-size: 16px; margin: 0 0 10px;}
    .owner img { padding: 3px; border: 1px solid #ccc; background: #eee; margin: 3px 5px 5px 0;}
#socialnetworks {
    width: 118px;
    padding: 10px;
}
    #socialnetworks h4 {font-size: 12px;padding:0 0 5px; margin: 0 0 5px;border-bottom: 1px solid #cde6f5; text-transform: uppercase;}
    #socialnetworks ul {margin: 0 0 5px;}
    #socialnetworks li {font-size: 13px; line-height: 150%; list-style: none none outside;}
#lowerrightcontainer{
    padding-bottom: 10px;
}
#listedcontent {
    padding: 0 10px 10px;
}
    .headline {
        padding: 10px 10px 10px 9px;
        border-bottom: 1px solid #cde6f5;
    }
    .headline h1 {font-size: 24px; line-height: 120%; text-shadow: #b5e3ff 0 1px;}
    .headline p {margin: 0;}
    .headlinesep { height: 15px; background: url(../image/bg_headlinesep.gif) no-repeat 0 0; clear: both; margin: 10px 0 5px;}
    .postimg { padding: 3px; border: 1px solid #ccc; margin: 5px 10px 0 0;}
    .postmeta ul { margin: 0;list-style: none none outside;}
    .postmeta li {float: left; margin: 0 15px 0 0;}
    .postlisthead {margin: 10px;}
    .postlist {margin: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
    .postdate {width: 35px; float: left; padding: 2px 0 3px 0; margin-right: 5px; text-align: right; color: #666; border-bottom: 1px solid #ccc}
    .postlist h2 {font-size: 14px; line-height: 120%;}
    .postmetafloat {width: 170px;}
    .postmetafloat ul {margin: 0; list-style: none none outside;}
#sidebarcontent {
    width: 239px;
    margin-left: 1px;
    float: right;
}
    #sidebarcontent h3 { font-size: 14px; margin: 0 0 5px; line-height: 120%;}

/* !Single Page */
.single .post { padding: 0 10px 10px; }
    .single .entry-content {font-size: 115%; line-height: 180%; margin: 15px 0 50px; color: #333; }
    .single .entry-content h1 {font-size: 140%;}
    .single .entry-content h2 {font-size: 130%;}
    .single .entry-content h3 {font-size: 125%;}
    .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 {font-size: 120%;}
    .single .entry-content img { padding: 3px; border: 1px solid #cde6f5}
    .single .entry-title {border-top: 1px dashed #ccc; margin-top: 5px; padding-top: 15px; }
    .single .postmeta {margin-bottom: 5px; padding: 3px;border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;  }
    .single .entry-trackbacks {margin-bottom: 5px; padding: 3px 5px; border: 1px dashed #ccc; background: #ffc }
    .single .post-ratings {display: block; width: auto;font-size: 11px; float: left; margin: 0 5px 0 0; }
    .single .post-ratings-loading {display: block; width: auto;float: left;font-size: 11px;}
    .single .post-ratings-loading {display: none;}    
    .single #nav-below {margin: 10px 0; padding: 10px 0 0;border-top: 1px dashed #cde6f5;}
    .single .nav-previous {float: right; width: 280px; text-align: right;}
    .single .nav-next {float: left; width: 280px; text-align: left;}
/* Caption */
.wp-caption-text {font: italic 80% Georgia, serif; margin: 5px 0;  }
.wp-caption { border-bottom: 1px dashed #cde6f5 }
/* Comment */
#comments {padding: 10px; border-top: 1px solid #ccc; }
    #comments .navigation {clear: both; display: block; height: 20px;}
    .comment-info {font-size: 110%;}
    ul.commentlist, ul.commentlist ul {list-style: none none outside; margin: 0;}
    ul.commentlist ul { margin-left: 1.5em}
    .respond-title {font-size: 110%}
    .comment-body {position: relative;padding: 5px 10px 5px 65px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ddd; margin-bottom: 10px; overflow: hidden;}
    .comment-author {position: relative;}
	.comment-body .avatar, .comment-body .photo {position: absolute; top:3px; left: -58px; width: 48px; height: auto;}
    .pingback .comment-body {padding: 5px}
    #respond {clear:both; margin: 5px 5px 5px 15px; padding: 10px 5px; border-top: 3px double #ccc; border-bottom: 1px solid #ccc}
    #respond p {margin: 0;}
    #cancel-comment-reply {margin: 0 0 5px}
    .respond-title {font-size: 14px; line-height: 120%;}    
    .respond-info {font-size: 11px; margin: 10px 0 15px 20px;}
    li.even .comment-body, .children li.even .comment-body, li.bypostauthor .children li.even .comment-body {background: #fff6ec;}
    li.odd .comment-body, .children li.odd .comment-body, li.bypostauthor .children li.odd .comment-body {background: #fffbec;}
    li.bypostauthor .comment-body, .children li.bypostauthor .comment-body {background: #ffc;}
/* About Author */
.about-author { margin-bottom: 10px; font-size: 100%; line-height:150%; border: 1px solid #fce; padding: 10px; background: #fee; }
    .about-author h3 {font-size: 120%; line-height: 125%; margin: 0 0 5px;}
    .about-author .photo {float: left; margin: 3px 10px 10px 0; padding: 3px; border: 1px solid #cde6f5}
    .more-author {margin: 0 0 0 20px;}
    .title-author {margin: 0;}
    .postlist-author {margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #cde6f5}
/* Contact Form */
#mailform ul { list-style:  none none outside;}
#mailform label { float: left; width: 80px;}
/* !Footer */
#footer {
    clear: both;
    border-top: 1px solid #cde6f5;
    margin: 10px 0 0;
    margin-top: 10px;
    background: #fff;
    padding: 5px 10px 10px;
}
    #footernavigation ul { list-style: none none outside; margin: 0; display: block; text-align: center;}
    #footernavigation li { text-align: center; margin-left: 15px; display: inline;}
    #copyrightinfo {
        margin: 10px auto;
        color: #666;
        font-size: 11px;
        text-align: center;
    }