@charset "UTF-8";

/**
* (c) 2010 Timo Häkkinen
* http://hobo.fi/
*/



/* Reset
----------------------------------------------- */

html,body,div,span,h1,h2,h3,h4,h5,p,blockquote,a,code,del,em,img,ins,small,strong,sub,sup,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* Structural site elements
----------------------------------------------- */

p#share-icon
{
	position: absolute;
	margin-top: -999px;
}

body
{
	background: #070503 url('http://sotajumala.com/images/background.jpg') no-repeat scroll top center;
}

div.container
{
	overflow: hidden;
	width: 960px;
	margin: 0px auto 0px auto;
}

div#header
{
	background: transparent url('http://sotajumala.com/images/background_header.png') no-repeat scroll bottom center;
	width: 240px;
	text-align: center;
	margin: 0px auto 25px auto;
}

div#main_navigation,
div.inner_container
{
	float: right;
	position: relative;
	left: -50%;
	margin: 0px auto 0px auto;
}

div#content
{
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}

div.page_default
{
	background: transparent url('http://sotajumala.com/images/hr_vertical.png') repeat-y scroll 630px 0px;
	overflow: hidden;
	width: 860px;
	margin: 0px auto 0px auto;
}

div#nostot
{
	position: relative;
	height: 220px;
	overflow: hidden;
	margin: 60px 0px 0px 0px;
}

div#nostot div
{
	display: none;
	height: 220px;
}

div#nosto-tabs
{
	position: relative;
	float: left;
	left: 50%;
	height: 20px;
	margin: 20px auto 40px auto;
}



/* Accessibility
----------------------------------------------- */

div#accessibility
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 3px;
	text-align: right;
}

div#accessibility ul
{
	display: none;
	list-style-type: none;
	margin-right: 5px;
}



/* Columns
----------------------------------------------- */

div.column
{
	position: relative;
	float: left;
	text-align: left;
}

div.right_column
{
	position: relative;
	float: right;
	text-align: left;
}

div.main_content
{
	width: 580px;
}

div.sidebar
{
	width: 180px;
}

div.main_image
{
	width: 250px;
}

div.main_info
{
	width: 300px;
}



/* Content design and layout
----------------------------------------------- */

div.content_image
{
	position: relative;
	text-align: center;
}

div.size_small
{
	width: 150px;
}

div.size_medium
{
	width: 250px;
}

div.size_profile
{
	width: 220px;
}

div.size_large
{
	width: 520px;
	margin: 0px auto 20px auto;
}

div.pos_left
{
	float: left;
	margin: 0px 20px 20px 0px;
}

div.pos_right
{
	float: right;
	margin: 0px 0px 20px 20px;
}

div.special_content
{
	background-color: #000000;
	width: 200px;
	padding: 22pt 10pt 0pt 10pt;
	margin: 0pt 0px 18pt 18pt;
}

div#social_media
{
	position: absolute;
	top: 0px;
	width: 960px;
	height: 15px;
}



/* General elements and styles
----------------------------------------------- */

.centered
{
	text-align: center !important;
}

.clear
{
	clear: both;
}

