@font-face {
 font-family: "andika";
 src: local("andika"), url("/fonts/andika-r.ttf");
}

/* Стиль тіла сторінки */
body {
 background-color: #ffea99;
}

/* Стиль заголовка */

header {
 border-bottom: 7px ridge brown;
 background: radial-gradient(#ffc,#c90);
}

header h1{
 text-align: center;
 font-family: verdana;
 text-shadow: -5px -5px 3px rgba(0,0,0,0.2);
 padding-top: 30px;
 margin-top: 0;
}

header h2{
 text-align: center;
 color: blue;
 text-shadow: -5px -5px 3px rgba(0,0,200,0.2);
}

/* Стиль навігаційної панелі */

nav {
 padding-bottom: 15px;
 padding-top: 0;
 margin-top: -16px;
}

nav ul {
 text-align: center;
 margin-bottom:40px;
}

nav li {
 display: inline;
/* border: 1px solid black;
 border-radius: 0 0 15px 15px/0 0 15px 15px;
*/
 line-height:40px;
 
 border: 0;
 border-bottom-right-radius: 25px;
 padding: 0 10px;
 background: #66ccff;
 background: linear-gradient(to bottom right,#39f,#fc9);
 
 font-family: "Calibri";
 font-size: 200%;
}

nav a {
 text-decoration: none;
}

nav a:link, nav a:visited {
 color: black;
}

nav a:hover, nav a:active {
 color: red;
}

/* Стиль статті */

article {
 padding: 10px 20px 15px 10px;
}

article h2{
 font-family: tahoma;
 font-size: 17pt;
}

p {
 text-indent: 30px;
}

hgroup {
 text-indent:40px;	
}

/* Стиль передмови */

.preface {
 font: italic normal normal 20px "Serif";
}

/* Стиль діалогу */

.dialog {
 font-family: "sitka small";
 color: #666633;
}

.dialog h2 {
 color: brown;
}

/* Стиль ілюстрації */

article figure {
 float: right;
}

/*style="float:right;position:relative;top:-50px;"*/

figcaption {
 text-align: center;
 font-family: Tahoma;
 font-size: 20px;
}

/* Стиль таблиці */

table {
 margin: 30px 10px 50px 10px;	
}

/* Стиль нижнього колонтитула */

details {

}

footer {
 border-top: 7px ridge brown;
 color: white;
 background-color: brown;
 margin-top: 15px;
}

footer div {
 display: inline-block;
 vertical-align: middle;
 padding: 5px 20px 5px 10px;	
}

address {
 font: oblique normal normal 15px/18px andika;
}