body {
	padding: 0; margin: 0;

	font-size: small;
	font-family: "Verdana", sans-serif;
	line-height: 1.4em;
	text-align: justify;

	color: #888;
}

body { height: 100%; overflow-y: auto; }

.semantic { display: none; }
.selfclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#navigation { margin: 1em 0 0 -6px; width: 503px; line-height: 0.9em; }
body#raty_koti #navigation { margin-left: -9px; width: 659px; }
#navigation li { display: inline; font-size: 120%; }
#navigation li a { margin: 0; border: none; }
#navigation li a:hover, #navigation li a:active { color: #000; }

#wrap { margin: 20px auto 0 auto; width: 950px; min-height: 720px; background: #fff url(img/laura_1.jpg) top right no-repeat; }
body#raty_koti #wrap { background: #fff url(img/laura_1_slogan.jpg) top right no-repeat; }
body#raty_laakari #wrap { background: #fff url(img/laura_5.jpg) top right no-repeat; }
body#raty_toololainen #wrap { background: #fff url(img/laura_4.jpg) top right no-repeat; }
body#raty_kaupunginvaltuutettu #wrap { background: #fff url(img/laura_7.jpg) top right no-repeat; }
body#raty_aiti #wrap { background: #fff url(img/laura_10.jpg) top right no-repeat; }
body#raty_sosiaalilautakunta #wrap { background: #fff url(img/laura_6.jpg) top right no-repeat; }
body#raty_31vuotta #wrap { background: #fff url(img/laura_3.jpg) top right no-repeat; }
body#raty_liikkuja #wrap { background: #fff url(img/laura_8.jpg) top right no-repeat; }
body#raty_kirjoittaja #wrap { background: #fff url(img/laura_2.jpg) top right no-repeat; }
body#raty_tapaa #wrap { background: #fff url(img/laura_9.jpg) top right no-repeat; }
body#raty_yhteys #wrap { background: #fff url(img/laura_9.jpg) top right no-repeat; }
body#raty_helsinki #wrap { background: #fff url(img/laura_3.jpg) top right no-repeat; }

#content { width: 510px; margin-top: 6em; }
#dropped { margin-top: 4em; }

#helsinki { width: 630px; list-style-type: disc; color: #b6c6e7; }
#helsinki li { width: 195px; float: left; font-size: 105%; line-height: 1.5em; margin-left: 15px; }
	/* background: #fff url(img/bullet_leaf_medium.png) 0 50% no-repeat; */

#helsinkidata { width: 630px; padding-top: 2em; clear: both; }

.f_left { float: left; width: 325px; text-align: left; }
	.f_left img { float: left; margin-right: 10px; }

a, a:link, a:visited { font-weight: bold; color: #3b5fac; text-decoration: none; }
	a.anchor { color: #888; }
a:hover, a:active { border-bottom: 1px dashed #ddd; }
	h1 a:hover, h1 a:active,
	p.lb_thumbs a:hover, p.lb_thumbs a:active { border: none; }
	a.anchor:hover, a.anchor:active { border: none; }
h1 { font-size: 200%; }
	#title h1 { margin-bottom: 20px; }
h2 { font-size: 150%; font-family: "Georgia", "UnBatang", serif; color: #b6c5e5; margin-bottom: 0.5em; }
h3 { font-size: 140%; font-family: "Georgia", "UnBatang", serif; color: #3b5fac; margin-bottom: 1em; }
p { margin-bottom: 1em; }
ul.bullets, #pagec ul { list-style-type: disc; margin-left: 15px; text-align: left; }


/* */
#bloglinks { padding-bottom: 20px; text-align: left; }
#bloglinks li { font-size: 85%; }

#bloglinks h2 { margin-top: 2em; color: #aaa; }
body#raty_tapaa h3 { margin: 0.5em 0 0.2em 0; }
body#raty_tapaa p { text-align: left; }

/* */

#timeline { width: 200px; float: left; background: #fff url(img/timeline_back.png) 50% 0 repeat-y; }
#timeline img.c { width: 32px; margin: 0 auto; clear: both; display: block; }

#timeleft, #timeright { width: 94px; float: left; }
#timeleft div, #timeright div { height: 30px; }
#timeleft div.y, #timeright div.y { font-size: 18px; }
#timeleft div.y a, #timeright div.y a { height: 16px; padding: 7px 10px; display: block; }

#timeleft div.b { background: #fff url(img/timeline_year.png) 100% 50% no-repeat; }
#timeright div.b { background: #fff url(img/timeline_year.png) 0 50% no-repeat; }

#timeleft { padding-right: 6px; text-align: right; }
#timeright { padding-left: 6px; text-align: left; }

#timetext {
/*	width: 310px;
	position: fixed;
	top: 265px; 
	left: 375px; 
	margin-left: 220px; */
	text-align: left;
}