/* Structure
-------------------------------------------------------------- */

body {
	background: #fff url(/pics/bg/gradient-bg.png) top center;
	padding: 6.5em 0 2em; }

#masthead {
	margin: 0 auto;
	padding-bottom: 4.5em;
	position: relative;
	width: 1000px; }

#page {
	background: #fff;
	border: 1px solid #eaeaea;
	margin: 0 auto 10px;
	padding: 10px;
	position: relative;
	width: 980px; }

.wrapper {
	margin: 0 auto;
	width: 1000px; }

#main {
	min-height: 520px; }

#primary {
	float: left; }

#secondary {
	float: left; }

#content {
	font-size: 1.17em;
	border-top: 10px solid #000;
	padding: 1.25em 25px 2em 15px; }

	#content h1 { font-size: 1.86em; }
	#content h2 { font-size: 1.57em; }
	#content h3 { font-size: 1.29em; }
	#content h4 { font-size: 1.00em; }

#extra {
	border-top: 10px solid #000;
	clear: both;
	padding: 1.25em .5em 0; }

	#extra input,
	#extra button { vertical-align: middle; }
	
	#extra input.text { margin: 0 5px 0 0; }

#footer {
	background: #fff;
	border: 1px solid #eaeaea;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
	clear: both;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
	width: 980px; }

	#footer p {
		margin: 0; }
	
	#footer a:focus,
	#footer a:hover {
		text-decoration: none; }
	
	#footer a {
		color: #111; }


/* Navigation
-------------------------------------------------------------- */

#navigation {
	background: transparent url(/pics/bg/navigation-a.gif) no-repeat top left;
	bottom: 0;
	font-size: 1.17em;
	font-weight: bold;
	padding-left: 8px;
	position: absolute;
	right: 10px;
	height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase; }

	#navigation #navigation-wrapper {
		background: transparent url(/pics/bg/navigation-b.gif) no-repeat top right;
		float: left;
		padding-right: 8px; }

	#navigation ul {
		list-style: none;
		margin: 0; }
	
		#navigation ul li {
			float: left; }
	
		#navigation a:focus,
		#navigation a:hover {
			text-decoration: underline; }
		
		#navigation a {
			color: #fff;
			float: left;
			padding: 7px 8px 6px;
			text-decoration: none;
			outline: 0; }
		
		#navigation li.selected,
		#navigation li.selected a {
			background: #005cd7; }

#sidenav {
	float: left;
	width: 240px; }
	
	#sidenav ul {
		list-style: none;
		margin: 0 1.25em 1.25em; }
		
		#sidenav ul li {
			border-bottom: 1px dotted #09f; }

			#sidenav ul ul {
				list-style: none;
				margin: 0 1.25em 0.83em; }
				
				#sidenav ul ul ul {
					list-style: disc outside;
					color: #999;
					margin: 0 0 .5em 2em; }
			
			#sidenav ul ul li {
				border: none; }
		
			#sidenav ul a:focus,
			#sidenav ul a:hover {
				text-decoration: underline; }
			
			#sidenav ul a {
				font-weight: bold; 
				background: transparent url(/pics/icons/bullet-blue.gif) no-repeat center right;
				display: block;
				padding: 5px 0;
				text-decoration: none; }
			
				#sidenav ul ul a {
					font-weight: normal; 
					display: inline;
					background: none; 
					padding: 0; }	
					
	#sidenav a.selected { color: #000; }

#menu {
	background: #000;
	color: #fff;
	height: 30px;
	left: 0;
	line-height: 30px;
	padding: 4px 0;
	position: absolute;
	top: 0;
	vertical-align: middle;
	white-space: nowrap;
	width: 100%; }

	#menu a:hover,
	#menu a:focus {
		text-decoration: underline; }

	#menu a {
		color: #fff;
		text-decoration: none; }
	
	#menu #links {
		float: right;
		display: inline;
		margin-right: 10px; }
		
		#menu #links a {
			margin-right: .2em; }
		
		#menu #links ul {
			list-style: none;
			margin: 0; }
		
			#menu #links ul li {
				padding-left: .2em;
				display: inline; }
				
	#menu #cse-search-box {
		float: left;
		display: inline;
		margin-left: 10px; }
		
		#menu #cse-search-box input {
			vertical-align: middle;
			margin: 0 5px 0 0; }
	
		#menu #cse-search-box input.text {
			width: 150px; }
	
		#menu #sitemap-link {
			float: left; }

