/*
Theme Name: Ghufran 2008
Theme URI: http://www.darulghufran.org/
Description: The 2008 theme for Ghufran's new WP2.5 website.
Version: 3.0
Author: Hazrul Azhar Jamari
Author URI: http://typecanvas.com/
Tags: blue, fixed width, two columns

	Ghufran 2008 (3.0)
	This theme is the copyright of Darul Ghufran Mosque since 2008.

*/



/* Begin HTML Elements */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #777777;
	background-color: #ffffff;
}
	
/* End HTML Elements */	


/* Begin Classes */

.breadcrumb {
	position: relative;
	display: block;
	margin-bottom: 5px;
	color: #da1647;
	font-weight: bold;
	text-transform: uppercase;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
	color: #da1647;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.main_menu_header {
	display: block;
	color: #11AB0C;
	font-weight: bold;
	font-family: "Tahoma";
	margin-top: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	background-color: #ffffff;
}

.post {
	clear: both;
}

.category_small_icons {
	position: relative;
	left: -50px;
	width: auto;
	padding-bottom: 10px;
	border: 0;
	float: right;
	clear: both;
}

.category_small_icons img {
	position: relative;
	top: 5px;
	border: 0;
}

.category_small_icons a, .category_small_icons a:link, .category_small_icons a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

.category_small_icons a:hover {
	background-color: #F8F481;
	color: #000000;
}

.category_small_icons:hover {
	background-color: #F8F481;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}

.navigation {
	position: relative;
	display: block;
	margin-top: 25px;
	width: 678px;
	height: auto;
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.oops {
	text-align: center;
	color: #000000;
}

.postit-note {
	background-color: #F1ED7D;
	color: #000000;
	padding: 5px;
	border-top: 1px solid #17BED4;
	border-bottom: 1px solid #17BED4;
}

.pointform {
	background-color: #B6E0DC;
	color: #000000;
	list-style-type: circle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pointform li {
	margin-bottom: 10px;
}

.pointform li:hover {
	background-color:#82BAB5;
}


.orgblock {
	display: block;
	background-color: #ffffff;
	width: 250px;
	height: 100px;
	/*border: 1px solid #000000;*/
	margin-bottom: 10px;
	clear: both;
}

.orgblock img {
	float: left; 
	border: 0; 
	margin: 5px;
}


/* End Classes */

/* Begin MenuBar */

#sub_menu {
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-bottom: 10px;
}

#sub_menu a, #sub_menu a:link, #sub_menu a:visited {
	font-weight: bold;
	color: #1D74D1;
	text-decoration: none;
	text-transform: uppercase;
}

#sub_menu a:hover {
	color: #82C9A9;
}

#menubar ul {
	/* Menu Text */
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	
	/* Menu Structure */
	padding: 10px 0 10px 0;
	margin: 0;
	list-style: none;
	width: 210px;
	float: left;
	z-index: 100;
	background-color: #11AB0C;
}

#menubar li {
	position: relative;
	display: block;
	width: 210px;
	height: 25px;
}

#menubar ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
	padding-left: 15px;
}

#menubar li a:hover {
	color : #C9F257;
}

/* End MenuBar */

/* Begin IDs */

#container {
	margin: 0px auto;
	padding: 0;
	width: 900px;
}

#header {
	margin: 0;
	padding: 0;
	height: 259px;
	width: 900px;
}
	
#site-title {
	display: none;
}
	
#search {
	position: relative;
	top: 10px;
	left: -10px;
	float: right;
	
}

#main {
	position: relative;
	display: block;
	top: 7px;
	width: 900px;
	height: auto;
}

#side-column {
	position: relative;
	display: block;
	width: 215px;
	height: auto;
	float: left;
}

#main-column {
	position: relative;
	display: block;
	left: 7px;
	width: 678px;
	height: auto;
	float: left;
}

#menubar {
	position: relative;
	display: block;
	background-color: #11AB0C;
	width: 215px;
	height: auto;
	float: left;
}