.parent_container
{
	position: relative;
	overflow: hidden;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.no_margin
{
	margin: 0px !important;
	padding: 0px !important;
}



/* Text styles
----------------------------------------------- */

/* Sorts Mill Goudy by Barry Schwartz http://www.theleagueofmoveabletype.com/fonts/6-sorts-mill-goudy */
/*
@font-face
{
	font-family: 'OFLSortsMillGoudyRegular';
	src: url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-webfont.eot');
	src: url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-webfont.woff') format('woff'), url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-webfont.ttf') format('truetype'), url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-webfont.svg#webfontoQ4icKFo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'OFLSortsMillGoudyItalic';
	src: url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-italic-webfont.eot');
	src: url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-italic-webfont.woff') format('woff'), url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-italic-webfont.ttf') format('truetype'), url('http://sotajumala.com/images/assets/fonts/goudy/oflgoudystm-italic-webfont.svg#webfontiydiOgON') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/


@font-face
{
	font-family: Goudy;
	src: url(http://sotajumala.com/images/assets/fonts/OFLGoudyStM.otf) format("opentype");
}

@font-face
{
	font-family: Goudy_italic;
	src: url(http://sotajumala.com/images/assets/fonts/OFLGoudyStM-Italic.otf) format("opentype");
	font-style: italic;
}


*
{
	font-family: OFLSortsMillGoudyRegular, Goudy, georgia, arial, sans-serif;
	color: #776946;
}

p,
li,
div,
td,
input,
textarea
{
	font-size: 10pt;
	line-height: 1.8em;
}

p
{
	margin-bottom: 1.8em;
}

p.meta
{
	line-height: 1.5em;
	margin-top: -1.8em;
}

small
{
	display: block;
	font-size: 8pt;
	line-height: 1.8em !important;
}

blockquote
{
	background: transparent url('http://sotajumala.com/images/quote.png') no-repeat scroll 0px 0px;
	padding-left: 60px;
}

blockquote p, blockquote strong, blockquote em
{
	color: #b19b63;
}

.title
{
	display: block;
	color: #537376;
	color: #b19b63;
	font-size: 18pt;
	line-height: 1.2em !important;
	font-weight: normal;
	font-variant: small-caps;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.titleinline
{
	color: #537376;
	color: #b19b63;
	font-size: 18pt;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
}

.minititle
{
	display: block;
	color: #537376;
	color: #b19b63;
	font-size: 12pt;
	line-height: 1em;
	font-variant: small-caps;
	margin-bottom: 1em !important;
}

div#nostot div p,
div#nostot div p a,
div.content_image p,
div.content_image p a,
em,
em a
{
	font-family: OFLSortsMillGoudyItalic, Goudy_italic, georgia, arial, sans-serif;
}

hr
{
	clear: both;
	display: block;
	background: transparent url('http://sotajumala.com/images/hr.png') repeat-x scroll center center; /* #5e512f */
	height: 1px;
	margin: 40px 0px 40px 0px;
	border: 0px;
}



/* Headers
----------------------------------------------- */

h1
{
	color: #537376;
	color: #b19b63;
	font-size: 18pt;
	font-weight: normal;
	font-variant: small-caps;
	margin-top: 0em;
	margin-bottom: 1em;
}

