@charset "utf-8";
/* CSS Document */

/* Global resets
------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

/* remember to define focus styles! */
:focus 
{
	outline: 0;
}

html
{
	font-size: 100%;
}

body
{
	background: #f7c9b8;
	text-align: left;
	font-family: Georgia, serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #704700;
}

.wrap
{
	width: 858px;
	margin: 0 auto;
}

.band
{
	width: 100%;
}

.clear
{
	clear: both;
}

/* pageareas */

#header
{
	background: #fcd365 url(http://www.helsinginleijona.fi/img/headerborder.gif) repeat-x bottom;
}

#header .wrap
{
	height: 161px;
	background: url(http://www.helsinginleijona.fi/img/headerpaint.jpg) no-repeat right top;
}

#header .wrap a img
{
	border: none;
	margin: 1em 0 0;
}

#header .etusivulinkki
{
	position: absolute;
	top: 122px;
	width: 12em;
	margin-left: 164px;
}

* html #header .etusivulinkki
{
	margin-left: 30px;
}

#header .etusivulinkki a
{
	color: #a17826;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ae956b;
}

#header .etusivulinkki a:hover
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

#navbar
{
	background: #fef4cf;
	border-top: 1px solid #feecb1;
	float: left;
}

#subheader
{
	background: #fef4cf;
	border-bottom: 4px solid #e9ae3a;
}

body#home #subheader .wrap,
body#english #subheader .wrap
{
	background: #fef4cf url(http://www.helsinginleijona.fi/images/67.jpg) no-repeat right top;
	clear: both;
	margin: 0 auto 1.5em;
}

.karttalinkki
{
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
}

.karttalinkki a
{
	background: transparent;
	width: 400px;
	height: 10em;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}

body.sub #subheader .wrap
{
	clear: both;
}

#subheader p
{
	width: 429px;
	padding: 0 19px 0 0;
	font-weight: bold;
	background: #fef4cf;
}

#content
{
	background: #fff;
	border-bottom: 4px solid #fbe4db;
}

body.sub #content
{
	background: #fff url(http://www.helsinginleijona.fi/img/splatter.gif) no-repeat 67% top;
}

body.sub #content.gallery, body.sub #content.righttopimg
{
	background: #fff;
	background-image: none;
}

#main
{
	width: 429px;
	float: left;
	margin: 0 19px 0 0;
	display: inline;
	overflow: hidden;
}

#article
{
	margin: 1.5em 0;
}

body#home #article,
body#english #article
{
	margin: 1em 0 .5em;
}

#article h2
{
	font: bold 1.5em Georgia, Times, serif;
	margin: 0 0 .7em 0;
	padding: 0 0 .7em 0;
	border-bottom: 1px dotted #a17726;
}

#article h3
{
	font: bold 1.2em Georgia, Times, serif;
	margin: 0 0 .5em 0;
	padding: .5em 0 0;
	border-top: 1px dotted #dfcaa3;
}

#article h4
{
	font-weight: bold;
}

#article h2 a, #article h3 a, #article h4 a
{
	text-decoration: none;
	color: #4f3a00;
	background: url(http://www.helsinginleijona.fi/img/otslinkki.gif) no-repeat left 50%;
	padding-left: 20px;
	border-bottom: 1px dotted #4f3a00;
}

#article h2 a:hover, #article h3 a:hover, #article h4 a:hover
{
	border-bottom: 1px dotted red;
}

#article p,
#article ul
{
	margin: 0 0 1.3em;
}

#article ul
{
	list-style-type: none;
}

#article ul li
{
	list-style-type: none;
	background: url(http://www.helsinginleijona.fi/img/bullet.gif) no-repeat left 7px;
	padding-left: 20px;
}

#article .excerpt p
{
	font-weight: bold;
	color: #000;
}

#article p a
{
	text-decoration: none;
	color: #6174c2;
	border-bottom: 1px dotted #6174c2;
}

#article p a:hover
{
	border-bottom: 1px dotted #b61500;
}

#article p.article-image,
#article p.date
{
	width: 429px;
	overflow: hidden;
	font-size: 90%;
	color: #666;
}

p.huomio
{
	font: bold 1.5em arial, sans-serif;
	text-transform: uppercase;
}

p.pieni
{
	font-size: .9em;
	color: #868178;
}

#map
{
	margin: 0 0 2.5em;
	overflow: hidden;
}

#map h2
{
	font-weight: bold;
}

#map a img
{
	border: none;
}

body#korttelit-muuttuvat #article table td, body#korttelit-muuttuvat #article table th
{
	padding-bottom: 1.5em;
	border-top: 1px solid #ffe4da;
}

body#korttelit-muuttuvat #article table th
{
	padding-right: .5em;
	text-align: right;
	font-weight: bold;
}

body#korttelit-muuttuvat #article table td
{
	padding-left: 1.5em;
	background: url(http://www.helsinginleijona.fi/img/aikanuoli_alas.gif) no-repeat left bottom;
}

#rightside
{
	width: 410px;
	float: left;
	position: relative;
	display: inline;
}

#righttop
{
	width: 410px;
	overflow: hidden;
	text-align: right;
}

#middlecol
{
	float: left;
	width: 195px;
	margin: 0 19px 0 0;
	display: inline;
}

body#home #middlecol,
body#english #middlecol
{
	background: #fef6e0 url(http://www.helsinginleijona.fi/img/colpaint.jpg) no-repeat left top;
	padding: 0 0 4em;
	margin: 0 15px 0 0;
}

body#home #middlecol h2,
body#english #middlecol h2
{
	margin: 1.5em 0 1em 12px;
	font-weight: bold;
	color: #000;
}

p.klikattava
{
	margin-right: -19px;
}

p.galleria
{
	
}

#middlecol p.galleria img, #rightcol p.galleria img
{
	width: 85px;
	border: 1px solid #a17726;
	margin: 0 4px 4px 0;
}

#middlecol p.klikattava img
{
	width: 193px;
	border: 1px solid #a17726;
	margin: 0 4px 4px 0;
}

.newsitem
{
	margin: 0 12px 0.6em;
	border-bottom: 1px dotted #a17726;
	padding-bottom: 0.6em;
}

.newsitem p
{
	margin: 0 0 1.3em;
}

.newsitem h3,
.blogitem h3
{
	font-weight: bold;
	color: #000;
}


.newsitem p
{
	font-size: .9em;
	line-height: 1.4em;
}

.newsitem a,
.blogitem a
{
	text-decoration: none;
	font-weight: bold;
	color: #b61500;
	border-bottom: 1px dotted #fef6e0;
}

.newsitem a:hover,
.blogitem a:hover
{
	border-bottom: 1px dotted #b61500;
}

#rightcol
{
	float: left;
	width: 195px;
	display: inline;
}

body#home #rightcol,
body#english #rightcol
{
	margin: 0;
	padding: 0;
}

body.sub #rightcol
{
	background: #fef6e0 url(http://www.helsinginleijona.fi/img/colpaint.jpg) no-repeat left top;
	padding: 0 0 4em;
}

body#home #rightcol h2,
body#english #rightcol h2
{
	margin: 1.5em 0 1em;
	font-weight: bold;
	color: #000;
}

body.sub #rightcol h2
{
	margin: 1.5em 12px 1em;
	font-weight: bold;
	color: #000;
}

.blogitem
{
	font-size: .8em;
	font-family: arial, sans-serif;
	line-height: 1.5em;
	margin: 0 0 1em;
}

ul.localnav
{
	margin: 2em 12px;
	list-style-type: none;
}

ul.localnav li
{
	border-bottom: 1px dotted #b61500;
}

ul.localnav li.sectiontop a
{
	font-weight: bold;
	color: #000;
}

ul.localnav li.active
{
	background: #fffcf4;
}

ul.localnav li.active a
{
	color: #ac9569;
}

ul.localnav li a
{
	display: block;
	text-decoration: none;
	padding: .2em 0;
	color: #000;
}

ul.localnav li a:hover
{
	background: #fff;
}

#isokartta1
{
	border-top: 1px dotted #a17726;
	background: url(http://www.helsinginleijona.fi/images/60.jpg) no-repeat left top;
	width: 850px;
	height: 438px;
	position: absolute;
}

#isokartta2
{
	border-top: 1px dotted #a17726;
	background: url(http://www.helsinginleijona.fi/images/58.jpg) no-repeat left top;
	width: 850px;
	height: 688px;
	position: absolute;
}

#isokartta3
{
	border-top: 1px dotted #a17726;
	background: url(http://www.helsinginleijona.fi/images/68.jpg) no-repeat left top;
	width: 850px;
	height: 438px;
	position: absolute;
}

#isokartta4
{
	border-top: 1px dotted #a17726;
	background: url(http://www.helsinginleijona.fi/images/14.jpg) no-repeat left top;
	width: 850px;
	height: 688px;
	position: absolute;
}

.marker
{
	margin: 0;
	padding: 0;
	display: inline;
}

a.trigger
{
	display:block; 
	background: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 1%;
	height: 100%;
}

.bubble
{
	width: 254px;
	height: 238px;
	background: transparent url(http://www.helsinginleijona.fi/images/66.gif) no-repeat left top;
	position: relative;
	left: -39px;
	top: -235px;
	display: none;
	overflow: hidden;
	padding: 0;
}

.bubble h3
{
	font-weight: bold;
	margin: 12px 16px 0;
	font-size: .9em;
	line-height: 1.2em;
}

.bubble p
{
	margin: 0 16px 8px;
	font-size: .9em;
	line-height: 1.2em;
}

.overlay
{
	position: absolute;
	display: none;
	padding: 0;
}

.overlay#vaplayer
{
	width: 830px;
	height: 339px;
	background: transparent url(http://www.helsinginleijona.fi/images/61.gif) no-repeat left top;
	left: -549px;
	top: 41px;
}

.overlay#liiklayer
{
	width: 830px;
	height: 336px;
	background: transparent url(http://www.helsinginleijona.fi/images/63.gif) no-repeat left top;
	left: -210px;
	top: 41px;
}

.overlay#ravlayer
{
	width: 830px;
	height: 339px;
	background: transparent url(http://www.helsinginleijona.fi/images/65.gif) no-repeat left top;
	left: -285px;
	top: 41px;
}

.overlay#kultlayer
{
	width: 830px;
	height: 339px;
	background: transparent url(http://www.helsinginleijona.fi/images/62.gif) no-repeat left top;
	left: -410px;
	top: 41px;
}

.overlay#muulayer
{
	width: 830px;
	height: 339px;
	background: transparent url(http://www.helsinginleijona.fi/images/64.gif) no-repeat left top;
	left: -491px;
	top: 41px;
}

.overlay#talotlayer
{
	width: 835px;
	height: 351px;
	background: transparent url(http://www.helsinginleijona.fi/images/59.gif) no-repeat left top;
	left: -550px;
	top: 35px;
}

.superlink
{
	clear: both;
	width: 429px;
}

.superlink a
{
	text-decoration: none;
	color: #4f3a00;
	border-bottom: 1px dotted #4f3a00;
	font-weight: bold;
}

.superlink a:hover
{
	border-bottom: 1px dotted red;
}

.superlink img
{
	float: left;
	margin: 0 10px 20px 0;
	border: 1px solid #704700;
}

#triggers div
{
	cursor: pointer;
	display: inline;
	margin-right: 10px;
	border-bottom: 1px dotted #4f3a00;
	font-weight: bold;
}

.closer
{
	float: right; 
	text-transform: uppercase; 
	font-family: arial; 
	font-size: 80%; 
	cursor: pointer; 
	margin: -20px 0 20px;
}

.closer .x
{
	font-weight: bold; 
	font-size: 110%; 
	border: 1px solid #704700; 
	padding: 0 2px;
}

.detail img
{
	margin-bottom: 20px;
}

#footer .wrap
{
	height: 10em;
	background: url(http://www.helsinginleijona.fi/img/footerpaint.jpg) no-repeat left top;
}

#footer p
{
	text-align: right;
	color: #fff;
	font-weight: bold;
	padding: 1em;
}

#footer p a
{
	text-decoration: none;
	color: #fff;
}

#footer p a:hover
{
	text-decoration: underline;
}

/* end pageareas */


/* nav */

#navbar
{
	padding-bottom: 1em;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	padding: .5em 1.5em .5em 0;
	text-decoration: none;
	font-weight: bold;
	color: #ae956b;
	border-bottom: 4px solid #fef4cf;
	font-size: .9em;
}

#nav a:hover {
	color: #000;
	border-bottom: 4px solid #fff;
}

#nav li { /* all list items */
	float: left;
}

body#helsingin-leijona-oy #nav li#leij a,
body#korttelit-muuttuvat #nav li#kortt a,
body#historia #nav li#hist a,
body#yrittaminen #nav li#yritt a,
body#ajankohtaista #nav li#ajank a,
body#keskustele #nav li#kesk a,
body#korttelit-kartalla #nav li#kart a
{
	border-bottom: 4px solid #fff6dc;
	color: #a17726;
}

body#helsingin-leijona-oy #nav li#leij ul a,
body#korttelit-muuttuvat #nav li#kortt ul a,
body#historia #nav li#hist ul a,
body#yrittaminen #nav li#yritt ul a,
body#ajankohtaista #nav li#ajank ul a,
body#keskustele #nav li#kesk ul a,
body#korttelit-kartalla #nav li#kart ul a
{
	border: none;
	color: #836532;
}

#nav li ul { /* second-level lists */
	z-index: 8888;
	position: absolute;
	background: #feedbf;
	border: 1px solid #fff;
	border-width: 1px 1px 0 1px;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li
{
	border-bottom: 1px solid #fff;
	display: block;
	width: 12em;
}

#nav li ul a
{
	border: none;
	display: block;
	padding: .5em;
	font-weight: normal;
	font-size: .9em;
	color: #836532;
}

#nav li ul a:hover
{
	border: none;
	background: #fef8e8;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* COMMENTS */

.commentpost
{
	border-top: 1px dotted #a17726;
	color: #666;
	font-size: .9em;
	clear: both;
	padding-bottom: 1em;
}

.commentpost p
{
	padding: 0 0 0 12em;
}

.commentnametime
{
	float: left;
	width: 10em;
	color: #000;
	background: #f7c9b8;
	padding: .5em;
	margin-bottom: 1em;
}

.commentnametime a, .commentnametime a:visited
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

.commentnametime a:hover
{
	color: #b61500;
	border-bottom: 1px dotted #b61500;
}

#commentform, #txpCommentInputForm
{
	clear: both;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #000 url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	color: #fff;
	width: 75%;
}

#lbCaption a {
	color: #952c21;
	text-decoration: none;
	font-weight: bold;
}

#lbCaption a:hover {
	text-decoration: underline;
}