/* This sets the overall frame for the site */
body {
  margin:0 4%; 
  font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; /* x-small */
  border: 1px solid #c0c0c0;
  background: #fff;
}

img { border: 0; }

/* These control the fixed-width text elements of the page */
textarea, pre, code { font-size:0.9em; }
pre, code { font-family: "Courier New",Courier,monospaced; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1, h2, h3, h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }
h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5, h6 { font-size:1em; }

/* The #header element includes the logo from $PageLogoFmt */
#header { margin: 0; padding: 2px; background: #000; color: #fff; min-height: 40px; font-size:2.4em; font-weight: bold; vertical-align: top; }
#header span { padding-left: 0.6em; }
#header a { color: #fff; text-decoration: none; }

/* This controls the rest of the heading (primarily the search box) */
#wikihead { 
  float: right; padding-top: 3px;
  font-family:Verdana,sans-serif; font-size:0.4em; 
}
#wikihead input { font-size:90%; } 

/* These are for the left-sidebar. */
#wikileft {
	width:155px;  float: left; 
	/* position: fixed; *//* top: 0; left: 0; */
  padding:5px;
  line-height:1.33em;
  font-size:9.4pt; font-family:Verdana,sans-serif;
}
#wikileft .vspace { margin-top:1.125em; }
#wikileft a { text-decoration:none; color:black; display: block; }
#wikileft a:hover { text-decoration:underline; color:blue; }
#wikileft ul { list-style:none; padding: 2px 0; margin:0; border: 1px #ccc solid;}
#wikileft li { margin:0; padding-left: 6px; }

#wikileft ul ul { display: none;  border: 0; }
#wikileft li.more { padding-right: 20px; background: transparent url(/kuvat/nuoli_alas.gif) no-repeat top right; }
#wikileft li.more:hover ul, .HOTRy #ry ul, #KisatJaMatkat #kisat ul { display: block; }

.sidehead {
  margin:0; padding:2px 2px 2px 4px;
  font-weight:bold; font-style:normal;
  background: #000; color: #fff;
}
.sidehead a 
  { color:#505050; font-weight:bold; font-style:normal; }
#wikileft .selflink { background: #ccc; display: block; }

/* These affect the main content area. */
#wikibody {
  padding:0 10px 10px 170px;
  font-size:130%; 
}

.pagegroup { margin-top:8px; margin-bottom:2px; }
.pagetitle { line-height:1em; margin:0px; font-size:1.6em; font-weight:normal; }
.wikiaction { margin-top:4px; margin-bottom:4px; }
#wikitext { margin-top:12px; line-height:1.33em;
   background: #fff url(/kuvat/hotlogo_bg.gif) no-repeat;
}
#wikitext table { font-size:100%; line-height:1.33em; } /* For MSIE 5.5 */
#wikitext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#Linkit th { background-color: rgb(51, 204, 255); }
#Linkit td { font-weight: bold; }
#Linkit td+td { font-weight: normal; }

.HOTRy #wikitext dt, .Main #wikitext dt { float: left; width: 8em; }

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:99%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

#wikibody.Lajit img { right: -10px; position: relative; }

/* These affect the lines at the very bottom. */
#wikifoot { clear: both;
  padding-left:178px; padding-bottom:4px; border-top:1px #cccccc solid;
  font-family:Verdana,sans-serif; font-size:80%;
  text-align: right;
}

/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
}

/*  This provides a rounded background for a component. */
.hotbox {
	width: 50%;
	/* clear: right; float: left;  */
	border: 1px solid #ccc;
	padding: 0; margin: 5px;
}
.hotbox h4 { margin: 0; padding: 0 4px; background: #000; color: #fff; font-size: 0.9em; }
.hotbox p { margin: 0; padding: 0 4px; }
.round {
	min-height:40px;
	padding: 15px 20px 15px 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
}

form legend { font-weight: bold; color: #006; }