/*
- BASIC ELEMENTS
- HEADER
- BASIC STRUCTURE
- BANNERS
- CLEARING FLOATS
- FORMS
- BUTTONS
- BASIC BOX STYLES
- COMMON CLASSES
- ICONS
- BASIC TEASER
- LISTING PAGE
- BLOG POST PAGE
*/

/* BASIC ELEMENTS */
body { background: #7cb5ce; color: #353535; font: 87.5% Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, blockquote, p { padding: 0; margin: 0; }
table { border-collapse: collapse; font-size: 100%; } /* font-size 100% fixes font-size for IE5.x */
	th, td { vertical-align: top; text-align: left; }
ol { margin: 0 0 1em 3em; }
ul { list-style: none; margin: 0 0 1em 0; }
	ul li { background: url(images/layout/list_bullet.gif) no-repeat 6px 4px; margin-bottom: 2px; padding-left: 20px; }
dl { margin: 0 0 1em 0; }
	dd { margin: 0 0 0 3em; }
blockquote { margin: 0 0 1em 3em; }
h1, h2, h3, h4, h5, h6 { color: #353535; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
h1 { font-size: 2.5em; line-height: 1.1em; margin: 0 0 0.5em 0; }
h2 { font-size: 1.36em; margin: 0 0 0.6em 0; }
h3 { font-size: 1.143em; margin: 0 0 0.8em 0; }
h4 { font-size: 1em; }
h5 { font-size: 0.85em; }
h6 { font-size: 0.8em; }
p {	line-height: 1.4em; margin: 0 0 1em 0; }
a { color: #1875a0; text-decoration: none; }
img { border: none; }

/* HEADER */
#header { background: url(images/blog/header_bg.gif) repeat-x; margin: 0 auto; padding: 24px 15px 0 10px; width: 805px; }
/*#header { background: url(images/blog/header_bg.gif) repeat-x; margin: 0 auto; padding: 24px 15px 0 10px; width: 805px; }*/
	#header img.logo { float: left; margin-bottom: 4px; }
	#header img.slogan { float: right; margin-top: 28px; }

/* BASIC STRUCTURE */
#siteWrapperOuter { background: #7cb5ce /*url(/images/layout/bg.png);*/ }
	#siteWrapperInner { background: url(/images/layout/site_dropshadow.png) repeat-y center top; }
		#site { margin: 0 auto; width: 980px; }
			.page { background-color: #1875a0; float: left; margin: 0 10px 0 0; padding: 0 0 16px 0; width: 830px; }
				.columnsWrapper { clear: both; padding: 0 10px; }

/*#siteWrapperInner { background: url(images/blog/site_dropshadow.png) repeat-y center top; }
	.page { background-color: #1875a0; margin: 0 auto; padding: 0 10px 16px 10px; width: 810px; }
		.columnsWrapper { clear: both; }*/
			.columnsWrapper a:hover { background-color: #b4e1f5; }
				.columnsWrapper a:hover img { background-color: #fff; }

/* columns */
					.contentColumn { clear: both; display: inline; float: left; margin-right: 10px; width: 500px; word-wrap: break-word; }
					.sidebar { display: inline; float: left; width: 300px; }
					.wideColumn { clear: both; }

/* BANNERS */
#topBannersWrapper { }
	#topBanners { margin: 0 auto; text-align: center; /*width: 980px;*/ }
		/*#topBanners img { display: block; margin: 0 auto; }*/

	#roadBlockSides { margin: 0 auto; position: relative; width: 980px; }
		#roadBlockLeft { position: absolute; right: 980px; }
			#roadBlockLeft img, #roadBlockLeft object { margin-right: 15px; }
		#roadBlockRight { position: absolute; left: 980px; }
			#roadBlockRight img, #roadBlockRight object { margin-left: 15px; }

#sideBanners { float: left; padding-top: 17px; width: 140px; }
	#sideBanners .banner { margin-bottom: 10px; }

.banner { margin-bottom: 11px; text-align: center; }
.bannerLeft { text-align: left; }
.boxContent .banner { margin-top: 6px; }

/* CLEARING FLOATS */
/* fC = floatContainer, uses EasyClearing */
.fC:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fC { display: inline-block; }
/* Start hide from IE/Mac */
/*\*/
.fC { display: block; }
/* End hide from IE/Mac */

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

/* FORMS */
form { display: inline; }
	input, textarea, select, button { font-family: "Trebuchet MS", Arial, sans-serif; font-size: inherit; }
	input.text, textarea, select { border: 1px solid #9ab2bd; }
	input.text:focus, textarea:focus, select:focus { border-color: #5e6c73; }
	input.text, textarea { padding: 2px 4px; }

.form { background-color: #e1eaf1; padding: 13px 20px; }
.boxFooterLight .form { margin-left: -20px; margin-right: -20px; }
	.form h2.divider { border-color: #9ab2bd; }
	.form .hrSimple { background-color: #9ab2bd; }

/* BUTTONS */
.buttons { float: right; }
	.buttons button.button { margin-left: 3px; }

/* form button */
button.button { background: transparent url(images/buttons/button_on_white_right.gif) no-repeat right top; border: none; color: #fffefe; cursor: pointer; float: left; font-family: "Trebuchet MS", Arial, sans-serif; height: 32px; overflow: visible; padding: 0 15px 0 0; position: relative; text-transform: uppercase; }
	button.button span { background: url(images/buttons/button_on_white_left.gif) no-repeat; display: block; height: 32px; line-height: 32px; margin-top: 1px; padding: 0 0 0 19px; position: relative; top: -1px; white-space: nowrap; }
/* fix for ff3 (also ie7 sees this) */
	button.button span, x:-moz-any-link, x:default { top: -2px; }
/* fix for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button.button span { top: 0; }
}

button.button:hover { background-color: transparent; background-position: right -34px; }
	button.button:hover span { background-position: left -34px; }

/* alt form button overrides (used on other backgrounds than white) */
button.buttonAlt { background-image: url(images/buttons/button_on_blue_right.gif); }
	button.buttonAlt span { background-image: url(images/buttons/button_on_blue_left.gif); }

/* BASIC BOX STYLES */

/* white box on dark blue */
.boxTl { background: #fff url(images/layout/cornermask_tl.png) no-repeat left top; margin-bottom: 11px; }
	.boxTr { background: url(images/layout/cornermask_tr.png) no-repeat right top; }
		.boxBr { background: url(images/layout/cornermask_br.png) no-repeat right bottom; }
			.boxBl { background: url(images/layout/cornermask_bl.png) no-repeat left bottom; }
				.boxContent { padding: 20px 20px 15px 20px; }

/* white header in white box */
				.boxHeader { background: url(images/layout/box_header_bottom.png) repeat-x left bottom; margin-bottom: -15px; padding: 10px 20px 20px 20px; }
					.boxHeader a { float: left; margin-right: 12px; padding: 5px 0; }
					.boxHeader a.actionBack { border-right: 1px solid #e8e8e8; padding-right: 10px; } 

/* light blue box on white */
.columnsWrapper .boxAlt { background: #e1eaf1 url(images/layout/cornermask_white_tl.gif) no-repeat left top; margin-bottom: 4px; }
	.boxAlt .boxTr { background: url(images/layout/cornermask_white_tr.gif) no-repeat right top; }
		.boxAlt .boxBr { background: url(images/layout/cornermask_white_br.gif) no-repeat right bottom; }
			.boxAlt .boxBl { background: url(images/layout/cornermask_white_bl.gif) no-repeat left bottom; }

/* light blue and blue part at the bottom of white box on dark blue */
					.boxFooterContent { background: url(images/layout/cornermask_bl.png) no-repeat left bottom; }

				.boxFooterSimple { background: #e1eaf1 url(images/layout/cornermask_br.png) no-repeat right bottom; }
					.boxFooterSimple .boxFooterContent { padding: 13px 20px; }

				.boxFooter { background: #c3d5e3 url(images/layout/cornermask_br.png) no-repeat right bottom; width: 100%; }
						.boxFooter .boxFooterContentInner { background: url(images/layout/box_footer_top.png) repeat-x; padding: 20px; }

				.boxFooterLight { background: #e1eaf1 url(images/layout/cornermask_br.png) no-repeat right bottom; width: 100%; }
						.boxFooterLight .boxFooterContentInner { background: url(images/layout/box_footer_light_top.png) repeat-x; padding: 13px 20px 13px 20px; }
							.boxFooterLight h2.divider { border-color: #9ab2bd; }

/* COMMON CLASSES */
.part1of2 { float: left; }
.part2of2 { float: right; }

h2.divider { border-bottom: 4px solid #e7e7e7; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; }
h1.icon { background-repeat: no-repeat; padding-left: 60px; }
h2.icon { background-repeat: no-repeat; font-weight: normal; padding: 3px 0 6px 50px; text-transform: uppercase; }
	h2.icon em { float: left; font-style: normal; }

img.teaserImage { background-color: #fff; border: 1px solid #e7e7e7; float: left; padding: 2px; }

a.action { background: url(images/layout/arrow_red_right.gif) no-repeat left center; padding-left: 14px; } 
a.actionBack { background: url(images/layout/arrow_red_left.gif) no-repeat left center; padding-left: 14px; }
a.cancel { float: left; margin-top: 8px; }

span.ext { background: url(images/icons/ext_link.gif) no-repeat right top; padding-right: 13px; }

ul.linkList { margin: 0; }
	.columnsWrapper ul.linkList li { background-image: none; border: none; padding: 0; }
		ul.linkList li a { background: url(images/layout/arrow_red_right.gif) no-repeat 0 3px; padding-left: 14px; }
		ul.linkList li span.date { border-left: 1px solid #cdcdcd; margin-left: 8px; padding-left: 10px; }

p.date { font-family:"Trebuchet MS"; margin: 0 0 0.2em 0; }

div.hr { height: 4px; background-color: #e7e7e7; clear: both; margin: 0.8em 0; overflow: hidden; }

/* H2 ICONS */
h2.icon_keskustele { background-image: url(images/icons/45x30/keskustele.gif); }
h2.icon_yhteistyossa { background-image: url(images/icons/45x30/yhteistyossa.gif); }

/* BASIC TEASER */
.basicTeaser h3 { font-size: 1.36em; font-weight: normal; margin-bottom: 0.4em; }
.basicTeaser img.teaserImage { margin: 0 11px 11px 0; }

/* comments */
.comments .boxFooterContentInner { padding: 13px 20px 18px 20px; }

	.commentsWrapper { background-color: #c2d5e3; margin: 0 -20px;  padding: 20px 20px 0 20px; }
		.commentsWrapper ol { clear: both; list-style: none; margin: 0; }

		.comment { padding-bottom: 20px; }
			.comment .commentTextWrapper { background: #fff url(images/blog/comment_bubble_top.gif) no-repeat; }
			.comment .commentText { background: url(images/blog/comment_bubble_bottom.gif) no-repeat left bottom; overflow: hidden; padding: 18px 20px 25px 20px; }
				.comment .actions { margin-bottom: 1em; }
					.comment .date { border-left: 1px solid #cdcdcd; color: #7d7d7d; margin-left: 7px; padding-left: 10px; }
					.comment .report { float: right; }

.boxFooterContentInner .writeCommentForm { padding: 13px 20px 0 20px; }
	.boxFooterContentInner .writeCommentForm input { display: block; margin: 5px 0 15px 0; width: 454px; }
	.boxFooterContentInner .writeCommentForm textarea { height: 180px; width: 450px; }
	.boxFooterContentInner .writeCommentForm .button { margin-top: 8px; }

/* LISTING PAGE */

h2.strong { text-transform: uppercase; }
span.action { background: url(images/layout/arrow_red_right.gif) no-repeat 0 3px; color: #1875a0; line-height: 2em; padding-left: 14px; } 
p.postmetadata { font-family: "Trebuchet MS"; margin-bottom: 0; }
.navigation { font-family: "Trebuchet MS"; }
	.navigation .alignleft, .navigation .alignright { margin: 0; }

/* BLOG POST PAGE */

.alignleft { float: left; margin: 0 13px 13px 0; }
.aligncenter { display: block; margin: 0 auto 13px auto; }
.alignright { float: right; margin: 0 0 13px 13px; }
.alignnone { margin: 0 0 13px 0; }

.entry img { border: 1px solid #e7e7e7; padding: 3px; }
p.wp-caption-text { color: #646464; font-size: 0.85em; margin: 0; }

.addthis_toolbox { padding: 1em 0 1px; }

/* blog post navi */
.blogPostNavi { border-top: 1px solid #e7e7e7; font-family: "Trebuchet MS"; margin: 15px 0 5px 0; padding-top: 15px; }
	.blogPostNavi .previousPost { float: left; /*max-width: 50%;*/ }
	.blogPostNavi .nextPost { float: right; /*max-width: 50%;*/ }


.page .page { background-color: transparent; float: none; margin: 0; padding: 0; width: auto; }