/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body, html {
	background: #fff url('assets/body.png');
	color: #333;
	font: 100%/1.125em Arial, Helvetica, sans-serif;
}
.item {
	background: #EBEBEB;
	clear: left;
	margin-bottom: 17px;
	min-height: 273px;
	padding: 17px;
}
.item img {
	margin-right: 17px;
	vertical-align: text-top;
	float: left;
}
.item .addReserve {
	background: green;
	border: 2px solid #060;
	color: white;
	display: inline-block;
	font: 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 7px 12px;
	text-align: center;
}
.item .addReserve:Hover {
	background: #0C0;
	border-color: #0F0;
	text-decoration: none !important;
}
.item .price {
	color: #4B0082;
	font: bold 1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.fixed {
	position: fixed;
}
a {
	color: #880000;
	text-decoration: none;	
}
a:Visited {
	color: #600;
}
a:Hover {
	text-decoration: underline;
}
big, .arabicBig, .arabicXL {
	font-size: 2.25em;
	font-weight: normal;
	line-height: 1.5em;
}
.arabicXL {
	font-size: 78px;
}
.arabic {
	font-size: 1.75em;
}
blockquote {
	margin: 20px 30px;
	padding: 2px 20px;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1; }
blockquote p {
	margin: 18px 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #505050;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.125em;
	margin: 0 0 8px;
}
h1, h2 {
	letter-spacing: -1px;
}
h1 {
	font-size: 1.75em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
h1 a, h2 a, h3 a, h4 a, h1 a:Visited, h2 a:Visited, h3 a:Visited, h4 a:Visited {
	color: #09C;
	padding-bottom: 2px;
	text-decoration: none;
}
h1 a:Hover, h2 a:Hover, h3 a:Hover, h4 a:Hover {
	text-decoration: underline;
}
p {
	font-size: 0.875em;
	margin: 18px 0;
}
li {
	list-style-position: inside;
}
img {
	border: none;
}
dl {
	margin-left: 15px;
}
dt {
	background: url('assets/article-icon24x.png') no-repeat left top;
	font-weight: bold;
	min-height: 24px;
	padding: 3px 0 0 24px; /* padding instead of margin to show background image */
}
dd {
	margin-left: 30px;
}
ul.internav, .internav ul {
	font-size: 1.125em;
	font-weight: bold;
	margin-left: 24px;
}
.internav li {
	list-style: none inside none;
	margin: 14px 0;
}
ul.mp3 li {
	list-style-image: url('assets/mp3-icon24x.png');
}
ul.books li {
	list-style-image: url('assets/book-icon24x.png');
}
ul.mosques li {
	list-style-image: url('assets/house-icon.png');
}
#container {
	background: url('assets/glow.png') repeat-y center top;
	min-height: 100px;
	margin: auto;
	padding: 0 55px;
	width: 900px; /* total 1010px */
}
#header {
	background: #5A0A17 url('assets/header3.jpg') no-repeat left top;
	min-height: 117px;
	padding-top: 13px;
	width: 100%;
}
#header #logo {
	height: 83px;
	margin: 0 0 4px 60px;
}
#header #logo img {
	border: none;
	height: 83px;
}
#header #globalHeadlines {
	margin: -10px 0 14px 50px;
	height: 90px;
}
#header #latestUpdates li {
	color: #FF0;
	list-style-position: inside;
	list-style-type: circle;
	font-size: 10px;
}
#header #latestUpdates a {
	color: #CCC;
	font-size: 14px;
}
#nav {
	/*background: #660000;*/
	color: #fff;
	height: 24px;
	margin: 0 50px;
	padding: 2px 7px 4px;
	width: 786px; /* 800px with padding */
	
	/* new settings */
	padding-left: 0;
	padding-right: 0;
	width: 800px;
}
.nav {
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.nav a {
	color: #fff;
	padding: 0 7px;
	text-decoration: none;
}
.nav a:Hover {
	text-decoration: underline;
}
.nav a.firstNav {
	padding-left: 0;
}
.nav a.lastNav {
	padding-right: 0;
}
.nav ul {
	margin: 0;
}
.nav li {
	float: left;
	list-style: none;
	text-align: left;
}
#main {
	margin: 18px 50px 0;
	width: 800px;
}
#rContent {
	float: right;
}
#lContent {
	float: left;
}
#lContent, #rContent {
	width: 550px;
}
#lContent p, #rContent p {
	text-align: justify;
}
#lContent p img, #rContent p img {
	background: white;
	border: 1px solid #D5D5D5;
	margin: 0 10px 10px;
	padding: 5px;
}
#lContent p img.left, #rContent p img.left {
	float: left;
	margin-left: 0;
}
#lContent p img.right, #rContent p img.right {
	float: right;
	margin-right: 0;
}
#lContent h2, #rContent h2 {
	clear: both;
}
.first {
	clear: none !important;
}
.box {
	border: 1px solid #E4E4E4;
	float: left;
	height: 290px;
	margin: 4px 4px;
	overflow: hidden;
	padding: 4px;
	text-align: justify;
	width: 250px;
}
.options {
	float: right;
}
.options a {
	color: #06F;
	font: 0.875em "Courier New", Courier, monospace;
}
.options a:Hover {
	color: #09F;
}
.dateTime {
	color: green;
	font: bold 0.75em "Courier New", Courier, monospace;
	margin: 0 7px;
}
.dateTime a{
	border-bottom: 1px dashed #060;
	color: #060;
	font-size: 1.16em;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-decoration: none;
}
.dateTime a:Hover{
	border-bottom-style: solid;
}
.quranTable a {
	color: #090;
	font: 1.375em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.quranTable a:Visited {
	color: #030;
}
.quranTable a:Hover {
	text-decoration: underline;
}
.quranTable table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
.quranTable td {
	margin: 0;
	padding: 10px;
}
.quranTable tr:Hover {
	background: #06F;
	cursor: pointer;
}
.quranTable tr:Hover, .quranTable tr:Hover a {
	color: #fff;
}
#rSide, #lSide {
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 220px;
}
#lSide {
	float: left;
}
.sidenav li {
	color: #660000;
	list-style: square inside none !important;
}
.sidebox {
	margin-bottom: 16px;
	text-align: center;
}
.sidebox h4 {
	background: #660000;
	color: #fff;
	display: inline-block;
	font-size: 1.125em;
	height: 24px;
	margin: 0 0 7px;
	padding-top: 6px;
	text-align: center;
	width: 220px;
}
.sidebox a {
	color: #076fc0;
	text-decoration: none;
}
.sidebox a:Hover {
	text-decoration: underline;
}
.sidebox ul {
	width: 210px;
	font: bold 0.875em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	text-align: left;
}
.sidebox li {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
	margin-bottom: 4px;
	max-width: 210px;
}
.sidebox .name, .sidebox .price {
	color: #076fc0;
	font-size: 1.125em;
	font-weight: bold;
}
.sidebox .price {
	color: #c0072e;
}
#footer {
	background: url('assets/footer.gif') no-repeat center top;
	clear: both;
	height: 30px;
	margin-top: 35px;
	padding: 74px 0 7px;
}
#footer #links {
	text-align: center;
}
#footer #links a {
	color: #550e0f;
}
#footer #links  li{
	color: #550e0f;
	display: inline;
	float: none;
	font-weight: bold;
}
.nClear {
	clear: both;
}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}
#copyrights {
	background: url('assets/glow.png') repeat-y center top;
	margin: auto;
	padding: 0 55px;
	width: 900px; /* total 1010px */
}
#copyrights p {
	background: #660000;
	color: #fff;
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
.noMargin {
	margin: 0;
}
#commentsForm {
	width: 447px;
	margin: auto;
}
#commentsForm input[type="text"]{
	background: none;
	border: none;
	font: italic bold 1em "Comic Sans MS", cursive;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 198px;
}
#commentsForm .name, #commentsForm .email{
	background: url('assets/comment-fields.png') no-repeat left top;
	cursor: pointer;
	display: block;
	height: 25px;
	padding: 27px 13px 12px 9px;
	width: 198px;
}
#commentsForm .email{
	background-position: 0 -64px;
}
#commentsForm .post{
	background: url('assets/comment-fields.png') no-repeat 0 -126px;
	border: none;
	cursor: pointer;
	float: right;
	height: 75px;
	margin: 0 50px 0 0;
	padding: 0;
	width: 175px;
}
#commentsForm .comment{
	background: url('assets/comments.png') no-repeat left top;
	border: none;
	cursor: pointer;
	display: block;
	height: 148px;
	margin: 0 0 4px;
	padding: 90px 134px 24px 14px;
	width: 299px;
}
#commentsForm .comment textarea{
	background: none;
	border: none;
	cursor: text;
	font: bold 1em/1.125em "Courier New", Courier, monospace;
	height: 148px;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
}
#comments {
	border-top: 1px solid #404040;
	padding-top: 18px;
}
#comments h5 {
	font-size: 1em;
}
#comments p {
	margin: 18px 18px;
}
#comments .theDate {
	color: green;
	display: block;
	font: bold 0.857em "Courier New", Courier, monospace;
	margin: 0;
}
.poem, .poem p, p.poem {
	text-align: center !important;
}
/* ----------------------------------------------------------- */
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 390px; padding:5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 140px; padding:5px; }

