/*
 * Matti Anttila 2005
 */


/* Yleiset tyylit */
 
html {
     padding: 0;
     border: 0px none;
}

body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #909;
	    text-decoration: underline;
}

a:visited {
	color: #909;
	    text-decoration: underline;
}

p {
	font-size: 1em;
	padding-bottom: 0.25em;
}

img {
    border: 0px none;
    margin: 0;
    padding: 0
}

ul, ol, dl {
	font-size: 1.0em;
}

.nobullet {
	margin-top: 0.5em;
	margin-left: 0;
	list-style: none;
}

code, pre {
    font-family: monospace;
	font-weight: 600;
}

.indent1, .indent {
	margin-left: 2.5em;
}

.indent2 {
	margin-left: 5em;
}



/* Headerit */


#header {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px auto 10px;
	BORDER-LEFT: #ccc 1px solid; WIDTH: 660px; BORDER-BOTTOM: #ccc 1px solid
}
#blog-title {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #eee 1px solid;
	PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 200%; PADDING-BOTTOM: 0.25em;
	MARGIN: 5px 5px 0px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #eee 1px solid;
	COLOR: #444; LINE-HEIGHT: 1.2em; PADDING-TOP: 20px; BORDER-BOTTOM: #eee 0px solid; LETTER-SPACING: 0.2em
}
#description {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #eee 0px solid;
	PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; MARGIN: 0px 5px 5px;
	FONT: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	TEXT-TRANSFORM: uppercase; BORDER-LEFT: #eee 1px solid; COLOR: #999; PADDING-TOP: 0px;
	BORDER-BOTTOM: #eee 1px solid; LETTER-SPACING: 0.2em; max-width: 700px
}


#iso_otsikko {
    width: 100%;	       
    border: 1px solid #000;
    padding: 0;
    margin: 0;
}

#iso_kuva img#logo {
    text-align: left;
    float: left;
    width: 343px;
}

#iso_kuva img#banner-image {
    text-align: right;
    float: right;
    width: 288px;
}

#global-nav {
    background-color: #338;
    color: #fff;
	padding: 3px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#global-nav a:link, #global-nav a:visited {
    background-color: #338;
    color: #fff;
    text-decoration: none;
    padding: 0px 5px;
}

#global-nav a:hover {
    background-color: #338;
    color: #fff;
    text-decoration: underline;
}

#global-utils-form {
    background-color: #36c;
    color: #fff;
    width: 18em;
}

#global-utils {
    background-color: #36c;
    color: #fff;
    vertical-align: middle;
    text-align: right;
    width: 100%;
}

#global-utils-links {
	padding-right: 2em;
}

#global-utils a:link, #global-utils a:visited {
    background-color: #36c;
    color: #fff;
    padding: 0px 5px;
    text-decoration: none;
}

#global-utils a:hover {
    background-color: #36c;
    color: #fff;
    text-decoration: underline;
}

#global-utils form {
    display: inline;
    padding: 0;
    margin: 0;
}



div.spacer {
    clear: both;	   
}

/* Kotisivutyylit */

#home #content {
    width: 100%;
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border: 1px solid #000;
}

#home #content tr {
    padding: 0;
    margin: 0;
}



#content #rotate-image {
    width: 185px;
    vertical-align: bottom;
    border-right: 1px solid #000;
}

#content #intro img#rotate {
    width: 185px;
    border: 0px none;
}

#rotate-image {
    border: 0px none;
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

#rotate-image img {
    margin-bottom: -3px;
}

#group-eight {
	text-align: right; 
	margin-top: 7em;
}



/* Home page - for and about nav boxes */

#content #main {
    border-right: 1px dashed #ccc;
    padding: 8px;
    vertical-align: top;
    width: 28%;
}

.main-nav {
    background-color: #e6ecf9;
    color: #000;
    border: 1px solid #36c;
    margin: 5px;
}

.main-nav h2 {
    background: #36c;
    color: #fff;
    padding: 0px;
	padding-left: 5px;
    margin: 0;
    font-size: 1.2em;
}



.main-nav li {
	margin: 0;
	border: 0px none;
	padding-top: 0.1em
}

.main-nav a:link {
    color: #000;
}

.main-nav a:hover {
    text-decoration: none;
}



/* Breadcrumbs */

#subpage-nav {
	margin-top: 0;
	padding-top: 0;
}

#sitemap {
	font-size: 0.9em;
	padding-top: 0.5em;
}

#print {
	font-size: 0.9em;
	padding-top: 0.5em;
	text-align: right;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	background-color: #fff;
	color: #338;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    margin: 1em 0em 0.5em 0em;
	padding: 0;
}

h1 {
    font-size: 1.3em;
}

h2 {
    font-size: 1.1em;
}

h2.black {
    font-size: 1.1em;
	color: #000;
}

