/*  
Theme Name: Noorullah Online
Theme URI: http://www.noorullah.info
Description: The Noorullah Online customised blog theme, now widgetised and updated for the latest version of WordPress.
Version: 1.1
Author: Hafiz Rahman
Author URI: http://www.noorullah.info
Tags: green, white, three-columns, fixed-width, threaded-comments, widgetised
*/


/* RESET */
body {font:13px times,Georgia,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

a	{ text-decoration: none; color: #3B553C; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*---------------------------------
 * START! 
 *--------------------------------*/

body {
	background			: #fff url(images/body-bg.png) center repeat-y;
}

#page-container {
	width						: 960px;
	position				: relative;
	left						: 50%;
	margin-left			: -480px;
}

#header {
	padding-top			: 60px;
	height					: 249px;
	background			: url(images/header-bg.png) repeat-x;
}

#title {
	width						: 800px;
	height					: 419px;
	background			: url(images/title.png) no-repeat center top;
	padding-top			: 0;
	margin-left			: 159px;
}

* html #title {
	height: 1%;
}

#title h1 a {
	display					: block;
	text-indent			: -5000em;
	float						: left;
	/* Adjust this line to change the size and position of the clickable logo (hot spot) area */
	margin					: 55px 0px 0px 35px;
	height					: 180px;
	width						: 530px;
}


#header-rss {
	position				: absolute;
	top							: 0;
	right						: 25px;
	background			: url(images/header-rss.png) no-repeat center top;
}

#header-rss a {
	display					: block;
	text-indent			: -5000em;
	/* Adjust this line to change the size and position of the clickable logo (hot spot) area */
	width						: 75px;
	height					: 31px;
}

.menu { position: absolute; top: 28px; margin-left: 10px; }

#top-navigation {
	position				: absolute;
	top							: 28px;
	margin-left			: 10px;
}

#top-navigation li {
	display					: inline;
	float:left;
	float						: left;
	margin					: 0 5px;
	text-transform	: uppercase;
}

#top-navigation li a { line-height: 30px; padding:0 0 0 14px;
	display:block;
	color						: #666;
	font-family:"Tahoma", sans-serif;
	font-size:0.9em;
}

#top-navigation li a span.rr { line-height:30px; display:block; padding:0 30px 0 0; }


#top-navigation li a:hover {
	color						: #fff;
}

#top-navigation li ul a, #top-navigation li ul a span.rr { background:#edf9ee; }
#top-navigation li ul { border:1px solid #fbfefb; border-width: 1px 1px 0; }
#top-navigation li ul li { display:block; float:none; margin:0; }
#top-navigation li ul li a { padding:0 6px; text-align:left; }
#top-navigation li ul li a span.rr { padding:0; }

#top-navigation li.current_page_item, .current-menu-item { }

#top-navigation li.current_page_item a, .current-menu-item a {
	background			: url(images/tab-active-left.gif) no-repeat left 0px;
	text-align			: center;
}
#top-navigation li.current_page_item a span.rr, .current-menu-item a span.rr { background:url(images/tab-active.gif) no-repeat right 0; }

#top-navigation li.current_page_item a:hover, .current-menu-item a:hover {
	color						: #999!important;
}

#page-content {
	float						: left;
	width						: 525px;
	padding					: 15px;
	padding-top			: 50px;
}

.navigation {
	font						: 1.1em "Trebuchet MS", Georgia;
	clear						: both;
	margin-top			: -40px;
}

.alignleft {
	float						: left;
}

.alignright {
	float						: right;
}

#sidebar-container {
	float						: right;
	width						: 400px;
}

#sidebar-1 {
	float						: left;
	width						: 178px;
	padding         : 10px;
	background			: #f8f8f8;
	padding-top			: 50px;
	margin-left			: 1px;
	background			: url(images/sidebar-1-bg.png) top repeat-x;
}


#sidebar-2 {
	float						: right;
	width						: 180px;
	padding					: 10px;
	padding-top			: 50px;
}


#footer {
	float						: left;
	width						: 100%;
	background			: #bdebbf url(images/footer-bg.gif) repeat-x bottom;
	clear						: both;
	padding-top			: 20px;
	min-height			: 200px;
	_height					: 200px;
}


/*---------------------------------
 * POSTS style
 *--------------------------------*/

.post {
	margin-bottom		: 100px;
}
 
.post h2, .pagetitle {
	font						: 2.2em Georgia;
	text-align			: center;
	text-decoration	: none;
	display					: block;
	color						:	#1c411f;
	background			: url(images/post-h2-bg.png) bottom no-repeat;
	padding-bottom	: 40px;
	letter-spacing	: -1px;
}

.pagetitle {
	margin-bottom		: 30px;
}

.post h3 {
	font						: 1.2em Georgia;
}

