/*
dark red:      #980024 (e.g. header bg)
red:           #ff0000 (e.g. secondary menu hover fg)
grey:          #c0c0c0 (e.g. notes borders, separators)
bright yellow: #f7f791 (e.g. main menu bg)
dark yellow:   #fac13c (e.g. secondary menu bg)
light grey:    #dadad4 (e.g. body bg)
green:         #276328 (e.g. contact form fields border
light green:   #609960 (e.g. main menu hover bg)
*/


audio
{
   width: 300px;
   height: 30px;
   display: block;
   margin:20px;
}

/* General Defaults */

* {
    padding: 0;
    margin: 0;
}

img { border: none; }

body
{
    color: black;
    background-color: #fff;
    font-size: 0.85em;
    font-family: verdana, arial, sans-serif;
}

/* body.lang-ltr */
/* { */
/*     font-size: 0.8em; */
/* } */

h1.title
{
    margin: 0 0 .42em 0;
    /* font-size: 2.8em; before 2011 - was too large */
    /* font-size: 1.8em; 2011 first trial - was too small */
    font-size: 2.35em;
    font-family: verdana, arial, sans-serif;
    /* letter-spacing: -.01em; */
    word-spacing: -.08em;
    /* text-shadow: 0.1em 0.1em #fff; */
}

/* new font */
body.lang-en h1.title
{
    /* margin: .2em 0 0 0; */
    font-size: 2em;
/*    letter-spacing: normal; */
    word-spacing: normal;
    /* line-height: 1.1; */
    font-weight: 400;
}

h1, .h1
{
    margin: .67em 0 .3em 0;
    font-size: 1.8em;
    /* line-height: 1.0; */ /*2011*/
}

/* new font */
/* body.lang-en h1 */
/* { */
/*     margin: .3em 0 .3em 0; */
    /* font-size: 1.3em; */
    /* line-height: normal; */
/* } */

h2
{
  margin: .75em 0 0.3em 0 ;
  font-size: 1.3em;
}

h3
{
  margin: .83em 0 .4em 0 ;
  font-size: 1.17em;
}

h4
{
  margin: 0.75em 0 0.3em 0;
  font-size: 1.12em;
  font-weight: bold;
}

p
{
    margin: 0 0 0.5em 0;
    text-indent: 0;
}

blockquote
{
    margin: 1.12em 0;
    /* font-size: 1em; */
    padding: 0 0 0 2em;
}
body.lang-rtl blockquote { padding: 0 2em 0 0; }

body.lang-rtl cite, cite.he-title
{
    font-family: Times New Roman, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1em;
}

body.lang-ar .article-body
{ 
    font-size: 1.1em;
}


/* body.lang-ar .article-body p */
/* {  */
/*     font-size: 1.1em; */
/* } */

/* body.lang-ar .article-body ul.simple */
/* {  */
/*     font-size: 1.1em; */
/* } */

span.comment { font-size: .85em; font-weight: normal }

a
{
  color: #980024;
  background-color: transparent;
  text-decoration: none;
}

a:hover
{
  /* color: #000; */
  /* background-color: #fac13c; */ /*2011*/
}

ul
{
  list-style-type: square;
  list-style-position: outside;
  /* padding: 0 0 .5em 1.1em; */
  padding: 0 1.25em 0; /*2011*/
  margin: 0 0 0.5em 0;

}
/* body.lang-rtl ul { padding: 0 1.1em .5em 0; } */
body.lang-rtl ul { padding: 0 1.25em 0 0; } /*2011*/
body.lang-rtl ul.ltr { padding: 0 0 0 1.25em; } /*2011*/

ol
{
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 1.6em;
}
body.lang-rtl ol { padding: 0 1.6em 0 0; } /*2011*/

/*******************************************************/

#page-wrapper
{
  width: 954px;
  margin: 0 auto 15px;
  background-color: #fff;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;

  overflow: hidden;		/*arar*/
}

#page-header
{
  background-color: #980024;
  height: 128px;
  border-color: #000;
  border-style: solid;
  border-width: 0 0 4px 0;
  position: relative;
}

/* #header-title */
/* { */
/*     text-align: center; */
/*     vertical-align: middle; */
/* } */

/* #header-title h1 */
/* { */
/*     /\* font-size: 4.7em; *\/ */
/*     font-size: 64px; */
/*     font-weight: normal; */
/*     margin: 0 0 5px 0; */
/*     line-height: 1; 		/\*2011?*\/ */
/* } */

