/*------------------------------------------------------------------  

[Master Stylesheet]  

 

Theme Name: 	Hifdh

Theme URI: http://www.memorize.com

Description: Theme for qur'aan memorisation blog.

Version: 1.0

Last Modified:    04/12/09 

Author: Safiya S.M.S

Author URI: http://www.fikrmedia.net/

-------------------------------------------------------------------*/  



/*------------------------------------------------------------------  

[Table of Contents]

Body

	Wrapper / #wrapper

	Top Navigation / nav.main

	Header / header.main

		Search / form

	Content / section#content

		Post / article#post-id

			Title / header

			Metadata / footer

			Entry / section.entry

			Readmore / a.readmore

	Posts Navigation / nav.postsnav

	Tag Cloud / section#tags

	Footer / footer#info



-------------------------------------------------------------------*/



html, body, ul, li, a, header, nav, section, div, article, footer, h1, h2, h3, img, aside, ol {margin: 0;padding: 0;}

a{text-decoration:none;border:0px;}

ul, ol {list-style-type: none;}

html {font: normal 12px Verdana, Arial, sans-serif;}

body {background:url(images/body.jpg) repeat;color:#323131;}

#wrapper {width:960px;margin:0px auto;background:url(images/flower.png) top right no-repeat;}

nav.main {text-align:right;}

nav.main ul{padding-top:10px;}

nav.main ul li{display:inline;}

nav.main ul a{color:#323131;font:14px Arial;margin-right:20px;}

header.main{background:url(images/header-small.png) no-repeat 0px 60px;height:170px;display:block;}

header h1 a{font:50px Franklin Gothic Book;color:#323131;letter-spacing:8px;}

header h1 a span{color:#7e8200;font:bold 60px Aharoni;letter-spacing:5px;}

header form {float:right;margin-top:15px;}

input{height:18px;width:400px;border:1px solid #b6b6b6;background:#d4d0d0;color:#979696;font:15px Arial;text-align:right;padding-top:10px;}

input#s{width:287px;}

textarea{width:625px;border:1px solid #b6b6b6;background:#d4d0d0;color:#979696;font:15px Arial;}

a.logo{display:inline-block;width:630px;height:100px;}

a.facebook, a.rss, a.subscribe, a.youtube{width:70px;height:70px;float:right;margin-top:13px;margin-right:10px;}

a.facebook{background:url(images/fb.png) no-repeat;}
a.facebook:hover{background:url(images/fb-hover.png) no-repeat;}

a.youtube{background:url(images/youtube.png) no-repeat;}
a.youtube:hover{background:url(images/youtube-hover.png) no-repeat;}

a.rss{background:url(images/rss.png) no-repeat;}
a.rss:hover{background:url(images/rss-hover.png) no-repeat;}

a.subscribe{background:url(images/subscribe.png) no-repeat;margin-right:0;}
a.subscribe:hover{background:url(images/subscribe-hover.png) no-repeat;}

aside#ads{float:right;margin-top:32px;}

aside#ads a{padding:5px 5px 7px 5px;margin-bottom:5px;margin-top:5px;background-color:#DBD9DA;}

aside#ads a img{border:1px solid #b6b6b6;}

aside#ads a {border:1px solid #b6b6b6;}

aside#ads a:hover, aside#ads a img:hover{border:1px solid #a7ab1e;}

aside#ads a:hover{background-color:#fff;}

aside#ads a.bigad{display:block;height:135px;margin-top:10px;margin-bottom:5px;}

aside#ads a.smallad{display:inline-block;height:125px;}
aside#ads a.odd{margin-right:20px;}
aside.adsense{display:block;margin-top:5px;margin-bottom:5px;}

section#content{display:block;margin:42px 10px 42px 0px;width:640px;text-align:justify;font:15px Arial;color:#535252;}

aside#adsense-posts{display:inline;float:left;margin:20px 10px 10px 0;padding:15px;background:url(images/flower.png) center repeat;border:1px solid #ABA9AA;}

article{display:block;margin-bottom:100px;}

article header h2 a{color:#535252;text-align:left;text-transform:uppercase;font:normal 30px Arial;display:block;letter-spacing:3px;border-top:1px solid #acabab;padding-top:3px;}

article footer{border-bottom:1px solid #acabab;padding-bottom:7px;display:block;font:normal 11px Arial;}

article footer span a{color:#7e8200;}

section.entry{line-height:25px;display:block;padding-top:8px;}

article a.readmore{margin-bottom:70px;margin-top:20px;text-transform:uppercase;color:#7e8200;float:right;}

nav.postsnav{padding-top:30px;text-align:center;display:block;background:url(images/navicon.png) center no-repeat;height:50px;margin-bottom:20px;width:960px;}

/*nav.postsnav ul{padding-top:35px;}

nav.postsnav ul li{display:inline;text-transform:uppercase;margin-right:40px;margin-left:40px;}*/

nav.postsnav a{text-transform:uppercase;margin-right:40px;margin-left:40px;color:#7e8200;font:15px Arial;}

section#tags {clear:both;display:block;height:250px;background:url(images/tagbg.gif) repeat;padding:20px;overflow:hidden;}

section#tags a {color:#535252;}

footer#info {background:#9a9a45;display:block;height:25px;font:12px Arial;text-align:center;padding-top:15px;color:#e7e7e7;}

footer#info a{color:#060606;font-weight:bold;letter-spacing:1px;}

a{color:#7e8200;}

#searchform label, input#searchsubmit{display:none;}

img.attached-image {float:left;margin:20px 10px 10px 0;border:5px solid #acabab;}

aside{display:block;}

section#info{border:1px solid #b6b6b6;background:#d4d0d0;color:#979696;font:15px Arial;display:block;padding:15px;margin:30px 0;}

section#info p{text-align:left;line-height:25px;}

section#info p span{font-weight:bold;}

h3{color:#535252;font:bold 22px Arial;letter-spacing:1px;}

input#author, input#email, textarea{text-align:left;padding:5px;}

ol.commentlist {margin:10px 0;}

ol.commentlist li{border-top:1px solid #acabab;padding:20px;}

ol.commentlist img {float:left;margin:10px;}

ol.commentlist p {margin-left:80px;margin-top:8px;margin-bottom:0;}

p.author-name  span{font:bold 20px Arial; color:#7e8200;padding:0px;margin-top:10px;margin-bottom:0;}

p.author-name small {margin-left:15px;}

h3#respond {border-top:1px solid #acabab;padding-top:20px;}

h2.pagetitle{margin-bottom:15px;background:#535252;color:#e6e4e5;padding:5px;text-align:right;}

nav.main a.last {margin-right:0px;}

object{margin-left:20px;}

input#submit{height:35px;width:100px;border:0px;margin:0;padding:0;text-align:center;background:#535252;color:#e6e4e5;}

a.tag-link{margin-left:10px;}

/*a.subscribe{position:absolute;top:10px;color:#7e8200;font:normal 14px Arial;margin-right:20px;}*/

/*a.facebook{margin-left:200px;}*/




		/*
			Vertical Accordions
		*/
		
.accordion_toggle {display: block;height: 30px;width: 280px;background: url(images/accordion_toggle.jpg) no-repeat top right #B1B872;	padding: 0 10px 0 10px;	line-height: 30px;color: #ffffff;font-weight: bold;text-decoration: none;outline: none;font-size: 12px;color: #474646;border-bottom: 1px solid #A0A767/*cecb7e*/;cursor: pointer;margin: 0 0 0 0;text-transform:uppercase;}
		
.accordion_toggle_active {background: url(images/accordion_toggle_active.jpg) no-repeat top right #D0D579;color: #ffffff;border-bottom: 1px solid #D0D579;}
		
.accordion_content {border-left:1px solid #b6b6b6;border-right:1px solid #b6b6b6; background-color: #dbd9da;color: #444444;overflow: hidden;width:298px;}
			
.accordion_content h2 {margin: 15px 0 5px 10px;color: #535252;text-transform:uppercase;}
			
.accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}
			
.vertical_accordion_toggle {display: block;height: 30px;width: 280px;background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;font-size: 12px;color: #000000;border-bottom: 1px solid #cde99f;cursor: pointer;margin: 0 0 0 0;}

.vertical_accordion_toggle_active {background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #f68263;}

.vertical_accordion_content {background-color: #DFDDDE;color: #444444;overflow: hidden;}

.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}

.vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}

aside#ads .accordion_content ul li{margin:0;padding:0;border-bottom:1px solid #b6b6b6;}

aside#ads .accordion_content ul li a{border:0px;display:block;margin:0;color:#4B4B4B;padding:10px 5px 10px 45px;background:url(images/mushaf.png) 3px 14px no-repeat #dbd9da;min-height:39px;line-height:20px;}

aside#ads .accordion_content ul li a:hover, aside#ads .accordion_content ul li:hover, aside#ads .accordion_content a.accordad:hover{background-color:#D1CFD0;}

aside#ads .accordion_content li.recentcomments{background:url(images/comment.png) 3px 14px no-repeat #dbd9da;padding:10px;border-bottom:1px solid #b6b6b6;padding:10px 5px 10px 47px;}

aside#ads .accordion_content li.recentcomments a{padding:4px;font-style:italic;}
aside#ads .accordion_content li.recentcomments a:hover{background-color:#fff;}

aside#ads .accordion_content a.accordad {background-color:#dbd9da;padding:22px 22px;margin:0px;display:block;border:0;border-bottom:1px solid #b6b6b6;}
aside#ads .accordion_content a.accordad img{padding:0;margin:0;}
#vertical_container{margin-bottom:15px;margin-top:7px;}
iframe{margin:20px 0 40px;}
nav.main ul a.special{font-weight:bold;color:#7E8200;}
#subspost{text-align:left;padding:5px;width:240px;}
#submitpost{display:block;height:35px;width:250px;border:1px solid #9F9D9E;margin:5px 0 0;padding:0;text-align:center;background:#c4c2c3;color:#5F5E5E/*e6e4e5*/;font:bold 12px verdana;text-transform:uppercase;}
#adsense-posts p{display:block;width:250px;font:bold 12px Verdana;line-height:20px;}
#adsense-posts h3{color:#585B00;font:bold 18px verdana;font-style:italic;}