.post small, h2.center {
	font						: 1em "Trebuchet MS", Georgia;
}

.center {
	text-align			: center;
}

.post p	 {
	font						: 1em "Trebuchet MS", Georgia;
	line-height			: 170%;
	margin					: 1em 0.5em;
	color						: #666;
}

.post-date {
	font						: 1.5em Georgia;
	text-align			: center;
	color						: #6f9872;
	letter-spacing	: -1px;
}

.entry {
	margin-top			: 2.3em;
}

.postmetadata {
	margin-top			: 50px;
	font						: bold 1.1em Arial;
	color						: #1c411f;
	background			: url(images/metadata-bg.png) repeat-x bottom;
	padding					: 30px 10px;
}

.meta-cat {
	margin-left			: 30px;
	font						: 1em "Trebuchet MS", "Lucida Grande", sans-serif;
}

.meta-cat a {
	color						: #8c9f8e;
}

/*---------------------------------
 * SIDEBAR style
 *--------------------------------*/

#sidebar-1, #sidebar-2 {
	font						: 1em "Trebuchet MS", Georgia;
}
 
#sidebar-1 h2, #sidebar-2 h2, .widgetTitle, #wp-calendar caption {
	text-transform	: uppercase;
	font						: 1.3em Georgia;
	text-align			: center;
	color						: #819883;
	background			: url(images/sidebar-h2-bg.gif) bottom no-repeat;
	padding-bottom	: 25px;
	margin-bottom		: 1em;
}

#sidebar-1 li, #sidebar-2 li {
	margin-bottom		: 50px;
}

#sidebar-1 a, #sidebar-2 a {
	color						: #3B553C;
	font						: 1em "Tahoma", sans-serif;
}
#sidebar-1 li ul, #sidebar-2 li ul { list-style-image:url(images/footer-li.gif); padding:0 0 0 25px; }
#sidebar-1 li li, #sidebar-2 li li {
	margin-bottom		: 0em;
	padding					: 6px 0 0 0;
	
}


/*---------------------------------
 * SEARCHFORM
 *--------------------------------*/
#searchform {
	text-align			: center;
}

#s {
	width						: 160px;
	font-size				: 1.2em;
	padding					: 1px;
}

#searchsubmit {
	margin-top			: 10px;
	padding					: 2px;
}

/*---------------------------------
 * FOOTER style
 *--------------------------------*/
#footer h2 {
	text-transform	: uppercase;
	font						: 1.3em Georgia;
	text-align			: center;
	color						: #819883;
	background			: url(images/sidebar-h2-bg.gif) bottom no-repeat;
	padding-bottom	: 25px;
	margin-bottom		: 1em;
	letter-spacing	: -1px;
}

#footer .col {
	padding					: 15px 0px;
	float						: left;
	width						: 230px;
	margin-left			: 5px;
	background			: url(images/footer-cols-bg.gif) top no-repeat;
	margin-top			: 5px;
}

#footer a {
	color						: #3B553C;
	font						: 1em "Tahoma", sans-serif;
	letter-spacing	: 1px;
}

#footer a:hover {
	color						: #777;

}

#footer ul {
	padding					: 0 15px;
	padding-bottom	: 30px;
}

#footer li {
	margin-bottom		: 5px;
	padding					: 5px 0;
	border-bottom		: 1px solid #88C78A;
	background			: url(images/footer-li.gif) left no-repeat;
	padding-left		: 23px;
}

/*---------------------------------
 * COMMENTS style
 *--------------------------------*/

#comments-container {
	clear						: both;
	padding-top			: 50px;
}

#comments-header, #respond {
	color						: #819883;
	font						: 2em Georgia;
	background			: url(images/sidebar-h2-bg.gif) bottom no-repeat;
	text-align			: center;
	padding-bottom	: 25px;
	margin-bottom		: 10px;
}

#comments {
	color						: #333;
	font						: 1em Georgia;
	text-align			: center;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Georgia, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font: 1.5em "Trebuchet MS", Georgia;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font: 1.3em Georgia;
	}
	
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;padding:0 4px 5px;margin:0;}
/* calendar START */
.widget_calendar h3{display:none;}
#wp-calendar{width:100%;}
#wp-calendar #today{background:#E6E6E6;}
#wp-calendar tbody a{font-weight:bolder;}
#wp-calendar th,#wp-calendar td{text-align:center;}
#wp-calendar tbody td{border:1px solid #CCC;}
#wp-calendar tbody td.pad{border:0 none;}
#wp-calendar th{background:#999;color:#FFF;}
#wp-calendar td#prev{text-align:left;padding-top:5px;}
#wp-calendar td#next{text-align:right;padding-top:5px;}
img#wpstats{width:0px;height:0px;overflow:hidden}