/*  
Theme Name: cmm.or.id ~ arabic
Theme URI: http://www.cmm.or.id/
Description: CMM theme for Arabic Version
Version: 1.0
Author: Apriantara
Author URI: http://aprian.net/
*/

body{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(images/body.gif);
	background-repeat: repeat-x;
	background-position: top;	
}
#container{
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px 0px;
	width: 800px;
	border-right: 1px solid #9C9D9C;
	background: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* TEXT */
h1, h2{
	font-size: 16px;
	margin-bottom: 0px;
}
/* HEADER */
#header{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header form{
	text-align: right;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px 5px 3px 0px;
}
#header1 img{
	float: left;
	width: 621px;
	height: 80px;
}
#header1{
	margin: 0px 0px 0px 0px;
	background-color: #F7F8F8;
	border: 1px solid #F0EDED;
	height: 78px;
}
#link1{
	width: 142px;
	margin: 0px 0px 0px 621px;
	padding: 8px 15px 5px 18px;
	font-size: 11px;
}
#link1 li{
	list-style: none;
	float: left;
	padding-left: 15px;
	padding-right: 8px;
	width: 46px;
}
#link1 li a{
	color: #9C9D9C;
	text-decoration: none;
}
#link1 li a:hover{
	color: #0C6179;
	text-decoration: underline;
}
#header2{
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 19px;
	background-image: url(images/topmenu-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#link2{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-transform: uppercase;
}
#link2 li{
	list-style: none;
	font-weight: bold;
	padding: 0px 8px 0px 8px;
	float: left;
	margin-top:2px;
	height: 13px;
	border-right: 1px solid #99CC33;
}
#link2 li a{
	text-decoration: none;
	color: #99CC33;
}
#link2 li a:hover{
	color: #FFFFFF;
}
p#version{
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 2px 52px;
	font-size: 10px;
	color: White;
}
p#version a{
	color: White;
	text-decoration: none;
}
p#version a:hover{
	text-decoration: underline;
	color: #99CC33;
}
/* CONTENT */
#bodybox{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content{
	float: left;
	width: 621px;
	margin-top: 20px;
}
ol#search li{
	font-size: 20px;
	list-style: decimal-leading-zero;
}
#berita{
	float: left;
	margin: 0px 0px 0px 10px;
	width: 285px;
}
#buletin{
	margin: 0px 0px 0px 305px;
	padding: 0px 15px 0px 15px;
}
.bigtitle{	
	border-bottom: 1px solid #BCE462;
	background-image: url(images/title1.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 22px;
	font: 21px "Times New Roman", Times, serif;
	color: #669933;
	margin: 0px 0px 0px 0px;
}
.arsip{
	text-align: right;
	color: #A9AAA9;
	font-size: 11px;
	padding: 8px 2px 0px 2px;
}
.bigtitle a{
	text-decoration: none;
	color: #669933;
}
.bigtitle a:hover{
	color: #0C6179;
}
#content h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #0C6179;
	margin-bottom: 0px;
	margin-left: 24px;
}
#content h3 a, #contentmenu h3 a{
	color: #0C6179;
	text-decoration: none;
}
#content h3 a:hover, #contentmenu h3 a:hover{
	color: #669933;
	text-decoration: underline;
}

#contentmenu h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #0C6179;
	margin-bottom: 0px;
}
.date{
	margin-top: 0px;
	margin-left: 24px;
	font-size: 10px;
	font-style: italic;
	color:#A9AAA9; 
}
.isi{
	margin-left: 24px;
	font-size: 12px;
	color: #333333;
	background: url(images/hr1.gif) no-repeat bottom right;
	padding-bottom: 15px;
}
#artikel{
	margin-left: 10px;
	margin-right: 10px;
}
#jurnal{
	margin-left: 10px;
	margin-right: 10px;
}
.bigtitle2{	
	border-bottom: 1px solid #BCE462;
	background-image: url(images/title2.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	height: 22px;
}
.bigtitle2 a{
	text-decoration: none;
	color: #669933;
}
.bigtitle2 a:hover{
	color: #0C6179;
}
.arsip a{
	color: #A9AAA9;
}
.arsip a:hover{
	color: #0C6179;
}

/* RIGHTMENU */
#rightmenu{
	margin: 0px 0px 0px 621px;
	padding: 25px 8px 25px 33px;
	border-left: 1px solid #CCCCCC;	
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #F7F8F8;
}
#rightmenu p{
	font-size: 11px;
	color: #999999;
}

/* FOOTER */
#footer{
	background-color: #BEE28F;
	text-align: center;
	font-size: 11px;
	color: White;
}
ul.flink{
	margin: 2px;
	text-transform: lowercase;
}
ul.flink li{
	list-style: none;
	display: inline;
}
ul.flink li a{
	color: White;
}
ul.flink li a:hover{
	text-decoration: underline;
	color: #0C6179;
}
#footer p{
	margin: 4px;
	font-weight: bold;
}

/* CONTENTMENU */
#contentmenu{
	padding: 20px 25px 15px 15px;
}
#contentmenu a{
	font-size: 12px;
}
/* TAG */
.clear{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
}
input{
	font-size: 11px;
	padding-right: 3px;
}
a{
	color: #669933;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h5{
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
img{
	border: none;
}
#contentmenu table{
	border: 1px solid #CCCCCC;
	margin-left: 24px;
}
#contentmenu .colorBG{
	background-color: #CCCCCC;
}

/* COMMENTS */
#comment-view{
	margin: 10px 10px 15px 25px;
}
#comment-view ol li{
	margin-bottom: 18px;
}
p.comment-date{
	margin-top: 0px;
	padding-top: 0px;
}	
#comment-form{
	margin: 45px 10px 15px 25px;
}