/*
CSS Style for Tulikukka.com 2008, by: Joonas "voxel" From
=========================================================
*/
/* Default styles */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body
{
	padding: 0px;
	margin: 0px;
	background: #e6e3e0;
	font: 13px Georgia, Arial, sans-serif;
	font-weight: normal;
	color: #423732;
}
table
{
	width: 100%;
	margin-bottom: 20px;
	border-spacing: 0px;
	border-collapse: collapse;
}
/* Header area*/
#header
{
	height: 300px;
	background: url(../gfx/header_bg.jpg) repeat-x top center;
}
#innerheader
{
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	margin: 0px auto 0px auto;
}
#innerheaderlogo
{
	width: 810px;
	height: 260px;
	margin: 0px auto 0px auto;
	background: url(../gfx/innerheader_logo.jpg) no-repeat scroll top right;
}
/* Navigation */
#navigation
{
	width: 810px;
	height: 40px;
	background: url(../gfx/navigation_bg.jpg) no-repeat scroll bottom right;
}
#navigation-etusivu,#navigation-mina,#navigation-portfolio,#navigation-blog,#navigation-muuta,#navigation-yhteystiedot
{
	height: 40px;
	display: inline;
	float: left;
	background-image: url(../gfx/navigation.jpg);
}
#navigation-etusivu-active,#navigation-mina-active,#navigation-portfolio-active,#navigation-blog-active,#navigation-muuta-active,#navigation-yhteystiedot-active
{
	height: 40px;
	display: inline;
	float: left;
	background: url(../gfx/navigation_active.jpg);
}
#navigation-etusivu,#navigation-etusivu-active
{
	width: 80px;
	background-position: 0px 0px;
}
#navigation-etusivu:hover
{
	background-position: 0px -40px;
}
#navigation-mina,#navigation-mina-active
{
	width: 50px;
	background-position: -80px 0px;
}
#navigation-mina:hover
{
	background-position: -80px -40px;
}
#navigation-portfolio,#navigation-portfolio-active
{
	width: 80px;
	background-position: -130px 0px;
}
#navigation-portfolio:hover
{
	background-position: -130px -40px;
}
#navigation-blog,#navigation-blog-active
{
	width: 60px;
	background-position: -210px 0px;
}
#navigation-blog:hover
{
	background-position: -210px -40px;
}
#navigation-muuta,#navigation-muuta-active
{
	width: 60px;
	background-position: -270px 0px;
}
#navigation-muuta:hover
{
	background-position: -270px -40px;
}
#navigation-yhteystiedot,#navigation-yhteystiedot-active
{
	width: 110px;
	background-position: -330px 0px;
}
#navigation-yhteystiedot:hover
{
	background-position: -330px -40px;
}
#navigation a span
{
	display: none;
}
/* Main area*/
#mainarea
{
	background: url(../gfx/mainarea_bg.jpg) repeat-x;
}
/* Page Container */
#pagecontainer
{
	width: 100%;
	margin: 0px auto 0px auto;
	background: url(../gfx/pagecontainer_bg.jpg) no-repeat top center;
}
#pagebackgrounder
{
	width: 810px;
	margin: 0px auto 0px auto;
	background: url(../gfx/pagebackgrounder_bg.jpg) repeat-y;
}
/* Page */
#page
{
	width: 810px;
	background: url(../gfx/page_bg.jpg) no-repeat;
}
/* Page content */
#pagemaincontent
{
	width: 540px;
	padding: 30px 20px 40px 40px;
	float: left;
}
/* Sidebar content */
#pagesidebarcontent
{
	width: 170px;
	padding: 30px 20px 40px 20px;
	float: left;
}
#sidebarinfo
{
	padding-top: 40px;
	background: url(../gfx/separator.jpg) no-repeat top;
	font-size: 11px;
}
/* Footer */
#pagefooter
{
	width: 810px;
	height: 100px;
	background: url(../gfx/pagefooter.jpg) no-repeat;
	text-align: center;
}
/* Content/text styles */
h1,h2,h3
{
	line-height: 100%;
	padding-top: 20px;
	font-family: Georgia, "Times new Roman", sans-serif;
	font-weight: normal;
	text-decoration: none;
}
h1
{
	font-size: 40px;
	text-shadow: 0px 1px 2px #cccccc;
}
h2
{
	font-size: 25px;
	text-shadow: 0px 1px 1px #cccccc;

}
h3
{
	font-size: 16px;
}
p
{
	margin: 10px auto 10px auto;
	line-height: 150%;
}
a
{
	text-decoration: none;
}
a:link
{
	background: url(../gfx/underline_link.png) repeat-x bottom left;
	color: #8c090d;
}
a:visited
{
	background: url(../gfx/underline_visited.png) repeat-x bottom left;
	color: #6d6d6d;
}
a:hover
{
	background: url(../gfx/underline_hover.png) repeat-x bottom left;
	color: #e8141b;
}
#pagemaincontent
{
	
}
#pagesidebarcontent
{
	font-family: Georgia, "Times new roman", sans-serif;
	color: #292422;
}
#pagesidebarcontent h1
{
	font-size: 20px;
}
#pagesidebarcontent
{
	font-size: 13px;
}
#pagefooter p
{
	padding-top: 65px;
	font: 12px Georgia, "Times new Roman", sans-serif;
	color: #737373;
}
/* Misc styles */
.clear
{
	clear: both;
}
.infotable td
{
	width: 50%;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: top;
}
.infotable tr.odd
{
	background-color: #eeeae6;
}
.infotable tr.even
{
	background-color: #e0ddd8;
}
.infotable th
{
	padding-top: 20px;
	padding-bottom: 10px;
	font: 30px Georgia;
	text-align: left;
}
.timestamp
{
	font: 18px Georgia, sans-serif;
	color: #6d6d6d;
}
.codebox
{
	background: #eee9e4;
	margin: 10px 20px 10px 10px;
	padding: 10px;
	border-left: 5px solid #d2cdc7;
	border-right: 5px solid #d2cdc7;
	font: 12px "Lucida Console", "Monaco", monospace;
}
.thumbs a
{
	background-image: none; /* Tulee muuten alleviivaukset kuviin. */
}
.thumbs a img
{
	border: 1px solid #d2cdc7;
}
.thumbs a img:hover
{
	border: 1px solid #000000;
}
.float_left
{
	float: left;
	margin-right: 5px;
}
.float_right
{
	float: right;
	margin-left: 5px;
}
.float_left,.float_right
{
	display: block;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
hr
{
	display: none;
}