/* #header-title h2 */
/* { */
/*     font-size: 1.4em; */
/*     color: #fac13c; */
/*     font-weight: normal; */
/*     margin: 0; */
/* } */

/* #header-title a */
/* { */
/*     color: #000; */
/*     text-decoration: none; */
/* } */

/* #header-title a:hover */
/* { */
/*   color: red; */
/*   background-color: transparent; */
/* } */

/* #second-header */
/* { */
/*     /\* overflow: hidden; *\/ */
/*     overflow: visible; */
/*     background-color: #f7f791; */
/*     border-color: #d3dca9; */
/*     border-style: solid; */
/*     border-width: 0 0 1px 0; */
/*     height: 32px;		/\*new*\/ */
/* } */

#search-box
{
    position: absolute;
    left: 18px;
    bottom: 18px;
}

.lang-ltr #search-box
{
    left: auto;
    right: 18px;
    direction: ltr;
}

#search-box input.button
{
    background-color: #E6E2DF;
    padding: 0 .75em;
    border: 1px solid #000;
    font-weight: 700;
    color: #980024;
}

#search-box input.query
{
    background-color: #fff;
    border: 1px solid #e6e2df;
}

form.search
{
    /* margin-left: 4px; */
    /* margin-right: 4px; */
}
form.search .query { width: 155px }

#menu-box
{
  padding: 2px 5px 0 5px;
  color: #000;
  background-color: transparent;
  margin: 0 0 0 168px;
}
body.lang-rtl #menu-box { margin: 0 168px 0 0; }

#menu-bar
{
  height: 28px;
  color: #000;
  background-color: #f7f791;
  font-size: 1.1em;
  font-weight: bold;
  overflow: hidden;
}

#menu-bar a
{
  display: block;
  color: #980024;
  background-color: transparent;
  text-decoration: none;
  padding: 0 .75em;
  height: 28px;
  line-height: 26px;
  text-align: center;
  float: right;
}
body.lang-ltr #menu-bar a { float: left; }

#menu-bar a:hover
{
  color: white;
  background-color: #609960;
}

#menu-bar a.current-link, #menu-bar a.current-link:hover
{
  color: #980024;
  background-color: #fac13c;
}

#menu-bar a.feed
{
  background-color: transparent;
  padding: 0;
  display: block;
  margin: 2px 10px 0 2px;
}
body.lang-ltr #menu-bar a.feed { margin: 2px 2px 0 10px; }

#secondary-menu-bar
{
  margin: 0 0 2px 0;
  background-color: #fac13c;
  font-size: 1.05em;
  line-height: 1.5em;
}

#secondary-menu-bar a
{
  color: #000;
  background-color: transparent;
  text-decoration: none;
  padding: 0 1em;
  margin: 0;
}

#secondary-menu-bar a:hover
{
  color: #ff0000;
}

#content-wrapper
{
  /* overflow: hidden; */
  clear: both;			/*new 2011?*/
  margin: 0 auto;

  background: #fff url('../img/col-lines-rtl.png') repeat-y left top;
}
.lang-ltr #content-wrapper
{
  background: #fff url('../img/col-lines-ltr.png') repeat-y left top;
}


/***************************************************
*
* Center (pages)
*
***************************************************/

#center
{
  /* margin: 0 197px -1000em 305px; */
  /* padding: 18px 18px 1001em; */

  margin: 0 197px 0 305px;
  padding: 18px 18px 1em;

  /* border-left: 1px solid #000; */
  /* border-right: 1px solid #000; */
}
/* .lang-ltr #center {margin: 0 305px -1000em 197px;} */
.lang-ltr #center {margin: 0 305px 0 197px;}

#notes-col
{
    width: 270px;
    padding: 18px 17px 18px 18px;
    margin: 0;
    float: left;
}
body.lang-ltr #notes-col {float:right;}

#nav-col
{
  width: 162px;
  padding: 18px 18px 18px 17px;
  margin: 0;
  float: right;
  height: 600px;		/*not sure needed?*/
}
body.lang-ltr #nav-col {float:left;}

/* IE treats height as min-height, and ignores
min-height (same for width). IE will ignore the
following child-selector rule, but other
browsers won't.
*/
html>body #nav-col
{
  height: auto;
  min-height: 600px;
}