#cse-results-search-box input,
#cse-results-search-box button {
	vertical-align: middle;
	margin: 0 5px 0 0; }

#breadcrumbs {
	background: #eee;
	border-top: 5px solid #e8e8e8;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 1.25em; }
	

/* Elements
-------------------------------------------------------------- */

#logo {
	float: left;
	display: inline;
	margin-left: 10px; }

	#logo a {
		outline: 0; }

#loggedin {
	float: right;
	margin-right: 10px; 
	background-image: none; 
	background-color: #ffffff; 
	width: 260px; }
	
	#loggedin a {
	   text-decoration: none;
    }
    #loggedin a:hover {
       text-decoration: underline;
       text-color: #000000;
    }

#wrapper {
	margin-bottom: 10px; }

#gfx {
	float: left;
	height: 343px;
	overflow: hidden;
	margin-right: 10px;
	width: 740px; }

#service {
	background: #0187da url(/pics/bg/service.gif) repeat-x top;
	color: #fff;
	float: left;
	font-size: 1.17em;
	font-weight: bold;
	height: 324px;
	padding: 10px;
	text-align: center;
	width: 210px; }

	#service img {
		vertical-align: middle; }
	
	#service p {
		margin-bottom: 1em; }
	
	#service a:focus,
	#service a:hover {
		text-decoration: none; }
	
	#service a {
		color: #fff; }

	#service #service-phone {
		background: #40c2f3;
		margin-bottom: 0.625em;
		padding: 10px; }
	
		#service #service-phone p {
			margin: 0; }
			
		#service #service-phone p.stump {
			font-size: 1.3em; }
		
		#service #service-phone span.num {
			font-size: 2em;
			line-height: 2; }
	
	#service #service-skype {
		line-height: 2; }


	#service #service-login {
	width: 210px;
	height: 109px;
	}
	
	#service-login p {
		margin-bottom: 0; text-align: left; }
	
	/*#service-login { float: left; margin-top: 8px; } */
	
	#service-login a {
		color: #fff; text-decoration: none; font-size: 0.688em;  float: left; }
		
	#service-login a:focus,
	#service-login a:hover {
		text-decoration: none; }
		
	#service-login img {
		float: right; margin-left: 6px;}
	
	
	#service-wiksu { 
		background: #40c2f3;
		width: 210px;
		height: 29px; 
		}
	
	#service-wiksu p {
		margin-top: 6px; text-align: left; width: 105px; float: left; padding-left: 3px; }
	
	#service-wiksu a { color: #fff; text-decoration: none; font-size: 0.688em;  float: right; padding-right: 10px; }
	
	#service-wiksu img {
		float: right; }

	.service-form {
		width: 210px;
	}
	
	#service-links {
	width: 210px;
	height: 18px;
	margin-bottom: 8px;
	}
	
	#service-links a {
		color: #fff; text-decoration: none; font-size: 0.688em;  float: left; }
	
	input.text_frontpage { width: 120px; padding: 3px; float: left; }
	
	input.button_frontpage { display: inline-block; cursor: pointer; background: #40C2F3; color: #fff; border: none; padding: 3px; margin: 6px 3px 0 0; line-height: 1; white-space: nowrap; float: right;}
	
		
#loginHead {
	height: 95px;
	width: 280px;
	float: right;
	}
	
	#loginHead p {
		color: #FFFFFF; margin-bottom: 0; text-align: left; font-size: 1.17em; font-weight: bold; }
	
	p.loginHead { float: left; margin-top: 8px; }
		
	#loginHead a:focus,
	#loginHead a:hover {
		text-decoration: none; }
	
	#loginHead a {
		color: #fff; text-decoration: none; font-size: 0.938em;  float: left; margin-top: 3px; }
		
	#loginHead img {
		float: right; margin-left: 6px;}


#quicklinks {
	margin-bottom: 10px; }

	#quicklinks h3 {
		color: #dc0084; }
	
	#quicklinks ul {
		list-style: none;
		margin: 0 0 1.25em; }
	
		#quicklinks ul li {
			border-bottom: 1px dotted #09f; }
		
			#quicklinks ul li a:focus,
			#quicklinks ul li a:hover {
				text-decoration: underline; }
			
			#quicklinks ul li a {
				background: transparent url(/pics/icons/bullet-blue.gif) no-repeat center right;
				display: block;
				font-weight: bold;
				padding: 5px 0;
				text-decoration: none; }

#news-rss {
	background: transparent url(/pics/icons/rss.png) no-repeat center left;
	display: block;
	margin-left: 1em;
	padding-left: 18px; }
	
