/* Style & typography CSS for QuranicPath Homepage */

ul{							/* Image rotator bullet point remover */
	list-type: none;
	list-style: none;
}

body {
		
	background-image: url("images/page_m_bg.png");
	background-repeat: repeat;
}

#edge
	{
	width: 706px; 
	background-color: rgb(250, 250, 250); 
	position: relative; 
	margin: 0 auto; 
	margin-top: 12px;
	border-radius: 10px;
	border: 1px solid rgb(238, 238, 238);
	
	}

#copyright_bg
	  {	
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 20px;
		border-radius: 8px;
		border: 4px solid rgb(235, 235, 235);
		background: rgb(242, 242, 242);
		padding-top: -2px;
		padding-bottom: -2px;
	  }	
	  

	html, body {	/* html, body, #wrapper{ */
		margin: 0;
		padding: 0;
		list-style: none;  }
	
#wrapper {
	margin: 8px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 688px;
	position: relative;
}

/* header */
	#header {
		position: relative;
		width: 688px;
		/* margin-bottom: 11px; */
	}
	
/* Creation Link Hover */

#creation_link
	{
/* 	position: absolute;
	bottom: 0; */
	/* To sink the container to the bottom */
	display: block;
	width: 228px;
	height: 33px;
	background-image: url("../images/creation_link.png");
	background-repeat: no-repeat;
	background-position: top;
	position: fixed; 
	margin-left: 10px;
/* 	margin-bottom: 115px; */

	}

#creation_link:hover
	{
	background-position: bottom;
	}

/* new_article */

/* #new_article
	{
	position: absolute;
	bottom: 0; */
	/* To sink the container to the bottom */
/* 	margin-bottom: 20px;
	margin-top: 45px;
	margin-left: 15px;
	display: block;
	width: 254px;
	height: 83px;
	background-image: url("../images/new_article.png");
	background-repeat: no-repeat;
	background-position: top;
	position: fixed; 


	}

#new_article:hover
	{
	background-position: bottom;
	} */
	
/* 	Welcome Note */
	#welcomenote{
		font-size: 13px;
		font-family: Times New Roman, Tahoma;
		color: green;
		line-height: 1.6em;
		margin-top: -0.4em;
		text-align: center;	}

/* Tabs formatting */
		.tab{
		text-align: center;
		margin-bottom: -0.3em;	}
		
		
		/* ===== 5 Years Hover ===== */

/* #ramadan{
display: block;
width: 220px;
height: 132px;
background-image: url("../images/ramadan_hover.png");
background-repeat: no-repeat;
background-position: top;

margin-top: 2px;
margin-left: auto;
margin-right: auto;
}

#ramadan:hover{
background-position: bottom;
} */

/* ================ Tabs Hover ================ */

		/* ++++ Misconceptions tab ++++ */
#misconceptions {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/misconceptions_tab.png");
background-repeat: no-repeat;

margin-top: 1em;
margin-left: auto;
margin-right: auto;
}

#misconceptions:hover {
background-image: url("../images/tabs/misconceptions_tab_hover.png");
}

		/* ++++ Sunni-Shia tab ++++ */
#sunni_shia {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/sunni_shia_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#sunni_shia:hover {
background-image: url("../images/tabs/sunni_shia_tab_hover.png");
}

		/* ++++ Finer Points tab ++++ */
#finerpoints {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/finerpoints_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#finerpoints:hover {
background-image: url("../images/tabs/finerpoints_tab_hover.png");
}

		/* ++++ Interactive Qur'an tab ++++ */
#interactive {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/interactivequran_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#interactive:hover {
background-image: url("../images/tabs/interactivequran_tab_hover.png");
} 			

		/* ++++ Phonetic Search Tab tab ++++ */
#phonetic_search {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/phonetic_search_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#phonetic_search:hover {
background-image: url("../images/tabs/phonetic_search_tab_hover.png");
} 			

		/* ++++ Presentations tab ++++ */
#presentations {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/presentations_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#presentations:hover {
background-image: url("../images/tabs/presentations_tab_hover.png");
} 			
		
		/* ++++ Qur'an Audio tab ++++ */
#audio {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/audio_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#audio:hover {
background-image: url("../images/tabs/audio_tab_hover.png");
} 				
		
		/* ++++ Guest Book tab ++++ */
#guestbook {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/guestbook_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#guestbook:hover {
background-image: url("../images/tabs/guestbook_tab_hover.png");
} 		
		
		/* ++++ About Us tab ++++ */
#about {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/about_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#about:hover {
background-image: url("../images/tabs/about_tab_hover.png");
} 
		/* ++++ Contact tab ++++ */
#contact {
display: block;
width: 185px;
height: 24px;
background-image: url("../images/tabs/contact_tab.png");
background-repeat: no-repeat;

margin-top: 0.8em;
margin-left: auto;
margin-right: auto;
}

#contact:hover {
background-image: url("../images/tabs/contact_tab_hover.png");
} 

/* ================ END of Tabs Hover ================ */

/* ================ Bottom Banner Sections Hover =================== */

		/* ++++ Misconceptions Banner ++++ */
#misconceptions2 {
display: block;
width: 207px;
height: 78px;
background-image: url("../images/misconceptions.png");
background-repeat: no-repeat;

margin-top: 0px;
margin-left: auto;
margin-right: auto;
}

