@charset "utf-8";

/*****

xHTML+CSS survival kit

// Teema: Print style
// Kuvaus: Teema tulostusta varten. Clean and mean!

// Tekijä: Jani Penttinen
// Yhteys: jani.penttinen at valontuoja.net
// Teoksen kotisivu: http://survival.hollow13.net/
// Tekijänoikeus: Joitain oikeuksia pidätetään.
http://creativecommons.org/licenses/by-nc-sa/1.0/fi/

*****/


body {
	font-size: 10pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 160%;
	color: black;
	margin: 10pt 10px 10px 20px;
	padding: 10pt 10px 10px 20px;
}

/** Sisältö alkaa **/
div#container, div#content {
	width: auto;
	margin: 0pt;
	padding: 0pt;
	float: none !important;
	background: transparent;	
}

div#content .csection { 
	float: right;
	display: block;
	margin: 5pt 2pt 2pt 0pt;
	text-align: left;
	text-transform: lowercase;
}

p {margin: 6pt 0pt 6pt 0pt;}

#welcome {font-size: 14pt; margin: 15pt 0pt 10pt 0pt; font-style: italic;}

.info {
	margin: 0pt 0pt 5pt 10pt;
	padding: 0pt 0pt 0pt 10pt;
	border-left: 2pt solid black;
	font-size: 9pt;
	}

.extra {font-size: 9pt; margin: 0pt 0pt 0pt 20pt;}
/** Sisältö päättyy **/

/** Otsikot alkavat **/
h1 {font-size: 35pt; margin: 10pt 0pt 0pt 0pt;}
h2 {font-size: 19pt; margin: 30pt 0pt 5pt 0pt; text-align: center;}
h3 {font-size: 15pt; margin: 15pt 0pt 0pt 0pt;}
h4 {font-size: 15pt; margin: 20pt 0pt 0pt 0pt;}
h5 {font-size: 14pt; margin: 5pt 0pt 0pt 0pt;}
/** Otsikot päättyvät **/

/** Sisällysluettelo alkaa **/
#index {color: black;}
#index h2 {font-size: 13pt; text-align: left;}
#index ol ul {display: none;} /* Alavalikot jätetään pois */
#index a {text-decoration: none; color: black;}
/** Sisällysluettelo päättyy **/

/** Linkit alkavat **/
a, a:visited {
	color: black;
	background: transparent;
	text-decoration: none;
}

/* Käännän likien perään luettavan www-osoitteen */
a.destination:link:after, a.destination:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}
/** Linkit päättyvät **/

/** Listaukset alkaa **/
ul, ol {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 25px;
}

li {
	margin: 0px;
	padding: 0px;
}

dl {
	border: 1pt solid #555;
	padding: 10pt;
}

dl dt {
	margin: 10pt 0 0 0;
	border-bottom: 1pt solid #555;
	padding: 10pt 0 5pt 0pt;
}
/** Listaukset päättyvät **/

/** Kuvat alkaa **/
img {
	margin: 0pt; 
	padding: 0pt; 
	border: 0pt; 
}

/* Kuvien koot tulostusta varten */
.vaihe1 { width: 85%; height: auto;}
.vaihe2 { width: 70%; height: auto;}
.vaihe3 { width: 70%; height: auto;}
.vaihe4 { width: 60%; height: auto;}
.vaihe5 { width: 100%; height: auto;}
.vaihe7 { width: 100%; height: auto;}
.vaihe8 { width: 85%; height: auto;}
/** Kuvat päättyy **/

/** Poistettavat alkaa **/
.more, .dismiss, table .tellmemore .thickbox, #noclip, #slide, #up, .example, #unsupported  {display: none !important;} 
/** Poistettavat päättyy **/

/** Irallaan olevat luokat alkaa **/
.no {color: red;}
.yes {color: green;}
/* Pakotan sivun katkeamaan tulostusta varten */
.pagebreak {page-break-after: always;}
/** Irallaan olevat luokat päättyy **/

/** Koodielementit alkavat **/	
code {color: blue; font-size: 9pt;}
pre {font-size: 9pt; margin: 0px 0px 0px 15pt; color: blue; font-size: 9pt; line-height: 135%;}
.codearea {border-left: 2pt solid black; padding: 5pt 5pt 5pt 0pt; margin: 0pt 0pt 5pt 10pt;}
.codetype {text-transform: uppercase; text-align: center; display: inline; float: right; display:none;}
/** Koodielementit päättyvät **/

/** Taulukot alkavat **/
table {
	border: 1pt solid #555;
	text-align: left;
	vertical-align: top;
	margin: 20pt 0 20pt 0;
	width: 100%;
	}
	
