/*
Theme Name: Radio Muslim
Theme URI: http://radiomuslim.com
Description: Radio Muslim adalah saluran radio kajian Islami dan murottal...
Version: 2
Author: Choen
Author URI: http://mainlayout.com
Tags: radio, streaming
*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form,fieldset,input,blockquote{margin:0;padding:0}
body{background:#F8FAF2 url(images/bg.jpg) top center no-repeat;color:#222;font-family:Helvetica Neue, Arial, Helvetica, sans-serif;font-size:62.5%;line-height:1.6}
a{color:#BA3E00;text-decoration:none}
a:focus{color:#743399}
a:hover,a:active{color:#111}
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:400;text-align:left}
code{background:#eee;font-family:Consolas,Monaco,"Courier New",Courier,monospace;margin:0 2px;padding:0 3px}
pre{background:#eee;border:1px solid #ddd;clear:both;font-family:Consolas,Monaco,"Courier New",Courier,monospace;overflow-x:auto;padding:10px;white-space:pre-wrap;word-wrap:break-word}
.clear{clear:both}
a img{border:none}
h1{font-size:2.5em}
h2{font-size:2em}
h3{font-size:1.6em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1.1em}
#searchsubmit,#sirih p,#topnav,.comment-author,.nav-prev,.meta,#nav-page,#nav_cat,h1,h2,h3,h4,h5,h6{clear:both;font-family:Calibri, Helvetica Neue, Liberation Sans, sans-serif;font-weight:400}
.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright,img.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.wp-caption{background-color:#f3f3f3;border:1px solid #ddd;margin:10px;padding-top:4px;text-align:center}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.wp-smiley{margin:0 !important;max-height:1em}
.gallery-caption{margin:-1.5em 0 0}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}
blockquote{font-style:italic;margin:1em 0 1.5em 2.5em}
hr{background-color:#999;border:0;height:1px;margin-bottom:1.5em}
ul{list-style:disc;margin:0 0 1.5em 2.5em}
ol{list-style-type:decimal;margin:0 0 1.5em 2.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 1.5em}
cite,em,i{font-style:italic}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
.date,p,dd{margin-bottom:1.3em}
dt,strong{font-weight:700}

.green{color:#427D18}
.orange,h2 a,h3 a,h3,h4 a{color:#FF5500}

/*banner*/
#banner1 a{width:428px;height:100px;background:#eee;border:1px solid #ccc;display:block;text-align:center;line-height:800%}
ul.banner100{padding:0 30px}
.banner100 li{float:left}
.banner100 li a{width:200px;height:100px;overflow:hidden;text-align:center;line-height:1500%;margin:0 5px 10px; border:1px solid #ccc;background-color:#eee;display:block}
.banner200x50 a{float:left;width:200px;height:50px;overflow:hidden;text-align:center;line-height:500%;margin:0 35px 10px; border:1px solid #ccc;background-color:#eee;display:block}
.banner200x75 a{float:left;width:200px;height:75px;overflow:hidden;text-align:center;line-height:500%;margin:0 35px 10px; border:1px solid #ccc;background-color:#eee;display:block}

/*navigasi*/
#topnav{height:62px;text-transform:uppercase;background:#70a335 url(images/topnav.jpg) 0 0 repeat-x}
#nav_page{width:960px;margin:0 auto;background:url(images/topnavbg.jpg) top center no-repeat}
#nav_page ul {margin:0; padding:0 90px}
#nav_page ul li{float:left;list-style:none;margin-top:22px}
#topnav ul li a{color:#fff;font-size:16px;margin:15px;text-shadow:1px 1px 1px #39541a}
#topnav ul li a:hover{color:#f1f347}

#topnav .current a,#nav_page a:hover, #nav_page li.current_page_item a {color:yellow}

/*header*/
#header{height:139px;background: url(images/header.jpg) 0 0 repeat-x}
#headerin{height:139px;background:url(images/headerbg.jpg) top center no-repeat}
#headermsj{position:absolute;right:0;top:64px}
#headerdlm{position:relative;width:960px;margin:0 auto}
h1.branding{position:absolute;top:19px; left:20px;}
#header ul#nav_cat{margin:0;position:absolute;top:5px;left:154px}
#header ul li{float:left;list-style:none}
#header ul li a{text-transform:uppercase;color:#111;font-size:15px;margin:10px}
#header ul li a:hover{color:#C54400}

/*width*/
#content{font-size:12px;width:960px;margin:25px auto 10px}
#main{width:742px;float:left}
#mainleft{width:295px;float:left;overflow:hidden}
#mainright{width:430px;float:right;overflow:hidden}
#aside{width:200px;float:right;overflow:hidden}

/*main*/
#mainright h2{margin-top:20px;font-size:2em;line-height:1;padding:0 0 20px;margin-bottom:2px;background:url(images/listh2tgh.jpg) bottom center no-repeat;}
.date{font-size:11px}
p.meta{line-height:1.2px}
#mainright h3{padding:10px 0 5px;line-height:1}
.post h3,h3.titlepost{margin-bottom:5px}
.post{border-bottom:1px dashed #CED3B8;margin-bottom:10px;}

ul#contentwidget,ul#contentwidget ul{margin:0}
#contentwidget li{list-style:none}

/*sidebar umum*/
#mainleft ul,#aside ul{margin:0}
#mainleft ul li,#aside ul li{list-style:none;padding:5px 0}
#mainleft h2,#aside h2{font-size:1.4em;text-transform:uppercase;font-weight:700}
#mainleft h2{text-align:center;background: url(images/listh2.jpg) bottom center no-repeat;padding:15px 0;}
#aside h2{background:url(images/listh2side.jpg) bottom center no-repeat;padding:15px 0;}
#mainleft h3{font-size:1em;font-family:Helvetica Neue, Arial, Helvetica, sans-serif;font-weight:700}
#mainleft h3 span{font-weight:400}
#mainleft a{color:#222}
#mainleft a:hover{color:#C54400}

/*left*/
#sirih{height:194px;width:295px;background: url(images/sirih.jpg) 0 0 no-repeat}
#sirih p{padding:10px}
#sirih p span{color:#427D18;font-size:15px}

#audio p,#audio ul,#audio ol{display:none}
#audio .powerpress_player embed{width:295px}
#audio p.powerpress_links{width:295px;display:inline-block; font-size:11px;border-bottom:1px dashed #CED3B8;margin:5px 0 10px}
#audio p.powerpress_links a{color:#C54400}
#audio p.powerpress_links a:hover{color:#222}

/*right*/
#streaming{height:180px;width:200px;background: url(images/streamingbg.jpg) 0 0 no-repeat}
#play{margin:0 auto;width:150px;padding-top:60px;}
#streaming2{width:180px}
#streaming2 h3{font-size:1.5em;text-align:center;padding:10px 0 5px}
iframe{border:1px solid #427D18}
#rightbar ul li ul{margin-left:20px}
#rightbar ul li a{display:block;border-bottom:1px dashed #CED3B8}

/*column*/
#column{font-size:11px;padding-bottom:30px;background:#e5e9d6;border-top: 1px solid #fff}
#columnin h2{background:url(images/listh2clm.jpg) bottom center no-repeat;padding:7px 0;color:#427D18;font-size:16px;text-align:center;text-transform:uppercase;margin:0px 0;letter-spacing:0.5px;font-weight:700}
#column ul{margin:0}
#column ul li{list-style:none}
#columnin{width:960px;margin:0 auto}
#columnin p{margin-bottom:0.5em;line-height:1.2em}
.column {float:left;width:205px;margin:0 9px}
.column2 {float:left;width:180px;margin:0 9px}

/*footer*/
#footer{background:#35291f url(images/footer.jpg) 0 0 repeat-x}
#footerin{position:relative;width:960px; margin:0 auto;line-height:18px;height:56px}
#footerin p{margin:0;color:#fff;}
#footerin a:hover{color:#56a21e}
#cr{text-align:center;width:240px;padding:8px 0 0}
p.if{font-size:11px;border:1px solid #4d3c2b;padding:0 8px;position:absolute;right:5px;top:10px;background:url(images/if.jpg)0 0 repeat-x;height:38px;width:470px}

/*comment*/
#respond input, #respond textarea{background:#f3f4ef;border:1px solid #CED3B8;padding:3px 8px;margin-right:5px}
#respond input:focus, #respond textarea:focus,#s:focus{border:1px solid #b1bb83}
.commentlist li{list-style:none}
input#submit{color:#fff;background:#547d21 url(images/btn.gif)center center repeat-x;margin:10px 0;cursor:pointer;}
input#submit:hover{background: url(images/btn.gif)top left repeat-x;}
input#author{padding-left:30px;background:url(images/input-name.png) left center no-repeat}
input#email{padding-left:30px;background:url(images/input-email.png) left center no-repeat}
input#url{padding-left:30px;background:url(images/input-link.png) left center no-repeat}
cite.fn{font-size:16px; font-style:normal}
.commentlist .children > li {background:url("images/li-left.png") no-repeat scroll 0 20px;border-left:1px solid #CED3B8;margin:0;padding-left:30px}
.comment-body {padding:10px;border:1px solid #CED3B8;margin-bottom:10px;min-height:80px;overflow:hidden;position:relative}
.comment-meta{font-size:11px}

/*leftright*/
#leftright{border-top:1px solid #CED3B8;width:430px;float:left;display:block;padding:20px 0;}
#leftright .alignleft a, #leftright .alignright a{color:#222;text-align:center;display:block;background:#e5e9d6;padding:5px;width:186px}
#leftright a:hover{color:#C54400;background:#ecf0de}

/*search*/
.says,.screen-reader-text{display:none}
#s{background:#f3f4ef;border:1px solid #CED3B8;padding:1px 5px}
#aside #s{width:130px;}
#searchsubmit{color:#fff;background:#547d21 url(images/btn.gif)center center repeat-x;padding:1px 3px;cursor:pointer;border:1px solid #CED3B8;float:right}
#searchsubmit:hover{background: url(images/btn.gif)top left repeat-x;}

/*dll*/
.narasumber li {background:url(images/narasumbericon.png) 0 7px no-repeat}
.kajian li {background:url(images/kajianicon.png) 0 8px no-repeat}
.widget_recent_entries li {background:url(images/kabaricon.png) 0 7px no-repeat}
.narasumber li a,.kajian a, .widget_recent_entries a{padding-left:25px;display:block;border-bottom:1px dashed #CED3B8;} 

/*
Tambahan ABu Farhan
*/

#nav_cat ul  li{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#D5DFBC; font-weight:bold;}
#nav_cat a {padding:0px; text-decoration:none}
#nav_cat li li a {padding:0px;}
#nav_cat a:hover {}
#nav_cat li {float:left; position:relative;}
#nav_cat ul {position:absolute; display:none; width:15em; top:1.7em; left:6px;margin-left:5px;margin-top:5px;}
#nav_cat li ul li{border-bottom:1px solid #fff;}
#nav_cat li ul a {line-height:1.1;height:auto; float:left;}
#nav_cat ul ul {top:auto}
#nav_cat li ul ul {left:0; margin:0px 0 0 0px;}
#nav_cat li:hover ul ul, #nav_cat li:hover ul ul ul, #nav_cat li:hover ul ul ul ul {display:none;}
#nav_cat li:hover ul, #nav_cat li li:hover ul, #nav_cat li li li:hover ul, #nav_cat li li li li:hover ul {display:block;}

#quiz {
	height: 350px;
	width: 180px;
	background: url(images/note.png) left no-repeat;
	padding: 100px 150px 0px 20px;
	margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
}