#misconceptions2:hover {
background-image: url("../images/misconceptions_hover.png");
} 

	   /* ++++ Sunni-Shia Banner ++++ */
#sunni_shia2 {
display: block;
width: 164px;
height: 78px;
background-image: url("../images/sunni_shia.png");
background-repeat: no-repeat;

margin-top: 38px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}

#sunni_shia2:hover {
background-image: url("../images/sunni_shia_hover.png");
}

		/* ++++ Finer Points Banner ++++ */
#finerpoints2 {
display: block;
width: 170px;
height: 78px;
background-image: url("../images/finerpoints.png");
background-repeat: no-repeat;

margin-top: 20px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}

#finerpoints2:hover {
background-image: url("../images/finerpoints_hover.png");
} 
		
/* Search Verse / Keywords Formatting */
#search{
		font-family: Tahoma, Times New Roman;
		text-align: center; 
		font-size: 14px;
		color: #646464;  
		margin-top: 24px;
		}
/* Search Box */

#search_box
	{
		margin-top: 30px;
		border: 5px solid rgb(240, 240, 240);
		background: rgb(245, 245, 245);
		border-radius: 8px;
		padding-top: -2px;
		padding-bottom: -3px;
	}
				
/* Article Names Link Formatting */
	h1 {
		font-family: tahoma, helvetica, arial, sans-serif;
		color: green;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.5em; 
		margin-left: 5px; 	
		margin-right: 5px;}
		
		/* Hover color for all names article links */
/* 	h1 a:hover{
		color: rgb(0,60,0)  
		} */
		
/* Spacing */
	h1  {
		margin-top: 1.8em;     /* Spacing between articles */
		margin-bottom: -0.4em;         /* Spacing between title and description */
		}

/* Background color for headings and size of heading box*/
	h1 { background-color: rgb( 240, 240, 240 );
		padding: 6px 10px;      	 /* Spacing within the heading */
		border-radius: 5px;
	}
	
/* Background hover color*/
		h1:hover{
		background-color: rgb(230, 230, 230);  	
	}
	
#hover{
	border: 4px solid rgb(235, 235, 235);
	}
	
	#hover:hover{
	border: 4px solid rgb(220, 220, 220);
	}
	
 	
/* Article Description Formatting*/
	.description {
		font-family: tahoma, helvetica, arial, sans-serif;
		font-size: 13px;
		line-height: 1.5em;
		color: #646464;
			text-align: left;
			/* margin-top: 0.5em; */
			/* margin-bottom: 0.5em; */
			margin-left: 5px;	
			margin-left: 5px; }
			
/* Read formatting */
	a.read{
		color: green;
		font-size: 13px;
		font-style: underline; 
		}
		
	a.read:hover{
	  color: rgb(0,60,0)  }  /* Hover color for links */
	 
	a.read{
		text-decoration: underline; 	}
		
/* English presentations  formatting */
    a.title{
		color: green; font-family: Times New Roman; font-size: 17px; font-style: italic; text-decoration: underline; font-weight: bold;}
	a.title:hover{
	  color: rgb(0,60,0)  }  /* Hover color for links */	
	a.presentation_name{
		color: green; font-family: Times New Roman; font-size: 16px; text-decoration: underline; font-style: italic; font-weight: bold;}
	a.presentation_name:hover{
	  color: rgb(0,60,0)  }  /* Hover color for links */
	.english_name{
		color:  #646464; font-family: Times New Roman; font-size: 16px; font-style: italic;}
	
/* Selected Verse Formatting */
    .selected_verse{
		font-family: Book Antiqua, Times New Roman; font-size: 13.5px; color: #646464; text-align: center; line-height: 1.5em; font-weight: bold;}
	
/* Main body (image of three columns) */
#body {
	background: url(images/body_bg.gif) repeat-y;
}

/* First line image */
#cap {
/* 	margin-top: 6px; */
	background: url(images/column_cap2.gif) no-repeat;
	padding-top: 19px;
	width: 688px;
}

/* 1st Column */
#column_one {
	float: left;
	width: 189px;        
	margin-left: 12px;
	display: inline;
}

/* 2nd Column */
#column_two {
	float: left;
	width: 228px;
	margin-left: 26px;
}

/* 3rd Column */
#column_three {
	float: left;
	width: 188px;
	margin-left: 30px;
}


/* footer */
#footer {
	clear: both;
	/* text-align: center; */
	background: url(images/footer_bg.gif) repeat-x;
}

#footer div div { padding: 8px 0; }

#footer, #footer a {
	color: #fff;
}

#footer a:hover{
color: rgb(255, 255, 0);
}


#footer div { background: url(images/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(images/footer_r.gif) top right no-repeat;width:100%; width:100%; }

/* Footer style */
#footer_style{
margin-top: -0.1em; 
font-size: 11px; 
text-align: center;
font-family: tahoma;
text-decoration: none;
font-weight: bold;
text-align: center;
}

/* Latest Articles Formatting */

tr, td{
color: #646464;
font-family: Tahoma;
font-size: 12px; }

td a{
		color: green;
		text-decoration: none; }
td a:hover{
	  color: rgb(0,60,0)  } 		 /* Hover color for links */


/* #wrapper {
	width: 688px;
} */

/* Latest Articles Table Formatting */
	/* th, td {
		font-size: 11px;
	} */

/* All paragraphs have 1em margin space
 p {
	margin: 1em 1em;
}  */