/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#000;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	background:url('../images/background_pattern.png') repeat;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:26px;
	font-weight:bold;
	line-height:1.2em;
	color:#585757;
	text-transform:none;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#588b23;
	text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
	background-image: linear-gradient(to right, #fcfdfe, #d3e2f1);
	min-height: 100px;
	height: auto;
}
.header_resize {
	margin:0 auto;
	padding:0 0 24px;
}


.logo {
	padding:0;
	float:none;
	float:left;
	width:auto;
	height:146px;
}
h1 {
	margin:0;
	padding:40px 0 0 20px;
	font-size:36px;
	font-weight:bold;
	line-height:1.2em;
	text-transform:none;
	letter-spacing:2px;
}
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
}
h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#fff;
}
.slider {
	margin:0;
}
.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.menu_nav {
	margin:0;
	padding-top: 20px;
}
.menu_nav ul {
	list-style:none;
	padding:0 0 0 2px;
	height:56px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0 0 0 8px;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:12px 0 0;
	width:100px;
	height:38px;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	text-transform:none;
	text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover, .menu_nav ul li.non-active a:hover {
	text-decoration:none;
	font-weight:bold;
	color: #2b3991;
}

.menu_nav ul li.non-active a{
	text-decoration:none;
	color:#606060;
	font-weight:bold;
}

.content {
	padding:4px 0 0;
	background:repeat-x left bottom;
}
.content_resize {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
	background:url(../images/a.png) repeat-y left top;
}
.content_menu {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
	background:url(../images/sidebar_bg.gif) repeat-y left top;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:680px;
}
.content .mainbar h2 {
	margin-bottom:4px;
}
.content .mainbar div.img {
	padding:12px 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:1px solid #dcdee2;
}
.content .mainbar .article {
	margin:0 0 8px;
	padding:6px 20px;
}
.content .mainbar .post_content {
	float:right;
	width:440px;
}
.content .mainbar .post_content strong {
	color:#585757;
}
.content .sidebar {
	padding:0;
	float:left;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:6px 20px 24px;
}
.content .sidebar h2 {
}


.content .pagination {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 20px 0 5px;
    text-align: center;
}
.content .pagination a,.pagination span  {
    margin: 0 3px;
    padding: 5px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	cursor:pointer;
	text-decoration:none;
}
.content  .pagination a.number {
    border: 1px solid #DDDDDD;
}
.content  .pagination span.current {
    background: url("../images/bg-button-green.gif") repeat-x scroll left top #469400 !important;
    border-color: #459300 !important;
    color: #FFFFFF !important;
}
.content  .pagination span.current:hover {
    text-decoration: underline;
}

ul.sb_menu, ul.ex_menu {
    margin-left:15px;
	color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li, ul.ex_menu li {
	padding:8px 0;
	width:220px;
}
ul.sb_menu li a {
	color:#585757;
	text-decoration:none;
	margin-left:0;
	padding:4px 8px 4px 0;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#585757;
	text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#588b23;
	font-weight:bold;
	text-decoration:none;
}
p.spec {
	padding:0 0 16px;
}
p.infopost {
	margin:0;
	padding:6px 12px 6px 0;
	text-transform:none;
	background:#f4f2f5;
}
p.infopost a {
	padding:0 2px;
	text-decoration:none;
	font-weight:normal;
	color:#588b23;
}
p.infopost a:hover {
	text-decoration:underline;
}
p.infopost span.date {
}
.article a.com {
	display:block;
	float:left;
	margin:-16px 12px -4px 0;
	padding:10px 84px 0 14px;
	width:48px;
	height:41px;
	font-size:33px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:url(../images/comment.jpg) no-repeat center top;
}
.article a.com:hover {
	text-decoration:none;
}
.article a.com span {
}

.buku{
float:left;
width: 300px;
height: 170px;
padding: 5px;
margin-top: 15px;
margin-left:10px;
background:#ece9e9;
border-radius: 10px;
overflow: hidden;

}



.buku:hover {
   background-color:#569f09;
   color: #fff;
}

.buku  a{
color:#f7fa04;
}

.buku table td{
padding-left: 10px;
line-height:18px;
height: 30px;
}

.peraga table td{
text-align: center;
	
}
.buku table td img{

}

.peraga{
float:left;
width: 190px;
height: 250px;
padding: 5px;
margin-top: 15px;
margin-left:10px;
background:#ece9e9;
border-radius: 10px;
}



.peraga:hover {
   background-color:#569f09;
   color: #fff;
}

.peraga a{
color:#f7fa04;
}

.peraga table td{
line-height:18px;
height: 30px;
}

.judul{
font-size: 14px;
font-weight:bold;
color:#3e3e3e;
}

.resensi{
float:left;
padding: 5px;
margin-top: 15px;
margin-left:10px;
}



.resensi table td{
line-height:18px;
padding: 5px;
}

.resensi p{
text-align:justify;
}

.menu-resensi {
width: 150px;
border-radius:15px;
padding:10px;
background-color:#fff;
}

.menu-resensi:hover {
   background-color:#cdcdcd;
   border-radius:15px;
   padding:10px;
}

.post_content a.rm {
	display:block;
	float:left;
	margin:0 0 16px;
	padding:0;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	text-transform:none;
	color:#588b23;
	text-decoration:none;
	text-align:center;
}
.post_content a.rm:hover {
	text-decoration:underline;
}
.content p.pages {
	margin:0;
	padding:24px 20px;
	font-size:11px;
	line-height:16px;
	color:#959595;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	display:block;
	float:left;
	margin:0;
	padding:12px 0;
	width:36px;
	text-decoration:none;
	text-align:center;
	background:url(../images/page_p.jpg) no-repeat center center;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background:#212121;
	background:url(../images/page_a.jpg) no-repeat center center;
}
.content p.pages a {
	color:#fff;
	border:none;
}
.content p.pages small {
	font-size:12px;
	float:right;
	line-height:24px;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.foot{
	border-top:0px solid #5b5b5b;
	border-bottom:0px solid #242424;
	background:#051628; 
}
.fbg {
	padding:10px;
	min-height: 150px;
	height: auto;
	margin: 0;
}

.fbg h2 {
	margin-top: 10px;
	margin-bottom:0px;
	padding-bottom:2px;
	color:#fff;
	font-size: 18px;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #fff;
}
.fbg .col {
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
}
.fbg .c2 {
	width:40%;
	margin-left:18%;
}
.fbg .c3 {
	width:37%;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#585757;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#588b23;
	text-decoration:none;
	font-weight:normal;
}
.fbg_resize p {
color:#fff;
font-size: 12px;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	color:#588b23;
	text-decoration:underline;
	font-weight:normal;
}
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
}
ol {
	list-style:none;
}
ol li {
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	padding:12px 0 24px 20px;
	float:left;
}
#formsearch {
	margin:0;
	padding:0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:7px 10px;
	float:left;
	width:168px;
	font-size:14px;
	line-height:16px;
	color:#585757;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.footer {
	background:#cdcdcd;
}
.footer_resize {
	margin:0 auto;
	padding:0;
	width:92;
}

@media (max-width: 767px) {
   .header{
   	  height: 170px;
   }
   .clr-menu{
   	display: none;
   }
   .menu_nav {
      padding-top:5px;
   }
   .menu_nav ul li a {
       width: 70px;
       font-size: 12px;
   }	
   .foot{
   	  background: #000;
   }
}