/*
    File: headerset.css
    Created on : 09-Apr-2018, 16:50:37
    Draft header NB2018-05-03
Please record changes here:

*/

/*
As advised by http://codex.wordpress.org/CSS_Fixing_Browser_Bugs
Not sure if it makes any difference in this application as
we are not yet using unicode.
*/
html, body {direction:ltr}
/* begin bidirectionality */
bdo[dir=ltr] {direction:ltr; unicode-bidi:bidi-override}
bdo[dir=rtl] {direction:rtl; unicode-bidi:bidi-override}
*[dir=ltr] {direction:ltr; unicode-bidi:embed}
*[dir=rtl] {direction:rtl; unicode-bidi:embed}
/* block-level in msie4 */
address, blockquote, body, dd, div, dl, dt, fieldset,
form, frame, frameset, h1, h2, h3, h4, h5, h6, iframe,
noscript, noframes, object, ol, p, ul, applet, center,
dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot,
col, colgroup, td, th, caption {
    unicode-bidi:embed;
}

/*******************************************
CONTAINING STYLES
*******************************************/
root {
    display: block;
}
body {
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    background-color:#FFFFCC;
    font-size:15px; /*This scales all em dimensions in the page*/
}
div#wrapper {
    background-color:#FFFFCC;
    max-width:600px;
    margin:0 auto;
/*    text-align:center; */
}
/*For IE6 etc */
img {
    border:none;
}
@media screen and (max-width:742px){
	.pasuk {
      font-size: 23px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 1.3em !important;
    }
}
@media screen and (max-width:642px){
	.pasuk {
      font-size: 20px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 1.1em !important;
    }
}
@media screen and (max-width:574px){
	.pasuk {
      font-size: 19px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 1em !important;
    }
}
@media screen and (max-width:541px){
	.pasuk {
      font-size: 19px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 1em !important;
    }
}
@media screen and (max-width:476px){
	.pasuk {
      font-size: 18px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 0.9em !important;
    }
}
@media screen and (max-width:442px){
	.pasuk {
      font-size: 17px !important;
	}
	#nav .title, #nav .daf, #nav .subtitle {
      font-size: 0.8em !important;
	  letter-spacing:-0.5px;
    }
}

/*******************************************
GLOBAL STYLES
*******************************************/
.bbbline, .tamline, .hadranline, .perekline {
    text-align:center;
    font-family:"Times New Roman",serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:100% !important;
    margin-top:2.5em;
    margin-bottom:2.5em;
}
.bbbline { color:#000080; }
.tamline { text-transform:uppercase; color:red; }
.hadranline { text-transform:uppercase; color:red; }
.perekline { text-transform:uppercase; color:red; }
@media screen and (max-width:500px) {
    .bbbline span, .tamline span, .hadranline span, .perekline span {
        display:none;
    }
}
div.horiz_rule {
    border-top: 1px solid #000000;
    min-height: 1px;
    height: 1px;
    margin:1em auto 0.8em auto;
    clear:both;
    /*Responsive, 60% width small devices*/
    width:60%;
    max-width:450px;
}
div.space {
    clear:both;
    height:1em;
}
div.clear {
    clear:both;
}

@media screen and (min-width:500px) {
    .smallbreak { display:none; }
    #nav .title, #nav .daf, #nav .subtitle { padding-top: 0.4em; }
}
/*The following 3 styles added by MK, DZ for preparing MadMimi textfiles*/
.newdaftitle {
    text-align:center;
    font-family:"Times New Roman",serif;
    font-weight:bold;
    font-size:22px;
    text-align:center;
    text-transform:uppercase;
    color:#000080;
    font-weight:bold;
}
p.subjectsource {
    font-weight:bold;
}
.pagespacer {
    margin-bottom:0em;
    margin-top:8em;
}
/*******************************************
THE PAGE HEADER SECTION
*******************************************/
#header {
    width:100%;
    margin: 0 auto;
    text-align:center;
}
#header .title,
#header .headerdedication,       /*used in placeholder code*/
#header .headerspecialsection,   /*used in placeholder code*/
#header .headerline,             /*used in placeholder code*/
#header .email,
#header .roshkollel
#header .advert {
    /*Do not alter these common attributes.
    Change the element in the list below instead*/
    margin-top:0;
    margin-bottom:0;
    font-weight:normal;
}
#header .title {
    font-weight:bold;
    font-size:1.4em;
}
#header .headerdedication {      /*used in placeholder code*/
    margin-top:0.2em;
    margin-bottom:0.2em;
    font-family:"Times New Roman",serif;
    font-weight:bold;
    color:#808000;
    text-transform:uppercase;
    font-size:1.3em;
}
#header .headerspecialsection {   /*used in placeholder code*/
    color:#808000;
    font-size:1.1em;
}
#header .headerline {             /*used in placeholder code*/
    margin-top:0.3em;
    margin-bottom:0.5em;
    font-style:italic;
    font-size:1.1em;
}
#header img.kih_logo {
    border:0px none;
}
#header .email {
    font-style:italic;
}
#header .roshkollel {
    margin-top:0.5em;
    margin-bottom:0.5em;
    font-style:italic;
    font-size:1.1em;
}
#header .ask, #header .askheb {
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
    float:right;
    margin: -6.5em 1.5em 0 0;
}
#header .ask img, #header .askheb img { border:0px none; }
#header .askheb p {
    margin-top:0em;
    direction:rtl;
    text-align:center;
}
#header .advert {
    text-align:center;
    vertical-align: middle;
}
@media screen and (max-width:500px) {
    #header .ask, #header .askheb {
        float:none;
        margin:0 0 0 0;
        width:100%;
		position: relative !important;
		margin-top: -30px !important;
    }
}

/*******************************************
THE NAVIGATION SECTION (with title)
*******************************************/
#nav {
    /* font-family:"Times New Roman",serif; */
    display: inline-block;
    margin:0 auto;
    max-width: 800px !important;
    /* Hack for ie6/7: */
    zoom:1;
    *display: inline;
}
#nav .title, #nav .daf, #nav .subtitle {
    font-size:1.6em;
    font-weight:bold;
    color:#000080;
    float:left;
    padding: 0.5em 0.5em 0 0.5em;
}


#nav .left {
    font-family: "Times New Roman",serif;
    font-size: 1.2em;
    float: left;
    margin-top: 4px;
}
#nav .right {
    font-family:"Times New Roman",serif;
    font-size:1.2em;
    float:left;
	margin-top: 4px;
}

#nav .left img, #nav .right img {
    border: 0px none;
    height: 50px;
}
@media screen and (max-width:500px) {
    #nav .title, #nav .daf, #nav .subtitle { font-size:1.2em; }
    #nav .left, #nav .right { font-size: 1.0em; }
}

/*The HTML is commented out for these*/
p.subjectsource { font-weight:bold; }
p.subject {}

/*******************************************
    THE DEDICATION BOX
*******************************************/

p.dedicationbox {
    background-color:#0000ff;
    color:#FFFFFF;
    font-size: 1.2em;
    text-align: center;
    margin: 1.2em 10% 1.2em 10%;
    line-height:125%;
    padding:0 0.5em 0 0.5em;
}

/*Overriding above margins for small screens*/
@media screen and (max-width:500px) {
    p.dedicationbox {
        margin-left:10px;
        margin-right:10px;
    }
}

.dedicationbox br {
    margin-bottom:0em;
}