/* Start of CMSMS style sheet '506_screen' */
/* *******************************************
RESETIT
******************************************* */

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input[type=hidden] {
visibility: hidden;
height:0px;
border:0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:absolute;
}

img { -ms-interpolation-mode: bicubic; }

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;

}
sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

/* *******************************************
COMMON ELEMENTS
******************************************* */

body {
	color: #666;
  font: normal 14px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Tablet */

table {
  width: 100%;
}
tbody tr:hover {
  background-color: #eee;
}
table td {
	border: 1px solid #ccc;
	border-collapse: collapse;
  padding: 3px;
  vertical-align: middle;
}
caption, tbody, tfoot, thead {}

/* *******************************************
COMMON BLOCKS
******************************************* */

#pageWrapper {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 900px;
}
#leipis {
	display: block;
	margin: 0;
	min-height: 350px;
	overflow: hidden;
	width: 460px;
}
#etusivuKapea {
	display: block;
	float: left;
	margin: 0 20px 0 20px;
	overflow: hidden;
	width: 190px;
}
#etusivuLevea {
	display: block;
	overflow: hidden;
	width: 669px;
}

/* *******************************************
HEADER
******************************************* */

#header {
	background: url(kuvat/header_bg.png) no-repeat 0px 20px;
	display: block;
	height: 226px;
	position: relative;
	padding: 20px 0;
}
#slogan {
	display: block;
	color: #bcbcbc;
	font: italic normal 24px "Trebuchet MS", Arial, Helvetica;
	left: 440px;
	position: absolute;
	top: 68px;
	width: 305px;
}
.slogani {
	display: block;
	text-align: right !important;
	width: 305px;
}

/* *******************************************
FOOTER
******************************************* */

#footer {
	background: url(kuvat/footer_bg.jpg) repeat-x center top;
	clear: both;
	display: block;
	min-height: 310px;
}
#footerWrapper {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 75px 0 60px 20px;
	width: 880px;
}
.footerpalsta {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
.leveys170 {
	width: 170px;
}
.leveys190 {
	width: 190px;
}
.leveys460 {
	padding: 0 10px 0 0;
	width: 450px;
}
#footer h3 {
	color: #c60202; /*punainen*/
	font: bold italic 18px "Trebuchet MS", Arial, Helvetica;
	margin: 0 0 15px 0;
}
#footer p {
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica;
}
#footer a {
	color: #ddd;
	text-decoration: none;
}
#footer a:hover {
	color: #aaa;
	text-decoration: none;
}
.quote {
	font: italic 12px/16px "Trebuchet MS", Arial, Helvetica !important;
}
.quoteAuthor {
	float: right;
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica;
	padding: 16px 10px 0 0;
	text-align: right;
}

/* POLL */

.polloptions {
  display: block;
  margin: 0 0 20px 0;
}
.polloption {
  clear: both;
  display: block;
  margin: 10px 0;
}
.pollinput {
  display: block;
  float: left;
}
.polllabel {
  display: block;
	font-size: 12px;
  padding: 0 0 0 30px;
}
#vote {
  background: url(kuvat/btn150_black_on_black.jpg) no-repeat;
  border: none;
  color: white;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 29px;
  padding: 2px 0;
	text-align: center;
	width: 150px;
}
#vote:hover {
  color: #ddd;
	cursor: pointer;
}
.pollresultlist {}
.pollresults {
  display: block;
  margin: 0 0 20px 0;
}
.pollresult {
  clear: both;
  display: block;
  margin: 10px 0;
}
.resultlabel {}
.resultvotes {
  color: white; display: block; width: 33px; float: left;
}
.resultvotesTotal {
  color: white;
}


/* *******************************************
FORMIT
******************************************* */

#leipis form {
	padding: 10px 0;
}
#leipis form p {
	text-align:left;
	padding:15px 5px 5px 0;
	margin:0;
}

#leipis form fieldset {
	display:block;
	padding:5px 5px 5px 0px;
	margin-bottom:0.5em;
	line-height:1.5em;
}
#leipis form fieldset:hover {
	border:0px solid #ccc;
}

#leipis form legend {
	font-weight:bold;
	font-size: 16px;
	margin-bottom:15px;
	padding:6px;
	background:none;
	color: #fff; /* Valkoinen */
}
* html #leipis form legend {
	padding:0 0 30px 0;
	margin:5px 0 0 0;
	border:none;
}