ul.major-list, ol.major-list
{
  padding: 0;
  margin: 0;
}

ul.major-list li
{
  list-style-type: circle;
  list-style-position: inside;
  margin: 0;
  padding: 0 1em;
  line-height: 1.5em;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
}

ol.major-list li
{
  list-style-type: decimal ;
  list-style-position: inside;
  margin: 0;
  padding: 0 1em;
  line-height: 1.2em;
  font-size: 1.2em;
  font-weight: normal;
  font-style: normal;
}

.major-list li span
{
    font-size: 0.8em;
    font-weight: normal;
}

/* Contact form */

td.form-error
{
  color: red;
  background: transparent;
  width: 30%
}

p.form-error
{
  color: red;
  background: transparent;
  margin: 0 10px 0 10px;
  font-size: 0.9em;
}

td.form-field
{
  width: 70%;
  height: 2em;
  margin: 0 0 20px 0;
}

#contact-form
{
  margin: 0;
  padding: 0;
}

#contact-form table
{
  table-layout: fixed;
  width: 98%;
  border: 0px solid green;
 }

#contact-form-table input
{
  color : #000;
  background : #fff;
  border: 1px solid #276328;
  width: auto;
}

#contact-form-table td.label, #contact-form-table td.label-error
{
  width: 30%;
}

#contact-form-table td.label-error
{
  color: red;
}

#contact-form-table td.field
{
  width: 70%;
  height: 2em;
  margin: 0 0 20px 0;
}


#message_label
{
  padding: 0;
  margin: 0;
  vertical-align: top;
}

#contact-form-table tr td textarea
{
  height: 240px;
  /*overflow: auto;*/ /* causes the border to disappear in konq??? */
  /*border: 2px inset  #276328;*/
  border: 1px solid #276328;
}

#contact-form-table tr td input,
#contact-form-table tr td textarea
{
  width: 260px;
}

#contact-form-table tr td input#id_cc_myself
{
  width: auto;
  padding: 0;
  margin: 0;
}

#contact-form-table tr
{
  /*margin: 0 0 20px 0;*/
}

#contact-form-table span.comment
{
  font-size: 0.85em;
  font-weight: normal;
  color: red;
  background: transparent;
}

/* Side Bars */

.side-bar
{
    margin: 0;
    padding: 0;
    font-size: 0.94em;
    line-height: 1.2em;
    color: #333;
    background-color: transparent;
}

.side-bar h1
{
    margin: .4em 0 .2em 0;
    font-size: 1.3em;
}

.side-bar dt
{
/*     margin-bottom: .3em; */
    font-weight: 700;
}

.side-bar dd
{
    margin-bottom: .5em;
}

.notes-position-helper
{
    direction: ltr;
    border: 1px dotted #000;
    font-size: .75em;
    padding: 5px;
}

div.note
{
    /* margin: 18px 0; */
}

.note.opaque
{
    margin: 18px 0;
    padding: 8px .4em;
}

.note.transparent + .note.transparent,
.side-menu + .note.transparent
{
    border-top: 1px solid #000;
}

.note.transparent + .note.opaque
{
    margin-top: 0;
}

.side-menu + .note {margin-top: 12px;}

.note.transparent
{
    padding: 12px 0;
}

div.note:first-child
{
    margin-top: 0;
}

div.note.transparent:first-child {padding-top: 0;}

div.link
{
    margin: .2em 0;
    padding: 0;
}

div.link h5
{
    font-size: 1.05em;
    font-weight: bold;
}

div.link a
{
  display: block;
  text-decoration: none;
  color: #980024;
  background-color: transparent;
}

div.link a:hover
{
  text-decoration: none;
}

.side-menu
{
  margin: 18px 0;
  padding: 0;
}
.side-menu:first-child
{
  margin-top: 0;
}

.side-menu h4, .side-menu h4 a, .side-menu h4 span
{
  margin: 0;
  font-weight: bold;
  color: #fff;
  background-color: #980024;
}

.side-menu h4
{
    padding: 0.18em 0.2em 0.42em;
    font-size: 1.2em;
}

.side-menu h4 a, .side-menu h4 span
{
  text-decoration: none;
  display: block;
}

.side-menu h4 a:hover
{
  text-decoration: none;
}

.side-menu .side-menu-list
{
  padding: 0 .2em;
  margin: .2em 0;
  list-style-type: none;
}

