/* 
Theme Name: ridho
Description: Ridho Custom Wordpress Theme
Author: iwn.sulistyo@gmail.com
*/
body{margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#666;font-size:14px;line-height:24px}
button,input,select,textarea{font:400 13px Arial,sans-serif;color:#535353;vertical-align:middle}
legend{display:none}
fieldset{border:none}
select{width:90%;padding:5px;margin:5px 5px 5px 10px;border:1px solid #ddd;border-radius:3px}
option{line-height:24px;padding:5px}
pre{font-family:Inconsolata,monospace;hyphens:none;background-color:transparent;background-color:rgba(0,0,0,.01);border:1px solid #eaeaea;border:1px solid rgba(51,51,51,.1);line-height:1.2;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:.8em;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
dt{font-weight:700}
dd{margin-bottom:1.6em}
.aligncenter{display:block;margin:5px auto}
a img.aligncenter,img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption.aligncenter{border:1px solid #DDD;text-align:center;background-color:#F3F3F3;padding-top:4px;margin:7px auto;font-size:90%}
.wp-caption.alignleft,.wp-caption.alignnone,.wp-caption.alignright{border:1px solid #DDD;text-align:center;background-color:#F3F3F3;padding-top:4px;margin:7px;font-size:90%}
blockquote{margin:1em;padding:0 25px;font:italic 1em/1.5 Georgia,Times,serif}
p{line-height:24px}
img {border:0;max-width:99%}
#ridhowrapper{width:100%;max-width:950px;margin:0 auto;overflow:hidden;background:#fff}
.ridhoheader{width:100%;max-width:950px;height:140px;margin:0 auto;position:relative}
h1.logo,h2.logo{margin:0;padding:0}
h1.logo a,h2.logo a{font-size:20px;margin:0;padding:20px 10px 10px 10px;display:block;text-transform:uppercase;color:#000}
.logo a{margin:0;padding:0;display:block;background:url(https://iddenature.com/wp-content/themes/ridho/style.css) no-repeat;text-transform:uppercase}
h1.logo a:hover,h2.logo a:hover{color:#217210}
h2.descr,h3.descr{font-size:17px;font-weight:700;margin:0;padding:0 10px 10px 10px;color:#000}
.ridhocontactme{text-align:center;font-weight:700;font-size:16px;padding:5px;color:#fff;background:#FF9600;border-bottom:1px solid #fff;border-top:1px solid #fff}
#ridhomain{background:#fff;margin:10px auto; padding:10px;}
#ridhocontent{max-width:600px;float:left}
#ridhosidebarwrap{width:315px;float:right;padding:0;margin-right:10px;font-size:13px}
.thumbimg{display:block;float:left;margin-right:10px;width:120px;height:120px;overflow:hidden;border:1px solid #f3f3f3}
@media screen and (max-width:1000px) {
#ridhomain,#ridhowrapper{width:98%}
#ridhocontent{width:60%}
}
@media screen and (max-width:880px) {
#ridhomain{width:520px}
#ridhocontent,#ridhosidebarwrap{width:98%;float:none;margin:10px auto}
.logo a,h1.logo a,img{max-width:100%}
}
@media screen and (max-width:800px) {
#ridhomain{width:673px}
#ridhocontent{width:653px;float:none;margin:0 auto}
#ridhosidebarwrap{float:none;margin:10px auto;width:653px}
}
@media screen and (max-width:700px) {
#ridhomain{width:98%;margin:0 auto;padding:10px;}
#ridhocontent{width:98%;float:none;margin:0 auto}
#ridhosidebarwrap{float:none;margin:10px auto;width:98%}
}
@media screen and (max-width:568px) {
.thumbimg{width:60px;height:60px;overflow:hidden;padding:3px}
.post-date{display:none}
}
@media screen and (max-width:489px) {
#ridhowrapper{width:98%}
#ridhomain{width:98%;margin:0 auto; padding:10px}
#ridhocontent{width:98%;float:none;margin:0 auto}
#ridhosidebarwrap{float:none;margin:10px auto;width:98%}
}
h2#title{color:#666;font-weight:700;font-size:16px}
h2#title a{color:#666;text-decoration:none}
h1.title{color:#666;font-weight:700;font-size:130%}
h1.title a{color:#666;text-decoration:none}
#ridhocontent h2{color:#666;font-weight:700;font-size:16px;padding:10px 0;margin:0}
#ridhocontent h3,#ridhocontent h4{color:#000;font-weight:700;font-size:16px;padding:10px 0;margin-bottom:5px}
.post-date{font-size:11px;color:#666;margin-top:3px;margin-bottom:3px;padding:3px 3px 3px 0}
.meta_date{margin-right:8px}
.meta_categories{padding:3px 0 3px 5px;margin-right:8px}
.more{font-size:12px;line-height:20px;text-decoration:none;text-transform:uppercase;display:block;color:#fff;float:right;margin:8px 0 0;padding:0;width:100%}
.more a{color:#fff;float:right;text-decoration:none;padding:0 8px;background:#006500;font-weight:700;font-size:11px;border-radius:10px}
.info,.under{margin-top:5px;font-size:11px;height:18px;line-height:18px}
.editpost{background:url(https://iddenature.com/wp-content/themes/ridho/style.css) 0 center no-repeat;padding:0 0 0 20px;margin-left:15px;float:right}
#ridhocontent .info a,#ridhocontent .under a{color:#555;text-decoration:none}
#ridhocontent table{background:#FFF;margin:5px 0 10px;border:1px solid #ddd}
#ridhocontent td,#ridhocontent th{padding:5px 10px;text-align:left;vertical-align:top}
#ridhocontent td{background:#FFF;border:1px solid #ddd}
#ridhocontent th{background:#EDEFF0}
.class1{padding:0 15px;font-size:14px;line-height:24px}
.h-post{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd}
.post{border-bottom:1px solid #ddd;padding:0 15px;font-size:14px;line-height:24px}
.post p{padding:5px 0;margin:5px 0;line-height:24px}
.post{padding-bottom:10px;margin-bottom:10px}
.post ul{padding-left:15px;line-height:24px}
.post ul li{position:relative}
.post ol{padding-left:15px;margin-left:0;position:relative;line-height:24px}
.post ol li{margin-left:15px;position:relative;line-height:24px}
#commentlist{margin:0;padding:0;clear:both}
#commentlist ol{margin-bottom:10px;padding-left:0}
#commentlist li{margin:10px 3px;padding:10px;list-style:none}
#commentlist li li{margin:0 -10px -20px;border-top:10px solid #fff}
.avatar{border:1px solid #bbb;float:right}
.byuser,.even,.odd{margin:5px}
.even{background:#fafafa;border:1px solid #f0f0f0}
.odd{background:#EDEFF0;border:1px solid #f0f0f0}
.byuser{background:#E7F7D3;border:1px solid #DBF7B9}
.comment-author{font-weight:700}
.comment-meta{font-size:10px}
#commentnavi{background:#EDEFF0;padding:10px 5px;margin:0 3px}
.textfield{padding:3px;width:200px;border-top:1px solid #999;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #999}
.text_input{width:100%;border-top:1px solid #999;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #999}
#submitbox a.feed{background:url(https://iddenature.com/wp-content/themes/ridho/style.css) 0 center no-repeat;padding-left:22px;height:16px;line-height:16px;display:block;float:left}
#submitbox #submit{padding:5px 7px;background:#ddd;border:1px solid #ddd;color:#074A7E;font-size:12px;cursor:pointer}
#submitbox #submit:hover{background:#f3f3f3}
#submitbox .submitbutton{float:right}
#pagenavi,#postnavi{margin:10px 0 0 15px;padding:10px 0}
.older a,.prev a{padding-left:18px;float:left;line-height:16px}
.newer a,.next a{padding-right:18px;float:right;line-height:16px}
.next{float:right;text-align:right;width:49%}
.prev{float:left;text-align:left;width:49%}
.alignright{float:right;text-align:right;margin:5px 0 0 5px}
.alignleft{float:left;text-align:left;margin:5px 5px 0 0}
.module{margin-bottom:20px;padding-bottom:10px;border-radius:5px;border:1px solid #ddd;box-shadow:0 8px 6px -6px #818181}
.title-module{color:#fff;font-size:14px;font-weight:700;padding:5px;margin-bottom:10px;text-transform:uppercase;border-radius:5px 5px 0 0}
.module a:hover{text-decoration:underline}
.module ul{margin:0 5px 0 20px;padding:0}
.module ul li{padding:3px 0;line-height:20px;border-bottom:1px dotted #ddd}
.tagcloud,.textwidget{margin:5px}
ul .cat-item{padding:0;margin:0 0 0 3px}
#ridhosidebarwrap .cat-item{padding:3px 0;line-height:18px}
#ridhosidebarwrap .children li{padding:3px 0 3px 16px;line-height:20px}
.cat-item a{color:#3E7B2A}
#recentcomments li{padding:3px 0}
#recentcomments .url{font-weight:700}
.box p{line-height:1.3em;margin:0 0 5px}
.inputbox{font-size:100%;background:#FFF;color:#000}
.button{padding:2px 5px;border:1px solid #333;color:#000;background:url(https://iddenature.com/wp-content/themes/ridho/style.css) center repeat-x}
.inputbox{margin-bottom:1px;padding:3px 2px;border-top:1px solid #333;border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #333}
.clr{clear:both}
#ridhofooter{padding:10px 5px;overflow:hidden;margin:0;border-top:1px solid #bbb;text-align:center;color:#fff;font-size:95%}
#ridhofooter a,.ridhofooter a:hover,.ridhofooter a:visited{color:#fff;font-weight:400;text-decoration:none}

/* Menu */

#menu {color:#fff;height:40px}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{line-height:40px}
#menu li{float:left;display:inline;position:relative;line-height:40px; font:bold 13px Arial;}
#menu li a{color:#fff; background:url(images/li.png) no-repeat right center;}
#menu a {display:block;line-height:40px /*edit 2*/;padding:0 14px;text-decoration:none;}
#menu li:hover > a,#menu li a:hover{background:url(images/menuc.png) repeat-x}
#menu input{display:none;margin:0 0;padding:0 0;width:99%;height:50px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:50px;line-height:36px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu li:hover ul.menus{display:block}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}

#menu li:hover > a.prett,#menu a.prett:hover{background:url(images/menuc.png) repeat-x;color:#fff}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:45%;right:9px}
#menu a.prett,#menu a.trigger2{padding:0 27px 0 14px}

#menu ul.menus a:hover{background:url(images/menuc.png) repeat-x}
#menu ul.menus{height:auto;overflow:hidden;width:200px;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#fff}
#menu ul.menus a{color:#fff}
#menu ul.menus li{display:block;width:100%;font:bold 13px Arial;}

#menu ul li ul a:hover{background:url(images/menuc.png) repeat-x}
#menu ul li ul{height:auto;overflow:hidden;width:200px ;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#fff}
#menu ul li ul a{color:#fff}
#menu ul li ul li{display:block;width:100%;font:bold 13px Arial;text-transform:none;}

@media screen and (max-width: 800px){
#menu{position:relative}
#menu ul{position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
#menu li{display:block;float:none;width:auto;text-align:left}
#menu li a{color:#fff}
#menu li a:hover{color:#fff}
#menu li:hover{background:url(images/menuc.png) repeat-x;color:#fff;}
#menu li:hover > a.prett,#menu a.prett:hover{background:url(images/menuc.png) repeat-x;color:#fff;}
#menu ul.menus{width:100%;position:static;border:none}
#menu ul.menus a:hover{background:url(images/menuc.png) repeat-x;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}

.clearfix:after {clear:both;display:block;height:0;visibility:hidden}
* html .clearfix{height:1%}
.clearfix{display:block}
.article_seperator{display:block;background:url(https://iddenature.com/wp-content/themes/ridho/style.css) center repeat-x;height:10px;clear:both}
#relatedpostsbox{height:308px;overflow:auto;margin:0;padding:5px;background:#fff}
.relatedposts{background:#fafafa;border:1px solid #ddd;color:#000;padding:10px;margin-bottom:2px;line-height:22px;font-size:13px;text-align:justify}
.relatedposts:hover{background:#fff}
.relatedposts a{color:#2c6ba8;text-decoration:none}
.relatedposts a:hover{color:red;text-decoration:none}
#relatedh3 h3{background:#390;color:#FFF;font-weight:bold;font-size:14px;padding:8px 7px 7px 10px;text-shadow:1px 1px #000;text-transform:uppercase;margin:10px 0}
.titlerelated a{font-size:15px;font-weight:700;padding:0;margin:0;color:#666}
.titlerelated a:hover{color:#00f}
.relatedposts .thumb-img{width:120px;height:120px;float:left;border-radius:100%;display:inline-block;overflow:hidden;margin-right:10px}
.Nav{margin:10px 0}
.Nav a{padding:2px 5px 2px 3px;background:#fff;border-right:solid 1px #ccc;font-size:12px}
.Nav a:visited{padding:2px 5px 2px 3px;border-right:solid 1px #ccc}
.Nav a:hover{padding:2px 5px 2px 3px;border-right:solid 1px #ccc;text-decoration:none}
.Nav span{padding:2px 5px 2px 0;color:#666;border-right:solid 1px #ccc}
.Nav .on{padding:2px 5px 2px 3px;border-right:solid 1px #ccc;font-size:12px;color:#000}
.sharebar{margin-top:25px;margin-bottom:25px}
.social-container{margin:15px 0;width:100%}
.SocialCustomMenu{margin:0}
.SocialCustomMenu span{display:inline;padding:5px;text-decoration:none;font-size:.95em}
.SocialCustomMenu a,SocialCustomMenu a:visited{display:inline;padding:5px;color:#fff!important;text-decoration:none;font-size:.95em}
.sTwitter{background-color:#4099FF}
.sFacebook{background-color:#45619d}
.sGoogleplus{background-color:#af291d}
.share_text{background:#efefef;color:#333!important}
#searchform{padding:10px 10px 0}
#s{width:75%;padding:9px;color:#666;border:1px solid #ddd;border-radius:5px}
#searchsubmit{padding:8px;font-size:13px;font-weight:700;border:1px solid #ddd;border-radius:5px;background:#f3f3f3}
#searchsubmit:hover{background:#ddd}
#wp-calendar {width:98%;margin:5px auto;border:1px solid #ddd}
#wp-calendar caption{padding:3px;font-weight:bold}
#wp-calendar thead tr th {background:#666;color:#fff;border-radius:3px}
#wp-calendar tr td {text-align:center}
#wp-calendar tr td a{background:#f3f3f3;font-weight:bold;display:block;}
a.rsswidget {font-weight:bold;font-size:120%;display:block}