#announcements {
	position: relative;
	top: 7px;
	background-color: #5BC3E5;
	width: 215px;
	height: auto;
	float: left;
}

#announcements_title {
	position: relative;
	display: block;
	top: 20px;
	margin: 0 auto;
}

#list_of_announcements {
	position: relative;
	top: 20px;
	margin: auto auto;
	display: block;
	width: 180px;
	height: auto;
	font-family: Tahoma;
	color: #ffffff;
}

#list_of_announcements div a, #list_of_announcements div a:link, #list_of_announcements div a:visited {
	color: #1C343C;
	border-bottom: 1px dotted;
}

#list_of_announcements div a:hover {
	color: #2F7D96;
	border: none;
	text-decoration: none;
}

#list_of_announcements h2, #list_of_announcements h2 a, #list_of_announcements h2 a:link,#list_of_announcements h2 a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #1C343C;
	text-decoration: none;
	border-bottom: none;
}

#list_of_announcements h2 a:hover {
	color: #2F7D96;
}

#list_of_announcements img {
	border: 0px;
}

#content a, #content a:link {
	color: #1D74D1;
}

#content a:visited {
	color: #572980;
}

#ancillary {
	position: relative;
	display: block;
	top: 25px;
	height: auto;
	width: 215px;
	float: left;
	margin: auto auto;
	text-align: center;
}

#ancillary a img {
	border: none;
}

#hitcounter {
	position: relative;
	display: block;
	top: 20px;
	height: 20px;
	width: 215px;
	float: left;
	margin: auto auto;
	text-align: center;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-bottom: 50px;
}

#hadith {
	position: relative;
	display: block;
	background-color: #da1647;
	width: 678px;
	height: auto;
	float: left;
}

#hadith-text {
	position: relative;
	float: left;
	height: auto;
	width: 500px;
	padding: 15px 5px 5px 5px;
	margin: 0;
	color: #ffffff;
}

#hadith-text img {
	display: none;
}

				
#podcast {
	position: relative;
	display: block;
	top: 25px;
	background-color: #ff6600;
	width: 678px;
	float: left;
}

#podcast_episodes {
	position: relative;
	left: 10px;
}

#podcast_episodes .post {
	position: relative;
	display: block;
	width: 160px;
	height: 172px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma;
	font-size: 10px;
	color: #ffffff;
	clear: none;
	float: left;
}

#podcast_episodes .post a, #podcast_episodes .post a:link, #podcast_episodes .post a:visited {
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted;
	text-decoration: none;
}

#podcast_episodes .post a:hover {
	color: #0000ff;
	font-weight: bold;
	border-bottom: 1px dotted;
}


#podcast_episodes .post h2, #podcast_episodes .post h2 a, #podcast_episodes .post h2 a:link, #podcast_episodes .post h2 a:visited {
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

#podcast_episodes .post h2 a:hover {
	color: #ffcc00;
}

#hadith_title {
	position: relative;
	left: -10px;
	float: right;
	border: 0;
}

#podcast_title {
	position: relative;
	left: 10px;
	float: left;
	border: 0;
}

#pixel {
	position: relative;
	display: block;
	top: 15px;
	background-color: #E0BFDB;
	width: 678px;
	height: auto;
	float: left;
}

#pixel_title {
	position: relative;
	top: 15px;
	left: 10px;
	float: left;
	border: 0;
}

#pixel_entries {
	position: relative;
	display: block;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 480px; /*485px;*/
}

#pixel_entries .post {
	position: relative;
	display: block;
	width: 480px; /*485px;*/
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
	float: left;
}

#pixel_entries .post a, #pixel_entries .post a:link, #pixel_entries .post a:visited {
	color: #0000cc;
	font-weight: bold;
	border-bottom: 1px dotted;
	text-decoration: none;
}

#pixel_entries .post a:hover {
	color: #0000ff;
	font-weight: bold;
	border-bottom: 1px dotted;
}


