/*
Theme Name: Ismail Faruqi Online
Theme URI: http://www.ismailfaruqi.com
Description: <a href="http://www.ismailfaruqi.com">Ismail Faruqi Online</a> custom WordPress theme, coded for <a href="http://www.vctechnetwork.com">VCTech Network</a>.
Version: 1.0
Author: VCTech Network
Author URI: http://www.vctechnetwork.com
Tags: green, cms, wordpress, theme, ismail faruqi, white, islamic
*/

html{background:url(images/bg.jpg);background-position:0px 57px;height:100%;}
body{margin:0px;font-family:verdana;font-size:11px;color:#545454;background:url(images/bg2.jpg) top left repeat-x;min-height:100%;}
a, a:visited{text-decoration:underline;color:#598527;}
a:hover{}

img{border:0px;vertical-align:bottom;}
ul, li, form, p{margin:0px;padding:0px;}
h1,h2,h3{margin:10px 0px;}
h4,h5,h6{margin:5px 0px;}
h1{font-size:28px;}
h2{font-size:16px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}

#page_wrapper{width:941px;margin:0px auto;padding-bottom:100px;}

#header_wrapper{background:url(images/content_top.jpg) bottom left no-repeat;height:224px;position:relative;}

#header_wrapper .logo{position:absolute;top:0px;left:-33px;}
#header_wrapper .quote{position:absolute;top:70px;right:10px;width:325px;color:#809B63;font-family:Georgia;font-size:17px;font-style:italic;}

#main_menu{position:absolute;height:40px;background:url(images/main_menu.jpg) top left no-repeat;width:766px;right:13px;top:163px;}
#main_menu ul{list-style:none;margin:4px 0px 0px 40px;}
#main_menu li{float:left;background:url(images/menu_split.jpg) bottom left no-repeat;padding:0px 15px;}
#main_menu li.first{background:none;padding:0px 10px;}
#main_menu a, #main_menu a:visited{color:#FFF;text-decoration:none;display:block;padding:10px 5px;font-weight:bold;border-bottom:2px solid transparent;}
#main_menu li.current_page a, #main_menu li.current_page a:visited, #main_menu li a:hover{border-bottom-color:#8DC63F;}
#main_menu form{position:absolute;top:10px;right:40px;width:189px;height:22px;}
#main_menu .text{background:none;border:none;width:150px;padding:2px 0px 0px 5px;vertical-align:top;}
#main_menu .submits{}

#top_menu{position:absolute;height:34px;background:url(images/top_menu_bg.jpg) top left no-repeat;padding-left:5px;top:8px;left:160px;}
#top_menu ul{height:34px;background:url(images/top_menu_bg.jpg) bottom right no-repeat;list-style:none;}
#top_menu li{float:left;}
#top_menu a, #top_menu a:visited{color:#CED8C4;text-decoration:none;display:block;padding:10px 20px;}
#top_menu a:hover{color:#FFFFFF;}


#sidebar{float:left;width:332px;padding-top:30px;padding-left:18px;}
.sidebar_widget_title{margin-bottom:5px;display:block;}
.sidebar_widget .center img{margin:0px 5px;}
.sidebar_widget{margin-bottom:30px;color:#545454;}
.sidebar_widget ul{list-style:none;margin:10px 0px;}
.sidebar_widget li{border-bottom:1px solid #D7D7D7;padding:5px 0px;}
.sidebar_widget li a,.sidebar_widget li a:visited{text-decoration:none;color:#545454;}


.line{border-bottom:1px solid #DBDBDB;}
#footer{background:url(images/footer_bg.jpg) top left repeat-y;width:834px;margin:0px auto 10px;padding-top:20px;}
#footer .col1, #footer .col2, #footer .col3{width:278px;float:left;}
#footer .col_content{margin:10px 20px;}
#footer ul{list-style:none;}
#footer li{background:url(images/dot.jpg) bottom left repeat-x;padding:6px 0px;}
#footer a,#footer a:visited{text-decoration:none;color:#545454;}

#footer_bottom{width:834px;margin:10px auto 0px;color:#7C7C7C;font-family:georgia;font-size:11px;}
#footer_bottom img{float:left;margin-right:10px;}
#footer_bottom .description{float:left;padding-top:15px;line-height:160%;}
#footer_bottom .meta{float:right;padding-top:15px;line-height:160%;}
#footer_bottom a, #footer_bottom a:visited{text-decoration:none;font-weight:bold;color:#7C7C7C;}

.posts{width:525px;float:left;position:relative;background:url(images/col1.jpg) top right repeat-y;padding-right:1px;padding-bottom:20px;}
.posts .wrapper{padding:0px 15px 10px 41px;}
.post{margin-bottom:30px;background:url(images/post_split.jpg) bottom right no-repeat;padding:0px 15px 30px 41px;}
	.post_title{margin:0px;}
	.post_title .comment_count, .post.first .post_title .comment_count{font-size:11px;color:#8DC63F;background:url(images/comment1.jpg) top left no-repeat;background-position:0px 2px;padding-left:18px;font-weight:normal;position:relative;top:-3px;}
	
	.post.first .post_title .comment_count a,.post.first .post_title .comment_count a:visited,
	.post_title .comment_count a,.post_title .comment_count a:visited{font-size:11px;color:#8DC63F;font-family:verdana;}
	.post_title a, .post_title a:visited{font-weight:normal;font-family:Georgia;font-size:18px;color:#5F5F5F;text-decoration:none;}
	.post_date{display:inline;font-weight:bold;}
.post_entry{line-height:145%;clear:left;padding-top:10px;}
	.post_entry p{margin:10px 0px;}
	.post_entry img{border:4px solid #598527;margin:5px;}
	.post_entry blockquote{border-left:4px solid #598527;padding-left:20px;}


.post.first .post_image{border:4px solid #598527;float:left;margin-right:10px;max-width:130px;max-height:130px;}

.post.first{background:url(images/first_post.jpg) top right no-repeat;height:206px;padding-top:40px;}
	.post.first .post_title a, .post.first .post_title a:visited{font-size:20px;font-weight:bold;}
	.post.first .post_date{float:left;background:url(images/date_bg.jpg) top left no-repeat;width:45px;height:45px;color:#FFF;text-align:center;font-weight:normal;margin-right:10px;}
	.post.first .post_date .month{font-family:verdana;font-size:10px;display:block;padding-top:2px;text-transform:uppercase;}
	.post.first .post_date .day{font-family:georgia;font-size:26px;display:block;margin-top:-2px;}
	.post.first .post_title .comment_count a,.post.first .post_title .comment_count a:visited{color:#598527;}
	.post.first .post_title .comment_count{color:#598527;background-image:url(images/comment2.jpg);}

.page_wrapper, .single_wrapper{padding:10px 40px;}
.single_wrapper .post{padding:0px;background:url(images/post_split2.gif) bottom center no-repeat;padding-bottom:30px;margin:0px;position:relative;z-index:1;}
.single_wrapper .post_title{background:url(images/dots2.jpg) bottom left repeat-x;margin-left:60px;margin-bottom:10px;padding-bottom:5px;}
.single_wrapper .post_meta{margin-left:60px;font-style:italic;}
.single_wrapper .post_meta strong{font-style:normal;}
.single_wrapper .post_meta a, .single_wrapper .post_meta a:visited{color:#545454;text-decoration:none;}
.single_wrapper .post_title a, .single_wrapper .post_title a:visited{font-size:20px;font-weight:bold;}
.single_wrapper .post_date{float:left;background:url(images/date_bg.jpg) top left no-repeat;width:45px;height:45px;color:#FFF;text-align:center;font-weight:normal;margin-right:10px;}
.single_wrapper .post_date .month{font-family:verdana;font-size:10px;display:block;padding-top:2px;text-transform:uppercase;}
.single_wrapper .post_date .day{font-family:georgia;font-size:26px;display:block;margin-top:-2px;}
	

	
#comment_cols{background:url(images/commnet_col_bg.jpg) top left repeat-y;margin-top:-4px;}
#commnet_col{width:464px;float:left;padding-top:30px;padding-right:20px;}
#comments{font-weight:bold;font-size:12px;margin-bottom:40px;}
#comments span{font-weight:normal;}

.navi{background:#E5E5E5;padding:20px 15px;}
.navi a, .navi a:visited{display:block;background:url(images/button.jpg) top left no-repeat;width:151px;height:20px;text-align:center;font-size:12px;font-weight:bold;color:#FFF468;text-decoration:none;font-size:12px;font-family:georgia;padding-top:6px;}
.navi a:hover{text-decoration:underline;}


.commentlist{list-style:none;}
.commentlist li{margin-bottom:20px;}
.comment_wrapper{background:url(images/comment_bg2.jpg) top left repeat-y;}
.comment_meta{width:73px;float:left;text-align:center;font-size:10px;}
.comment_meta cite{display:block;font-style:normal;margin:5px 0px;}
.comment_meta a, .comment_meta a:visited{text-decoration:none;color:#959595;}
.comment_meta .date{font-weight:bold;display:block;}
.comment_content{margin-left:90px;line-height:145%;}


#respond{padding:10px 0px 10px 20px;}
#respond h3{color:#4B7122;font-family:georgia;}
#respond label{display:block;padding-bottom:10px;clear:left;}
#respond span{display:block; width:55px;float:left;}
#respond .input_text{background:url(images/input.jpg) top left no-repeat;border:none;width:212px;padding:4px 10px;height:16px;color:#B7B7B7;font-size:11px;font-family:verdana;}
#respond textarea{background:url(images/textarea.jpg) top left no-repeat;border:none;width:278px;height:139px;display:block;margin:0px 0px 10px 55px;color:#B7B7B7;font-size:12px;font-family:verdana;}
#respond .submit{display:block;margin-left:55px;}


#respond_col{width:350px;float:left;}

	
	
.pagetitle{margin:10px 20px;}
#content_wrapper{position:relative;background:url(images/content_bg.png) top left repeat-y;}
#content_top, #content_bottom{background:url(images/content_top_bottom.png) top left no-repeat;height:24px;position:absolute;left:0px;width:100%;z-index:1}
#content_top{background-position: left top;top:-24px;}
#content_bottom{background-position: left bottom;bottom:-24px;}
#content{background:#FFF;margin:0px 13px;position:relative;top:-11px;z-index:2;}



.flickr_stream{white-space:nowrap;line-height:84px;}
.flickr_stream a img{border:1px solid #2D578A;}
.flickr_stream a, .flickr_stream a:visited{padding:3px;}


.navigation{padding:10px 15px;height:20px;}
.navigation a, .navigation a:visited{display:block;background:url(images/button.jpg) top left no-repeat;width:151px;height:20px;text-align:center;font-size:12px;font-weight:bold;color:#FFF468;text-decoration:none;font-size:12px;font-family:georgia;padding-top:6px;}
.navigation a:hover{text-decoration:underline;}


.center{text-align:center;}
.clear{clear:both;}
.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 {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

#searchform {margin-left:170px;}
#smart404_suggestions {padding:15px;}
.error_404 {padding:0 15px;}