body { background-color: white;
/* background-image: url(http://farm3.static.flickr.com/2262/1541213187_ef9db6eafd_o.jpg);*/
}

/* nadpis */

h1.title {
  display:block;
  width: 400px;
  overflow: visible;
  font-family: "Century Gothic", Verdana, Helvetica, Sans-Serif;
  font-weight: bold; 
  font-size: xx-large;
  border-bottom: 3px dotted black;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 10px;
  
}

/* horne menu */
div#upperobermenu {
  border: 1px solid black; padding: 5px; margin-bottom: 10px;
  background-image: url(blog/head_back4.png);
  max-height: 36px;
  /*overflow: hidden;*/
  background-repeat: repeat-y;
  /* padding-left: 150px; */
}
div#upperobermenu a.lavy {
  display: block; float: left; width: 137px; height: 46px; 
  text-decoration: none;
}
div#uppermenu {
  border: 1px solid black; padding: 5px; margin-bottom: 10px;
  /*background-image: url(blog/head_back2.png);
  background-repeat: repeat-y;
  padding-left: 150px;*/
}

div.uppermenuitem {display: inline; margin-right: 20px;}
div#uppermenu img,div#upperobermenu img {margin-right: 3px; border: 0px;}
div.in {display: inline;}
h2.title {display: inline;}
h2.clanok {margin: 0px; /*padding-left: 20px; font-size: 1.3em; font-family: verdana;*/}
p.clanok {margin-top: 0px; margin-bottom: 10px;}
h2.randomclanok {color: black; margin: 0px;}
img.randomclanok {border: 1px solid black; width: 98px; float: left; margin-right: 5px;}
span.randomclanok {font-size: 90%;}

a.title {text-decoration:none; color: black;}
a.title:hover {text-decoration:underline; font-weight: bold;}

/* admin menu */
div#adminmenu {border: 1px solid black; padding: 5px; margin-bottom: 10px;}
div#adminmenu img {vertical-align: middle;}

/* blog */
hr {text-align: left; display:block; margin-left: 20px; width: 70%;/*max-width:340px;*/ }
span.date {color: gray; font-size: 1em; font-weight: normal;}
table td.brief {vertical-align: top;}
table td.briefimg {vertical-align: top;}
table#addblog td {vertical-align: top;}
img.blogimg {border: 1px solid black; margin-right: 8px;}
div.commentary {width: 300px; display:block; float: right; text-align: justify; color: gray; margin: 5px; padding: 5px; border: 1px dotted black;}

div.bocnykolon {
  width: 28%;
  float: right;
  margin: 5px;
}
div.bocnemenu {
  border: 1px dotted gray;
  text-align: justify;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 0.9em;
}
div#navstevy {
  float: right;
  margin-top: 2px;
  position: absolute;
  top: 14px;
  right: 14px;
}

/* forum */
table#forumadd { margin: auto;}
table#forumadd td {vertical-align: top; text-align: left;}
table#forum { margin: auto; width: 80%; font-size: 12px;}
table#forum tr:nth-child(odd) { background-color: #ddeedd; }
table#forum tr.neparne {background-color: #ddeedd;}
table#forum tr td {padding: 3px; padding-left:7px; vertical-align:top;}
table#forum img.delete {position:relative; float: right;}
table#forum img.forumavat {height: 80px;}
table#forum div.pribody {margin:0px; padding:0px;}
div#tos {
  display: none; position: fixed; left: 40px; top: 160px;
  background-color: #fff; border: 1px solid black; padding: 10px; opacity: 0.7;
}
span.menodatum {font-size: 16px;}

/* anketa */
table#poll td {padding-right: 50px;}
table#poll h3 {margin: 10px; padding:0px;}

/* archiv */
table#archiv td {vertical-align: top; width: 50%;}
  img#archivnah {border: 1px solid black; width: 512px;}
  
table#archiv-zoznam {font-size: small;}
table#archiv-zoznam img.icon32 {width: 32px;}
table#archiv-zoznam img.archiv-thumb {max-width: 128px; max-height: 128px; border: 1px solid lightgray; margin: 5px;}
table#archiv-zoznam td.thumby {padding: 5px;}


