/* BASIC ELEMENTS ***********************************************************************************/
html {min-height:100%; overflow-y:scroll}
body {width:90%; max-width:800px; margin:0 auto}
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.3}
p {margin:0 0 1em 0; font-family:"Times New Roman", Times, serif; font-size:2em}
h1 {margin-top:0; font-size:1.9em; font-weight:bold}
h2 {margin-top:0; font-size:1.8em; font-weight:bold; color:#34778e}
ol {font-size:1.4em}
a {color:#193944}
a:hover {text-decoration:none}

/* TEMPLATE ******************************************************************************/
#title {display:inline-block; overflow:hidden; margin-top:2em}
#title a {float:left; text-decoration:none}
#title a:hover {color:#34778e}
.title1 {font-size:1.8em}
.title2 {font-size:1.6em; line-height:1}

#navbar {margin-top:2em; padding-top:0.4em; overflow:hidden; display:block}
#toplinks {float:left; font-size:1.4em; font-weight:bold}
#toplinks a {padding-right:0.5em; text-decoration:none}
#toplinks a:hover {color:#34778e}

#searchbox {display:inline-block; border:1px grey solid}
.searchform {}
.textbox {border:none}
.submitimage {float:right}

#alphablock {margin-top:1em}
.alphabet {border-spacing:1px; font-size:1.8em; text-align:center}
.alphabet td {background-color:#34778e}
.alphabet td.null {color:black; padding:0.4em 0.6em}
.alphabet a {display:block; padding:0.4em 0.6em; color:white; text-decoration:none}
.alphabet a:hover {color:white; background-color:#193944}

#switchlang {overflow:hidden}
#altlang {float:right; margin-top:2em; font-size:1.4em; font-weight:bold}
#content {padding:2em 0; border-bottom:0px #cccccc solid; overflow:hidden}

#foot {margin-top:1em; padding:0.5em 1em; font-size:1.4em; color:white; overflow:hidden}
#foot {border:1px #193944 solid; background-color:#34778e}
#foot a {color:white}
#backlink {float:left; width:15%; text-align:left}
#date {float:left; width:70%; text-align:center}
#toplink {float:right; width:15%; text-align:right}
#copyright {padding-top:1em; height:5em; font-size:1.4em}

/* COMMON FORMATS ************************************************************************/
.headword {font-family:Arial, Helvetica, sans-serif; font-weight:bold}
p.author {font-family:Arial, Helvetica, sans-serif; font-size:1.6em; text-align:right}
p.lit1 {margin:0 0 1em 1em; font-size:1.6em; color: #0c192a; font-weight:bold}
p.lit2 {margin:0 0 0.3em 2em; text-indent:-1em; font-size:1.6em}
.disamb {margin:2em 0 0 0; font-size:1.6em}
div.smaller p  {font-size:1.6em}
.smalltext  {font-size:1.6em}
.greytext {color: #666666}
.arialfont {font-family:Arial, Helvetica, sans-serif; font-size:1.6em}
div.hide {display:none}
ul.hide {display:none}
.notbold {font-weight:normal}
a.external {color: #34778e;	text-decoration:none}
a.external:hover {color: #808000; text-decoration:none}
.hoverline a {text-decoration:none}
.hoverline a:hover {text-decoration:underline}
h2.toggle a {display:inline-block; padding:0.5em; text-decoration:none}
h2.toggle a:hover {background-color:#34778e; color:white}
.homelinks {font-size:1.4em; font-weight:bold; text-align:center}

.photo {float:right; padding:1em 0 0 2%}
.photo img {max-width:100%}
.caption {font-size:1.4em}

.ulist1 {list-style-type:none; margin:0 0 2em 2em; padding-left:0; font-size:1.4em}
.ulist1 li {margin-bottom:0.5em}
.ulist2 {list-style-type:none; margin:0 0 2em 2em; padding-left:0; font-size:1.4em; font-weight:bold}
.ulist2 li {margin-bottom:1em}
.ulist3 {list-style-type:none; margin:0 0 2em 2em; padding-left:0; font-size:1.8em; font-weight:bold}
.ulist3 li {margin:0.8em 0}

/* ALPHABETICAL LIST ***********************************************************************************/
dl.index dt {font-family:"Times New Roman", Times, Serif; font-size:2em; font-weight:bold; border-top:1px #eeeeee solid}
dl.index dd {margin-bottom:1em; font-size:1.4em; font-weight:bold}
dl.index dd a {text-decoration:none}
dl.index dd a:hover {text-decoration:underline}
.nameslet2 {text-align:right}

/* NOTES ***********************************************************************************/
table.translit {border-collapse:collapse; border:2px #000000 solid; margin-bottom:20px; font-size:1.4em}
table.translit th {text-align:left}
table.translit td {vertical-align:top; padding:5px; border:1px #000000 solid}
ol.notes {margin-bottom:3em}
.colwidth {width:22%}
table.transcr {width:590px; border-collapse:collapse; border:2px #000000 solid; margin-bottom:20px; font-size:1.4em}
table.transcr td, th {vertical-align:top; padding:6px; border-left:1px #000000 solid; border-right:1px #000000 solid}
tr.bottomborder td, th {border-bottom:1px #000000 solid}

/* MAPS ***********************************************************************************/
.map {position:relative; width:325px; float:right;padding:10px}
.maptext0 {position:absolute; font-size:1.2em; z-index:1}
.maptext1 {position:absolute; font-size:1.2em; color:#666666; z-index:1}
.maptext2 {position:absolute; color:#ffffff; font-size:1.4em; z-index:1}

.bisles-e {top:280px; left:130px}
.gb-e {top:280px; left:210px}
.ire-e {top:280px; left:50px}
.uk-e {top:280px; left:210px}
.engl-e {top:320px; left:215px}
.scot-e {top:160px; left:155px}
.wales-e {top:359px; left:158px}
.nirl-e {top:245px; left:88px}
.repirl-e {top:300px; left:60px}
.fra-e {bottom:20px; right:15px}

.bisles-u {top:280px; left:100px}
.gb-u {top:280px; left:205px}
.ire-u {top:280px; left:50px}
.uk-u {top:280px; left:200px}
.engl-u {top:320px; left:215px}
.scot-u {top:160px; left:150px}
.wales-u {top:359px; left:158px}
.nirl-u {top:245px; left:88px}
.repirl-u {top:300px; left:60px}
.fra-u {bottom:20px; right:15px}

/* RESPONSIVE LAYOUT ***********************************************************************************/

#abetka6 {display:block}
#abetka8 {display:none}
#abetka10 {display:none}
#abetka15 {display:none}

#alpha6 {display:block}
#alpha8 {display:none}
#alpha12 {display:none}

@media screen and (min-width: 350px) {
#abetka6 {display:none}
#abetka8 {display:block}
#abetka10 {display:none}
#abetka15 {display:none}

#alpha6 {display:none}
#alpha8 {display:block}
#alpha12 {display:none}
}

@media screen and (min-width: 500px) {
#abetka6 {display:none}
#abetka8 {display:none}
#abetka10 {display:block}
#abetka15 {display:none}

#alpha6 {display:none}
#alpha8 {display:none}
#alpha12 {display:block}
}

@media screen and (min-width: 700px) {
#navbar {float:right}
}

@media screen and (min-width: 700px) {
#abetka6 {display:none}
#abetka8 {display:none}
#abetka10 {display:none}
#abetka15 {display:block}
}

/* PRINTING ***********************************************************************************/

@media print {
html {height:auto; padding-bottom:0px}
body {margin:0 3%; line-height:1.1}
p {font-size:1.6em}
#title {display:none}
#navbar {display:none}
#alphablock {display:none}
#switchlang {display:none}
#content {padding:0; border:0}
#foot {padding:0.5em 0; border:none; background-color:white}
#date {text-align:left}
#backlink, #toplink {display:none}
}