/***** tag styles *****/
* {
  margin:0px;
  padding:0px;
}

body {
  background-image:url(images/background.png);
  font-family:Verdana;
  font-size:82%;
  font-style:normal;
  text-align:center;
}

div, html {
  scrollbar-base-color:#FFDDB2;
/*  SCROLLBAR-FACE-COLOR:#D0D0FF;
  SCROLLBAR-HIGHLIGHT-COLOR:#F0F0FF;
  SCROLLBAR-SHADOW-COLOR:#C0C0FF;
  SCROLLBAR-3DLIGHT-COLOR:#D0D0FF;
  SCROLLBAR-ARROW-COLOR:Navy;
  SCROLLBAR-TRACK-COLOR:#E0E0FF;
  SCROLLBAR-DARKSHADOW-COLOR:Navy;*/
}

div {
  position:relative;
  overflow:hidden;
}

p {
  margin-bottom:.8em;
}

a {
  color:#FF9000;
  font-weight:bold;
}

a:visited {
  color:Gray;
}

a:hover {
  color:#8000FF;
}

img {
  border:0;
}

hr {
  height:2px;
  color:Navy;
  outline-width:0px;
}

code {
  font-size:80%;
  font-family:"Courier New",Courier,monospace;
}

h1, h2, h3, h4, h5, h6	{
  font-weight:bold;
  color:Navy;
  margin-top:.4em;
  margin-bottom:.3em;
  padding-bottom:.1em;
  border-bottom:2px dotted #FFE8C0;
}

h1 {
  font-size:170%;
}

h2	{
  font-size:140%;
}

h3	{
  font-size:120%;
}

h4 {
  font-size:115%;
  font-style:italic;
}

h5	{
  font-size:110%;
}

h6 {
  font-size:105%;
  font-style:italic;
}

/***** common classes *****/

.invisible {
  display:block;
  width:1px;
  height:1px;
  border:0;
  margin:0;
  padding:0;
}

.p-no-margin {
  margin-top:0;
  margin-bottom:0;
}

.p-bottom-margin {
  margin-top:0;
  margin-bottom:.3em;
}

.p-top-margin {
  margin-top:.5em;
  margin-bottom:0;
}

.a-no-visited {
  font-size:90%;
}

.a-no-visited a:visited {
  color:#FF9000;
}

.a-no-visited a:hover {
  color:#8000FF;
}

.a-no-visited-center {
  text-align:center;
  font-size:90%;
}

.a-no-visited-center a:visited {
  color:#FF9000;
}

.a-no-visited-center a:hover {
  color:#8000FF;
}

.float-left, .float-left-overflow {
  float:left;
  text-align:left;
}

.float-right, .float-right-overflow, .float-right-next {
  float:right;
  text-align:right;
}

.float-right-next {
  margin-right:.5em;
}

.clear-float {
  clear:both;
  float:none;
  height:0;
  width:0;
}

.align-left, .align-left-overflow {
  text-align:left;
}

.align-right, .align-right-overflow {
  text-align:right;
}

.align-center, .align-center-overflow {
  text-align:center;
}

.align-left-overflow, .align-right-overflow, .align-center-overflow {
  overflow:visible;
}

.hr {
  background: #AACE00;
  clear:both;
  float:none;
  margin-top:.4em;
  margin-bottom:.4em;
  width:100%;
  height:2px;
}

.block-highlight-heading {
  color:#E0E0FF;
	background:Navy;
  font-size:110%;
  font-weight:bold;
  margin-top:.5em;
  margin-bottom:.5em;
}

.block-highlight {
  background:#FAFAFF;
  border:2px solid Navy;
  margin:20px;
  padding-left:1em;
  padding-right:1em;
}

.space-8px {
  height:8px;
  width:100%;
}

.overflow {
  width:100%;
  overflow:auto;
}

.content {
  float:none;
  overflow:visible;
  margin-left:8px;
  margin-right:8px;
 /* width:99.9%; /* Firefox puts a scrollbar sometimes if 100% */
}

