/*################################################################################################*/
/*## CSS styles for elektrosmog.ponkrac.net.                                                      */
/*## Copyright (c) 2017 Miloslav Ponkrac.                                                         */
/*################################################################################################*/

/*================================================================================================*/
/*== @font-face                                                                                   */
/*================================================================================================*/

@font-face { font-family:PTSerifWoff; src:url("ptserif-r.woff");  font-weight:normal; font-style:normal; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-b.woff");  font-weight:bold;   font-style:normal; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-ri.woff"); font-weight:normal; font-style:italic; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-bi.woff"); font-weight:bold;   font-style:italic; }

/*================================================================================================*/
/*== html, body                                                                                   */
/*================================================================================================*/

* { font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif; }

body, html {
    margin:0 auto; padding:0;
    background-color:#000000; color:#FFFFFF;
    line-height:6.4mm; font-size:4.3mm;
    font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif;
    text-align:justify;
}

/*================================================================================================*/
/*== Základní pásy: Pozice, velikosti, barvy.                                                     */
/*================================================================================================*/

#top-band, #top-space, #header-band, #header-space, #main-band, #main-space, #footer-band, #footer-space {
    position:relative; margin:0 auto; padding:0;
    background-color:#FFFFFF; color:#000000;
}

#top-band, #header-band, #main-band, #footer-band { width:100%; }
#top-space, #header-space, #main-space, #footer-space { width:960px; }

#top-band, #top-space { height:0px; }
#header-band, #header-space { height:190px; }

#top-band, #header-band { background:#404040; }
#main-band { background:#808080; padding:5px 0; }
#footer-band { background:#000000; color:#FFFFFF; }

#top-space { background:#000000; }
#header-space { background:#000000 url("elektrosmog_bg_header.png") center center no-repeat; color:#CBD4E3; }

#main-space {
    margin:0 auto; border:2px solid #BBBBBB; padding:0;
    -moz-border-radius:10px; -webkit-border-radius:10px;
    background-color:#FFFFFF; color:#000000;
}

#main-inner {
    margin:0 auto; clear:none; width:900px;  
}

/*================================================================================================*/
/*=== Hlavní část: Pozice, velikosti, barvy.                                                      */
/*================================================================================================*/

#wide-main-cell {
  margin:0 auto; padding:0; width:100%;
  background:#FFFFFF; color:#000000;
}

#narrow-main-cell {
  margin:0; padding:0 10px 0 0; width:700px;
  background:#FFFFFF; color:#000000;
}

#sidebar-cell {
  margin:0; border-left:3px solid #FEB765; padding:0 0 0 10px; width:200px;
  background:#FFFFFF; color:#000000;
}

/*================================================================================================*/
/*=== div.#top-space                                                                              */
/*================================================================================================*/

div#top-space {
  background-color:#000000; color:#FFFFFF;
}

div#top-stace a img {
  text-decoration:none; border:0;
}

div#top-space a {
  font-weight:bold; text-decoration:none; font-size:3.8mm; font-variant:small-caps; color:#DDDDDD;
}

div#top-space a:hover {
  text-decoration:underline; color:#FFFFFF;
}

div#top-space div.horizontal-menu {
  position:absolute; left:0; top:0; margin:1px 5px; border:0; padding:0; height:28px;
}

div#top-space div.horizontal-menu ul {
  display:block; margin:0; border:0; padding:0; list-style-type:none; background-color:#000000;
}

div#top-space div.horizontal-menu li {
  float:left; width:150px; height:27px; margin:0 1px; border-bottom:1px solid #808080; padding:0; background-color:#000000; text-align:center;
}

div#top-space div.horizontal-menu li a {
  display:block; width:100%; height:22px; padding-top:4px; font-size:3.8mm; font-weight:bold; text-decoration:none; color:#DDDDDD;
}

div#top-space div.horizontal-menu li a:hover {
  background-color:#800000; color:#FFFFFF; text-decoration:underline;
}

/*================================================================================================*/
/*=== div.#header-space                                                                           */
/*================================================================================================*/

#header-space { color:#CBD4E3; }

#header-home 
{
  display:block; position:absolute; left:0; top:0; width:224px; height:169px; margin:0; padding:0;
}

#header-right 
{
  display:block; position:absolute; left:738px; top:20px; width:220px; height:199px; margin:0; padding:0; text-align:center;
}

#header-right a 
{
  font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif;
  text-decoration:none;
  font-size:3.5mm
  line-height:5.18mm
  letter-spacing:0.5mm;
  color:#CBD4E3;
}

#header-right a:hover {
  text-decoration:underline;
  color:#E9DF55;
}

#header-bottom {
  display:block;
  position:absolute;
  left:350px;
  top:140px;
  width:500px;
  height:60px;
  margin:0;
  padding:0;
  text-align:center;
  font-size:0.8em;
}

