/** CSS by Toni Impiö
		Contact Toni at www.tonskudaigle.info
		
		CSS Toni Impiön käsialaa
			Ota tarvittaessa yhteyttä daigle@tonskudaigle.info kautta.
**/

body {
	background-image: url(../images/bodybg.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin-top: 20px;
	font-family: Calibri, "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
}

img {
	border: 0;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	color: #ff2400;
	border-bottom: 1px dotted #c71c00;
}

li {
	list-style-type: circle;
/**	list-style-type: none | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha; **/
	font-size: 20px;
	font-style: italic;
	color: #333333;
	margin-left: -6px;
	margin-top: 3px;
}

	.lisub {
		font-size: 16px;
	}

ul {
	color: #777777;
}

.h1right {
	font-weight: bold;
	margin-top: -41px;
}
		
a {
	text-decoration: none;
	font-weight: bold;
	color: blue;
}

a:hover {
	text-decoration: none;
	color: #8c0003;
	font-weight: bold;
}


	/** YHTEYDENOTTOLOMAKE **/

.inputfield {
	background-color: #fff;
	border: 1px solid #ff2400;
	font-size: 13px;
	padding: 2px;
}

.inputfield:hover {
	background-color: #f6f6f6;
	border: 1px solid #c71c00;
	font-size: 13px;
}

.textarea {
	background-color: #fff;
	border: 1px solid #ff2400;
	font-size: 13px;
	padding: 2px;
	overflow: auto;
}

.textarea:hover {
	background-color: #f6f6f6;
	border: 1px solid #c71c00;
	font-size: 13px;
}

.submitbutton {
	background-color: #fff;
	border: 1px solid #ff2400;
	font-size: 13px;
	padding: 2px;
	font-weight: bold;
}

.submitbutton:hover {
	background-color: #f6f6f6;
	border: 1px solid #c71c00;
	font-size: 13px;
	font-weight: bold;
}

.resetbutton {
	background-color: #fff;
	border: 1px solid #ff2400;
	font-size: 13px;
	padding: 2px;
}

.resetbutton:hover {
	background-color: #f6f6f6;
	border: 1px solid #c71c00;
	font-size: 13px;
}

/** structure **/

.wrapper {
	width: 866px;
	margin: auto;
	text-align: center;
}

.top {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	width: 866px;
	height: 27px;
	float: left;
}

.header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	width: 866px;
	height: 170px;
	float: left;
}

.contentspacer {
	background-image: url(../images/contentspacer.png);
	background-repeat: no-repeat;
	width: 866px;
	height: 22px;
	float: left;
}

.contentbg {
	background-image: url(../images/contentbg.png);
	background-repeat: repeat-y;
	width: 776px;
	text-align: justify;
	float: left;
	padding-left: 40px;
	padding-right: 50px;
	padding-bottom: 6px;
}

	.contentbg span {
		color: #c71c00;
	}

.footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	width: 866px;
	height: 27px;
	float: left;
}

.copyright {
	float: left;
	width: 866px;
	height: 20px;
	color: #fff;
	font-size: 12px;
}

/** blocks **/

.title {
	width: 500px;
	height: 75px;
	float: left;
	margin: 25px 0px 0px 40px;
	text-align: left;
}

.options {
	width: 276px;
	height: 75px;
	float: right;
	margin-top: 25px;
	text-align: center;
}

	.options img {
		margin-right: 6px;
	}

.intro {
	width: 781px;
	float: left;
	text-align: justify;
	margin: 10px 0px 0px 40px;
	font-size: 14px;
	font-style: italic;
}