#forums select {
	margin-left: 1em;
	width: 210px; }

#calc-home {
	padding: .5em 1em;
	margin-bottom: 10px; }

	#calc-home #calc-home-header {
		color: #dc0084;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight: bold; }

	#calc-home #calc-home-inputs {
		float: left;
		width: 220px;
		margin-bottom: 0.83em; }
		
		#calc-home #calc-home-inputs label,
		#calc-home #calc-home-inputs input {
			float: left; }
			
		#calc-home #calc-home-inputs label {
			padding-top: 12px;
			width: 140px;
			display: inline-block; }
			
		#calc-home #calc-home-inputs input {
			text-align: center;
			font-weight: bold;
			padding-top: 8px;
			width: 25px; }
	
	#calc-home #calc-home-result {
		background: #f5f5f5;
		border: 1px dashed #ccc;
		color: #666;
		font-weight: bold;
		font-size: 1.17em;
		padding: 5px 3px;
		text-align: right;
		width: 80px; }
		
	#calc-home #calc-home-result-label {
		float: right;
		margin-right: 10px;
		margin-top: 22px; }
		
	#calc-home .text {
		width: 4em; }	

	#calc-home button {
		clear: left;
		float: left; }
		
	#calc-home-info {
		display: none; }
		
		#calc-home-info span {
			font-weight: bold; }		

#banners {
	margin-bottom: 1.5em; }
	
	#banners img {
		vertical-align: bottom; }

#news-archive-years { list-style: none; margin: 0 0 1.25em; font-size: 1.17em; }

	#news-archive-years li { display: inline; }

#sitemap ul {
	list-style: none;
	font-size: 1.17em;
	margin: 0; }

#sitemap ul ul {
	list-style: square;
	font-size: 1em;
	margin: 0.5em 0 1.25em 1.25em; }

#extra-description {
	float: left;
	margin-right: 25px; }

	#extra-description p {
		margin-bottom: .5em;
		max-width: 24em; }
		
#extra-avatars {
	float: left;
	width: 600px; }

	#extra-avatars .extra-avatar {
		float: left;
		height: 60px;
		margin: 0 10px 10px 0;
		overflow: hidden;
		width: 180px; }
	
		#extra-avatars .extra-avatar img {
			float: left;
			margin-right: 10px; }			

#copyright {
	bottom: 10px;
	margin: 0;
	position: absolute;
	right: 10px;
	text-align: right;
	clear: both; }


/* Pages
-------------------------------------------------------------- */

.page-home #primary {
	margin-right: 10px;
	width: 365px; }

.page-home #secondary {
	width: 605px; }

	.page-home #secondary .column-narrow {
		float: left;
		width: 230px; }
	
	.page-home #secondary .column-wide {
		float: left;
		margin-right: 10px;
		width: 365px; }

.page-content #primary,
.page-default #primary {
	width: 500px; }

.page-content #secondary,
.page-default #secondary,
.page-faq #secondary,
.page-blog #secondary {
	width: 230px;
	padding: 0 0 80px; }

.page-faq #faq-answer {
	border: 1px solid #eee;
	color: #333;
	margin-bottom: 1.25em;
	padding: 1em 1.25em; }

.page-contest #content {
	border: none;
	padding: 0; }

.page-blog #content {}

.page-blog #primary {
	width: 740px; }

.page-blog .blog-avatar {
	float: left;
	margin: 0 10px 10px 0;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.page-blog .blog-entry-header {
	background: #fff url(/pics/bg/blog-header-arrow.gif) no-repeat left;
	padding-left: 10px;
	float: left;
	width: 620px;
	margin-bottom: 10px;
	color: #111;
}

.page-blog .blog-entry-header h3 a:hover,
.page-blog .blog-entry-header h3 a:focus {
	text-decoration: underline;
}

.page-blog .blog-entry-header h3 a {
	color: #111;
	text-decoration: none;
}

.page-blog .blog-entry-header-wrapper {
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
	background: #f5f5f5;
	padding: 13px 15px 11px 10px;
}

.page-blog .blog-entry-text {
	clear: left;
	margin: 0 0 1.5em 80px;
}

.page-blog .blog-entry-status {
	float: left;
	margin: 6px 10px 0 0;
}

.page-blog .blog-date {
	font-size: 0.86em;
	font-weight: bold;
	color: #111;
}

.page-blog #blog-avatar-selection {
	width: 600px;
}

.page-blog #blog-avatar-selection div {
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
}