/* hra */

div.hra-sajdpanel {
  display: block; float: left;
  width:300px; min-height: 400px; margin-right: 10px;
  border: 1px solid black; font-size: 12px; padding: 5px;
}
/*div.hra-sajdpanel div.polozka {}*/
div.hra-mainpanel {
  display: block; float: left; border: 1px solid black;
}
div.riadok {
  display: block; float: none;
  width: 512px;
}
div#hra div.riadok div {
  display: block; float:left;
  width:32px; height: 32px; border: 0px;
}
div#hra div.riadok div a {
  display: block; text-decoration: none; height:32px; width:32px; border: 0px;
}
div#hra div.riadok div a img {
  border: 0px;
}
div.hra-teren-voda  {background-image: url(blog/back_akvo.png)} /*background-color: blue;*/
div.hra-teren-sucho {background-image: url(blog/back_greso.png)}/*background-color: #888888;*/

div.hra-hrac-1 {background-color: red;}
div.hra-hrac-2 {background-color:green;}
div.hra-hrac-3 {background-color:cyan;}
div.hra-hrac-4 {background-color:magenta;}
div.hra-hrac-5 {background-color:yellow;}
div.hra-hrac-6 {background-color:white;}
div.hra-hrac-7 {background-color:black;}
div.hra-hrac-8 {background-color:orange;}
div.hra-hrac-9 {background-color:lime;}
div.hra-hrac-10 {background-color:blue;}
div.hra-hrac-11 {background-color:silver;}
div.hra-hrac-12 {background-color:purple;}
div.hra-hrac-13 {background-color:chocolate;}

div.hra-galerydiv {
  min-width: 240px; min-height: 240px; float: left;
  border: 1px solid gray; background-color: #e0e0ee;
  text-align: center; position:static; display: table; 
}
div.hra-galerydiv div { display: table-cell; vertical-align: middle; height: 100%;}
div.hra-galerydiv div img { border: 1px solid black;}
div.hra-galerydiv div span { display: block; font-family: verdana; color: gray;  font-size: small;}

table.hra-galerydetail {font-family: verdana;   font-size: small;}

/* cintorin div */
div#cinterhra  {
  font-size: 80%;
}
div.cinterriadok {
  display: block; float: none;
  clear: both;
  
}
div#cinterhra div.cinterriadok div {
  display: block; float:left;
  width:32px; height: 32px; border: 1px;
}


/* browser stats */

table.browsertable
{
  border:1px solid #c3c3c3;
  border-collapse:collapse;
  font-family:verdana,helvetica,arial,sans-serif;
  font-size:70%;
}
table.browsertable th
{
  background-color:#e5eecc;
  border:1px solid #c3c3c3;
  padding:3px;
  vertical-align:top;
}
table.browsertable td 
{
  border:1px solid #c3c3c3;
  padding:3px;
  vertical-align:top;
  min-width: 70px;
}
table.browsertable .throk 
{
  min-width: 80px;
}

/* vseobecne */
img.middle {vertical-align: middle; position: relative; top:-5px; margin-right:5px;}
.textup10 {position: relative; top:-10px; color: black;}

a { color:navy; text-decoration: none;}
a:hover {text-decoration: underline;}

a.yespad  {padding: 0px 5px 0px 5px;
  text-decoration: underline;
  font-weight: bold;
	color: navy;
	border: 0px;
}

a.yespad:visited {
  
  
	color: navy;
	text-decoration: none;
	
	border: 0px;
}

a.yespad:hover {
  
  text-decoration: underline;
  
	color: #000000;
	background-color: #FFBB22;
}

a.date {
  font-weight: normal;
  text-decoration: none;
  color: gray;
  font-size:16px;
}
a.date:visited {}
a.date:hover {
  text-decoration: underline; }

img.article {
  margin: 5px 10px 10px 5px;
  float:left;
  border: 1px solid black;
}