/***************** CSS RESET *****************/ 
* { margin:0; padding:0; }
html,body { outline:none; }
a { outline:none; }

/***************** BODY *****************/ 
body { background:#cfccc7; color: #333; font:normal 12px/15px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;}
.clear { clear:both; }
p { margin-bottom:20px; }
p a { color:#8cbd30; border-bottom:1px dotted #8cbd30; text-decoration:none; }
p a:hover { color:#999; border-bottom:1px dotted #999; }
h2 { font-size:20px; font-weight:bold; margin-bottom:2px; line-height:25px; color:#8cbd30; padding:10px 0 5px 0;}
h2 a { text-align:left; color:#2d2d2d; text-decoration:none; }
h2 a:hover { color:#999; border-bottom:1px dotted #999; }
h3 { font-size:13px;display:block; margin:auto; height:20px; border-bottom:5px solid #dedbd4; background:#8cbd30; padding:3px 2px 2px 10px; line-height:18px; color:#FFF; margin:10px 0 15px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; }
h3 a { text-decoration:none; color:#FFF; }
h4 { font-size:18px; font:Arial, Helvetica, sans-serif; color:000; margin-bottom:10px; }
input,textarea { border:1px solid #CCC; padding:3px; font-size:10px; }

/***************** MAIN FRAME *****************/
#wrapper { width:942px; margin:20px auto; background:#FFF; border:7px solid #dedbd4; }
#content-wrap { background:url(images/content-bg.jpg) repeat-y;  }


/***************** HEADER *****************/
#header { height:110px; }
#logo { height:93px; width:364px; margin:17px 0 0 20px; }
#logo a { outline:none; }
#logo img { border:none; }

/***************** NAVIGATION *****************/ 
#wrapper #nav { background:#8cbd30; height:30px; border-bottom:5px solid #dedbd4; }
#wrapper #nav ul { margin-left:23px; }
#wrapper #nav ul li { float:left; list-style:none; line-height:29px; padding-left:5px; text-transform:capitalize; }
#wrapper #nav ul li a {  height:31px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; display:block; color:#FFF; text-decoration:none; padding:0 10px; font-style:italic; outline:none; }
#wrapper #nav ul li a:hover { background:#dedbd4; color:#a6a6a6;  }
#wrapper #nav ul .current_page_item a { background:#dedbd4; color:#a6a6a6; outline:none; }
/* mula level 1 */
/*#nav li ul { position: absolute; width:180px; left: -999em; margin-left:-1px; z-index:10; }
#nav li ul li a { height:30px; line-height:30px; border:1px solid #fff; border-top:none; background:#dedbd4; width:180px; text-align:left; padding-left:10px; font-size:11px; z-index:10; color:#a6a6a6; }
#nav li ul li a span { border:none; }
#nav li ul li a:hover { color:#fff; height:30px; line-height:30px; border:1px solid #fff; border-top:none; background:#8cbd30; width:180px; z-index:10;}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
/* akhir level 1 */
/* mula utk level 2 */
/*#nav li ul ul { margin: -2.8em 0 0 17.4em; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
/*akhir utk level 2*/
/* mula level 3 */
/*#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
/* akhir level 3 */

/***************** CONTENT *****************/
.content { float:left; width:550px; padding:30px 10px 10px 30px;  }
.post { margin-top:15px; text-align:justify; line-height:22px; }
.postmeta { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 15px 0; font-style:italic; color:#999; }
span.comment-wrap { font-size:15px; color:#CCC; line-height:15px; }
span.comment-num { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:15px; padding-bottom:5px; line-height:40px; }
span.comment-num a { color:#999; border:none; }
span.comment-num a:hover { color:#999; border-bottom:1px dotted #999; }
.postcomment { margin:5px 0; }
.postcomment a { color:#CCC; text-decoration:none; }
.postline { height:1px; border-top:1px dotted #CCC; }
.biobox { margin-top:10px; background:#f4f2f2; border:3px solid #ededed; padding:5px; font-size:11px; line-height:16px; }
h4.bioname{ font-size:12px;display:block; margin:auto;  border-bottom:2px solid #e4e3e3; background:#f4f2f2; padding:3px 5px 3px 0; line-height:18px; color:#7d7d7d; margin-bottom:7px; }
.bio-grav { float:left; padding:0 7px 2px 0; }
.bio-grav img.avatar { border:2px solid #e4e3e3; padding:2px; }
.post ul { margin-bottom:20px; }
.post li { list-style:none; background:url(images/arrow_2_right_round_ol.png) no-repeat 0 5px ; padding-left:20px; }
.post a { color:#8cbd30; border-bottom:1px dotted #8cbd30; text-decoration:none; font-weight:bold; }
.post a:hover { color:#999; border-bottom:1px dotted #999; }
.post a img { border:none; }
.post input { width:200px; }
.content .relatedpost { }
h4.rpost { font-size:12px;display:block; margin:auto;  border-bottom:2px solid #e4e3e3; background:#f8f8f8; padding:3px 5px 3px 10px; line-height:18px; color:#7d7d7d; margin-bottom:7px; }
.content .relatedpost ul { margin-left:11px; list-style:none; margin-bottom:5px; }
.content .relatedpost ul li { background:url(images/arrow_2_right_round.png) no-repeat 0 6px ; padding-left:15px; font-size:11px;}
.content .relatedpost ul li a { text-decoration:none; color:#999; border:none; font-weight:normal; }

/***************** MAJALAHIM *****************/
.post-mim { margin-top:10px; background:#f8f8f8; border:3px solid #ededed; height:290px; padding:10px;  }
.cover img{ margin-right:8px; border: 2px solid #e5e5e5; text-align:justify; float:left; padding:3px; }
.cover:hover img{ border: 2px solid #c2c0c0; }
.cover:hover{ color: red; /* Dummy definition to overcome IE bug */ }
.post-mim p { font-size:11px; text-align:justify; margin-bottom:10px; font-weight:bold; }
.post-mim p span { font-weight:normal; }
.post-mim span.zip a { display:block; text-indent:-9999px; background:url(images/zip.gif) no-repeat 0 0; width:47px; height:24px; margin-right:10px; float:left; }
.post-mim span.mp3 a { display:block; text-indent:-9999px; background:url(images/mp3.gif) no-repeat 0 0; width:47px; height:24px; margin-right:10px; float:left }
.post-mim span.pdf a { display:block; text-indent:-9999px; background:url(images/pdf.gif) no-repeat 0 0; width:47px; height:24px; margin-right:10px; float:left }
.post-mim span.komen a { display:block; background:url(images/komen.gif) no-repeat; width:113px; height:19px; margin-right:0; color:#333; font-weight:bold; padding:5px 0 0 15px;float:left  }
.post-mim h3.mim { font-size:13px;display:block; margin:auto; height:20px; border-bottom:5px solid #dedbd4; background:#8cbd30; padding:3px 2px 2px 5px; line-height:18px; color:#FFF; margin:10px 0 15px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic;  }
.post-mim h3.mim a { }

/***************** SALESLETTER *****************/
.salesletter { float:left; width:550px; padding:30px 10px 10px 30px;  }
.salesletter p { text-align:justify; }

/***************** SIDEBARS *****************/ 
.sidebar { float:right; background:#f6f5f1; width:305px; padding:10px;   }
.box { width:270px; margin:auto; font-size:10px; margin-bottom:20px; }
.box ul {  }
.box ul li { list-style:none; margin-bottom:5px; background:url(images/arrow_2_right_round.png) no-repeat 0px 3px; padding-left:15px; }
.box ul li a { color:#666; text-decoration:none; }
.box ul li a:hover { color:#8cbd30; border-bottom:1px dotted #8cbd30; }

/***************** SEARCH & FEED *****************/ 
#search { width: 270px; height:25px; background: url(images/search-bg.jpg) no-repeat;  margin-bottom:-10px; }
#search #s { float: left; margin: 0; border: 0; width: 220px; background:#ffffff; font-size:11px; color:#ababab; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; border:1px solid #dadada; }
#search #s:hover { background:#f1f1f1; }
#search #go { float: right; width:30px; height:13px; text-align:center; }

/***************** COMMENTS *****************/ 
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
/*.commentmetadata { margin:0; display:block; }*/
.commentlist li, #commentform input, #commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; border:1px solid #CCC; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; margin-left:0; border:1px solid #CCC; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #b6b6b6; height:1%; margin:0 0 10px; padding:5px 7px 5px 20px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; color:#666; margin-left:40px; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none;  }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:3px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says { font-style:normal; color:#666; }
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; display:none; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; color:#333; margin-left:40px;}
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:3px 3px;  text-align:center; width:36px; margin-left:40px; }
ol.commentlist li div.reply:hover { background:#8cbd30; border:1px solid #666; color:#819e17;}
ol.commentlist li div.reply a { display:block; color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f8f8f8; border:3px solid #ededed}
ol.commentlist li.odd { background:#fff; border:3px solid #ededed; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { margin-left:0;  }
ol.commentlist li.thread-odd { margin-left:0;  }
h4.comments { font-size:12px;display:block; margin:auto;  border-bottom:5px solid #dedbd4; background:#8cbd30; padding:3px 5px 3px 10px; line-height:18px; color:#FFF; margin:10px 0;}
h5.comments { font-size:12px; color:#CCC; margin:0 0 10px 0; text-decoration:underline; }
h5.leave-comments {  color:#CCC; margin-left:10; }
p.logged-as, p.logged-as a { padding-left:0; color:#ccc;  }
p.logged-as a { padding-left:0 }
a#cancel-comment-reply-link  { font-size:11px; color:#666; text-decoration:underline; padding-top:5px; margin-left:0; }

/***************** IMAGE & CAPTIONS *****************/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; }
.wp-caption img { border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 10px; line-height:20px; padding:5px; border-top:1px dotted #fff; margin-top:5px; }

/***************** MISC *****************/
.navigation { margin:20px 0; }

/***************** PHPBB3 *****************/
#phpbb #nav { background:#8cbd30; height:30px; border-bottom:5px solid #dedbd4; }
#phpbb #nav ul { margin-left:0 }
#phpbb #nav ul li { float:left; list-style:none; line-height:29px; padding-left:5px; text-transform:capitalize; }
#phpbb #nav ul li a {  height:31px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; display:block; color:#FFF; text-decoration:none; padding:0 10px; font-style:italic; outline:none; }
#phpbb #nav ul li a:hover { background:#dedbd4; color:#a6a6a6;  }
#phpbb #nav ul .current_page_item a { background:#dedbd4; color:#a6a6a6; outline:none; }

#phpbb #wrapper { width:942px; margin:8px auto; background:#FFF; border:7px solid #dedbd4; }

/***************** HEADER *****************/
#header-bb { height:127px; }
#phpbb #wrapper #logo { height:93px; width:364px; margin:17px 0 0 20px; }
#phpbb #wrapper #logo a { outline:none; }
#phpbb #wrapper #logo img { border:none; }
.navbar { margin-top:10px; background:#efefef; }

li.row { background:#999; }
li.row:hover { background:#ccc; }
ul.topiclist { background:#999; }
.inner { background:#000; }