table p {
	margin: 0pt 0pt 5pt 0pt;
	padding: 0pt;
}

table tr th {
	padding: 5pt;
	vertical-align: top;
	}

table tr td {
	padding: 5pt;
	vertical-align: top;
	}
	
table .subtitle, table .subtitle2  {
	border-top: 1pt solid #555;
	}
table .subtitle h5, table .subtitle2 h5 {
	display: inline;
	font-size: 13pt;
}

table .tag {border-top: 1pt solid #555;}

table .value {
	border-left: 1pt solid #555;
	border-top: 1pt solid #555;
	}

table .tellmemore {
	border-left: 1pt solid #555;
	border-top: 1pt solid #555;
	}

/** Taulukoiden leveys alkaa **/
.half {width: 5%;}
.one {width: 10%;}
.two {width: 20%;}
.three {width: 30%;}
.four {width: 40%;}
.five {width: 50%;}
.six {width: 60%;}
.seven {width: 70%;}
.eight {width: 80%;}
.nine {width: 90%;}
.ten {width: 100%;}
/** Taulukoiden leveys päättyy **/

/** Span-class fontit alkavat **/
/* Sans-serif fontit alkaa */
.arial {font: 10pt arial;}
.arialblack {font: 10pt "arial black";}
.gadget {font: 10pt gadget;}
.impact {font: 10pt impact;}
.charcoal {font: 10pt charcoal;}
.lucidasansunicode {font: 10pt "Lucida Sans Unicode";}
.lucidagrande {font: 10pt "Lucida Grande";}
.tahoma {font: 10pt Tahoma;}
.geneva {font: 10pt Geneva;}
.trebuchetms {font: 10pt "Trebuchet MS";}
.helvetica {font: 10pt Helvetica;}
.verdana {font: 10pt verdana;}
.geneva {font: 10pt geneva;}
.mssansserif {font: 10pt "MS Sans Serif";}
/** Sans-serif fontit päättyy **/

/** Serif fontit alkaa **/
.georgia {font: 10pt georgia;}
.palatinolinotype {font: 10pt "Palatino Linotype";}
.bookantiqua {font: 10pt "Book Antiqua";}
.palatino {font: 10pt "Palatino";}
.timesnewroman {font: 10pt "Times New Roman";}
.times {font: 10pt Times;}
.msserif {font: 10pt "MS Serif";}
.newyork {font: 10pt "New York";}
/** Serif fontit loppuu */

/** Monospace, Cursive, Symbols alkaa **/
.couriernew {font: 10pt "courier new";}
.lucidaconsole {font: 10pt "Lucida Console";}
.monaco {font: 10pt Monaco;}
.comicsansms {font: 10pt "Comic Sans MS";}
.symbol {font: 10pt symbol;}
.webdings {font: 10pt webdings;}
.wingdings {font: 10pt wingdings;}
.zapf {font: 10pt Zapf;}
.dingbats {font: 10pt Dingbats;}
/** Monospace, Cursive, Symbols päättyy /**
/** Span-class fontit päättyy **/

.hex {background-color:transparent; border: none; }

table.hex .color {
	padding: 5pt;
	margin:1pt;
	text-align: center;
	float: left;
	width: 80pt;
	text-transform: uppercase;
	border:none;
	}
/** Tablet päättyvät **/

/** Hex-värit alkavat **/
/** Valkoinen, harmaa ja musta **/

.ffffff {background: #fff;}
.cccccc {background: #ccc;}
.c-999999 {background: #999999;}
.c-666666 {background: #666666; color:  #fff;}
.c-333333 {background: #333333; color: #fff;}
.c-000000 {background: #000000;color: #fff;}

/** punainen **/
.ffcccc {background: #ffcccc;}
.ff9999 {background: #ff9999;}
.ff6666 {background: #ff6666;}
.ff3333 {background: #ff3333;}
.ff0000 {background: #ff0000;}
/** xxx **/
.cc9999 {background: #cc9999;}
.cc6666 {background: #cc6666;}
.cc3333 {background: #cc3333;}
.cc0000 {background: #cc0000;}
/** xxx **/
.c-996666 {background: #996666;}
.c-993333 {background: #993333; color: #fff;}
.c-990000 {background: #990000; color: #fff;}
/** xxx **/
.c-663333 {background: #663333; color: #fff;}
.c-660000 {background: #660000; color: #fff;}
/** xxx **/
.c-330000 {background: #330000; color: #fff;}

/** oranssi --- ruskea **/
.ffcc99 {background: #ffcc99;}
.ffcc66 {background: #ffcc66;}
.ffcc33 {background: #ffcc33;}
.ff9933 {background: #ff9933;}
.ff9900 {background: #ff9900;}
/** xxx **/
.cc9966 {background: #cc9966;}
.cc9933 {background: #cc9933;}
.cc9900 {background: #cc9900;}
.cc6600 {background: #cc6600;}
/** xxx **/
.c-996633 {background: #996633; color: #fff;}
.c-996600 {background: #996600; color: #fff;}
.c-663300 {background: #663300; color: #fff;}

/** keltainen -- vihreä **/
.ffffcc {background: #ffffcc;}
.ffff99 {background: #ffff99;}
.ffff66 {background: #ffff66;}
.ffff33 {background: #ffff33;}
.ffff00 {background: #ffff00;}
/** xxx **/
.cccc99 {background: #cccc99;}
.cccc66 {background: #cccc66;}
.cccc33 {background: #cccc33;}
.cccc00 {background: #cccc00;}
/** xxx **/
.c-999966 {background: #999966; color: #fff;}
.c-999933 {background: #999933; color: #fff;}
.c-999900 {background: #999900; color: #fff;}
/** xxx **/
.c-666633 {background: #666633; color: #fff;}
.c-666600 {background: #666600; color: #fff;}
.c-333300 {background: #555300; color: #fff;}

/** vihreä **/
.ccffcc {background: #ccffcc;}
.c-99ff99 {background: #99ff99;}
.c-66ff66 {background: #66ff66;}
.c-33ff33 {background: #33ff33;}
.c-00ff00 {background: #00ff00;}
/** xxx **/
.c-99cc99 {background: #99cc99;}
.c-66cc66 {background: #66cc66;}
.c-33cc33 {background: #33cc33;}
.c-00cc00 {background: #00cc00;}
/** xxx **/
.c-669966 {background: #669966; color: #fff;}
.c-339933 {background: #339933; color: #fff;}
.c-009900 {background: #009900; color: #fff;}
.c-336633 {background: #336633; color: #fff;}
.c-006600 {background: #006600; color: #fff;}
/** xxx **/
.c-003300 {background: #003300; color: #fff;}

/** turkoosi tai jotain  **/
.ccffff {background: #ccffff;}
.c-99ffff {background: #99ffff;}
.c-66ffff {background: #66ffff;}
.c-33ffff {background: #33ffff;}
.c-00ffff {background: #00ffff;}

/** xxx **/
.c-00ffff {background: #00ffff;}
.c-66cccc {background: #66cccc;}
.c-33cccc {background: #33cccc;}
.c-00cccc {background: #00cccc;}
/** xxx **/
.c-669999 {background: #669999; color: #fff;}
.c-339999 {background: #339999; color: #fff;}
.c-009999 {background: #009999; color: #fff;}
/** xxx **/
.c-336666 {background: #336666; color: #fff;}
.c-006666 {background: #006666; color: #fff;}
/** xxx **/
.c-003333 {background: #003333; color: #fff;}

/** sininen **/
.ccccff {background: #ccccff;}
.c-9999ff {background: #9999ff;}
.c-6666ff {background: #6666ff; color:#fff;}
.c-3333ff {background: #5553ff; color:#fff;}
.c-0000ff {background: #0000ff; color:#fff;}
/** xxx **/
.c-9999cc {background: #9999cc;}
.c-6666cc {background: #6666cc; color: #fff;}
.c-3333cc {background: #5553cc; color: #fff;}
.c-0000cc {background: #0000cc; color: #fff;}
/** xxx **/
.c-666699 {background: #666699; color: #fff;}
.c-333399 {background: #555399; color: #fff;}
.c-000099 {background: #000099; color: #fff;}
/** xxx **/
.c-333366 {background: #555366; color: #fff;}
.c-000066 {background: #000066; color: #fff;}
/** xxx **/
.c-000033 {background: #000033; color: #fff;}

/** lila tai jotain **/
.ffccff {background: #ffccff;}
.ff99ff {background: #ff99ff;}
.ff66ff {background: #ff66ff;}
.ff33ff {background: #ff33ff;}
.ff00ff {background: #ff00ff;}
/** xxx **/
.cc99cc {background: #cc99cc;}
.cc66cc {background: #cc66cc; color: #fff;}
.cc33cc {background: #cc33cc; color: #fff;}
.cc00cc {background: #cc00cc; color: #fff;}
/** xxx **/
.c-996699 {background: #996699; color: #fff;}
.c-993399 {background: #993399; color: #fff;}
.c-990099 {background: #990099; color: #fff;}
/** xxx **/
.c-663366 {background: #663366; color: #fff;}
.c-660066 {background: #660066;color: #fff;}
/** xxx **/
.c-330033 {background: #330033; color: #fff;}
/** Taulukot päättyvät **/