#leipis form label {
	clear:left;
	display:block;
	float:left;
	width:130px;
	text-align:left;
	padding-right:10px;
	margin-top:4px;
	margin-bottom:0.5em;
}

#leipis form input[type="text"] {
	border:none;
	font: normal 14px "Trebuchet MS", Arial, Helvetica;
	padding: 6px 3px 3px 3px;
	margin-bottom: 10px;
	width:250px;
	background:#fff url(kuvat/field_bg.png) no-repeat left top;
	height: 20px;
	overflow: hidden;
}
input[type="checkbox"],
input[type="radio"] {
	width: inherit!important;
	border: none!important;
	margin-bottom: 10px;
}
#leipis form input:hover {
	/*border:1px solid #999;*/
	background:#fff url(kuvat/field_bg.png) no-repeat 0px -30px;
}
#leipis form input:focus {
	/*border:1px solid #666;*/
	background:#fff url(kuvat/field_bg.png) no-repeat 0px -60px;
}

#leipis form select {
	margin:0 0 1em 0.5em;
}
#leipis form textarea {
background: transparent url(kuvat/textarea_bg.png) no-repeat left top;
	width:385px;
	font: normal 14px "Trebuchet MS", Arial, Helvetica;
	height:196px;
	border:none;
	padding: 6px;
	overflow: hidden;
}
#leipis form textarea:hover {
	/*border:1px solid #999;*/
background: transparent url(kuvat/textarea_bg.png) no-repeat 0px -209px;
}
#leipis form textarea:focus {
	/*border:1px solid #666;*/
background: transparent url(kuvat/textarea_bg.png) no-repeat 0px -418px;
}

#leipis form option {
	background:#fff;
}
#leipis form optgroup {
	background:#fff;
	color:#000;
	font-style:normal;
}
#leipis form optgroup option {
	background:#fff;
}

#leipis form .fbsubmit {
	background: url(kuvat/btn150_black_on_white.jpg) no-repeat left top;
	color: white;
	padding-right:0.5em;
	cursor:pointer;
	width:150px;
	padding: 5px 9px 9px 9px;
	border: none;
	font: bold 14px "Trebuchet MS", Arial, Helvetica;
}
#leipis form .fbsubmit:hover {
	background: url(kuvat/btn150_black_on_white.jpg) no-repeat left top;
	color: #999;
	border: none;
}
.error_message {
	border: 1px solid #c60202;
	color: #c60202;
	display: block;
	font: italic normal 12px "Trebuchet MS", Arial, Helvetica;
	margin: 10px 0;
	padding: 5px;
}
.fb_invalid {
	color: #c60202;
	font: italic normal 12px "Trebuchet MS", Arial, Helvetica;
}

/* *******************************************
LEIPIS
******************************************* */

/* Tekstiblokit */

#leipis h1 {
	color: #c60202;
	font: italic normal 28px "Trebuchet MS", Arial, Helvetica;
	margin: 5px 0 .7em 0;
}
#leipis h2 {
	color: black;
	font: italic normal 18px "Trebuchet MS", Arial, Helvetica;
	margin: 1.5em 0 .2em 0;
}
#leipis h3 {
	margin: 1em 0;
}
#leipis h4 {
	margin: 1em 0;
}
#leipis p,
#leipisReferenssit p {
	margin: .5em 0 1em 0;
	line-height: 1.5em;
}

/* Etusivu */

#etusivuKapea h1 {
	color: #c60202;
	font: italic normal 28px "Trebuchet MS", Arial, Helvetica;
	margin: 0 0 .7em 0;
}
#etusivuKapea h2 {
	color: black;
	font: italic normal 18px "Trebuchet MS", Arial, Helvetica;
	margin: 1.5em 0 .2em 0;
}
#etusivuKapea h3 {
	margin: 1em 0;
}
#etusivuKapea h4 {
	margin: 1em 0;
}
#etusivuKapea p {
	font: normal 13px/16px "Trebuchet MS", Arial, Helvetica;
	margin: .5em 0 1em 0;
	line-height: 1.5em;
}

