@charset "UTF-8";
/* CSS Document */

/*******************************************************************************
 * Define default fonts etc.
 */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  background-color: #fff;
  margin: 0; padding: 0;
}
form { margin: 0; padding: 0; }
h1 {
  font-size: 130%;
  font-weight: bold;
  padding: 0.5em 0;
  margin: 0;
}
h1, h1 a { text-decoration: none; }
h2 {
  font-size: 100%;
  font-weight: bold;
  padding: 0.5em 0;
  margin: 0;
}
p { padding: 0.5em 0; margin: 0; }
img { border: none; }
input, textarea, select {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr {
  border: none;
  height: 1px;
  background-color: #666;
}


/* Users tables from wysiwyg */
table.user_table, table.user_table_noborder { border-collapse: collapse; }
table.user_table td { border: 1px solid #000; padding: 3px 8px; }
table.user_table_noborder td { border: none; padding: 3px 8px; }

.inner { margin: 0 10px; }

 /* For IE min-height hack */
.min-height {
  height: 200px;
  float: right;
  width: 1px;
}

 /* For clearing floats */
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}


/* Table */
table { border: none; }
tr, th, td, thead, tbody, tfoot {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  vertical-align: top;
  background: transparent;
}
th, td { padding: 0 6px; text-align: left; }
.right { text-align: right; }
.center {
  text-align: center;
}
.nowrap { white-space: nowrap; }

.wide { width: 98%; }
table.small tr td, table.small tr th { padding: 0; font-size: 11px; }

/* Content */
div#content div.inner img { margin: 0 6px; max-width: 99%; }
div#content div.inner a img, div#content div.inner table tr td img { max-width: none; }
#content_top, #content_bottom { display: none; }


/* Footer */
#footer {
  text-align: center;
  font-size: 70%;
  padding: 0 0 5px 0;
  clear: both;
}

/* General class for small text */
.small, .small a { font-size: 9px; }
.err {color: #f00;}
.error_message { color: #f00; font-weight: bold; }
.ok_message { color: #00AF00; font-weight: bold; }

#top-bar { overflow: hidden; }


/* Extrat */
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6, #headblock, #footerblock { display: none; }


/* Form */
.form_table { border: none; border-collapse: collapse; }
.form_table tr td { padding-bottom: 1em; }
.form_table td.label { text-align: right; padding-right: 6px; }


/*************************************************
 * Default styles for left and right columns boxes
 */
.box {
  width: 180px;
  border: 1px solid #000;
  margin: 9px 0 10px 9px;
  z-index: 1;
}
.box .header {
  background-color: #eee;
  padding: 5px 0; margin: 0;
}
.box .content { background-color: #fff; }
.box .content .content_top, .box .content .content_bottom { display: none; }

.box h1 {
  font-size: 110%;
  font-weight: bold;
  padding: 0;
  margin: 0 5px;
}
.box p { padding: 5px 0; margin: 0 5px; }
.box .link {
  display: block;
  margin-bottom: 6px;
}
/* center block */
#content .box { margin: 0 10px; }

/****************************
 * Default styles for banners
 */
.banners, #left-bar .banners, #right-bar .banners {
  text-align: center;
  background: none;
  border: none;
  text-align: center;
}
.banners img { margin: 3px 0; }
#banner_top, #banner_bottom { display: none; }


/**************************************
 * Default styles for subsets linkblock
 */
.linkblock ul {
  list-style: none;
  padding: 0 0 10px 0; margin: 0 10px;
}
.linkblock ul li a { margin: 4px 0; }


/*****
* News
*/
table.news_list tr td {
  padding-right: 1em;
}
table.news_list tr td.date {
  width: 85px;
}
div.news_item {
  margin-bottom: 1em;
}
/*********************************
* Album blocks
*/
.album_newest .content p, .album_random .content p {
  overflow: auto;
  width: 155px;
  padding: 10px 0 10px 0;
  margin-right: 0;
}
#right-bar .box p .album_block_frame a,
#right-bar .box p .album_block_frame_big a,
#left-bar .box p .album_block_frame a,
#left-bar .box p .album_block_frame_big a {
  padding: 0;
}
.album_block_frame, .album_block_frame_big {
  display: block;
  margin: 0;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 3px;
  background-color: #000000;
}
.album_block_image, .album_block_image_big {
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.album_block_image, .album_block_frame {
  width: 60px;
  height: 60px;
}
.album_block_image_big, .album_block_frame_big  {
  width: 135px;
  height: 135px;
}
/********
* Sitemap
*/
.sitemap ul {
  padding: 0;
  margin: 0 0 1em 0;
}
div.sitemap ul li {
  list-style: none;
  margin: 0; padding: 0;
}
div.sitemap ul li ul {
  margin-left: 1.5em;
}





/**
* Content-tablet
*/
table.content_table {
  border-collapse: collapse;
  width: 100%;
}
.content_table, .content_table td {
  margin: 0; padding: 0;
  border: none; background: none;
}
td.padr { padding-right: 1em; }



/***********
 * Main menu
 */
#menu { padding: 0; margin: 0; }
#menu ul {
  list-style: none;
  padding: 0; margin: 0;
  z-index: 1;
}
#menu li {
  float: left;
  padding: 0; margin: 0;
  z-index: 2;
}
#menu li ul, #ableft { position: absolute; left: -999em; }
#menu ul ul { left: -999em; }
#menu li:hover ul, #menu li.hover ul{ left: auto; }
#menu li:hover, #menu li.hover { position: static; }

#menu ul.top li ul li { width: 12.5em; }
#menu ul.top li ul { }
#menu ul.left li { z-index: auto; }
#menu ul.left li ul { margin: -1em 0 0 12.5em; width: 12.5em; }

#menu ul a {
  vertical-align: middle;
  text-decoration: none;
  color: #2C618A;
  font-weight: bold;
  padding: 0 6px;
  display: block;
  white-space: nowrap;
}
#menu ul.left a { white-space: normal; }
#menu ul a:hover { color: #58A7E4; }
#menu ul li ul {
  border: 1px solid #666;
  background-color: #F5F6F7;
  width: 12.5em;
  overflow: hidden;
}
#menu ul li ul a { white-space: normal; }
#menu ul li ul li.clearli {
  clear: both;
  height: 1px;
  overflow: hidden;
}
#menu li.active_link a { text-decoration: underline; }
#menu li.active_link ul a { text-decoration: none; }


/* tools */
.blogtools {
  border: 1px solid #000;
  background-color: #fff;
  padding: 5px; font-weight: bold;
}
.blogtools input { margin: 10px 0; }

.blog_unaccepted_comment { color: red; }

/* Logo */
#logo { margin: 10px 0 0 10px; font-size: 20px; padding: 5px; background-color: #fff; float: left; position: absolute; }

