html {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px; /* = 1rem */
}

body {
	color: #ffffff;
	background-color: #000000;
	margin:0;
	padding: 0;
}

a, a:link, a:visited { color: #d5ffff; text-decoration: underline; }
a:hover { color: #ba2424; text-decoration: none; }
p { line-height:1.5rem;}
img {border: none;}
.img_c {
margin-left:auto ;
margin-right:auto ;
}

h1, h2, h3, h4, h5, h6 { color: #cbe9f2; font-weight: normal; text-decoration:none; }
h1 { font-size: 3rem; margin: 0.5rem 0.5rem 2rem 0.5rem;}
h2 {
	font-size: 2rem;
	margin: 1rem 2rem 1rem 2rem;
	padding: 0;
	 text-align: center;
 }
h3 { font-size: 2rem; margin: 0.5rem 0 1rem; padding: 0; }
h4 { font-size: 1.5rem; margin: 0.5rem 0 1rem; padding: 0; }
h5 {
	font-size: 1.5rem;
	margin: 0.5rem 0 0.5rem;
	padding: 0; color: #d63a3a;
	 text-align: center;
	 color: #cedcff;
	 font-weight: bold;
}

h6 { font-size: 1.1rem; margin: 0 0 0.5rem; padding: 0; }

.center_text {
	text-align: center;
}

#wrapper {
	/*width: 97%;*/
	margin: 0 auto;
	background: url(/images/kaaosradiotausta-7.png) no-repeat;
	background-attachment:fixed;
	background-position:top center;
}
 
#header {
	/*width: 1020px;
	 padding: 0 30px;*/
	height: 200px;
	/*background: url(/images/kaaosradiobanneri--1.png) no-repeat;*/
	background-attachment:fixed;
	background-position:center top;
}

/* -- Black Menu -- */
.menu {
	font-family: "Trebuchet MS", Arial, san-serif;
	/*width:720px; */
	/*height:48px;*/
	float: left;
	/*position:absolute;*/
	/*font-size:15px;*/
	margin: 0;
	padding:0;
	/*margin-right: auto;*/
	z-index:1000;
}
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #f0f0f0;
	font-weight: bold;
	/*width: 102px;*/
	/*height: 36px;*/
	text-align: center;
	/*border-bottom: 0;*/
	/*background-image:url('black/center.png');*/
	/*line-height: 42px;*/
	/*font-size: 13px;*/
	overflow: hidden;
	padding-top: 3px;
}