#etusivuTwitter {
	display: block;
	margin: 30px 0 30px 10px;
}
#etusivuTwitter h2 {
	background: url(kuvat/506_vinjetti.png) no-repeat left top;
	color: black;
	font: italic normal 18px "Trebuchet MS", Arial, Helvetica;
	padding: 10px 0 10px 20px;
}
#etusivuTwitter h2 .grey {
	color: #999!important;
}
#etusivuTwitter ul {
	margin: 0 0 0 20px;
	width: 420px;
}
#etusivuTwitter li {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
#etusivuTwitter li.last {
	border-bottom: none!important;
	padding: 10px 0;
}
#etusivuTwitter .date {
	/*clear: both;*/
	color: black;
	display: block;
	font-style: italic;
}
#etusivuTwitter a {
	color: #666;
	text-decoration: none;
}
#etusivuTwitter a:hover {
	color: #444;
	text-decoration: underline;
}
#etusivuLaatutakuu {
	display: block;
	float: right;
	text-align: center;
	width: 170px;
}
p.twitter {
	margin: 10px 10px 10px 20px;
}
a.reply {
	color: #c60202!important;
	display: block;
	float: right;
	width: 50px;
}

/* SLIDER */

#slider1 {
  width: 669px; /* important to be same as image width */
  height: 249px; /* important to be same as image height */
  position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
	background-color: white;
  width: 669px; /* important to be same as image width or wider */
  position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
  float: left;
  position: relative;
	display: none;
}
.slider1Image span {
  position: absolute;
	font: normal 12px/18px "Trebuchet MS", Arial, Helvetica;
  padding: 10px 13px;
  width: 643px;
  background-color: #000;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
	khtml-opacity: 0.85;
  opacity: 0.85;
  color: #fff;
  display: none;
}
.clear {
	clear: both;
}
.left {
	top: 0;
  left: 0;
	width: 190px !important;
	height: 249px;
}
.right {
	right: 0;
	bottom: 0;
	width: 180px !important;
	height: 239px;
}
#slider1 ul { list-style-type: none;}
#slider1 h3 {
	color: #c60202;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	padding: 10px 10px 10px 0;
}
.slider1Image span a {
	color: #c60202;
	text-decoration: underline;
}


/* Muotoilut */

#leipis a,
#etusivuKapea a {
	color: #000;
	text-decoration: underline;
}
#leipis a:hover,
#etusivuKapea a:hover {
	color: #444;
	text-decoration: underline;
}
em, italic {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}

/* Listat */

#leipis ul,
#leipis ol {
	margin: 0 0 10px 5px;
}
#leipis ul li {
	background: url(../kuvat/bullet.gif) no-repeat left 8px;
	line-height: normal;
	margin: 5px 0;
	padding: 3px 3px 3px 10px;
}
#leipis ol li {
	list-style: decimal;
	line-height: normal;
	margin: 5px 0 5px 20px;
	padding: 3px 3px 3px 0px;
}

/* Sekalaiset */

.leftalign {
	float: left;
	margin: 0 .5em .5em 0;
}
.rightalign {
	float: right;
	margin: 0 0 .5em .5em;
}

/* *******************************************
OIKEA PALSTA
******************************************* */

#fiilisKuva {
	display: block;
	float: right;
	margin: 60px 0 40px 0;
	width: 190px;
}
#sharethis {
	display: block;
	margin: 10px 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#sharethis:hover {
	display: block;
	margin: 10px 0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#sharethis p {
	display: block;
	margin: 5px 0;
}
#sharethis a {
	color: #333;
	text-decoration: none;
}
#sharethis a:hover {
	color: #000;
	text-decoration: underline;
}

/* *******************************************
REFERENSSIT
******************************************* */

#leipisReferenssit {
	display: block;
	margin: 0;
	min-height: 350px;
	overflow: hidden;
	/*width: 460px;*/
}
#leipisReferenssit h1 {
	color: #c60202;
	font: italic normal 28px "Trebuchet MS", Arial, Helvetica;
	margin: 5px 0 .7em 230px;
}
#leipisReferenssit h2 {
	color: black;
	font: italic normal 18px "Trebuchet MS", Arial, Helvetica;
	margin: 10px 0 .2em 15px;
}
#leipisReferenssit p {
	display: block;
	font-size: 13px;
	margin: .5em 20px 1em 15px;
	width: 190px;
}
#leipisReferenssit a {
	color: #000;
	text-decoration: underline;
}
#leipisReferenssit img {
	border-bottom: 1px solid #666;
	display: block;
	float: right;
	margin: 0 0 0 10px;
}
.referenssi {
	border-top: 1px solid #666;
	clear: both;
	display: block;
	margin: 10px 0 50px 0;
	overflow: hidden;
	width: 100%;
}

/* End of '506_screen' */