.side-menu-list li
{
    margin: 0 0 6px;
    padding: 0;
    line-height: 1.2em;
}

.side-menu-list li.separator
{
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px solid #c0c0c0;
}

.side-menu-list hr
{
  margin: .3em 5px;
  padding: 0;
  color: #c0c0c0;
  background-color: #c0c0c0;
}

.side-menu-list li a, .side-menu-list dt a
{
  display: block;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  color: #980024;
  background-color: transparent;
}

.side-menu-list li a:hover, .side-menu-list dt a:hover
{
  text-decoration: none;
}


/* Footer */

#page-footer
{
  height: 70px;
  clear: both;
  margin: 0;
  padding: .5em 0;
  border-top: 1px solid #000;
  color: #333;
  background-color: #e6e2df;
}

#page-footer p
{
  padding-top: 5px;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.1em;
}

#page-footer a:link,
#page-footer a:visited,
#page-footer a:active
{
  color: #980024;
  background-color: transparent;
  text-decoration: underline;
}

#page-footer a:hover
{
  text-decoration: none;
}

/* amit: new additions */

.min-height
{
  height: 500px;
}
html>body .min-height
{
  height: auto;
  min-height: 500px;
}


#logged-in-user
{
  color: #fff;
  background: #666;
  font-size: 0.9em;
  margin: 0  0 15px;
  padding: 5px 10px;
}

#logged-in-user a
{
  color: #fff;
  background: transparent;
  text-decoration: none;
}

#logged-in-user a:hover
{
  text-decoration: underline;
}

#pagination
{
  margin: 15px 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 0.94em;
}