h3 {
	font-size: 1.0em;
	color: #d90;
}

h3.black {
	font-size: 1.0em;
	color: #000;
}

h4 {
	font-size: 0.9em;
}

h4.black {
	font-size: 0.9em;
	color: #000;
}

h5 {
	color: #333;
	font-size: 0.9em;
}

h6 {
	color: #333;
	font-size: 0.8em;
}

/* Main text cells */

.text img {
	border: 1px solid #000;
}
.text {
	padding-right: 0.5em;
}

/* Text styles */

.caption {
	color: #338;
	font-size: 0.8em;
	font-weight: bold;
}
.small {
	font-size: 0.8em;
}

/* Highlighted content boxes */

#highlight-top, .highlight, .section-highlight {
    border: 1px solid #36c;
}

#highlight-top, .highlight {
	margin-top: 1em;
}

.section-highlight {
	margin-top: 4em;
}

.highlight-header {
    background: #36c;
    color: #fff;
    font-size: 1.2em;
	font-weight: bold;
    margin: 0;
    padding: 0;
	padding-left: 0.25em;
	border-bottom: 1px solid #36c;
}

.highlight-body {
	background-color: #fff;
	color: #000;
	font-size: 0.95em;
	padding: 0.25em 0.5em 0.25em 0.5em;
}



.highlight-body li {
	margin: 0;
	border: 0px none;
	padding-top: 0.1em
}

.highlight-body a:link {
    color: #338;
}

.highlight-body a:hover {
    text-decoration: none;
}

/* Image styles */ 

.photo {
	text-align: right;
}

.photo img {
	border: 1px solid #000;
	margin-top: 20px;
}

img.noborder {
	border: none;
}

img.border, img.border1 {
	border: 1px solid #000;
}

img.border2 {
	border: 2px solid #000;
}

img.screenshot {
	margin: 10px;
	padding: 5px;
	border: 1px dashed #666;
}

img.right {
	text-align: right;
}

img.left {
	text-align: left;
}

img.center {
	text-align: center;
}

/* Table styles */ 

.info-table {
	font-size: 0.9em;
}

caption {
	background-color: #fff;
	color: #338;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.25em;
	margin-top: 0.75em;
}

th {
	background-color: #338;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

/* Text highlight styles */ 

.box {
	width: 75%;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #ccc;
	background-color:  #F5F5F5;
}

.shade {
	background-color: #EAEFFA;
} 





/* Section navigation */

#section-nav {
    background-color: #EAEFFA;
    color: #338;
	border-left: 1px solid #ccc;
	border-right: 1px dashed #ccc;
    margin-top: 0;
	margin-right: 0.25em;
	padding: 0.25em;
}

#section-nav2 {
    background-color: #EAEFFA;
    color: #338;
	border-left: 1px dashed #ccc;
	border-right: 1px solid #ccc;
    margin-top: 0;
	margin-left: 0.25em;
	padding: 0.25em;
}

.section-nav-body ul ul {
	list-style-image: none;
	list-style: bullet;
	margin-top: 0.1em;
}

.section-nav-body li {
	margin: 0;
	border: 0px none;
	padding-top: 0.1em
}

.section-nav-body a:link {
    color: #338;
}

.section-nav-body a:hover {
    text-decoration: none;
}









.post {
	PADDING-BOTTOM: 1.5em; MARGIN: 0.5em 0px 1.5em; BORDER-BOTTOM: #ccc 1px dotted
}
.post-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 140%;
	PADDING-BOTTOM: 4px; MARGIN: 0.25em 0px 0px; COLOR: #c60; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px
}
.post-title A {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #c60; TEXT-DECORATION: none
}
.post-title A:visited {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #c60; TEXT-DECORATION: none
}
.post-title STRONG {
	DISPLAY: block; FONT-WEIGHT: normal; COLOR: #c60; TEXT-DECORATION: none
}
.post-title STRONG {
	COLOR: #333
}
.post-title A:hover {
	COLOR: #333
}
.post P {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.6em
}
P.post-footer {
	MARGIN: -0.25em 0px 0px; COLOR: #ccc
}
.post-footer EM {
	FONT: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.1em
}
.comment-link {
	FONT: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.1em
}
.post-footer EM {
	COLOR: #999; MARGIN-RIGHT: 0.6em; FONT-STYLE: normal
}
.date-header {
	MARGIN: 1.5em 0px 0.5em
}

.post P {
	MARGIN: 0px 0px 0.75em; LINE-HEIGHT: 1.6em
}
P.post-footer {
	MARGIN: -0.25em 0px 0px; COLOR: #ccc
}
.post-footer EM {
	FONT: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.1em
}
.comment-link {
	FONT: 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.1em
}
.post-footer EM {
	COLOR: #999; MARGIN-RIGHT: 0.6em; FONT-STYLE: normal
}