/*
Theme Name: AF-THEME
Theme URI: http://abu-farhan.com
Description: AF-THEME
Version: 2
Author: Choen
Author URI:
Tags: newtheme,redesign
*/
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:#fbfaf8 url(images/bgwrap.jpg) 0 0 repeat-x;color:#222;font-family:Helvetica Neue, Arial, Helvetica, sans-serif;font-size:62.5%;line-height:1.6}
a{color:#ff4d00;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}
.reply,#tophead,.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}
#nav_page li.current_page_item a,#nav_cat li.current-cat a{color:#ff4d00}

#wrapper{background:url(images/bg.jpg) top center no-repeat;font-size:14px}
#tophead{color:#fff;position:relative;height:40px;background:#3b3025 url(images/top.jpg) 0 0 repeat-x}
#topheadbg{background:url(images/toplist.jpg) top center no-repeat;height:40px}
#skip{position:absolute;top:13px;left:20px}
#skip a{color:yellow}
#bismillah {position:relative;top:13px;text-align:center;}
.blue{color:#00c0ff}
.orange{color:#ff4d00}
#tophead a:hover.blue,#tophead a:hover.orange,#tophead #skip a:hover {color:#fff}
#sum{position:absolute; top:13px; right:20px}
ul#sum li{float:left;list-style:none;margin-left:10px}

#header{position:relative;width:960px; margin:0 auto;height:160px;letter-spacing:0.4px}
#header a{color:#392f25;text-transform:uppercase}
#header a:hover{color:#ff4d00}
#header .branding a{position:absolute;top:19px;left:35px}
p.branding{margin:0}
h1.titlepost.small{font-size:16px;margin:20px 0}

ul#nav_page{font-size:14px;font-weight:700;position:absolute;top:20px; right:42px}
ul#nav_page li{float:left;list-style:none;margin-left:25px;text-shadow:1px 1px 1px #fff}

#searchform{border:1px solid #8b7662;background:#392f25 url(images/searcbg.png) 0 0 no-repeat;position:absolute;top:50px;right:40px;width:237px;height:25px}
#searchform p{margin:0}
.screen-reader{display:none}
#s{border:1px solid transparent;margin:0 10px;width:180px;background:none;color:#fff}
#s:focus{border:1px solid #8b7662}
#btnSearch{position:relative;top:4px;}

ul#nav_cat{font-size:14px;font-weight:700;position:absolute;top:98px; right:170px;;text-shadow:1px 1px 1px #fff}
ul#nav_cat li{float:left;list-style:none;margin-left:18px}

#feed{top:97px;font-size:12px;height:23px;background:#332a21;position:absolute;right:40px}
#feed li{list-style:none}
#feed li a img{border:1px solid #8b7662;}
#feed li ul li{border:0 none}

#content{width:960px; margin:0 auto;}
#main{width:630px;float:left;margin-left:18px;padding:0 0 40px;overflow:hidden}
#main .banner466{border:1px solid #edebe7;padding:5px 0;}
#main .banner466 a{width:468px;height:60px;overflow:hidden;text-align:center;line-height:480%;margin:0 auto; border:1px solid #e8e6e2;background-color:#efefef;display:block}

#feature{margin-top:0px}
#posting{border:1px solid #e8e6e2;border-bottom:1px solid #fbfaf8;margin-top:10px}
.post{background:#fff;padding:20px;border-bottom:1px solid #e8e6e2}
h2.titlepost,h1.titlepost{font-size:2em;line-height:1;margin-bottom:2px}
a.more-link{margin:0 5px}
.comment-meta,.date{font-size:11px}
p.meta{line-height:1px}

#aside{width:280px; float:right;margin-right:10px;padding-bottom:30px}
#aside ul{margin:0 3px;float:left}
#aside ul ul ul{padding-left:0px;}
#aside ul ul ul li{padding-left:10px;border-bottom:1px solid #E8E6E2}
#aside ul li{list-style:none}
#aside .banner125 li{float:left;display:none;}
#aside .banner125 li a{width:125px;height:125px;overflow:hidden;text-align:center;line-height:1000%;margin:0 5px 10px; border:1px solid #e8e6e2;background-color:#efefef;display:block}
#aside .banner264 li a{width:264px;height:200px;overflow:hidden;text-align:center;line-height:1600%;margin:0 5px 10px; border:1px solid #e8e6e2;background-color:#efefef;display:none}
#main .banner466 a:hover,#aside .banner125 li a:hover,#aside .banner264 li a:hover{background-color:#e9e9e9}
#wside{margin-left:8px;}
#sidebar li ul li {border-bottom:1px solid #e8e6e2;padding:3px 0;width:264px}
#sidebar li h2 {line-height:40px;padding-top:20px}
.widget {overflow:hidden}

#bookmark{background:#332a21 url(images/bookbg.jpg) 0 0 repeat-x;font-size:11px;padding:20px;color:#fff;border:5px solid #F56811 !important}
#bookmark a:hover{color:#fff}

#related{background:#fff;padding:20px 20px 10px;border:1px solid #e8e6e2;margin-bottom:20px}

#commentbox{margin-top:30px}
#commentbox li{list-style:none}
#commentbox h3{margin-bottom:20px}
#commentbox ol{margin:0}
#commentbox ol li{}
.comment-body {background:#fff;padding:20px;border:1px solid #e8e6e2;margin-bottom:10px;min-height:80px;overflow:hidden;position:relative}
cite.fn{font-size:16px; font-style:normal}
.avatar{float:right;padding:2px;border:1px solid #e8e6e2;margin-right:5px}
.says{display:none}
.reply a{padding:2px 5px;width:40px;border:1px solid #e8e6e2;text-align:center}
#commentbox input{border:1px solid #e8e6e2;padding:8px 10px;width:200px;margin-right:10px}
#commentbox textarea{background:#fbfaf8;border:1px solid #e8e6e2;padding:8px 10px;width:400px}
#commentbox input:focus,#commentbox textarea:focus{border:1px solid #cfc3b7}
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}
#commentbox #submit{cursor:pointer;background:#332A21 url(images/add.png) 0 0 no-repeat;height:33px;color:#fff;display:block;margin:10px 0;width:137px}
a:hover#leave,#commentbox #submit:hover{background-position:bottom left}
#comment-nav{height:50px;margin-top:20px}
a#leave{color:#fff;background:#332A21 url(images/add.png) 0 0 no-repeat;float:right;font-size:13px;padding:5px 15px;position:relative;top:5px}

#nav-page{position:relative;color:#fff;font-size:16px;clear:both;height:42px;background:#392f25 url(images/navpagebg.png) top left repeat-x}
#nav-page a{color:#fff}
#nav-page a:hover{color:#ff4d00}
.navtop{text-align:center;position:relative;top:10px}
.navleft{background: url(images/navleft.png) left 7px no-repeat;padding-left:20px;float:left;position:absolute;left:20px;top:8px}
.navright{background: url(images/navright.png) right 7px no-repeat;padding-right:20px;float:right;position:absolute;right:20px;top:8px}

#footer{background:#332a21 url(images/footer.png) 0 0 repeat-x;line-height:1.6em;padding:30px 0 0}
#footer a{color:#cfc3b7;border-bottom:1px dotted #cfc3b7}
#footer a:hover{border-bottom:1px dotted #ff4d00}
#footer li{list-style:none;}
#footer ul{margin:0}
#footer-in{height:350px;position:relative;width:960px;margin:0 auto;color:#cfc3b7;text-shadow:1px 1px 1px #1b140e}
#footer-in h3{color:#8a7764;margin-bottom:10px}
#footer-in .column{width:256px;float:left;overflow:hidden;margin:0 9px}
#footer-in .column2{width:120px;float:left;overflow:hidden;margin:0 9px}
p#copy{font-size:11px;height:35px;background:#2a2521;margin:0;padding:0;text-align:right;padding-right:20px;line-height:35px;color:#cfc3b7;border-top:1px dashed #4b4136}
p#copy a{color:#cfc3b7;border-bottom:1px dotted #cfc3b7}
p#copy a:hover{border-bottom:1px dotted #ff4d00}

#feed.jqueryslidemenu ul li{z-index:9}
#feed.jqueryslidemenu ul li a{color:#cfc3b7;font-size:10px}
#feed.jqueryslidemenu ul li ul li a:hover{color:#ff4d00;background:#393028}
.jqueryslidemenu ul{margin:0;padding:0;list-style-type:none}
.jqueryslidemenu ul li{position:relative;display:inline;float:left}
* html .jqueryslidemenu ul li a{display:inline-block}/*IE6 */ 
.jqueryslidemenu ul li ul{position:absolute;top:25px !important;left:0;display:block;visibility:hidden}
.jqueryslidemenu ul li ul li{display:list-item;float:none;background:#332a21}
.jqueryslidemenu ul li ul li ul{top:0!important;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 10px;margin: 0;display:block;border-top-width: 0;border-bottom: 1px solid #3f352b}
.downarrowclass{position: absolute;top: 12px;right: 7px}
.rightarrowclass{position: absolute;top: 6px;right: 5px}

.postarea img{
				float: left;
				margin-right: 20px;
				padding: 7px;
				border: 1px solid #E9E9E9;
				background-color: #F2F2F1;
				width: 150px; height: 150px;
				margin-bottom: 10px;
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 4px #AAAAAA;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
/* orange */
.orange2 {
	color: #fef4e9;
	border: 2px solid white !important;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange2:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange2:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

#sidebar li h2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;	
	text-align: center;
	text-decoration: none;	
	padding-top: 5px  !important;
	padding-bottom: 5px  !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 4px #AAAAAA;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fef4e9;
	border-top: 5px solid #F56811 !important;
	background: #4F4134;	
    width:264px;
	font: 16px/100% Arial, Helvetica, sans-serif;
	margin:10px 0;
}

.commentlist .parent {background:#fff;padding:20px;border:1px solid #e8e6e2;margin-bottom:10px;min-height:80px;overflow:hidden;position:relative}
div.bsap_1247374  {margin:10px;}


#recent-posts{ 
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
}

#recent-posts ul {
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#recent-posts li {

padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff;
border:1px solid #ddd;
background:#fff url(images/post.jpg) repeat-x;
}

#recent-posts li .item-title {
    font-size:1.1em;
    margin-bottom:0.5em;
}

#recent-posts li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#recent-posts li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
width: 80px;
height: 80px;
}

#recent-posts li p {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
.recent-post-content {
background: none;
}