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

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

body {font-size: 1em; font-family: Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', 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, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 1px; 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.4em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; margin-bottom: 1px;}
h3 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 1px;}
.pashto h3 {font: bold 1em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; }
h4 {font: bold 0.8em Tahoma, Verdana, Arial, Helvetica, 'Times New Roman', sans-serif; letter-spacing: 1px;}
.pashto h4 {font: bold 0.8em Tahoma, 'Times New Roman', Verdana, 'Luxi Sans', 'DejaVu Sans', Arial, Helvetica, sans-serif; }

li {list-style-type: none; }

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

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

#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: right; background-color: #83AED8;  color: #000000; }
#header li { list-style-type: none; display: inline; }
#langchoice { padding: 2px 15px 2px 15px; text-align: right; background-color: #ffffff; color: #000000; font-weight: bold;  }
#langchoice li { list-style-type: none; display: inline; padding-right: 20px; }
#langchoice li a { padding: 2px 15px 2px 15px; color: #000000; background-color: #ffffff; text-decoration: none; }
#langchoice li a.english { 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: left; vertical-align: top; width: 100%;  border-collapse: collapse; height: 100%; }
#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;}
.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: #e0e0ff; text-decoration: none; border-bottom: 0;}*/
.linkeditem a { display: block; background-color: #D4E2F1; 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-left: 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 5px 5px 30px; display: inline; }
.subtitle { font-style: italic; font-weight: normal; }

/* Side Bar (where used) */
#sidebar {width: 140px; padding-left: 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 5px 5px 30px; 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: left;  font-size: 0.5em;  position: relative;  left: 0px;  bottom: 4em; width: 14em; margin-left: 1em; height: 4em; margin-top: -4em;}
/*
#footer {width: 100%; text-align: right;
	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 {
	direction: rtl;
	position: absolute;
	top: 50px;
	right: 50px;
}
#biblemenucontaineren {
	direction: ltr;
	position: absolute;
	top: 50px;
	left: 50px;
}
#biblemenu {
	position: relative;
}

.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;
}