@import "e2.css";
@import "rubrika.css";

/*
  @font-face {
    font-family: DS Izmir;
    font-style:  normal;
    font-weight: normal;
    src: url(/DSIZMIR0.eot);
  }
*/


  @font-face {
    font-family: DS Izmir;
    font-style:  normal;
    font-weight: 700;
    src: url(/DSIZMIR1.eot);
  }

/*
  @font-face {
    font-family: Tsampa_Dedris;
    font-style:  normal;
    font-weight: normal;
    src: url(/TSAMPAD0.eot);
  }
*/

/*
h1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 33px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; FONT-FAMILY: DS Izmir, Verdana;
}
*/

P.title {
FONT-WEIGHT: normal; FONT-SIZE: 24; FONT-FAMILY: "Tsampa_Dedris", serif
}

body {
  background: #A1C5EC;
  color: #000;
  font-family: "Arial";
  font-size: 120%;
  cursor: default;
  margin: 0;
  padding: 0;
}

.elf {border:1px solid #800000; background=#C0DAFF; font-size:12px;}
.elf_p {border:1px solid #800000; background=#FFDAFF; font-size:12px;}

/*
P.title {
  FONT-WEIGHT: 700; 
  FONT-SIZE: 30px; 
  WIDTH: 100%; 
  COLOR: #fefffa; 
  FONT-FAMILY: DS Izmir, serif; 
  HEIGHT: 100%; 
  TEXT-ALIGN: center;
}
*/

/*p {
  text-indent: 0; 
  margin-top: 0; 
  margin-bottom: 0";
}*/

small {
  font-size: 80%;
  color: #999;
}

img {
  border: 0;
}

hr {
  height: 1px;
  background: #ccc;
  color: #ccc;
  border: 0;
  
}


h1 {
  font-size: 120%; 
  font-weight: bold; 
  color: #D02830;
  text-decoration: underline;
/*PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 33px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; FONT-FAMILY: DS Izmir, Verdana;*/
}


h2 {
  font-size: 120%;
  font-weight: normal;
  color: #c04800;
}

.hidden {
  color: #999;
}

a, a:link, a:active, a:visited {
  color: #009;
  text-decoration: none;
}

a:hover {
  color: #666;
  text-decoration: none;
}


input.text, select.text, textarea {
  border: 1px solid;
  border-color: #999 #ddd #ddd #999;
}

input.button {
  width: 240px;
  height: 50px;
  border-left: #ddd;
  border-top: #ddd;
  border-right: #aaa;
  border-bottom: #aaa;
  border-style: solid;
  border-width: 1px;
  background: #f0f0f0;
}

input.default {
  font-weight: bold;
  border-width: 2px;
  background: #f0f0f0;
}

input.flat {
  border: 1px #ccc solid;
  margin: 1px;
  background: #f0f0f0;
  color: #000;
  cursor: pointer;
  cursor: hand;
}

textarea {
  font-family: "Arial";
}

p.day {
  background: #eee;
  border-top: #fff 2px solid;
  width: 240px;
  color: #000;
  margin: 1em 0 0;
  padding: 5px 10px;

}

p.day big {
  font-size: 200%;
  font-weight: bold;
  letter-spacing: -2px;
  color: #000;
  margin: 0;
}

.calendar {
  width: 100%;
  padding: 1em 0;
  background: #eee;
  border-top: #fff 2px solid;
}

#e2logo-and-login {
  position: relative;
  width: 100%;
  height: 60px;
}

#e2logo img {
  position: absolute;
  left: 100px;
  top: 15px;
}

#e2logo p {
  position: absolute;
  font-size: 160%;
  color: #c04800;
  letter-spacing: -1px;
  top: 15px;
  left: 200px;
  margin: 0;
}

#e2logo a {
  color: #c04800;
}

#login {
  position: absolute;
  right: 100px;
  top: 20px;
  text-align: right;
}

input.password {
  width: 80px;
}

#location-and-navigation {
  position: relative;
  height: 65px;
  background: #eee;
  border-top: #fff 2px solid;
}

#location {
  position: absolute;
  left: 100px;
  top: 10px;
}

#location p {
  margin: 0;
}

#location big {
  font-size: 140%;
  letter-spacing: -2px;
}

#location i {
  font-size: 60%;
  font-style: normal;
}

#navigation {
  position: absolute;
  left: 200px;
  top: 10px;
}

#navigation p {
  margin: 0 0 5px 0;
}

#navigation b {
  color: #000;
  background: #f0f0f0;
  padding: 0 10px;
}

#leftpane-and-body {
  position: relative;
  width: 100%;
  font-size: 90%;
}

#leftpane {
  padding: 20px;
}

#body {
  width: 100%;
  box-sizing: border-box;
 -moz-box-sizing: border-box;
  padding: 1em 100px 1em 25px;
}

.keywords-tree {
  margin-left: -25px;
}

ul, ol {
  padding: 0;
  margin-left: 25px;
  list-style: outside;
}

.playlist_item {
  padding: 5px 10px;
}

.keywords_on_frontpage {
  font-size: 80%;
  float: right;
  width: 15%;
  padding: 10px;
}

.favourites_on_frontpage {
  font-size: 80%;
  float: right;
  width: 15%;
  padding: 10px;
}

.keywords_on_frontpage b {
  font-weight: normal;
}

#copyrights-and-pgt-stuff {
  padding: 0;
  empty-cells: show;

  position: relative;
  width: 100%;
  font-size: 80%;
  margin: 1em 0;
}

#copyrights {
  position: relative;
  left: 25px;
}

#pgt-stuff {
  position: relative;
  right: 100px;
  text-align: right;
}

.month_nav {
  float: right;
  font-size: 70%;
  font-weight: normal;
}

#internal_menu {
  position: absolute;
  left: 150px;
}

.settings_box {
  border: #ccc 1px solid;
  padding: 20px;
}

table {
  font-size: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
}

td {
  padding: 0;
}

table.settings-top {
  table-layout: fixed;
  width: 100%;
}


/* Для отображения случайных фот */

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #000000;
}