#pixel_entries .post h2, #pixel_entries .post h2 a, #pixel_entries .post h2 a:link, #pixel_entries .post h2 a:visited {
	font-size: 10px;
	color: #0000cc;
	text-decoration: none;
}

#pixel_entries .post h2 a:hover {
	color: #003377;
}

		
#whats-on {
	position: relative;
	display: block;
	top: 7px;
	background-color: #ffcc00;
	width: 678px;
	height: auto;
	float: left;
}

#whats-on_title {
	position: relative;
	top: 15px;
	left: 10px;
	width: 178px;
	float: left;
	border: 0;
}

#whats-on-events {
	position: relative;
	display: block;
	width: 450px;
	height: auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	float: right;
}

#whats-on-events h2, #whats-on-events h2 a, #whats-on-events h2 a:link, #whats-on-events h2 a:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#whats-on-events h2 a:hover {
	color: #da1647;
}

#whats-on-events ul {
	position: relative;
	display: inline;
	list-style: none;
}

#whats-on-events li {
	margin-bottom: 10px;
	width: 400px;
	padding-bottom: 5px;
	border-bottom: 1px dotted;
}

#event_calendar img {
	border: 0;
}

#content {
	position: relative;
	display: block;
	font-size: 12px;
	color: #000000;
	padding: 5px 5px 5px 5px;
}

#content h2 {
	text-decoration: underline;
}


#footer {
	position: relative;
	display: block;
	top: 30px;
	padding-bottom: 20px;
	width: 900px;
	height: 97px;
	float: left;
	
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #eeeeee;
}

#footertext {
	position: relative;
	top: 75px;
	width: auto;
	height: auto;
	text-align: center;
}

#footertext a, #footertext a:link, #footertext a:visited {
	color: #F23A90;
	text-decoration: none;
}

#footertext a:hover {
	color: #F774A4;
}
	
/* End IDs */


/* Begin Speech Bubbles */

.xsnazzy, .xsnazzy2 {
	position: relative;
	display: block;
	background: transparent; 
	margin:1em;
	width: 300px;
	height: 0px;
	float: left;
	z-index: 1000;
	clear: both;
}

.xsnazzy {
	top: -17px;
	left: 525px;
}

.xsnazzy2 {
	top: -2px;
	left: 665px;
}

.xsnazzy h1, .xsnazzy h2, .xsnazzy p, .xsnazzy2 h1, .xsnazzy2 h2, .xsnazzy2 p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1, .xsnazzy2 h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2, .xsnazzy2 h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p, .xsnazzy2 p {padding-bottom:0.5em; color:#eee; font-size: 10px;}
.xsnazzy h2, .xsnazzy2 h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy img, .xsnazzy2 img {
	float: left;
	padding-right: 5px;
	border: 0;
}

.xsnazzy em, .xsnazzy2 em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
* html .xsnazzy2 em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span, .xsnazzy2 span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #000000; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
* html .xsnazzy2 span {width:20px; height:10px; w\idth:0; hei\ght:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#000000; border-width:0 5px;}
.xb5 {margin:0 2px; background:#000000; border-width:0 4px;}
.xb6 {margin:0 2px; background:#000000; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#000000; border-width:0 3px; height:2px;} 
.xboxcontent {display:block; background:#000000; border:3px solid #fff; border-width:0 3px; padding: 5px;}

.xboxcontent a, .xboxcontent a:link, .xboxcontent a:visited {
	color: #0033aa;
}

.xboxcontent a:hover {
	color: #0033ff;
}

.xsnazzy .close_bubble, .xsnazzy2 .close_bubble {
	position: relative;
	float: right;
	top: -15px;
	left: -5px;
}

.xsnazzy .close_bubble a, .xsnazzy .close_bubble a:link, .xsnazzy .close_bubble a:visited, .xsnazzy2 .close_bubble a, .xsnazzy2 .close_bubble a:link, .xsnazzy2 .close_bubble a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* End Speech Bubbles */

/* "You can survive a stroke. But the cost of medication can give you a heart attack." */