body
{
	margin: 0px;
	padding: 0px;
	font-family: trebuchet MS, Verdana, tahoma, arial;
	color: #ffffff;
	font-size: 12px;
	background-color: #000000;
	background-image: url('/bg_puu2.jpg');
}

h1 img
{
	position: absolute;
	top: 22px;
	left: 48px;
}

.date {font-size:12px;}

h1 {font-size:20px; color:#000000; text-transform:uppercase; text-decoration:none; border-bottom: 1px solid #000000; padding-bottom: 3px; margin-bottom: 10px;}
h1 a {font-size:20px; color:#000000; text-decoration:none;}

#labrapage h2 {font-size:20px; color:#000000;  text-decoration:none; border-bottom: 1px solid #000000; padding-bottom: 2px; margin-bottom: 2px;}

#labrapage h2 a {font-size:18px; color:#000000; text-decoration:none;}

a {color: #000000;}

#frontpage p a {text-decoration:none;}

h3
{

}

h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


.portfolio_tekstit h2 {margin-bottom:3px; font-size:17px;}


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

.mainpage
{
	margin-top: 0px;
	width: 179px;
	height: 79px;
	background: url('/jannejamsen_logo.gif');
	text-indent: -9999px;
}

#labrapage h3 {	margin-top: 0px;
	width: 179px;
	height: 79px;
	background: url('/jannejamsen_logo.gif');
	text-indent: -9999px;}

.h2_portfolio
{
	margin-top: 0px;
	width: 412px;
	height: 42px;
	background: url('/h2_portfolio.gif');
	text-indent: -9999px;
}

.h2_portfolio a
{
	width: 412px;
	height: 42px;
	display: block;
}

.mainpage a
{
	width: 179px;
	height: 79px;
	display: block;
}

img
{
	border: none;
}

img a
{
	border: none;
}

.heading
{
	margin-top: 20px;
}

#centered
{
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	background-color: #ffffff;
}

#mustapalkki
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000000;
	height: 83px;
}

#mustatreunat
{
	position: absolute;
	margin-left: -19px;
	top: 81px;
}

#header
{
	position: relative;
	width: 768px;
	background-color: #000000;
}

#allbullet
{
	margin-left: 40px;
}

.bulletlist
{
	float: left;
	margin-top: 157px;
}

#allbullet ul
{
	list-style-image: url('/bullet.gif');
	list-style-type: none;
}

#allbullet li:hover
{
	list-style-type: none;
	list-style-image: url('/bullet_h.gif');
}

#portfolio_button
{
	position: absolute;
	left: 507px;
	top: 192px;
	width: 108px;
	height: 29px;
}

#portfolio_button li
{
	display: block;
	width: 108px;
	height: 29px;
	list-style-type: none;
	background-image: url("/portfolio_button.gif");
}

#portfolio_button a
{
	display: block;
	width: 108px;
	height: 29px;
}

#portfolio_button li:hover
{
	background-image: url("/portfolio_button_h.gif");
}

#logo
{
	position: relative;
	width: 176px;
	height: 79px;
	float: left;
	background-color: #000000;
}

#navi
{
	position: relative;
	float: right;
	height: 79px;
}

#flash
{
	margin: 0;
	padding 0: ;
	clear: both;
	position: relative;
	width: 768px;
	height: 272px;
	background-image: url("/header_bg.jpg");
}

#frontpage #content_boxup
{
	width: 758px;
	height: 150px;
	background-color: #ffffff;
	background-image: url("/contentbox_bg_up.jpg");
}

#portfoliopage #content_boxup
{
	width: 758px;
	height: 150px;
	background-color: #ffffff;
	background-image: url("/contentbox_bg_up_portfolio.jpg");
}


#labrapage #content_boxup
{
	width: 758px;
	height: 150px;
	background-color: #ffffff;
	background-image: url("/contentbox_bg_up_blank.jpg");
}


#content_box
{
	float: left;
	position: relative;
	z-index: 1;
	color: #000000;
	margin-top: -75px;
	width: 768px;
	background-image: url("/textbox_bg.gif");
}


#labrapage #content_box
{
	float: left;
	position: relative;
	z-index: 1;
	color: #000000;
	margin-top: -120px;
	width: 768px;
	background-image: url("/textbox_bg.gif");
}


#navi ul
{
	float: right;
	margin-top: 45px;
	margin-right: 25px;
}

#navi a
{
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	padding-top: 6px;
	display: block;
	width: 76px;
	height: 24px;
	text-align: center;
	background-image: url("/menu_bg.gif");
}

#navi a:hover
{
	background-image: url("/menu_bg_v.gif");
}

#navi ul li
{
	float: left;
	list-style-type: none;
	margin-right: 7px;
}

#left_column
{
	float: left;
	margin-left: 50px;
	width: 410px;
}

#right_column
{
	margin: 0;
	padding: 0px;
	width: 230px;
	margin-top: 10px;
	float: right;
	margin-right: 30px;
}

.sininen
{
	color: #0077bc;
	font-style: italic;
}

.twitter_divider
{
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
}

#right_column p
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 7px;
	z-index: 5;
}

#twitter p
{
	margin-bottom: 5px;
	margin-top: 2px;
}

#twitter a
{
	color: #424242;
	text-decoration: none;
}

#twitter a:hover
{
	color: #000000;
}

.portfolio_item p
{
	font-size: 11px;
	margin-top: 4px;
}

.portfolio_item
{
	margin-top: 15px;
	margin-bottom: 0px;
}

.portfolio_tekstit
{
	background-color: #f7f7f7;
	padding-left: 3px;
	float: right;
	margin-right: 0px;
	margin-top: 13px;
	width: 254px;
	height: 130px;
}

.portfolio_item a
{
	color: #424242;
	text-decoration: none;
}

.portfolio_pic
{
	float: left;
	margin-right: 0px;
}

#footer
{
	width: 100%;
	height: 295px;
	position: relative;
	margin: 0px;
	margin-top: -5px;
	padding: 0px;
	background-image: url('/footer.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
}

#linkit
{
	position: Absolute;
	left: 21px;
	top: 101px;
}



.kommenttilaatikko {padding:10px; margin-bottom: 10px; border: 8px solid #ebebeb;}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
border: 8px solid #ebebeb;
}

ul.comments_error {
border: 8px solid #ebebeb;
}

div#cpreview {
background-color: #e4e4e4;

}

form#txpCommentInputForm td {
vertical-align: top;
}