.content-group {
  background-color:transparent;
  background-image:url(images/content-group.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
  font-weight:bold;
  font-size:80%;
  float:none;
  overflow:visible;
  padding-bottom:8px;
  padding-left:8px;
  margin-top:.8em;
  margin-bottom:0;
}

.splitter {
  background:#EEA518;
  margin:.5em;
  width:90%;
  height:1px;
}

.percent100 {
  width:100%;
}

/***** forms *****/

.input-box, .check-box, .input-box-fullwidth, .textarea-fullwidth-300, .textarea-fullwidth-150,
.input-box-digit {
	border:1px navy solid;
	background:#E0F0FF;
}

.input-box-fullwidth, .textarea-fullwidth-300, .textarea-fullwidth-150 {
	width:99%;
}

.input-box-digit {
	width:50px;
}

.textarea-fullwidth-300 {
	height:300px;
}

.textarea-fullwidth-150 {
	height:150px;
}

.input-submit {
	border:1px blue solid;
	background:Navy;
	color:#E0E0FF;
  width:90px;
	height:20px;
}

.check-box {
  margin-right:.5em;
}

/***** entire area *****/

.body {
  text-align:left;
  width:964px;
  margin:0px auto; /* hack pro mozillu*/
}

/***** header *****/

.header {
  margin-top:10px;
  height:92px;
  width:960px;
  background-color:#F2E4C2;
  background-image:url(images/header.jpg);
  background-repeat:no-repeat;
  text-align:left;
  font-size:11px;
  font-weight:bold;
  color:#74457A;
}

.header-software {
  position:absolute;
  left:500px;
  top:5px;
}

.header-delphicomp {
  position:absolute;
  left:460px;
  top:25px;
}

.header-trekking {
  position:absolute;
  left:430px;
  top:45px;
}

.header-forum {
  position:absolute;
  left:410px;
  top:66px;
}

.header-languages {
  margin-top:60px;
  margin-right:10px;
  float:right;
  _float:none; /* IE 5.x hack */ 
  text-align:right;
}

.header-languages a {
  margin:0;
}

.header-lang-link {
  display:block;
  float:right;
  padding-right:5px;
}

.header-lang-img {
  vertical-align:top;
}

/***** main area - common classes *****/

.main {
  clear:both;
  float:none;
}

.main-left {
  float:left;
  width:180px;
}

.main-center {
  float:left;
  margin-left:10px;
  width:600px;
}

.main-right {
  float:left;
  margin-left:10px;
  width:160px;
}

/***** block classes *****/

.block-header {
  clear:both;
  margin-top:10px;
  height:21px;
}

.block-topleft {
  background-color:transparent;
  background-image:url(images/block-topleft.gif);
  background-repeat:no-repeat;
  float:left;
  width:25px;
  height:21px;
  margin-right:-3px;
}

.block-top {
  background-color:#F2E4C2;
  background-image:url(images/block-top.png);
  background-repeat:repeat-x;
  padding-top:3px;
  #padding-top:4px;
  padding-left:1px;
  height:21px;
  text-align:left;
  font-size:13px;
  #font-size:12px;
  font-weight:bold;
  color:#74457A;
}

.block-topright {
  background-color:transparent;
  background-image:url(images/block-topright.gif);
  background-repeat:no-repeat;
  float:right;
  width:9px;
  height:21px;
  margin-left:-3px;
}

.block-main {
  background:white;
  background-image:url(images/block-bkgnd.png);
  background-repeat:repeat;
  border:1px solid #EEA518;
  border-bottom:0;
}

.block-footer {
  clear:both;
  height:8px;
  margin:0;
}

.block-bottomleft {
  background-color:transparent;
  background-image:url(images/block-bottomleft.gif);
  background-repeat:no-repeat;
  float:left;
  width:11px;
  height:9px;
  margin-right:-3px;
}

.block-bottomright {
  background-color:transparent;
  background-image:url(images/block-bottomright.gif);
  background-repeat:no-repeat;
  float:right;
  width:10px;
  height:9px;
  margin-left:-3px;
}

.block-bottom {
  background-image:url(images/block-bottom.png);
  background-repeat:repeat-x;
  height:8px;
}

.bullet, .bullet-sel {
  background-image:url(images/block-bullet.gif);
  background-position:right center;
  background-repeat:no-repeat;
  width:16px;
  height:100%;
}

.bullet-sel {
  background-color:#FFE8C0;
}

.arrow, .arrow-sel {
  background-image:url(images/block-arrow.gif);
  background-position:right center;
  background-repeat:no-repeat;
  width:16px;
  height:100%;
}

.arrow-sel {
  background-color:#FFE8C0;
}

.plus, .plus-sel {
  background-image:url(images/block-plus.gif);
  background-position:right center;
  background-repeat:no-repeat;
  width:16px;
  height:100%;
}

.plus-sel {
  background-color:#FFE8C0;
}

/***** left column - block for main menu *****/

.menu {
  font-size:110%;
  table-layout:fixed;
  width:100%;
}

.menu-item, .menu-item-sel {
  padding:.1em;
}

.menu-item-sel {
  background:#FFE8C0;
}

.menu-item a {
  color:#8000FF;
}

.menu-item a:visited {
  color:#8000FF;
}

.menu-item a:hover {
  color:#FF8000;
}

.menu-item-sel a {
  color:Navy;
}

.menu-item-sel a:visited {
  color:Navy;
}

.menu-item-sel a:hover {
  color:#FF8000;
}

/***** left column - block for article links *****/

.article-links {
  font-size:90%;
  table-layout:fixed;
  width:100%;
}

.article-link, .article-link-sel {
  padding:.2em;
}

.article-link-sel {
  background:#FFE8C0;
}

.article-link a {
  color:#8000FF;
}

.article-link a:visited {
  color:#8000FF;
}

.article-link a:hover {
  color:#FF8000;
}

.article-link-sel a {
  color:Navy;
}

.article-link-sel a:visited {
  color:Navy;
}

.article-link-sel a:hover {
  color:#FF8000;
}

.pages {
  font-weight:bold;
  font-size:90%;
  width:100%;
}

.page-number, .page-number-sel {
  padding-left:16px;
  padding-right:2px;
  text-align:left;
  table-layout:fixed;
}

.page-number-sel {
  background:#C0E8FF;
}

.page, .page-sel {
  padding:.1em;
}

.page-sel {
  background:#C0E8FF;
}

.page a {
  color:#0080D0;
}

.page a:visited {
  color:#0080D0;
}

.page a:hover {
  color:#FF69B4;
}

.page-sel a {
  color:rgb(87,87,87);
}

.page-sel a:visited {
  color:rgb(87,87,87);
}

.page-sel a:hover {
  color:#FF69B4;
}

/***** left column - statistics *****/

.stats {
  margin-top:10px;
  text-align:center;
}

/***** main column - article area *****/

.block-main-header {
  clear:both;
  margin-top:10px;
  height:8px;
}

.block-main-topleft {
  background-color:transparent;
  background-image:url(images/block-main-topleft.gif);
  background-repeat:no-repeat;
  float:left;
  width:11px;
  height:8px;
  margin-right:-3px;
}

.block-main-top {
  background-color:#FFE8C0;
  border-top:1px solid #EEA518;
  height:8px;
}

.block-main-topright {
  background-color:transparent;
  background-image:url(images/block-main-topright.gif);
  background-repeat:no-repeat;
  float:right;
  width:11px;
  height:8px;
  margin-left:-3px;
}

.block-main-main {
  background-color:white;
  background-image:url(images/block-main-bkgnd.png);
  background-repeat:repeat-x;
  border:1px solid #EEA518;
  border-top:0;
  border-bottom:0;
}

.article-table, .article-td {
  border:1px solid #B0B0FF;
}

.article-table {
  margin-left:auto;
  margin-right:auto;
  margin-top:.4em;
  margin-bottom:.4em;
  text-align:left;
}

.article-th {
  color:White;
  background-color:#B0B0FF;
  padding:.2em;
}

.article-td {
  padding:.2em;
  text-align:left;
}

.article-author {
  float:left;
/*  overflow:visible;*/
}

.article-pagetitle {
  font-size:130%;
  font-weight:bold;
  color:Black;
  margin-top:.1em;
  margin-bottom:.5em;
  overflow:visible;
}

.article-center {
  clear:both;
  text-align:center;
  width:100%;
}

.article-center-table {
  margin-left:auto;
  margin-right:auto;
}

.article-center-td {
  white-space:nowrap;
}

.error-heading {
  background-color:red;
  color:yellow;
  font-weight:bold;
}

.img-border {
  border:1px Navy solid;
  vertical-align:top;
}

.img-common, .img-center, .img-left, .img-right, .img-float-left,
.img-float-right, .img-float-left-noclear, .img-float-left-only {
  padding-bottom:6px;
/*  display:inline;*/
/*  white-space:nowrap;*/
}

.img-center {
  text-align:center;
  display:block;
}

.img-left {
  text-align:left;
}

.img-right {
  text-align:right;
}

.img-float-left {
  clear:both;
  float:left;
  padding-right:6px;
}

.img-float-right {
  clear:both;
  float:right;
  padding-left:6px;
}

.img-float-left-noclear {
  float:left;
  padding-right:6px;
}

.img-float-left-only {
  float:left;
}

.article-columns {
  width:582px;
}

.article-col50, .article-col33, .article-col25 {
  text-align:left;
  float:left;
  width:50%;
}

.article-col33 {
  width:33%;
}

.article-col25 {
  width:25%;
}

.article-col-content-first {
  padding-right:5px;
  border-right:1px solid #FFE8C0;
  overflow:auto;
}

.article-col-content {
  padding-left:5px;
  padding-right:5px;
  border-right:1px solid #FFE8C0;
  overflow:auto;
}

.article-col-content-last {
  padding-left:5px;
  overflow:auto;
}

/***** main column - page links *****/

.page-links {
  float:right;
  color: #A0A0D0;
  margin-top:.2em;
  margin-bottom:1em;
  margin-left:1em;
  /*overflow:visible;*/
  text-align:right;
}

.page-links a {
  color:blue;
  font-style:italic;
}

.page-links a:visited {
  color:blue;
}

.register-text {
  color:blue;
}

.register-text:visited {
  color:blue;
}

/***** main column - discussion *****/

.comment-wrapper {
  background-repeat:no-repeat;
  background-position:-2px top;
  #background-position:0px top;
  background-image:url(/images/comment-arrow.gif);
  border-left:2px solid #EEA518;
  padding-left:10px;
}

.comment-wrapper-last {
  background-repeat:no-repeat;
  background-position:left top;
  background-image:url(/images/comment-arrow.gif);
  padding-left:12px;
}

.comment-body {
  background:#FFF0D0;
  width:100%;
}

.comment-header {
  border:1px solid #EEA518;
  border-left:2px solid #EEA518;
  padding:.1em;
  padding-left:.4em;
  padding-right:.4em;
}

.comment-header-date {
  color:#A0A0D0;
  font-weight:bold;
  font-variant:small-caps;
}

.comment-text-wrapper {
  background:white;
}

.comment-text {
  overflow:auto;
  padding:.4em;
}

.comment-text-sub {
  padding:.4em;
  border-left:2px solid #EEA518;
}

.comment-input-box {
	BORDER:1px navy solid;
	WIDTH:80px;
	HEIGHT:1.2em;
}

.comment-submit {
	border:1px blue solid;
  text-align:center;
	background:Navy;
	color:#E0E0FF;
	height:1.3em;
}

.comment-search-label {
  color:#A0A0D0;
  font-weight:bold;
  font-variant:small-caps;
}

.comment-match {
  color:#E0E0FF;
	background:Navy;
  font-weight:bold;
}

.comment-reply-box {
  border:2px solid Navy;
  margin:10px;
  padding:1em;
}

.comment-from {
  color:#6060FF;
}

.comment-image {
  margin-right:.4em;
}

/***** right column - login block *****/

.block-login-main {
  background-color:white;
  background-image:url(images/block-login-bkgnd.png);
  background-repeat:repeat-x;
  padding-top:2px;
  border:1px solid #EEA518;
  border-bottom:0;
}

.block-login-main a {
  color:blue;
}

.block-login-main a:visited {
  color:blue;
}

.login-text {
  font-size:70%;
  font-weight:normal;
  color:Navy;
  margin-top:.1em;
  margin-bottom:.3em;
}

.login-username {
  font-size:80%;
  font-weight:bold;
  color:Red;
}

.login-submit {
  text-align:center;
  margin-top:.5em;
  margin-bottom:.5em;
}

.login-input-submit {
	border:1px blue solid;
	background:Navy;
	color:#E0E0FF;
	#width:90px; /* hack pro IE */
}

.login-input-box {
	border:1px navy solid;
  width:140px;
}

.download-arrow {
  background-color:transparent;
  background-image:url(images/download-arrow.gif);
  background-position:right center;
  background-repeat:no-repeat;
  width:17px;
  height:100%;
}

/***** right column - latest lists (inserted or updated articles) *****/

.block-inserted-main, .block-updated-main {
  background-color:white;
  background-repeat:repeat-x;
  padding-top:2px;
  border:1px solid #EEA518;
  border-bottom:0;
}

.block-inserted-main {
  background-image:url(images/block-inserted-bkgnd.png);
}

.block-updated-main {
  background-image:url(images/block-updated-bkgnd.png);
}

.latest-list {
  font-size:100%;
}

.latest-author {
  float:left;
  font-size:70%;
  font-style:italic;
  margin-top:.2em;
  margin-bottom:0;
}

.latest-date {
  color:#A0A0D0;
  font-size:70%;
  font-weight:bold;
  margin-top:.2em;
  margin-bottom:0;
  padding-right:.2em;
  text-align:right;
}

.latest-thumb {
  width:43px;
}

/***** footer *****/

.footer {
  width:960px;
}

.footer-text {
  font-size:70%;
  font-weight:bolder;
  color:navy;
  margin-top:0px;
  margin-bottom:0px;
}

.footer-end {
  width:100%;
  height:15px;
}