h2
{
	color: #537376;
	color: #b19b63;
	font-size: 12pt;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h3
{
	color: #b19b63;
	font-size: 10pt;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 0em;
}

div.sidebar h3
{
	margin-top: 2.8em;
	margin-bottom: 1.8em;
}

div.sidebar h3:first-child
{
	margin-top: 0em;
}

h4
{
	clear: both;
	color: #5e512f;
	background: transparent url('http://sotajumala.com/images/background_h4.png') no-repeat scroll center center;
	font-size: 10pt;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: lowercase;
	text-align: center;
	margin: 40px 0px 40px 0px;
}



/* Lists
----------------------------------------------- */

ul,
ol
{
	margin-bottom: 1.8em;
}

ul li
{
	line-height: 1.5em;
	margin-left: 2em;
}

ol li
{
	line-height: 1.5em;
	margin-left: 2em;
}

ul ul,
ul ol,
ol ol,
ol ul
{
	margin-bottom: 0em;
}



/* Links
----------------------------------------------- */

a,
h1 a,
h2 a,
h3 a,
a.title,
a.titleinline,
a.minititle
{
	color: #537376;
}

a:link
{
	text-decoration: none;
}

a:visited
{
	color: #664848;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #94aaac;
	text-decoration: none;
}

p#select_language a:visited
{
	color: #537376;
}

p#select_language a:hover,
p#select_language a:active
{
	color: #94aaac;
	text-decoration: none;
}




/* jQuery
----------------------------------------------- */

.error
{
	color: #cccccc;
}



/* Site content styles
----------------------------------------------- */

img
{
	border: 0px;
}

p#select_language
{
	padding: 5px 0px 15px 0px;
	margin: 0px auto 0px auto;
}

p#site_logo
{
	padding: 15px 0px 25px 0px;
	margin: 0px auto 0px auto;
}

div#nostot div p
{
	font-size: 32pt;
	line-height: 220px;
	text-align: center;
	font-style: italic;
	margin: 0px auto 0px auto;
}

div#nosto-tabs span
{
	background: transparent url('http://sotajumala.com/images/background_nosto.png') no-repeat scroll center 0px;
	display: block;
	float: left;
	position: relative;
	width: 20px;
	height: 20px;
}

div#nosto-tabs span:hover,
div#nosto-tabs span.current
{
	background-position: center -100px;
}

div.content_image img
{
	display: block;
	margin: 0px auto 0px auto;
}

div.content_image p
{
	background-color: #000000;
	font-size: 9pt;
	color: #b19b63;
	line-height: 1.5em;
	font-style: italic;
	padding: 0.5em 1em 1em 1em;
	margin: 0em;
}

p.showmore a
{
	padding-right: 20px;
}

p.showmore a.interact
{
	background: transparent url('http://sotajumala.com/images/icon_arrow_sprite.png') no-repeat scroll right 2px;
}

p.showmore a.open
{
	background-position: right -48px !important;
}



/* Lists
----------------------------------------------- */

.collection
{
	list-style-type: none;
	text-align: center;
	margin-bottom: 40px;
}

.collection li
{
	margin: 0px;
}

div.inline_wrapper
{
	float: right;
	position: relative;
	left: -50%;
	margin: 0px auto 0px auto;
}

.collection_inline
{
	overflow: hidden;
	position: relative;
	left: 50%;
	list-style-type: none;
	text-align: center;
	margin: 0px 0px 40px 0px;
}

.collection_inline li
{
	position: relative;
	float: left;
}

ul.items
{
	margin: 0px 0px 40px -30px;
}

ul.items li
{
	width: 300px;
	margin: 0px 0px 0px 30px;
}

ul.inline
{
	text-align: center;
	width: 50%;
	margin: 0px auto 40px auto;
}

ul.inline li
{
	display: inline;
	margin: 0px;
}

ul.inline li:before
{
	content: "\2022\00a0";
}

div.sidebar ul
{
	list-style-type: none;
}

div.sidebar ul li
{
	margin-left: 0em;
}

ul.viewmore
{
	display: none;
	margin-top: -1.8em;
}

ul.viewmore li ul li
{
	margin-left: 1.5em;
}

ol.comments
{
	list-style-type: none;
	margin-bottom: 0px;
}

ol.comments li
{
	margin: 0px;
	padding-bottom: 20px;
}

ol.comments li hr
{
	margin: 0px 0px 20px 0px;
}

ol.comments li p
{
	font-size: 9pt;
	line-height: 1.5em;
	margin-bottom: 1em;
}

ol.comments li p.author
{
	position: relative;
	color: #463a19;
	margin-top: -1em;
	margin-bottom: 0em;
}

ol.comments li.sj
{
	background: #19170c url('http://sotajumala.com/images/background_comment_sj.jpg') no-repeat scroll top left;
}

ol.comments li.sj:first-child
{
	padding-top: 20px;
}

ol.comments li.sj p
{
	padding: 0px 20px 0px 20px;
}

.separated li
{
	color: #b19b63;
	margin-bottom: 1.5em;
}

.separated li a
{
	display: block;
}

ul.timeline
{
	list-style-type: none;
}

ul.timeline li
{
	font-size: 9pt;
	margin-bottom: 1em;
}

ul.timeline li strong
{
	font-size: 10pt;
	display: block;
	color: #b19b63;
}

ul.releases
{
	list-style-type: none;
	margin: 0px 0px 20px -12px;
	text-align: center;
}

ul.releases li
{
	float: left;
	position: relative;
	width: 140px;
	margin: 0px 0px 20px 20px;
}

ul.releases li a img,
ul.thumbnails li a img
{
	padding: 1px;
}

ul.releases li a:link img,
ul.thumbnails li a:link img
{
	border: 1px solid #b19b63;
}

ul.releases li a:visited img,
ul.thumbnails li a:visited img
{
	border: 1px solid #463a19;
}

ul.releases li a:hover img,
ul.releases li a:active img,
ul.thumbnails li a:hover img,
ul.thumbnails li a:active img
{
	border: 1px solid #94aaac;
}

ul.releases li a:link
{
	color: #b19b63;
}

ul.releases li a:visited
{
	color: #463a19;
}

ul.releases li a:hover,
ul.releases li a:active
{
	color: #94aaac;
}

ul.releases_mini
{
	list-style-type: none;
	margin: 0px 0px 20px -20px;
	text-align: left;
}

ul.releases_mini li
{
	float: left;
	position: relative;
	width: 60px;
	margin: 0px 0px 20px 20px !important;
}
/*
ul.releases_mini li.current,
ul.releases_mini li:hover
{
	opacity: 1;
}
*/
ul.releases_mini img
{
	padding: 1px;
	border: 1px solid #b19b63;
}

ul.dim li a img
{
	opacity: 0.5;
}

ul.dim li a.current img,
ul.dim li a:hover img
{
	opacity: 1;
}

ul.thumbnails
{
	list-style-type: none;
	overflow: hidden;
	margin: 0px 0px 20px -20px;
}

ul.thumbnails li
{
	float: left;
	position: relative;
	width: 75px;
	height: 75px;
	margin: 0px 0px 20px 20px;
}

div#social_media ul
{
	float: right;
	height: 15px;
	list-style-type: none;
	margin: 10px 10px 0px 0px;
}

div#social_media ul li
{
	display: inline;
	float: left;
	position: relative;
	margin: 0px 0px 0px 5px;
}



/* Forms
----------------------------------------------- */

.form_fields
{
	list-style-type: none;
	margin-bottom: 1.8em;
}

.form_fields li
{
	font-size: 9pt;
	margin: 0em 0em 1.8em 0em;
}

.form_fields li label
{
	display: block;
	margin-bottom: 0.5em;
}

.form_fields li label.inline
{
	display: inline;
	margin: 0em 0em 0.5em 0.5em;
}

.user_text
{
	background: #1d190e url('http://sotajumala.com/images/background_form_field.jpg') repeat-x scroll top left;
	padding: 0.5em;
	border: 0px;
	border-bottom: 1px solid #5e512f;
}

input.w50
{
	width: 285px;
}

input.w75
{
	width: 425px;
}

input.w100,
textarea.w100
{
	width: 570px;
}

.user_button
{
}



/* Main navigation
----------------------------------------------- */

div#main_navigation ul.navigation
{
	position: relative;
	left: 50%;
	list-style-type: none;
	margin: 0px 0px 0px -10px;
}

div#main_navigation ul.navigation li
{
	float: left;
	position: relative;
	display: inline;
	font-size: 12pt;
	font-variant: small-caps;
	line-height: 2em;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

div#main_navigation ul.navigation li a:link,
div#main_navigation ul.navigation li a:visited
{
	color: #b19b63;
	text-decoration: none;
}

div#main_navigation ul.navigation li a:hover,
div#main_navigation ul.navigation li a:active
{
	color: #463a19;
	text-decoration: none;
}

div#main_navigation ul.navigation li.current a:link,
div#main_navigation ul.navigation li.current a:visited,
div#main_navigation ul.navigation li.current a:hover,
div#main_navigation ul.navigation li.current a:active,
.current:link,
.current:visited,
.current:hover,
.current:active
{
	color: #463a19 !important;
	text-decoration: line-through !important;
}

a.current img
{
	text-decoration: none !important;
}