/* Initial principals */
* {margin: 0; padding: 0;}

html { height: 100%; width: 100%;}

body {font-size: 1.3em; font-family: 'Times New Roman', Tahoma, Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; line-height: 1.5; color: #000000; background: #FFFFFF; height: 100%; width: 100%; }
a {text-decoration: none;}
a img {border: none;}
a:link, a:visited { color: #000000; background-color: #FFFFFF; }
a:hover {color: #000000; background-color: #D4E2F1; border-bottom: 1px solid #383838;}

h1 {font: bold 1.5em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-top: 5px}
.english h2 { font: bold 1.4em Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 2px; margin-bottom: 1px;}
.pashto h2 { font: bold 1.2em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; margin-bottom: 1px;}
h3 {font: bold 1em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; }
.english h3 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 1px;}
h4 {font: bold 0.8em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; }
.english h4 {font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 1px;}

li {list-style-type: none; }

/* General classes */
.column {float: right; }
/* To allow more flexibility we permit L and R columns: */
.columnenglish {float: left;}
.columnpashto {float: right;}

.pashto {text-align: right; direction: rtl; }
.english {text-align: left; direction: ltr; font-family: Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; font-size: 0.8em; }

#outer {height: 100%; width: 100%;}
#sidemenu {height: 100%; background-image: url(../images/background2.jpg); background-color: #76A3CD; color: #000000; background-position: top; background-repeat: repeat-x; }

/* Header*/
#header {height: 120px; background-image: url(../images/banner-150-trans.jpg); background-repeat: no-repeat; background-position:top center; border-top: 1px solid #383838; text-align: left; background-color: #83AED8; color: #000000; }
#header li { list-style-type: none; display: inline; }
#langchoice { padding: 2px 15px 2px 15px; text-align: left; background-color: #ffffff; color: #000000; font-weight: bold; }
#langchoice li { list-style-type: none; display: inline; padding-left: 20px; }
#langchoice li a { padding: 2px 15px 2px 15px; color: #000000; background-color: #ffffff; text-decoration: none; }
#langchoice li a.pashto { padding: 2px 15px 2px 15px; }
#langchoice li a:hover { color: #000000; background-color: #D4E2F1; text-decoration: none; }

/* Horizontal Navigation Bar (probably not to be used)*/
#navbar { height: 4.4em; padding: 0% 5% 0% 0%; color: #000000; background: #F0EDE0; font: 1.35em Tahoma, Verdana, Arial, Helvetica, sans-serif;  line-height: 0.4em; }
/* UL option (no longer used - IE prefers the TABLE option) */
#navbar ul { display: table; }
#navbar li { display: table-cell; padding: 0 23px 0 10px; margin-right: 5px; list-style-type: none; }
#navbar li a {display: block; padding: 0.75em 0 0.25em; color: #383838; background: #F0EDE0; text-decoration: none;}
/* TABLE option */
#navbar table { height: 3.4em; width: 100%; padding: 0 0 0 0 ; line-height: 1.5em; text-align: right; vertical-align: middle; }

/* Main Area */
#main {font-size: 0.88em; min-height: 300px;}
#main table { text-align: right; vertical-align: top; width: 100%;  border-collapse: collapse;  }
#main td { min-width: 30px; padding: 0 0 0 0; vertical-align: top; }
#sidemenu { width: 12em; }
#column1 { width: 50%; }
#column2 { width: 50%; }

/* Central Content */
#content.english {text-align: left; }
#content.pashto {text-align: right;}

.scripture { margin-left: 3em; margin-right: 3em; }
.scripture.navbase { margin-top: 62px; }
/*.scripture p { text-align: justify; }*/ /* Causes problems with Firefox sadly */
.scripture h2 { text-align: center; } /*inherits bold etc */
.scripture h3 { font-size: 1.0em; } /*inherits bold from main h3*/
.scripturenav { text-align: center; font-weight: bold; }
.scripturenav span { margin-left: 30px; margin-right: 30px; }
.scripturenavtop { text-align: right; font-weight: bold; }
.scripturenavtop span { margin-left: 30px; }

.verseno { font-weight: bold; font-size: 0.7em; word-spacing: 0.5em; vertical-align: super; }

.item {margin-top: 2em; margin-left: 1em; margin-right: 1em;}
.linkeditem {padding-top: 0.5em; margin-top: 1em; padding-bottom: 0.5em; padding-left: 0.5em; margin-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; background-color: #D4E2F1; color: #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*.linkeditem:hover { color: #000000; background-color: #D4E2F1; text-decoration: none; border-bottom: 0;}*/
.linkeditem a { display: block; background-color: #D4E2F1; color: #000000; } /* IE5,6 needs this for correct hover */
/*.linkeditem a { display: block; background-color: transparent; color: #000000; } IE5,6 needs this for correct hover */
.linkeditem a:hover { text-decoration: underline; border-bottom: 0px; background-color: transparent; color: #000000; }
.itemheading {margin-bottom: 10px;}
.linkline { font-weight: bold; font-size: 0.88em; margin-left: 1em; }
.linkline a { display: inline; }
.title {text-align: center;}
.byline { text-align: center; font-style: italic; font-size: 0.8em; }
/*.byline a { font-style: normal; text-transform: uppercase; }*/
.colheadings { font-weight: bold; }


.item ul { margin-right: 1em; list-style-type: none; }
.item li { margin: 0 0 1em 0; }
/* nb - could also set ul ul to be display: inline to make some browsers show on same line as the li */
.item ul li li { margin: 0 0 0 0; padding: 5px 30px 5px 5px; display: inline; }
.subtitle { font-style: italic; font-weight: normal; }

/* Side Bar (where used) */
#sidebar {width: 140px; padding-right: 15px; }
#sidebar div {border-bottom: 1px dashed #B2B2B2; padding: 10px 0.5em;} /* to seperate sections */

/* Navigation Menu (side) */
/* removed as default anyway: #navlist { background-color: transparent; color: #000000; }*/
#navlist ul { list-style-type: none; }
#navlist li { margin: 0 0 1px 0; } /* set 3rd margin to 1px for a gap */
#navlist a { display: block; padding: 5px 10px; width: 140px; color: #000000; font-weight: bold; background-color: transparent; text-decoration: none; }
#navlist a:hover { color: #000000; background-color: #6098CD; text-decoration: none; }
#navlist ul ul li { margin: 0 0 0 0; } /* set 3rd margin to 1px for a gap */
#navlist ul ul a { display: block; padding: 5px 30px 5px 5px; width: 125px; color: #000000; background-color: transparent; text-decoration: none; font-weight: normal; }
#navlist ul ul a:hover { color: #000000; background-color: #6098CD; text-decoration: none; }


/* Footer - where used*/
#footer {text-align: right;  font-size: 0.5em;  position: relative;  right: 0px;  bottom: 4em; width: 14em; margin-right: 1em; height: 4em; margin-top: -4em; font-family: Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif;}
#footer p { text-align: right; } /* Prevent .english from overriding right alignment */
/*
#footer {width: 100%; text-align: left;
	bottom: 1px; clear: both;
  margin-bottom: 1em; font-size: 0.75em; font-style: normal; color: #000000; background: #ffffff; margin-top: 1em;}
#footer a:hover { text-decoration: underline; border-bottom: 0px; background-color: transparent; }
*/

#biblemenucontainer {
	position: absolute;
	direction: rtl;
	top: 50px;
	right: 50px;
}
#biblemenucontaineren {
	position: absolute;
	direction: ltr;
	top: 50px;
	left: 50px;
}
.biblemenu {
	position: relative;
}
/*
#biblenav {
	position: absolute;
	direction: rtl;
	top: 50px;
	right: 50px;
}
#biblenaven {
	position: absolute;
	direction: ltr;
	top: 50px;
	left: 50px;
}*/

/* Alternates */
#pdfalternate {
	position: absolute;
	direction: ltr;
	top: 173px;
	left: 48px;
	padding-right: 8px;
	font-size: 6px;
	line-height: 6px;
	vertical-align: bottom;
}
#pdfalternate a {
	border-bottom: none;
	font-size: 0px;
	line-height: 0px;
	vertical-align: bottom;
}

#mp3alternate {
	position: absolute;
	direction: ltr;
	top: 175px;
	left: 98px;
	padding-right: 8px;
	font-size: 6px;
	line-height: 6px;
	vertical-align: bottom;
}
#mp3alternate a {
	border-bottom: none;
	font-size: 0px;
	line-height: 0px;
	vertical-align: bottom;
}


#realalternate {
	position: absolute;
	direction: ltr;
	top: 175px;
	left: 142px;
	padding-right: 8px;
	font-size: 6px;
	line-height: 6px;
	vertical-align: bottom;
}
#realalternate a {
	border-bottom: none;
	font-size: 0px;
	line-height: 0px;
	vertical-align: bottom;
}
.gplusone {
    position: absolute;
    right: 0;
    top: 4px;
    width: 106px;
}
.simpleaudiolist {
	display: table;
	width: 100%;
}
.simpleaudioitem {
	display: table-row;
}
.simpleaudioitem .itemtitle {
	display: table-cell;
	padding-right: 5px;
	vertical-align: center;
}
.simpleaudioitem audio {
	display: table-cell;
}
.simpleaudioitem .mp3download {
	display: table-cell;
}