/* כיווניות שפה */
[lang=he] body,
[lang=ar] body,
[lang=yi] body{
direction:rtl;
}
:not([lang=he] body),
:not([lang=ar] body),
:not([lang=yi] body){
direction:ltr;
}

[lang=ro]{
direction:ltr;
}
[lang=ro]::before{
content:'\202A';
}
[lang=ro]::after{
content:'\202C';
}

/* קוד מחשב */
code{
font-family:Monospace;
}
code:before{
content:'\202A';
}
code:after{
content:'\202C';
}
pre{
direction:ltr;
color:white;
background-color:black;
padding:5px;
font-family:Monospace;
}

/* רכיבי תיבה */
*{
margin:0;
padding:0;
}

body{
position:relative;
background-color:#cceaff; /* תכול 12 */
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

/* כותר עליון ותחתון */
header{
clear:both;
}

body>header, body>footer{
clear:both;
position:relative;
background-color:#ff6666; /* כתמתם */
height:140px;
width:890px;
border:5px solid black;
}

body.rtl>header, body.rtl>footer{
border-radius:20px 40px;
}

body.ltr>header, body.ltr>footer{
border-radius:40px 20px;
}

body>header>hgroup, body>footer>hgroup{
color:#accacf; /* תכול 10 */
margin-left:auto;
margin-right:auto;
width:450px;
height:150px;
padding:20px;
}

/* טופס שינוי שפה */
body.rtl>header>form{
top:10px;
left:10px;
}
body.ltr>header>form{
top:10px;
right:10px;
}
body>header>form{
position:absolute;
border:5px;
width:200px;
height:130px;
}
body>header>form>fieldset{
border:none;
}
body>header>form legend{
color:#accacf; /* תכול 10 */
}
body>header>form img{
width:80px;
height:80px;
}

/* פרסומת */
.adsense{
text-align:center;
}

/* תפריט ראשי */
body>nav{
position:relative;
/* background-color:#ff6666; */ /* כתמתם */
height:50px;
width:888px;
/* border:5px solid black; */
margin-right:auto;
margin-left:auto;
}

/* תפריט צד */
body>div>article>aside{
position:relative;
width:150px;
padding-top:2px;
}

body.rtl>nav, body.rtl>div>article>aside{
border-radius:20px 40px;
}

body.ltr>nav, body.ltr>div>article>aside{
border-radius:40px 20px;
}

/* תפריטים שונים */
body>nav>div, body>div>article>aside>div, nav>div{
background-color:#ff6666;
width:138px;
height:40px;
border:5px solid black;
text-align:center;
line-height:40px;
margin-top:2px;
margin-bottom:2px;
}

nav>div:hover,
body>nav>div:hover,
body>div>article>aside>div:hover,
#indexPage #indexButton,
#blogPage #blogButton,
#RootsPage #RootsButton,
#sciencePage #scienceButton,
#technologyPage #technologyButton,
#aboutPage #aboutButton,
#OTS-OldTimeStoriesPage #OTS-OldTimeStoriesButton,
#OTS-DearReaderPage #OTS-DearReaderButton,
#OTS-PrefacePage #OTS-PrefaceButton,
#OTS-DearFamilyPage #OTS-DearFamilyButton,
#OTS-TableOfContentsPage #OTS-TableOfContentsButton,
#OTS-GateOnePage #OTS-GateOneButton,
#OTS-FamilyStoryPage #OTS-FamilyStoryButton,
#OTS-RootsPage #OTS-RootsButton,
#OTS-HaimWeinbergStoryPage #OTS-HaimWeinbergStoryButton,
#OTS-GateTwoPage #OTS-GateTwoButton,
#OTS-FamilySongPage #OTS-FamilySongButton,
#OTS-HowDidWeChooseFamilySymbolPage #OTS-HowDidWeChooseFamilySymbolButton,
#OTS-12SymbolsPage #OTS-12SymbolsButton,
#OTS-FamilySymbolPage #OTS-FamilySymbolButton,
#OTS-TheseAreTheNamesPage #OTS-TheseAreTheNamesButton,
#OTS-TheNameOfWhomPage #OTS-TheNameOfWhomButton,
#OTS-HospitalityPage #OTS-HospitalityButton,
#OTS-EarTalePage #OTS-EarTaleButton,
#OTS-DuringAusterityPage #OTS-DuringAusterityButton,
#OTS-OurSpecialLexiconAtHomePage #OTS-OurSpecialLexiconAtHomeButton,
#OTS-OurNannyDaddyPage #OTS-OurNannyDaddyButton,
#OTS-MoreAboutMomPage #OTS-MoreAboutMomButton,
#OTS-IHaveNoUnnecessaryDaughterPage #OTS-IHaveNoUnnecessaryDaughterButton,
#OTS-HowIBecameANursePage #OTS-HowIBecameANurseButton,
#OTS-AboutMyselfPage #OTS-AboutMyselfButton,
#OTS-FamilyClockPage #OTS-FamilyClockButton,
#OTS-WaterInJerusalemPage #OTS-WaterInJerusalemButton,
#OTS-HedvaHedvaPage #OTS-HedvaHedvaButton,

#XTS-DavidAndMalkaGuttmannPage #XTS-DavidAndMalkaGuttmannButton,
#XTS-ZiporaAshbellMalerPage #XTS-ZiporaAshbellMalerButton,

#TECH-CSSSelectorsPage #TECH-CSSSelectorsButtonת,
#TECH-PHPFunctionsPage #TECH-PHPFunctionsButtonת,

#EXT-printedMediaPage #EXT-printedMediaButton,
#EXT-broadcastMediaPage #EXT-broadcastMediaButton,
#EXT-israelPage #EXT-israelButton,
#EXT-schoolsPage #EXT-schoolsButton,
#EXT-judaismPage #EXT-judaismButton,
#EXT-literaturePage #EXT-literatureButton,
#EXT-transportationPage #EXT-transportationButton
{
background-color:#ff8888; /* כתמתםתם */
}

body>div>article>aside>div{
margin-bottom:4px;
margin-left:auto;
margin-right:auto;
}

.tight{ /* button */
line-height:15px;
}

.rtl nav>div, body.rtl>nav>div, body.rtl>div>article>aside>div{
float:right;
border-radius:20px 40px;
}

.ltr nav>div, body.ltr>nav>div, body.ltr>div>article>aside>div{
float:left;
border-radius:40px 20px;
}

nav>div>a, body>nav>div>a, body>div>article>aside>div>a{
display:block;
color:#0c2a2f; /* תכול 00 */
font-weight:bold;
text-decoration:none;
}

/* */
#asideColor{
background-color:#accacf; /* תכול 10 */
width:100%;
overflow:hidden; /* באג: מעלים גם את הסרגל האופקי */
}
#sectionColor{
background-color:#bcdadf; /* תכול 11 */
width:100%;
}
.rtl #asideColor, .rtl #sectionColor,
body.rtl>div>article>aside{
float:right;
}
.ltr #asideColor, .ltr #sectionColor,
body.ltr>div>article>aside{
float:left;
}
.rtl #sectionColor{
position:relative;
right:150px;
}
.ltr #sectionColor{
position:relative;
left:150px;
}
#sectionColor>aside{
width:150px;
}
#sectionColor>div{
width:710px; /* padding takes extra 40px */
}
.rtl #sectionColor>aside, .rtl #sectionColor>div{
position:relative;
left:150px;
float:right;
}
.ltr #sectionColor>aside, .ltr #sectionColor>div{
position:relative;
right:150px;
float:left;
}
#sectionColor>div{
padding:20px;
}
#sectionColor>div>section{
border:5px solid black;
padding:20px;
margin-top:20px;
width:660px;
overflow:auto;
}
#sectionColor>div>section h1{
}
#RootsPage #sectionColor>div>section :not(h1):not(h2){
display:none;
}
#sectionColor>div>section:hover{
background-color:#ff8888; /* כתמתםתם */
}
#RootsPage #sectionColor>div>section:hover *{
display:block;
}
.rtl #sectionColor>div>section{
border-radius:20px 40px;
}
.ltr #sectionColor>div>section{
border-radius:40px 20px;
}
#sectionColor>div>section figure{
width:360px;
margin:5px;
}
#sectionColor>div>section figure img{
width:300px;
margin:10px;
border:15px solid white;
}
.rtl #sectionColor>div>section figure{
float:left;
clear:left;
}
.ltr #sectionColor>div>section figure{
float:right;
clear:right;
}
#sectionColor>div>section figure a{
text-decoration:none;
color:blue;
}
#sectionColor>div>header>h1{
font-size:50px;
}
#sectionColor>div h1{
font-size:30px;
}
#sectionColor>div h2{
font-size:20px;
}
#sectionColor>div p{
text-indent:20px;
margin-top:10px;
}
#sectionColor>div ol, #sectionColor>div ul{
margin-right:30px;
margin-left:30px;
margin-top:10px;
}
#sectionColor tr:nth-child(2n+1){
background-color:#ff7777; /* כתמתםתם77 */;
}
#sectionColor tr:nth-child(2n){
background-color:#ffaaaa; /* כתמתםתםaa */;
}
#sectionColor th, #sectionColor td{
padding:5px;
}
body>div{
background-color:#ffffff;
}

/* טופס */

article label{
width:140px;
height:40px;
margin:10px;
padding:10px;
}

article input{
width:400px;
height:40px;
margin:10px;
padding:10px;
}

article textarea{
width:400px;
height:80px;
margin:10px;
padding:10px;
}

[lang=he] article label,
[lang=ar] article label,
[lang=yi] article label{
float:right;
clear:right;
text-align:left;
}

[lang=he] article input,
[lang=ar] article input,
[lang=yi] article input{
float:right;
}

[lang=he] article [type=submit],
[lang=ar] article [type=submit],
[lang=yi] article [type=submit]{
margin-right:200px;
}

[lang=he] article textarea,
[lang=ar] article textarea,
[lang=yi] article textarea{
float:right;
}

:not([lang=he],[lang=ar],[lang=yi]) article label{
float:left;
clear:left;
text-align:right;
}

:not([lang=he],[lang=ar],[lang=yi]) article input{
float:left;
}

:not([lang=he],[lang=ar],[lang=yi]) article textarea{
float:left;
}