.menu .left_nosub {
	background-image:url('/images/menu/left.png');
}
.menu .right_hassub {
	background-image:url('/images/menu/right.png');
}
.menu .right_nosub {
	background-image:url('/images/menu/right.png');
}
.center_nosub {
	background-image:url('/images/menu/center.png');
}
.center_hassub {
	background-image:url('/images/menu/center.png');
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float:left;
	position:relative;
	width: 102px;
	line-height: 42px;
	font-size: 13px;
}
.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {color:#000; background:url('/images/menu/center_hassub.png');}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:-165; width:165px; margin: 0; padding: 0;}

.menu ul li ul.column1 {
	/*display:block;*/
	/*position:absolute;*/
	top:42px;
	left:-165px;

}

.menu ul li ul.column2 {
	/*display:block;*/
	/*position:absolute;*/
	top: 42px;
	left: 0px;
}

.menu ul li ul.column3 {
	/*display:block;*/
	/*position:absolute;*/
	top: 42px;
	left: 165px;
}

.menu ul li:hover ul li a.center_hassub {background:#6a3; color:#000;}
.menu ul li:hover ul li:hover a.center_hassub {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .center_nosub {color:#000; background:url('/images/menu/center_nosub.png');}
.menu ul li:hover .left_nosub {color:#000; background:url('/images/menu/left_nosub.png');}
.menu ul li:hover .right_hassub {color:#000; background:url('/images/menu/right_hassub.png') ;}
.menu ul li:hover .right_nosub {color:#000; background:url('/images/menu/right_nosub.png') ;}

/* DropDown Styling */
.menu ul li:hover ul li a {background-image: none;
	background-color:rgba(163,163,163,1.0);
	display:block;
	height: 24px;
	line-height: 24px;
	color:#000;
	width:157px;
	text-align:left;
	margin: 0;
	padding:0 0 0 8px;
	font-weight:bold;
}

.menu li ul li:last-child a {
	border-bottom-right-radius:0.5rem;
	border-bottom-left-radius:0.5rem;
	/*W3C: */
	/*background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(0,0,0,0.8) 100%);*/
	background: linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(0,0,0,0.8) 100%);
}
.menu ul li:hover ul {
	margin: 0 0 0 0.4rem;
	padding: 0;
	/*background-image:url('black/dropdown.png');*/
	background-repeat:no-repeat;
	background-position:bottom left;
	z-index:1001;
}

/* DropDown Menus ":active" or "Selected" Styling */
/*
.menu ul li:hover ul .sub_active {
	background-image:url('images/menu/sub_active.png');
	margin-right: 0.1rem;
}
*/

/* DropDown Menus ":hover" Styling */
.menu ul li:hover ul li a:hover {
	background: rgb(191,191,191);
	background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(163,163,163,1) 50%,rgba(146,146,146,1) 51%,rgba(120,120,120,1) 100%); /* W3C */
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:8.75em; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-8.75em;}


/* -- End Black Menu -- */

.somebuttons {

	float: right;
	width: 25.5rem;
	right: 0px;
	margin-top: 0.5rem;
	/*margin-left: 0.7rem;*/
	overflow: auto;
	background: rgba(0,0,0,0.3);

}

.somebutton {
	/*margin: 0.05rem;*/
	margin: 1.50rem;
	width: 2.7rem;
	height: 2.7rem;
}
.somebutton:hover {
	/*border-radius: 0.3rem;*/
	box-shadow: 0 0 0.3rem 0.3rem rgba(0, 103, 115, 0.5);
}

audio {
	/*display:block;*/
	transition:all 0.1s linear;
	margin-top:0.5rem;
	/*width:22rem;
	height:2.1rem;*/
}

audio:hover, audio:focus, audio:active {
	box-shadow: 2px 2px 4px #006773;
}

iframe.kalenteri {
	width: 100%;
	height: 630px;
	border: 0rem;
	margin-top:1rem;
	/*border-style: solid*/;
	/*border-color: black;*/
}

.maincontent {
	/*margin-bottom:2em;*/
	/*border-radius: 0.3rem;*/
	/*padding-right: 1rem;
	padding-left: 1rem;*/
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	font-size: 1.2rem;
	border: 0.1em solid rgba(69, 92, 151, 0.3);
	background: rgba(0,0,0,0.3);
	/*width: 1400px; */
	/*float: right; */
}

div.maincontent_wanhat {
	/*margin-bottom:2em;*/
	float: left;
	width: 720px;
	border-radius: 0.3rem;
	padding-right: 1rem;
	padding-left: 1rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	font-size: 1.2rem;
	border: 0.1em solid rgba(69, 92, 151, 0.3);
}

div.maincontent_square {
	/*margin-bottom:2em;*/
	/*margin: 2rem;*/
	margin-left: 1rem;
	margin-right: 1rem;
	float: left;
	min-width: 20rem;
	min-height: 25rem;
	border-radius: 0.3rem;
	padding-right: 1rem;
	padding-left: 1rem;
	padding-top: 1rem;
	padding-bottom: 0.6rem;
	font-size: 1.2rem;
	border: 0.1em solid rgba(69, 92, 151, 0.3);
	background: rgba(0,0,0,0.3);
}

div.maincontent_image {
	float: left;
	margin-top: 2rem;
	width: 22rem;
}

div.maincontent_text {
	
	font-size: 1.2rem;
	float: left;
	width: 55rem;

}

.clear { clear: both }
.h10 { height: 10px }
.h1em { height: 1rem; clear: both;}
.h20 { height: 20px }
.h2em { height: 2rem; clear: both;}
.h30 { height: 30px }
.h3em { height: 3rem; clear: both;}
.h40 { height: 40px }
.h4em { height: 4rem; clear: both;}
.h50 { height: 50px }
.h5em { height: 5rem; clear: both;}
.h60 { height: 60px }
.h6em { height: 6rem; clear: both;}
.h80 { height: 80px }
.h8em { height: 8rem; clear: both;}
.h100 {height:100px }
.h10em { height: 10rem; clear: both;}

.no_border {border: 0}

.float_l { float: left; display: block; }
.float_r { float: right; display: block; }
.image_c {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image_wrapper { display: inline-block; border: 3px solid #35373b; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 30px 0 30px }
.image_fr { float: right; margin: 3px 30px 0 30px }
.thumbnail {margin: 0.25rem 2.75rem 0 2.75rem}

blockquote { font-style: italic; margin-left: 10px}
cite { font-weight: bold; color:#ccc }
cite span { color: #ccc }
em { color: #fff; font-weight: 400 }

.tmo_list { margin: 0 0 0 1.5rem; padding: 0rem; list-style: none }
.tmo_list li { color: #d5ffff; margin:0 0 0.5rem; padding: 0.25rem 0rem 0.25rem 1rem; }
.tmo_list li a { color: #d5ffff; text-decoration: underline }
.tmo_list li a:hover { color:#339783 ; }

#aikataulu {
	width: 1000px;
	height: 620px;
	border: 0px;
}

div.content_box {
	float:left;
	margin-bottom: 5rem;
	width:720px;
	/*max-width:720px;*/
	/*min-width:480px;*/

}

div.content_box_big {
	/*float:left;*/
	margin-bottom: 1.8rem;
	min-width: 480px;

}

div.content_box_small {
    float:left;
    margin-bottom: 5rem;
    max-width: 30rem;
    margin-left: 1rem;

}

div.content_box_medium {
    float: left;
    margin-bottom: 5rem;
    max-width: 44rem;
    margin-left: 1rem;
    margin-right: 1rem;

}

.col_w250 { width: 290px }
.col_w290 { width: 290px; }

.box_250 {
	display:block;
	width: 250px;
	height:250px;
}

div.last_box {
	margin: 0;
	margin-top:2rem;
	border: 0 solid black;
}

#templatemo_sidebar {
	float: right;
	/*min-width: 280px;*/
	width: 285px;
	/*padding-left: 30px;*/
	/*margin-left: 0.1rem;*/
}

#html5player {
	width: 245px;
	display: block;
}

.sidebar_box {
	margin-bottom: 2.0rem;
	border: 0.1rem solid;
	padding-top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	border-radius: 0.3rem;
	border-color: rgba(69, 92, 151, 0.6);
	/*min-width:20.8rem;*/
	/*max-width:23.5rem;*/
	width: 330px;
	height: 370px;
	float: left;
	background: rgba(0,0,0,0.3);
}

div.sidebar_box a { color: #d5ffff; text-decoration: underline; }
div.sidebar_box a:hover { color: #ba2424; text-decoration: none; }

#templatemo_footer {
	clear: both;
	max-width: 100%;
	padding: 20px 30px 20px;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
}

#templatemo_footer a { color: #fff; }

#header { width: 100%; }

#sivusto {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: 0 solid black;
}

/* FIELDSET */
fieldset {
	padding: 1rem;
	border: 0.1rem solid;
	border-color: rgba(69,92,151,0.3);
	border-radius: 0.3rem;
}

fieldset.user_form {
	border: 0rem;
	padding: 0rem;
	margin: 0rem;
}

fieldset a.linkbutton  {
    border: 0.1rem solid rgba( 69,92, 151, 0.3);
    margin: 0.5rem;
    padding: 0.2rem 1rem;
    color: white;
    text-decoration: none;
}

fieldset a.linkbutton:hover {
	border: 0.1rem solid rgba(69,92,151,1);
}

fieldset.user_form legend {
	font-size: 1.1rem;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-left:1.2rem;
	border:0;
	width: 100%;
}

legend {
	color: #627ec6;
	width: 90%;
	font-size: 2rem;
	padding: 0.5rem;
	padding-left: 3rem;
	border:0.1rem solid;
	border-color: rgba(69,92,151,0.3);
	border-radius:0.3rem;
}
textarea
{
	max-width:600px;
	/*box-shadow:0px 0px 50px #006773;*/
}

/* SHOUTBOX */
div.commentline {
	border: 0.1rem solid rgba(69, 92, 151, 0.15);
	min-width: 30rem;
	max-width: 100rem;
	display: table-row;
	height: 1.5rem;
}

div.commentline:hover {
	border-bottom: 0.1rem solid rgba(69, 92, 151, 1);
}

.shoutform {
	min-width: 30rem;
	border-collapse: collapse;
	/*border: 0.1rem solid rgba(82, 204, 163, 0.15);*/
}

.form_element {
	/*float: left;*/
	display: table-cell;
	/*margin: 0.1rem;*/
	/*min-width :20rem;*/
	/*line-height: 1.2rem;*/
	/*margin-top:0.5rem;*/
}

input.form_element, textarea.form_element {
	/*height: 1.2rem;*/
	/*padding-top:0;*/
	/*padding-bottom: 0;*/
	border: 0.1rem solid rgba(69, 92, 151, 0.3);
	margin-left: auto;
	margin-right: 0.2rem;
	float: left;
	display: block;
	color: white;
	background-color:black;
}

.form_element input.kommentoi_button { float:right;}

input.commenttext {
	max-width: 30rem;
}

input.form_element:hover, textarea.form_element:hover {
	border: 0.1rem solid rgba(69, 92, 151, 1);
}

input.kommentoi_button {
	/*float:right;*/
	background-color:black;
	color: white;
	border: 0.1rem solid rgba(69, 92, 151, 0.3);
}

input.kommentoi_button:hover {
	border: 0.1rem solid rgba( 69, 92, 151, 1);
}

p.form_element {
	float: left;
	/*line-height: 1.2rem;*/
	min-width: 8rem;
	margin: 0 0.4rem 0 0.4rem;
	font-weight: bold;
}

p.error { color:red; }
p.notice { color: orange;}

p.kello {
	color: #627ec6;
	margin-left: 0rem;
	padding-right: 0.2rem;
	font-size: 0.7rem;
	vertical-align: top;
	display: table-cell;
	min-width: 7.1rem;
	line-height: 0.7rem;
}

p.kommentti {
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 60rem;
	line-height: 1.3rem;
}

p.commentpoints {
	position: relative;
	top: 0.3rem;
	overflow: hidden;
	float: right;
	min-width: 2rem;
	font-size: 0.7rem;
	line-height: inherit;
	margin: 0;
}

img.vote {
	float: left;
	display: table-cell;
	margin: 0 0.2rem;
	/*width: 1.2rem;*/
}

p.commentdel {
	float: right;
	margin: 0;
	/*width: 7.7rem;*/
}

p.comment {
	position: relative;
	float: left;
	max-width: 80%;
	min-width: 32rem;
	line-height: 1.3rem;
	margin: 0;
	margin-left: 0.5rem;
	overflow: hidden;
	height: 1.4rem;
	background: black;
}

p.comment:hover {
	height: auto;
	/*animation: heightup ease-in;
	animation-duration: 1.0s; 	
	animation-fill-mode: forwards;
	animation-iteration-count: 1;*/
}

#loggedinsign {
	/*position: absolute;*/
	float: right;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2rem;
	position: relative;
	/*right: 1rem;*/
	/*bottom: 1rem;*/
	animation: blinkanim 4s linear 0s infinite;
	transition-delay: 5s;
	margin: 0;
	z-index: 1;
}
#loggedinsign a {
	text-decoration: none;
}
#loggedinsign a:hover {
	text-decoration: none;
	color: #00c74c;
	animation: blinkanim 1s linear 0s infinite;
}

@keyframes blinkanim {
	10% {opacity: 0; }
	50% {opacity: 0.5; }
	90% {opacity: 0; }
}