#header-bottom a {
  color:#FF5050;
}

/*================================================================================================*/
/* div.#main-space                                                                                */
/*================================================================================================*/

div#main-space div#article-meta-info
{
    margin:-2.15mm 0 -4.3mm 3.5mm; padding:0;
    line-height:5.2mm; font-size:3.5mm;
}

div#main-space div#article-meta-info div.navigation-path
{
    margin:0; padding:0;
    color#333333;
}

div#main-space div.article-info
{
    margin:0; padding:0;
    color#333333;
}

#main-space h1
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; border-bottom:3px double #BBBBBB; padding:0;
    font-size:8.6mm; line-height:12.8mm;
    font-weight:bold; font-style:normal;
    letter-spacing:0.1em;
    text-align:left;
    color:#882D17;
}

#main-space h2 
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; padding:0;
    font-size:6.45mm; line-height:9.6mm;
    font-weight:bold; font-style:normal;
    color:#000040;
}

#main-space h3
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; padding:0;
    font-size:5,38mm; line-height:7.96mm;
    font-weight:bold; font-style:normal;
    color:#000040;
}

#main-space hr
{
    display:block; float:none; width:100%;
    margin:1em auto; border-top:1px solid #C0C0C0; border-bottom:0; border-left:0; border-right:0; padding:0;
}

#main-space p 
{
  margin:4.3mm 0; padding:0;
  text-align:justify;
}

#main-space a, #main-space a:visited { color:#882D17; text-decoration:underline; }
#main-space a:hover { text-decoration:none; }

#main-space blockquote {
  margin:0px 20px 15px 20px;
  padding:10px 15px 0px 15px;
  border:1px dotted #BBBBBB;
  background:#EEEEEE;
}

#main-space blockquote p {
  margin:0px 0px 0px 0px;
  padding:0px 0px 10px 0px;
}

#main-space table.table-01 { margin:5px 0 10px 0; border:0; border-collapse:collapse; padding:0; text-align:center; }
#main-space table.table-01 th, #main-space table.table-01 td { margin:0; border:1px solid #000000; padding:2px 10px 2px 10px; text-align:center; }
#main-space table.table-01 th.caption { letter-spacing:0.33em; }
#main-space table.table-01 th { background-color:#D0D0D0; }
#main-space table.table-01 tr.even td { background-color:#D0D0D0; }
#main-space table.table-01 td { background-color:#E0E0E0; }

#main-space .headline {
  float:left;
  width:100%;
  margin:10px 0px 10px 0px;
  border-bottom:1px dotted #BBBBBB;
  padding:3px 0px 7px 0px;
  clear: both;
}





/* -------------------------------------
 * Main.
 * -------------------------------------*/


#vsidebar h2 {
  display:block;
  width:170px;
  margin:0 0 5px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding:3px 0 3px 7px;
  background:#333333;
  color:#FFFFFF;
  font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}

#sidebar ul {
  margin:10px 0 10px 0;
  padding:0;
  list-style-type:none;
}
	
#sidebar ul li {
  margin:0 0 2px 0;
  padding:0;
  list-style-type:none;
  font-size:0.8em;
}

#sidebar a, #sidebar a:visited {
  color:#2255AA;
  text-decoration:underline;
}
	
#sidebar a:hover {
  color:#2255AA;
  text-decoration:none;
}

#sidebar .sidebar-widget {
  width:180px;
  margin:0 0 10px 0;
  border:1px solid #333333;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:2px;
  background:#FFFFFF url(bg_sidebar_widget.png) repeat-x;
}

#sidebar .box {
  background-color:#FFFFFF;
  width:194px;
  margin:0 0 12px 0;
  padding:4px 0;
  border-left:1px solid #eee;
  border-right:1px solid #eee;
  border-top:4px solid #E8E8E8;
  border-bottom:4px solid #E8E8E8;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

/*================================================================================================*/
/* div.#footer-space                                                                              */
/*================================================================================================*/

#footer-space {
  clear:both;
  background-color:#000;
  border-top:1px dotted #373E4A;
  text-align:center;
  color:#697081;
  font-size:85%;
  padding:6px;
}

#footer-space li {
  display:inline;
  padding:0 32px 0 32px;
}

#footed-space #copyright {
  font-size:1.1em;
  font-weight:bold;
}

#footer-space #design, #footer-space #design a {
  color:#52555C;
}

#footer-space #copyright {
  text-align:center;
}

#footer-space #copyright p {
  margin: 0px;	
  padding: 10px 0px 10px 0px;
  font-weight: normal;
  color: #CCCCCC;
}

#footer-space #copyright a, #footer-space #copyright a:visited {
  text-decoration: none;
  color: #CCCCCC;
}

#footer-space #copyright a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}