.page-blog #blog-avatar-selection input,
.page-blog #blog-avatar-selection img {
	vertical-align: middle;
}

.page-blog #blog-avatar-selection label {
	display: block;
}


/* Classes
-------------------------------------------------------------- */

.main-twothirds {
	float: left;
	margin-right: 10px;
	width: 740px; }

.main-fullwide {
	float: none;
	margin: 0;
	width: auto; }

	.main-fullwide #primary {
		margin: 0;
		width: 740px; }

	.main-fullwide #content {
		padding-right: 14em; }
	
	.main-fullwide #content_contest {
	padding-right:4em;
	border: none;
	padding: 0;
	float: left;
	width: 400px;
	min-height: 300px;
	overflow: hidden; }
	
.story {
	font-size: 1.17em;
	border-top: 10px solid #000;
	padding: 1em .5em 0; }

	.story h1 { font-size: 1.86em; }
	.story h2 { font-size: 1.57em; }
	.story h3 { font-size: 1.29em; }
	.story h4 { font-size: 1.00em; }	

	.story img {
		float: left;
		margin: 0.42em 1.25em 1.25em 0;
		padding: 0; }

.block {
	-moz-border-radius-bottomleft: 1ex;
	-moz-border-radius-bottomright: 1ex;
	-webkit-border-bottom-left-radius: 1ex;
	-webkit-border-bottom-right-radius: 1ex;
	background: #f5f5f5;
	margin-bottom: 10px;
	padding-bottom: .5em; }

	.block .block-body {
		padding: 0 15px 10px 15px; }

	.block h3 {
		display: block;
		padding: 12px 15px; }
	
		.block h3 a:focus,
		.block h3 a:hover {
			text-decoration: underline; }
		
		.block h3 a {
			background: transparent url(/pics/icons/bullet-linkarrow.png) no-repeat right;
			display: block;
			text-decoration: none; }

	.block ul {
		font-weight: bold;
		list-style: none;
		margin: 0;
		padding-bottom: .5em; }
	
		.block ul li {
			border-bottom: 1px solid #d6d6d6;
			padding: .5em 1em; }
		
			.block ul li a {
				text-decoration: none; }

.pagination {
	clear: both;
	margin-bottom: 1.25em;
	text-align: center; }

	.pagination a {
		border: 1px solid #eee;
		margin: 2px;
		padding: 2px 5px;
		text-decoration: none; }

	.pagination a:hover {
		border: 1px solid #333;
		color: #111; }

	.pagination span.current {
		background-color: #0187da;
		border: 1px solid #111;
		color: #FFF;
		font-weight: bold;
		margin: 2px;
		padding: 2px 5px; }

	.pagination span.disabled {
		border: 1px solid #EEE;
		color: #DDD;
		margin: 2px;
		padding: 2px 5px; }

.addthis_toolbox {
	background: #eee;
	float: left;
	line-height: 16px;
	margin-bottom: 1.25em;
	padding: 2px 0 3px 1px;
	vertical-align: middle;
	white-space: nowrap; }

	.addthis_toolbox span {
		float: left;
		margin: 0 3px; }
	
	.addthis_toolbox img {
		vertical-align: top; }


/* Misc
-------------------------------------------------------------- */

.bg-lime 						{ color: #fff; background: #bad61d; }
	.bg-lime a:hover,
	.bg-lime a:focus	{ color: #fff; }
	.bg-lime a 				{ color: #fff; }
	
.bg-cobalt 						{ color: #fff; background: #00adef; }
	.bg-cobalt a:hover,
	.bg-cobalt a:focus	{ color: #fff; }
	.bg-cobalt a 				{ color: #fff; }
	
.no-margin,
#content p.no-margin { margin: 0; }

.float-left 	{ float: left; }
.float-right 	{ float: right; }

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error h1,
.error h2,
.error h3,
.error h4 { color: #8a1f11;  }
.notice h1,
.notice h2,
.notice h3,
.notice h4 { color: #514721;  }
.success h1,
.success h2,
.success h3,
.success h4 { color: #264409;  }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

blockquote  { margin: 1.25em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.25em; font-style: italic; }
del         { color: #666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: .1em;
	margin: 0 0 1.45em;
	width: 100%; }

hr.space {
	background: #fff;
	color: #fff; }

.clearfix:after,
#page:after,
#content:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden; }

.clearfix,
#page,
#content {
	display: block; }

#tsemppausviestit {
float: right;
position:relative;
width:270px;
margin-bottom: 22px;
margin-right: 10px;
}

.clear {
	clear: both; }