/*  
Theme Name: Edscyclopedia
Theme URI: http://www.s7evenstudio.com
Description: Edscyclopedia
Version: 1.0
Author: S7even Studio
Author URI: http://www.s7evenstudio.com
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;margin-bottom:1px;}
body{position:relative;}
p {text-align:justify;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}

a{color:#00709e;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family:Arial,Tahoma,Verdana,'Trebuchet MS';font-weight:normal;padding:0px;margin-bottom:5px;line-height:100%;color:#111;}
h1{font-size:24px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:13px;}
h5{font-size:11px;}
h6{font-size:9px;}

/* page setup */
body{font-family:Arial,Tahoma,Verdana,'Trebuchet MS';color:#666;padding:0;}
body#page{font-size:13px;line-height:18px;background:#eee;}

/* layout */
#home{margin:0;padding:0;}
.wpr{margin:auto;width:990px;}
#header{display:block;background:url(images/head-bg.png) top repeat-x #038ecf;min-height:75px;margin:0;padding:5px;}
#main_container{display:block;margin:0;padding:0;}
#main{margin:auto;width:990px;padding:15px 0;background:#fff;min-height:400px;}
#right{width:300px;padding:0;margin:0px 20px 0 20px;float:right;}
#content{display:block;float:left;width:650px;margin:0;padding:0;}
#footer{display:block;padding:0 0 10px 10px;margin:0;color:#FFF;background:#01709e;font-size:12px;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

/*Top Bar*/
#topbar{display:box;background:#01709e;height:30px;border-bottom:1px solid #038ecf;overflow:hidden;}
#topbar ul{display:inline-block;float:left;margin:0;padding:0;font-size:11px;}
#topbar ul li{display:inline-block;float:left;margin:0;padding:6px 20px;color:#fff;border-right:1px solid #038ecf;}
#topbar ul li:last-child{border-right:0;}
#topbar ul li a{color:#fff;}
#topbar ul li.current_page_item a{color:#ffa300;}

#flag{display:block;width:75px;height:15px;float:right;padding:8px 0 0;}
#flag a{display:block;width:18px;height:12px;float:left;margin:0 5px;}
#flag a.eng{background:url(images/flag.jpg) -18px 0 no-repeat transparent;}
#flag a.ina{background:url(images/flag.jpg) 0 0 no-repeat transparent;}

#header #logo{display:block;float:left;margin:0;width:728px;}
#header #logo img{vertical-align:middle;margin-right:5px;}
#header #logo h1, #header #logo h2{font-family:'Trebuchet MS',Arial,Tahoma,Verdana;margin:20px 0 0;color:#fff;}
#header #logo h1 a, #header #logo h2 a{color:#fff;}
#header #logo h3{font-size:12px;margin:0;color:#fff;}

#searchbox{display:block;background:url(images/search.png) 0 0 no-repeat transparent;width:242px;height:28px;display:block;float:left;margin:20px 0 0;}
#searchbox .searchinput{margin:0;padding:0;width:200px;height:14px;padding:5px;border:0;background:transparent;}
#searchbox .searchsubmit{width:26px;height:26px;background:transparent;border:0;cursor:pointer;}

/* topmenu2 */
#topmenu{display:box;background:#01709e;padding:0;height:35px;border-bottom:1px solid #038ecf;border-top:1px solid #038ecf;border-bottom:3px solid #ffa300;}
#topmenu ul{display:inline-block;float:left;margin:8px 0 0;padding:0;font-size:12px;}
#topmenu ul li{display:inline-box;float:left;margin:0;padding:0;color:#fff;list-style:none;}
#topmenu ul li a{padding:10px 20px;color:#fff;border-left:1px solid #038ecf;border-right:1px solid #038ecf;}
#topmenu ul li:last-child a{border-right:0;}
#topmenu ul li a:hover{background:url(images/topmenu.png) top repeat-x #ffa300;color:#000;border-right:1px solid transparent;}
#topmenu ul li.current_page_item a, #topmenu ul li.current-menu-item a{background:url(images/topmenu.png) top repeat-x #ffa300;color:#000;border-right:1px solid transparent;}

#topmenu ul ul{padding:0;background:none;z-index:100;}
#topmenu li li a, #topmenu li li a:active {width:120px;display:block;height:24px;margin:0;padding:7px 10px 1px 10px;background:#01709e;color:#fff;border:0;}
#topmenu li li a:hover {border:0;background:#ffa300;color:#000;}
#topmenu li ul {z-index:9999 !important;position:absolute;left:-999em;height:auto;width:150px;margin:27px 0 0 -120px;padding:0;background:#ffa300 !important;}
#topmenu li li{margin:0;}
#topmenu li ul a {width:150px;}
#topmenu li ul a:hover, #topmenu li ul a:active {}
#topmenu li ul ul {margin:-32px 0 0 171px;}
#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, 
#topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {left: -999em;}
#topmenu li:hover ul, #topmenu li li:hover ul, 
#topmenu li li li:hover ul, #topmenu li.sfhover ul, 
#topmenu li li.sfhover ul, #topmenu li li li.sfhover ul {left: auto;}
#topmenu li:hover, #topmenu li.sfhover {position: static;}

.gadgetkeuangan{display:block;min-height:55px;height:auto;margin:0 20px 20px;background:#fff;}

.headline{display:block;float:left;width:630px;margin:0 0 0 20px;}
.headline h2.judul{display:block;background:#01709e;padding:10px;color:#fff;font-size:12px;}

.headpertama{display:block;float:left;width:380px;height:345px;margin:10px 20px 10px 0;}
.headpertama .headthumbs{width:380px;height:220px;overflow:hidden;}
.headpertama .headthumbs img{max-width:380px;max-height:220px;}
.headpertama h2{display:block;background:none;padding:0;margin:5px 0;font-size:28px;}
.headpertama h2 a{color:#00709e !important;}

.headdst{display:block;float:left;width:230px;border-bottom:1px dotted #ddd;margin:0 0 5px;padding:0 0 5px;}
.headdst h2{display:block;background:none;padding:0;margin:5px 0;font-size:18px;}

.secondline{display:block;float:left;width:630px;margin:0 0 10px 20px;padding:10px 0;border-top:2px solid #01709e;border-bottom:2px solid #01709e;}
.seconditem{display:block;float:left;width:142px;height:130px;margin:0 20px 0 0;overflow:hidden;}
.seconditem .secondthumb{display:block;float:left;width:142px;height:70px;overflow:hidden;margin:0 0 5px;}
.seconditem .secondthumb img{max-width:142px;max-height:80px;}
.seconditem h2{display:block;background:none;padding:0;margin:5px 0;font-size:13px;line-height:18px;font-weight:bold;}

.featured{display:block;float:left;width:630px;margin:0 0 0 20px;}
.featured h2.judul{display:block;background:#01709e;padding:10px;color:#fff;font-size:12px;}
.featpertama{display:block;float:left;width:380px;height:355px;margin:10px 20px 10px 0;}
.featpertama .featthumbs{width:380px;height:215px;overflow:hidden;}
.featpertama .featthumbs img{max-width:380px;max-height:215px;}
.featpertama h2{display:block;background:none;padding:0;margin:5px 0;font-size:20px;}
.featpertama h2 a{color:#00709e !important;}

.featdst{display:block;float:left;width:230px;height:50px;margin:10px 0 0;padding:0;}
.featdst .featdstthumbs{display:block;float:left;width:80px;height:50px;margin:0 10px 0 0;}
.featdst .featdstthumbs img{max-width:80px;max-height:50px;}
.featdst h2{display:block;background:none;padding:0;margin:0;font-size:12px;font-weight:bold;}

.smallleft{display:block;float:left;width:380px;margin:10px 20px 10px 20px;}
.smallright{display:block;float:left;width:230px;margin:10px 0 0;padding:0;background:#f3f3f3;}
.smallright h2{display:block;padding:10px;background:#01709e;font-size:12px;color:#fff;}
.smallright h2 a{color:#fff;}

.baris{display:block;margin:0 0 10px;padding:0;border-bottom:5px solid #01709e;}
.baris h2.judul{display:block;padding:5px 0;color:#000;font-size:16px;font-weight:bold;}
.baris h2.judul a{color:#000;}
.baris h3{font-size:12px;margin:0 0 10px;padding:0;}
.baris h3 a{font-weight:bold;}

.kotak{display:block;margin:5px;padding:0;}
.kotakthumbs{display:block;width:220px;height:145px;}
.kotakthumbs img{max-width:220px;max-height:145px;}
.kotak h3{font-size:12px;}
.kotak h3 a{font-weight:bold;}

.thumbitem{display:block;margin:10px 0 10px 20px;clear:both;}
.thumbitem .thumbnail{display:block;float:left;width:150px;height:120px;overflow:hidden;margin:0 15px 0 0;}
.thumbitem .thumbnail img{max-width:150px;height:auto;}
.thumbitem h2{font-size:14px;margin:0 0 10px;padding:0;}
.thumbitem h2 a{font-weight:bold;}

.headjudul{display:block;background:#01709e;padding:10px;color:#fff;font-size:12px;margin-left:20px;}
.tanggal{color:#999;font-size:10px;text-transform:uppercase;}
.semua{display:block;color:#000 !important;font-size:12px;font-weight:bold;}

/*Bread*/
.bread{width:650px;display:block;float:left;padding:5px 10px;margin-left:10px;color:#FFF;font-size:11px;background:#AAA;overflow:auto;}
.bread a{color:#FFF;text-decoration:none;}

/* comments */
.comment{display:block;padding:0;margin:0 0 0 20px;}
.comment h1, .comment h2, .comment h3{font-family:'Trebuchet MS',Arial,Tahoma,Verdana;}
.comment a{font-weight:bold;}
.comment img{padding:0px;max-width:620px;}
.comment img.avatar{float:left;padding:0;border:#275d02 2px solid;margin:5px 15px 10px 0;}
.comment ul{margin:10px 0 10px 20px;padding:0;}
.comment ul li{margin:0;padding:0;list-style:disc;}
.comment ol{margin:10px 0 10px 30px;padding:0;}
.comment ol li{margin:0;padding:0;list-style:decimal;}
.comment p{margin:10px 0;padding:0;}
.comment blockquote, .comment pre{margin:15px 0px;padding:1px 15px 1px 45px;border-left:0px;background:#f3f3f3;font-family:'Courier New', Courier;}
.comment blockquote cite{margin:5px 0 0;display:block;}
.comment code{font:1em 'Courier New', Courier, Fixed;padding:10px 15px;border:1px dashed #BBB;background:#f3f3f3;display:block;margin:15px 0px;}
.comment quote{padding:0px 0px 0px 60px; background:#f3f3f3;display:block;margin:15px 0px;}
.comment quote code{padding:0;border:none;display:block;margin:0px;}
.comment .metainfo{color:#777;margin:0 0 5px 0;}
.comment .metasos{color:#777;margin:5px 0;}

.related{display:block;margin:10px 0 20px !important;}
.relateditem{display:block;float:left;width:142px;margin:0 20px 0 0;overflow:hidden;}
.relateditem a{color:#00709e;text-decoration:none;}
.relateditem a:hover{color:#00709e;}
.relateditem .relatedthumb{display:block;float:left;width:142px;height:100px;overflow:hidden;margin:0 0 5px;}
.relateditem .relatedthumb img{max-width:142px;max-height:100px;}
.relateditem h2{display:block;background:none;padding:0;margin:5px 0;font-size:13px;line-height:18px;font-weight:bold;}

img.aligncenter{display:block;clear:both;margin-left:auto;margin-right:auto;margin-bottom:10px;}
img.alignright{float:right;margin:0 0 15px 10px;display:inline;}
img.alignleft{float:left;margin:0 10px 15px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left}

ol.trackback{margin:0 0 0 20px;}
ol.trackback li{list-style:decimal;}

/* sidebox */
.sidebox{display:block;background:#f3f3f3;padding:0 0 1px;margin:0 0 10px;}
.sidebox a{color:#00709e;font-weight:bold;}
.sidebox h2, .sidebox h3{display:block;padding:10px;background:#01709e;font-size:12px;color:#fff;}
.sidebox h2 a{color:#fff;font-weight:normal;}
.sidebox ul{padding:0;margin:5px 10px 10px;list-style:none;}
.sidebox ul li{padding:5px 0;margin:0;}
.sidebox li h3{background:transparent;padding:0;margin:5px 0;font-size:13px;}
.sidebox li h3 a{color:#00709e;font-weight:bold;}
.sidebox li a{color:#00709e;font-weight:bold;}
.sidebox form{display:block;padding:10px;}
.sidebox .sidethumbs{display:block;width:275px;height:150px;margin:0;}
.sidebox .sidethumbs img{max-width:275px;max-height:150px;}
.sidebox  .tagcloud{display:block;margin:10px !important;}

/* Footer */
.footbox{display:block;float:left;margin:0 5px;padding:10px 0;width:220px;}
.footbox img{max-width:220px;}
.footbox h2, .footbox h3{display:block;padding:10px;color:#fff;}
.footbox h2 a{color:#fff;font-weight:normal;}
.footbox ul{padding:0;margin:5px 10px 10px;list-style:none;}
.footbox ul li{padding:5px 0;margin:0;}
.footbox li h3{background:transparent;padding:0;margin:5px 0;font-size:13px;}
.footbox li h3 a{color:#00709e;font-weight:bold;}
.footbox li a{color:#00709e;font-weight:bold;}
.footbox li span{font-size:11px;line-height:15px;}
.footbox form{display:block;padding:10px;}
.footbox .sidethumbs{display:block;width:275px;height:150px;margin:0;}
.footbox .sidethumbs img{max-width:275px;max-height:150px;}
.footbox  .tagcloud{display:block;margin:10px !important;}

a.twitter{display:inline-block;float:left;margin:0 5px 0 10px;width:17px;height:17px;background:url(images/social.png) 0 0 no-repeat;}
a.fb{display:inline-block;float:left;margin:0 5px 0 10px;width:17px;height:17px;background:url(images/social.png) -17px 0 no-repeat;}
a.linkedin{display:inline-block;float:left;margin:0 5px 0 10px;width:17px;height:17px;background:url(images/social.png) -34px 0 no-repeat;}
a.rss{display:inline-block;float:left;margin:0 5px 0 10px;width:17px;height:17px;background:url(images/social.png) -51px 0 no-repeat;}

/* navigation */
.navigation{clear:both;margin:10px 0 0 0;padding:6px;text-align:center;color:#fff;font-size:12px;}
span.pages{display:none;}
span.page-numbers.current{display:inline-block;text-shadow:1px 1px 0 #000099;margin:0;padding:3px 10px;color:#FFF;background:#00709e;}
.navigation a{display:inline-block;color:#fff;text-shadow:1px 1px 0 #000;margin:0;padding:3px 10px;background:#333;}
.navigation a:hover{background:#666;text-decoration:none;}