/* DiP Style Sheet */

html, body  {
    color: #300;
    background-color: #930;
    text-align: center;
    font: 0.87em sans-serif;
    }

#content a  {
    text-decoration: underline;
    }

#content        {
    line-height: 1.2;
    }

a:link  {
    color: #930;
    }

a:visited   {
    color: #c63;
    }

a:hover {
    color: #c30;
    }

#altmenu li.hide, #menu li.hide, #submenu li.hide   {
    display: none;
    }

/* main divs */

#page   {
    width: 95%;
    margin: 0 auto;
    text-align: left;
    }

#header {
    margin: 0 120px 0 0;
    padding: 0;
    background: #fff url('assets/head_bg.gif') top left repeat-y;
    }

#search {
    float: left;
    width: 170px;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 90%;
    color: #fff;
    }

#logo   {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    }

#strapline  {
    position: relative;
    margin: -15px 0 10px 248px;
    padding: 0;
    font-style: italic;
    font-size: 110%;
    font-weight: bold;
    color: #930;
    }

#altmenu    {
    float: right;
    width: 120px;
    margin-top: -110px;
    padding-top: 10px;
    color: #fff;
    background-color: #930;
    font-size: 90%;
    }

#altmenu ul, #altmenu li    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
    }

#altmenu a:link {
    color: #fc9;
    }

#altmenu a:visited  {
    color: #fc9;
    }

#altmenu a:hover    {
    color: #fff;
    }

h1  {
    width: 190px;
    font-size: 160%;
    color: #fff;
    font-weight: bold;
    margin: 0 0 10px 10px;
    padding: 10px 0;
    }

#whiteline {
    position: relative;
    margin: -1px 0 0px 0px;
    border-top: 1px solid #fff;
}

#bookshelf {
    color: #fff;
}

#menu   {
    height: 30px;
    margin: 0px 120px 0px 200px;
    padding: 15px 0;
    text-align: center;
    vertical-align: bottom;
    background-color: #fff;
    border-bottom: 1px solid #930;
    font-weight: normal;
    }

#menu ul, #menu li  {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 4px;
    }

#menu a:link    {
    color: #930;
    }

#menu a:visited {
    color: #930;
    }

#menu a:hover   {
    color: #300;
    }

#menu li.selected a {
    color: #300;
    }

#menu li.selected a:hover   {
    color: #300;
    }

/* submenu */

#submenu    {
    float: left;
    width: 200px;
    }

#submenu ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    }

#submenu li {
    padding: 1px 0 1px 1px;
    }

#submenu li.selected    {
    color: #930;
    background-color: #fff;
    }

#submenu a:link {
    color: #fc9;
    }

#submenu a:visited  {
    color: #fc9;
    }

#submenu a:hover    {
    color: #fff;
    }

/* nested submenu list on white background */

#submenu ul ul a:link   {
    color: #930;
    }

#submenu ul ul a:visited    {
    color: #c63;
    }

#submenu ul ul a:hover  {
    color: #c30;
    }

#submenu ul li.selected {
    color: #300;
    }

#main   {
    margin: 0 120px 0 200px;
    padding: 10px 0 0 0;
    background-color: #fff;
    height: 1%;
    }

#emailthispage {
    padding: 0 10px 10px 10px;
    text-align: right;
}

#content    {
    padding: 0 10px 10px 10px;
    }

#content ul {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 20px;
    }


/* definition list test */

dl  {
    padding: 0;
    }

dt  {
    width: 30%;
    float: left;
    margin: 0;
    padding: .2em;
    text-align: right;
    color: #930;
    }


/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd  {
    float: left;
    width: 65%;
    margin: 0;
    padding: .2em;
    }

/* end test */

#contentslist   {
    float: left;
    width: 40%;
    }

#contentslist ul    {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 10px 0;
    }

#contentslist ul ul {
    margin: 0 0 0 10px;
    }

#contentslist li    {
    margin: 2px 0;
    }

#contentslist li.selected   {
    color: #fff;
    background-color: #930;
    display: inline;
    }

.author {
    font-size: 90%;
    }

#article    {
    margin: 0 0 10px 41%;
    }

.cover  {
    float: left;
    width: auto;
    margin: 0 10px 10px 10px;
    }

#articlefoot {
    font-size: 90%;
    border-top: 1px solid #930;
    padding-top: 5px;
    }

#footer {
    border-top: 1px solid #930;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 90%;
    }

.contact    {
    float: right;
    width: auto;
    border-left: 1px solid #930;
    margin: 0;
    padding: 5px;
    text-align: right;
    }

#disclaimer {
    float: left;
    width: 50%;
    padding: 5px 0 0 0;
    }

/* headings */

h2  {
    margin: 0 0 10px 0;
    font-size: 160%;
    color: #930;
    font-weight: bold;
    }

h3  {
    margin: 0 0 10px 0;
    font-size: 120%;
    color: #930;
    font-weight: bold;
    }

h4  {
    margin: 5px 5px;
    font-style: italic;
    color: #930;
    }

/* text formatting */

p, ul, dl   {
    margin: 0 5px 10px 10px;
    }

#article p  {
    margin-top: 10px;
    }

.icon   {
    float: left;
    width: auto;
    margin-right: 5px;
    }

.quote  {
    color: #930;
    font-weight: bold;
    }

.quotecredit    {
    font-weight: normal;
    }


// Tella colleague

div.emaillink {
  float: right;
  background-color: #ffffff;
}

div.emailform {
    float: right;
    display: inline;
    }

div.emailform table {
  float: right;
  width: 300px;
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
}
div.emailform th {
  color: #ffffff;
  text-align: left;
}
div.emailform td {
  color: #000000;
  vertical-align: top;
}
div.emailform td.left {
  border-left: 1px solid #000000;
}
div.emailform td.right {
  border-right: 1px solid #000000;
}
div.emailform td.fill {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

div.emailform td.bottom{
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      border-left: 1px solid #000000;
}
div.emailform input {
  width: 160px;
  height:21px;
  border: 1px solid #000000;
}
div.emailform input.button {
  width: 60px;
  background-color : #993300;
  color: #ffffff;
  font-weight: normal;
}
div.emailform textarea {
  width: 160px;
  height:90px;
  border: 1px solid #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-size: 12px;
}

.required {
  font-size: 10px;
  font-weight: normal;
  color: #ff0000;
}

div.emailform th { background: #993300; }
div.emailform td { background: #FCE8D2; }

/* email me - added by marek@ecn.cz */

.righthr {
 color: #fff;
 background-color: #fff;
 height: 1px;
}