/*
Alark Oy:n CSS-tiedosto
Coding Ahonen 2017
*/

a {
	text-decoration: none;
	color: #000000;
}

body {
	background-image: url("tausta.jpg");
	font-family: Verdana, sans-serif;
	text-align: justify;
}

ul {
	text-align: left;
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 50px;
}

.content {
	background-color: #ffffff;
	width: 800px;
	border: 1px solid #4c1313;
	border-radius: 10px;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-bottom: 50px;
	box-shadow: rgba(3, 3, 3, 0.66) 5px 5px 2px;
}

p {
	text-align: justify;
	font-size: 1em;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
}

.bar {
	align: center;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 5px;
}

#brick {
	text-align: center;
	width: 115px;
	display: inline-block;
}

.banner {
	height: 300px;
	width: 800px;
	border-radius: 10px;
}

#bold {
	font-weight: bold;
	color: #CC3333;
}

#heavy:hover {
	font-weight: bold;
	color: #CC3333;
}

#frontpage {
	background-image: url("front.jpg");
}

#veikko {
	background-image: url("logo.png");
}

#pokke {
	background-image: url("logo.png");
}

h3 {
	text-align: center;
	color: #CC3333;
	font-size: 3em;
	margin-top: 50px;
	text-shadow: rgba(3, 3, 3, 0.75) 2px 2px 2px;
}

#small {
	font-size: 0.75em;
	margin-top: 10px;
}