#pagination a
{
  color: #276328;
  background-color: transparent;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

#pagination a:hover
{
  color: white;
  background: #609960;
  text-decoration: none;
}

#pagination strong
{
  color: white;
  background-color: #009900;
}


/* Tarabut --- New */
blockquote.pull-quote,
div.pull-quote
{
    width: 30%;
    font-size: 1.5em;
    color: #980024;
    font-family: "Times New Roman", serif;
    padding: 0 10px 0 0;
    margin: 0;
    float: left;
}
body.lang-rtl blockquote.pull-quote,
body.lang-rtl div.pull-quote
{
    padding: 0 0 0 10px;
    float: right;
}


a.footnote-reference { font-size: 0.7em; text-decoration: none; }
a.fn-backref { font-size: 0.9em; text-decoration: none; }
.footnote { font-size: 0.85em; }

pre.literal-block
{
    margin: 0;
    padding: .5em .5em;
    font-family: Courier New, monospace;
    font-size: 0.85em;
    color: #000000;
    background-color: #9f9f9f;
    overflow: auto;
}

.read-more { font-weight: bold; }

.body-image-left { float: left; margin: 0 .5em .5em 0; }
.body-image-right { float: right; margin: 0 0 .5em 1em; }
.body-image { margin-bottom: .5em; }


/* new styles for ckeditor */
.figure, div.figure-full {margin-bottom: .3em; margin-top: .5em}

div.figure-left, div.figure-left-150, div.figure-left-200, div.figure-left-300,
div.figure-right, div.figure-right-150, div.figure-right-200, div.figure-right-300
{margin-bottom: 0; margin-top: .5em}

.figure p,
div.figure-fulll p,
div.figure-left p,
div.figure-left-150 p,
div.figure-left-200 p,
div.figure-left-300 p,
div.figure-right p,
div.figure-right-150 p,
div.figure-right-200 p,
div.figure-right-300 p
{margin:0}

div.figure-full {width:415px}
div.figure-left-150, div.figure-right-150 {width:150px}
div.figure-left-200, div.figure-right-200 {width:200px}
div.figure-left-300, div.figure-right-300 {width:300px}

div.figure-left, div.figure-left-150, div.figure-left-200, div.figure-left-300
{float: left; margin-right: 1em}

body.lang-rtl div.figure-left,
body.lang-rtl div.figure-left-150,
body.lang-rtl div.figure-left-200,
body.lang-rtl div.figure-left-300
{margin-right: .5em}

div.figure-right, div.figure-right-150, div.figure-right-200, div.figure-right-300
{float: right; margin-left: .5em}

body.lang-rtl div.figure-right,
body.lang-rtl div.figure-right-150,
body.lang-rtl div.figure-right-200,
body.lang-rtl div.figure-right-300
{margin-left: 1em}

div.ck-topic
{
    margin: 5px 0 10px 0;
    padding: 0.2em 1em;
    border: 1px solid #980024;
}

/* styles for ckeditor - end */

.left-figure, .align-left, .right-figure, .align-right {margin-bottom: 0}

.left-figure, .align-left
{
    float: left;
    margin-right: 1em;
}
body.lang-rtl .left-figure, body.lang-rtl .align-left
{
    margin-right: .5em;
}

.right-figure, .align-right
{
    float: right; 
    margin-left: .5em;
}
body.lang-rtl .right-figure, body.lang-rtl .align-right
{
    margin-left: 1em;
}

.body-image-center img
{
    display: block;
    margin: 0 auto;
}

p.caption, .body-image p, .figure p.caption, .figure div.legend
{
    font-size: 0.8em;
    /* color: #4050cc; */
    color: #980024;		/*2011*/
    background-color: transparent;
    margin: 0;
}

/* .body-image-center p { text-align: center; } */

hr.docutils
{
    margin: .5em 0 .5em 0;
}

.dummy-clear /* used to clear floating divs */
{
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 5%;
}

/* reStructuredText */


tt
{
    font-family: Courier New, monospace;
    /* font-size: 0.85em; */
}


/* This causes a containing  DIV to adjust its height to contain */
/* inner floating elements.  */
.section { overflow: hidden; }

/* .section h1 { font-size: 140%; font-weight: bold; } */
/*.section h2 { font-size: 140% }
.section h3 { font-size: 130% }
.section h4 { font-size: 120% }
.section h5 { font-size: 110% }
.section h6 { font-size: 110% }
*/

.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section h1 a,
.section h2 a,
.section h3 a,
.section h4 a,
.section h5 a,
.section h6 a,
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6,
.article-body h1 a,
.article-body h2 a,
.article-body h3 a,
.article-body h4 a,
.article-body h5 a,
.article-body h6 a,
.h1
{
  color: #980024;
  background-color: transparent;
  text-decoration: none;
}


.article-body h1,
.section h1
{
    /* margin: .67em 0 .3em 0; */
    /* font-size: 1.8em; */

    margin: .33em 0 .27em 0;
    font-size: 1.35em;
    /* font-weight: normal; */
}

.article-body h2,
.section h2
{
    /* margin: .75em 0 0.3em 0 ; */
    /* font-size: 1.3em; */

    margin: .28em 0 0.21em 0 ;
    font-size: 1.17em;
    /* font-weight: normal; */
}

.article-body h3,
.section h3
{
    /* margin: .83em 0 .4em 0 ; */
    /* font-size: 1.17em; */

    margin: .21em 0 .15em 0 ;
    font-size: 1.05em;
}

.article-body h4,
.section h4
{
    margin: 0.75em 0 0.3em 0;
    font-size: 1.12em;
    font-weight: bold;
}

.h1 {font-weight: 700;}

.article-body h1 a:hover,
.article-body h2 a:hover,
.article-body h3 a:hover,
.article-body h4 a:hover,
.article-body h5 a:hover,
.article-body h6 a:hover,
.section h1 a:hover,
.section h2 a:hover,
.section h3 a:hover,
.section h4 a:hover,
.section h5 a:hover,
.section h6 a:hover
{
  color: #980024;
  background-color: transparent;
  text-decoration: none;
}


div.layout-banner h1
{
    margin: 0 0 .1em 0;
    color: #000;
    background-color: transparent;
    font-size: 2.35em;
    font-weight: bold;
/*    letter-spacing: -.01em; */
}


.author-details
{
    padding: 0 .5em;
    font-size: 0.85em;
    margin: 0;
    text-align: right;
}
body.lang-rtl .author-details { text-align: left; }


.ltr { direction: ltr; }
.rtl { direction: rtl; }
.left { text-align: left; }
.right { text-align: right; }
.float-right {  float: right; margin-left: 1em;}
.float-left {  float: left; margin-right: 1em;}
.just { text-align: justify; }
.align-center, .center { text-align: center; }
.bold { font-weight: bold; }
.center-title-1 h1 { text-align: center; }
.center-title-2 h2 { text-align: center; }
.center-title-3 h3 { text-align: center; }
.center-title-4 h4 { text-align: center; }
.center-title-5 h5 { text-align: center; }
.center-title-6 h6 { text-align: center; }
.center-titles h1, .center-titles h2, .center-titles h3,
.center-titles h4, .center-titles h5, .center-titles h6
{ text-align: center; }


.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6,
.note-header, .note-header a
{
    color: #000;
    background-color: #e6e2df;
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6
{
    padding: .35em;
}


.yellow-red, .red-orange, .note-header
{
    padding: 0.18em 0.4em 0.42em 0.4em;
    font-size: 1.2em;
}

.yellow-red
{
    color: #f7f791;
    background-color: #980024;
}

.red-orange
{
    color: #980024;
    background-color: #fac13c;
}


.yellow-red a { color: #fac13c }
.yellow-red a:hover { color: #fff; background-color: transparent }
.red-orange a { color: #000 }
.red-orange a:hover { color: #f00; background-color: transparent }


.light-green-bg
{
  background-color: #c2d69b;
  border: 8px solid #4e6128;
  padding: 1em;
  font-size: 1.15em;
  line-height: 1.2em;
}

.light-green-bg ol { margin: 1em; }
.light-green-bg li { margin-bottom: 1em; }
.light-green-bg h1, .light-green-bg h2
{ 
  color: #000;
  font-family: serif;
}


.transparent {background-color: transparent;}
.light-grey {background-color: #d9d5d2;} /*15% nav bg*/
.dark-grey {background-color: #b3afad;} /*30% nav bg*/
/* .light-grey {background-color: #b3afad;} /\*30% nav bg*\/ */
/* .dark-grey {background-color: #807d7c;} /\*50% nav bg*\/ */
/* 4d4b4a */  /*70% nav bg*/



.topic
{
    margin: 5px 0 10px 0;
    padding: 0.2em 1em;
    border: 1px solid #980024;
}

.rubric
{
    font-weight: bold;
    font-size: 1.17em;
    color: #000;
    margin: .83em 0 .4em 0 ;
}

.admin-actions
{
    direction: ltr;
    border-color: #d3dca9;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin: 1.5em 0 0 0;
    padding: 1.5em 0 0 0;
}

/* bibliography */

.bibliography
{
    

}

.bibliography-en p cite
{
    font-family: verdana,arial,sans-serif;
    /* font-family: Times New Roman, serif; */
    font-style: italic;
    /* font-weight: 400; */
    /* font-size: 1.1em; */
    font-size: 1em;
}

.bibliography-en p {padding-left: 1em; text-indent: -1em;}
.bibliography-he p {padding-right: 1em; text-indent: -1em;}

.song-block
{
    margin: 2em auto;
    width: 530px;
}

.song-block h1,
.song-block h2,
.song-block h3,
.song-block h4,
.song-block h5,
.song-block h6,
.song-block p,
p.song-block
{
    margin-left: 15px;
    margin-right: 15px;
}

.song-block .left-figure
{
    margin-left: 15px;
}

.song-block .right-figure
{
    margin-right: 15px;
}

.blue-frame
{
    background-color: #eee;
    border-color: #2d425e #305070 #305070 #2d425e;
    border-style: solid;
    border-width: 9px;
    padding: 1px;
}

.center-frame { margin-left: auto; margin-right: auto; }

.contents
{

}

.song-contents
{
  border: none;
  margin: 1em 40px;
}

.song-contents p.topic-title { display: none }


a.logo
{
    background-color: transparent;
    text-decoration: none;
    display: block;
    /* float: right; */
    position: absolute;
    top: 20px;
    right: 15px;
}

.lang-ltr a.logo
{
    right: auto;
    left : 15px;
}

/* docutils system messages */

.system-message
{
    direction: ltr;
    text-align: left;
    border: 2px solid red;
    padding: .25em;
    margin: 1em .5em;
}

.system-message .system-message-title
{
    /* color: #fff; */
    background-color: red;
    font-weight: 700;
    padding: .3em 0;
    text-align: center;
}

.addthis
{
    /* border: 1px solid red; */
    overflow: hidden;
    padding: .3em 0 .5em 0;
}
.addthis_button
{
    float: right;
    /* margin-bottom: 1em; */
}
body.lang-rtl .addthis_button { float: left; }

/* .article-body p {text-align: justify;} */

/* tarabut 2011 topics style - begin */


#article
{
    padding: 0;
}

.article p
{
    margin: .5em 0;
    line-height: 1.5em;
}

/* new font */
/* body.lang-ltr .article-body p */
/* {  */
/*     font-size: .95em;		/\*todo*\/ */
/* } */

.articleintro
{
    font-size: 1.12em;
    font-weight: 700;
    margin: .5em 0;
}

/* body.lang-ltr p.articleintro */
/* { */
/*     font-size: 1.12em;		/\*todo*\/ */
/* } */

.article li
{
    line-height: 1.5em;
}

#article-metadata
{
    border-top: 1px solid #dadad4;
    margin: 15px 0 0;
    padding: 10px 0 0;
}

#article-metadata p
{
    margin: 0;
    padding: 0;
}

#article-metadata li, #article-metadata ul
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#article-metadata a:hover {color: #000;}

.article-metadata-heading
{
    font-weight: 700;
}

#article-references
{
    margin-bottom: .8em;
}


#topic-articles-box
{
    margin-top: 8px;
}

.topic-wrapper  {margin: 10px 0 10px 0;}
.topic-header  {overflow: hidden;}

/* .topic-wrapper .topic {clear: both;} */


#topic-articles-box .topic
{
    border: none;
    padding: .4em 0 0;
    margin: 0;
    overflow: hidden;
}

.topic .main-article
{
    margin: 0;
    float: right;
    /* margin-right: -1px;		/\* Thank you IE *\/ */
    width: 195px;
    padding: .1em 0 0 12px;
}
.lang-ltr .topic .main-article
{
    float: left;
    padding: .1em 12px 0 0;
}

.topic .topic-articles
{
    width: 207px;
    margin: 0 207px 0 0;
    padding: .1em 0 0 0;
}
.lang-ltr .topic .topic-articles {margin: 0 0 0 207px;}

.topic .topic-articles p
{
    margin: 0 0 0.4em 0;
    font-weight: 700;
}

.topic .main-article .image-box
{
    margin: 4px 4px 10px 0;
    padding: 0;
    float: left;
    overflow: hidden;
    text-align: center;
}
.lang-ltr .topic .main-article .image-box
{
    margin-right: 0;
    margin-left: 4px;
    float: right;
}

#topic-articles-box .topic h1
{
    display: block;
    margin: 0 0 .3em;
    padding: 0;
    font-size: 1.05em;
}

.topic-header h1
{
    display: block;
    height: 2em;
    line-height: 2em;
    margin: 0;
    padding: 0 .3em;
    font-size: 1.05em;
    /* background-color: #4d4b4a; */
    background-color: #000;
    color: #fff;
    vertical-align: middle;
}

.topic-header h1 a
{
    margin: 0;
    padding: 0;
    background-color: inherit;
    color: #fff;
}

/* .topic-header h1 a:hover {color: #980024;} */

#topic-articles-box .topic>h1 a	/* possible ie6 problem*/
{
    color: #fff;
}

.topic .main-article h1
{
    margin: 0 0 .4em;
    padding: 0;
    font-size: 1.05em;
    color: #980024;
    background-color: transparent;
}

.facebook-like
{
    margin: 1.4em 0 .5em 0;
    padding: 0 .5em;
    text-align: left;
}

#language-switcher
{
    position: absolute;
    top: 18px;
    left: 12px;
}

.lang-ltr #language-switcher
{
    left: auto;
    right: 12px;
}

#all-article-tags {color: #980024;}
#all-article-tags a:hover, .topic a:hover {color: #000;}

#language-switcher a
{
    color: #fff;
    background-color: transparent;
    display: block;
    float: left;
    padding: .15em .75em;
    margin: 0 5px 0 0;
    font-weight: 700;
    font-size: .8em;
}

.lang-ltr #language-switcher a
{
    float: right;
    margin: 0 0 0 5px;
}

#language-switcher a span.larger
{
    font-size: 120%;
}

/* general style */

.side-menu a:hover {color: #000;}
.side-menu h4 a:hover {color: #fff;}


/* tarabut 2011 topics style - end */


@media screen {
/* Amit: the code for the drop-down menu is based on "Son of Suckerfish Dropdowns" */
/* by Patrick Griffiths and Dan Webb (http://www.htmldog.com/articles/suckerfish/dropdowns/) */
/* It was modified as follows: */
/* - floated to the right for RTL site. */
/* - removed fixed-width from LI and A elements. The authors say this cause problems with Opera. */
/* - added position:relative to the LI and in the a:hover changed left(right):auto to left(right):0. */
/*   when there is no fixed width for the LI and with the auto value the drop-down is not positioned */
/*   properly in IE when the page has dir="RTL" (???). */

#nav, #nav ul {
    float: right;
    width: 100%;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;

    margin: 0 0 5px 0;		/*nolines*/
    margin: 0;

    border-style: solid;
    border-width: 0 0 1px 0;

    /* 2011 */
    /* background-color: #f7f791; */
    /* border-color: #d3dca9; */

    background-color: #c7c8ca;
    background-color: #e6e2df;
    /* background-color: #494949; */
    /* background-color: #989898; */


    border-color: #000;
}

.lang-ltr #nav, .lang-ltr #nav ul {float: left;}

#nav a {
    display: block;
    /* ar: these 2 lines were commented by me */
    /* width: 10em; */
    /* w\idth: 6em; */
    /* padding: .5em 18px; */
    padding: .5em 2em;		/* ar: 18px causes some bad padding? */
    color: #980024;
    text-decoration: none;
}

#nav a:hover, #nav a.parent:hover, .lang-ltr #nav a.parent:hover
 {
    color: #fff;
    background-color: #980024;
    text-decoration: none;
}

/* tmp ar */
/* #nav a, #nav a.parent, .lang-ltr #nav a.parent */
/*  { */
/*     color: #fff; */
/*     background-color: #980024; */
/*     text-decoration: none; */
/* } */

#nav a.parent
{
    background: url(../img/down-arrow.png) center left no-repeat;
}

.lang-ltr #nav a.parent
{
    background: url(../img/down-arrow.png) center right no-repeat;
}

#nav li {
    float: right;
    padding: 0;
    /* width: 12em; */
    position: relative;		/* amit ? */
}

.lang-ltr #nav li {float: left;}

#nav li ul {
    position: absolute;
    left: -2000px;
    height: auto;
    /* width: 14.4em; */
    /* w\idth: 13.9em; */
    width: 12em;
    w\idth: 11.5em;
    font-weight: normal;
    border-width: 1px;
    margin: 0;
}

#nav li li {
    /* padding-left: 1em; */
    padding-left: 0;
    width: 14em
}

#nav li ul a {
    width: 8em;
    w\idth: 7.5em;
}

#nav li:hover ul, #nav li.sfhover ul {left: auto; right: 5px;}
.lang-ltr #nav li:hover ul, .lang-ltr #nav li.sfhover ul {left: 5px;}

#nav li:hover, #nav li.sfhover {
    background: transparent;
}


/* End CSS Drop Down Menu */
} 				/* media screen */

@media print {

* { color: #000; font-family: "Times New Roman" ,serif; }

body { background-color: #fff; color: #000; padding: 0; }

blockquote.pull-quote
{
    color: #000;
    font-family: "Times New Roman", Serif;
    font-size: 18pt;
}

hr
{
    color: #000;
    background-color: #000;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    height: 1px;
}

#page-wrapper, #content-wrapper, #center,
.article, .article-body
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    overflow: visible;
    font-size: 12pt;
    font-family: "Times New Roman", Serif;
    color: #000;
    background-color: #fff;
}


#page-header, #menu-box, #nav-col, #search-box, #second-header,
#notes-col, #page-footer, .admin-actions, .addthis { display: none; }

h1.title
{
    font-family: "Times New Roman" ,serif;
/*    letter-spacing: normal; */
    word-spacing: normal;
}

.body-image p, .figure p.caption, .figure div.legend,
.base-text a,
.section h1, .section h2, .section h3,
.section h4, .section h5, .section h6,
.section h1 a, .section h2 a, .section h3 a,
.section h4 a, .section h5 a, .section h6 a
{
    color: #000;
}

a
{
    color: #000;
    text-decoration: none;
}


a:after, .article-body p a:after, .base-text a:after,
.section h1 a:after, .section h2 a:after, .section h3 a:after,
.section h4 a:after, .section h5 a:after, .section h6 a:after
{
    /* wrap with lrm characters */
    content: " \200E["attr(href)"]\200E ";
    font-size: 9pt;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #000;
}

/* h1 { page-break-before: always } */
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid; page-break-before: avoid; }
ul, ol, dl { page-break-before: avoid }

.topic { border: 1px solid #000 }


}				/* end media print*/