#feedback {
	position: absolute;
	top: 47px;
	top: 0;
	margin-left: 332px; /* 225px [originally] */
	width: 160px;
}
#fbForm {
	display: none;
}
.fbFormExpand {
	background: #FC3;
	border: 1px solid #FF0000;
	display: none;
	min-height: 300px;
	padding: 25px 0;
	width: 450px;
}
#snfForm {
	margin: auto;
	width: 400px;
}
.btn {
	background: #FC9;
	border: 1px solid #F30;
	cursor: pointer;
	font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 35px;
	padding: 4px;
	width: 83px;
}
.fbFormExpand .btn {
	border-color: #030;
}
.ohmy {
	width: 200px;
	height: 300px;
}

.webAddress, .commentUR {
	display: none;
}

.tooltip, abbr {
	border-bottom: 1px dashed #090;
	color: #090;
	cursor: help;
	padding-bottom: 1px;
	text-decoration: none;
}
#lContent .none, #rContent .none {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.hCaption {
	margin: -15px 0 0 20px;
}
.quran {
	color: #060;
	font-weight: bold;
	quotes: "«" "»";
}
cite {
	font-weight: bold;
	font-style: italic;
	quotes: "[" "]";
}
cite:before {
	content: open-quote;
}
cite:after {
	content: close-quote;
}
q {
	font-weight: bold;
}
p.intro, .intro {
	font: italic bold 12px/17px Georgia, "Times New Roman", Times, serif;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:1px dotted #ccc;
}
h1.intro {
	color: #333333;
	font-size: 20px;
	line-height: 24px;
}
.back, .back a {
	font-size: 12px;
	line-height: 34px;
}
.ad {
	text-align: center;
}
.dlContainer {
	text-align: center;
}
a.dlBtn {
	background-color: #6F0;
	color: #333;
	display: block;
	font: bold 18px/34px Verdana, Geneva, sans-serif;
}
a.dlBtn:Hover {
	text-decoration: none;
	background-color: #6F6;
}
.sansBig {
	font: bold 18px Verdana, Geneva, sans-serif;
}
.unavailable {
	font-size: 13px;
	text-align: center;
}