/*
Theme Name: Grunge Wall
Description: Grunge Wall  theme created by  <a href="http://ooyes.net/">http://ooyes.net</a>.
Version: 3.6
Author: Ooyes
Author URI: http://ooyes.net/
Tags: fixed width, two columns, valid XHTML, right sidebar, black, custom header, unique, black, style switch, multiple styles

	This theme was designed and built by Web Design Company of Ooyes

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
Modified: 2011 - 2014 pkarkkainen. This theme has been modified to suit www.jujutsunaattijat.fi blog
*/

*{
  margin: 0;
  padding: 0;
}


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #000;/* url(images/bodybg.jpg) repeat-x 50% -40px; ;*/
	color: #333;
	overflow-y: scroll;
	
	text-align: center;
	}
    li{
      list-style-position: inside;
    }

a{
  font: 14px Arial, Sans-Serif;
  color: #ccc;
}

a:hover{
 color: #fff;
}

#page {
	text-align: left;
	}

#headerimg 	{
    margin: 0;
    overflow: hidden;
    zoom:0;
}

#headerimg h1{
  float: left;
  margin-left: 80px;
  margin-top: 0px;
  padding: 0;
}
#headerimg h1 a{
  font: bold 40px 'Century Gothic', Arial, Sans-Serif;
  color: #D23838;
  text-decoration: none;
}

.description{
  float: left;
  font: 18px Tahoma;
  color: #fff;
  margin:10px 0 0 0px;
}



/* Begin Structure */
body {
	margin: 0 0 0 0;
	padding: 0;
	}

#page {
	margin: 4px auto 0 auto;
	padding: 0;
	width: 960px;
	}
#content-wrap{
  background: #222222;
  padding: 32px;
  overflow: hidden;
  zoom:1;
}
#content{
  float: left;
  width: 590px;
  margin-right: 18px;
}

#header {
	margin: 0 0 0 1px;
	padding: 0;
	width: 960px;
	}

#headerimg {
	margin: 0;
	width: 100%;
	}

.post {
    margin: 0;
    padding: 0;
    width: 541px;
    border: solid 3px #3F3F3F;
    background: #242424;
    padding: 15px 25px 15px 25px;
    position: relative;
    margin-bottom: 36px;
    min-height: 100px;
    -height: 100px;
}

.post h2 a, .post h3 a, .post h2, .post h3{
      font: bold 30px Arial, sans-serif;
      color: #EB6E15;
      text-decoration: none;
      position: relative;
      border-bottom: 2px dotted #ccc;
      margin-bottom: 10px;
      text-shadow: #303030 3px 3px 1px, #ccc 1px 2px 8px;
}
/*Added 21.7.2012 pkarkkainen*/
.post h4{
      font: bold 24px Arial, sans-serif;
      color: #CCC;
      text-decoration: none;
      position: relative;
      border-bottom: 1px dashed #ccc;
      margin: 5px 10px 20px 5px;
      text-shadow: #000 3px 3px 1px;
}
.btl, .btr, .bbl, .bbr{
    display: block;
    position:absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    width: 3px;
    height: 3px;
    zoom:1;
    overflow: hidden;
    float: left;
}
.btl{top: -3px;left: -3px;
background-image: url(images/btl.jpg);
}
.btr{
	top: -3px;right: -3px;
	-right: expression(this.parentNode.clientWidth % 2 == 0 ? -3 : -4);
    background-image: url(images/atr.jpg);
    width: 120px;
    height: 100px;
}
.bbr{
	bottom: -3px;right: -3px;
	-bottom: expression(this.parentNode.clientHeight % 2 == 0 ? -3 : -4);
	-right: expression(this.parentNode.clientWidth % 2 == 0 ? -3 : -4);
    background-image: url(images/bbr.jpg);
}
.bbl{
	bottom: -3px;left: -3px;
	-bottom: expression(this.parentNode.clientHeight % 2 == 0 ? -3 : -4);
    background-image: url(images/bbl.jpg);
}
/* ----- /angles ----- */

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}
.post small{
  color: #929292;
  font: 12px Arial, sans-serif;
}


.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
    color: #5B5B5B;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
    padding-top: 20px;
	margin: 0 auto;
	clear: both;
    background: url(images/footerbg.jpg) no-repeat 50% -6px;
    height: 55px;

}

#footer p {
	margin: 0;
    font: 12px Arial, Sans-serif;
    color: #858585  ;
}
/* End Structure */



/*	Begin Headers */


#sidebar h2 {
    margin: 0;
    padding: 12px 0 8px 40px;
    width: 245px;
    height: 17px;
    background: url(images/sidebar_title.jpg) no-repeat;
    font: bold 15px Arial, sans-serif;
    color: #fff;
}
#sidebar ul ul{
  background: #333333;
  padding-left: 15px;
}
#sidebar ul ul a{
    color: #959595;
    font: 12px Arial, sans-serif;
    text-decoration: none;
}
#sidebar ul ul a:hover{
    text-decoration: none;
    color: white;
}

/* sivupalkin valittu artikkeli */
#sidebar .current_page_item a{
    background: url(images/valinta_triangle_10x10.png) no-repeat;
    background-position: 0px 3.5px; 
    font-weight: bold;
    font-size: 1.5em;
    color: white;
    padding-left: 15px;
}
#sidebar .current_page_parent h2{
    margin: 0;
    padding: 12px 0 8px 36px;
    width: 245px;
    height: 17px;
    font: bold 15px Arial, sans-serif;
    color: #fff;
}

h3 {
	padding: 0;
	margin: 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
h3#comments {
	padding: 0;
	margin: 10px 0;
    color: #ccc;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}



.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
    padding: 10px 0;
	}
    #sidebar ul ul{
        padding: 10px 0;
        padding-left: 10px;
    }
       #sidebar ul ul ul{
        padding: 0;
        padding-left: 10px;
    }

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}
#searchform div{
    *position: relative;
    *top: -10px;
}
#sidebar #searchform #s {
	width: 150px;
    border: solid 1px #959595;
	padding: 2px;
	}

#sidebar #searchsubmit {
    border: solid 2px #456;
    cursor: pointer;
    padding: 1px 3px;
    position: relative;
    *top: 2px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
.entry{
  font: 14px Arial, sans-serif;
  color: #B7B7B7;
  margin: 5px 0;
  position: relative;
  z-index: 1;
}
.comment-link a{
  display: inline-block;
  background: url(images/comments_bullet.jpg) no-repeat 0 50%;
  padding: 3px 0 3px 27px;
}
.meta-home a{
  font: 12px Arial, sans-serif;
  color: #B7B7B7;
  text-decoration: none;
}
.meta-home a:hover{
  text-decoration: underline;
}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
    border: solid 2px #5E4839;
    background: #4A4B4D;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
    font: 12px Arial;
    color: #B7B7B7;
	}
.commentlist .alt{

}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
    border-bottom: dashed 1px #456;
    -border-bottom: dotted 1px #456;
}

.commentlist p{
	margin: 10px 5px 10px 0;
    font: 12px Arial;
    color: #B7B7B7;
	}
.commentlist em {
  color: #B7B7B7;
  font-size: 11px;
}
#commentform{
  background: #333;
  padding: 10px;
  overflow: hidden;
  zoom:1;
  margin-top: 10px;
}
#respond{
  color: #fff;
  margin-top: 10px;
}

#commentform input, #commentform textarea{
    border: solid 1px #587E81;
    background: #ccc;
}
#commentform input:focus, #commentform textarea:focus{
    background: #fff;
}
#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
    float: left;
    width: 285px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Customs: */

#feed-top{
  float: right;
  background: url(images/logo1.jpg) no-repeat;
  width: 327px;
  height: 121px;
   cursor: pointer;
}
#feed-top .rss{
  float: right;
  display: block;
  width: 38px;
  height: 38px;
  background: url(images/rss_top.png) no-repeat;
  text-indent: -10000px;
  margin: 25px 18px 0 0;
  cursor: pointer;
}
#feed-top p{
  font: 16px 'Century Gothic', Arial, Sans-serif;
  color: #fff;
  text-align: center;
  position: relative;
  top: 32px;
}
.postmetadata .rss{
  display: inline-block;
  padding: 3px 0 3px 30px;
  background: url(images/post-rsst.jpg) no-repeat 0 50%;
  float: right;
}
#wd{
  text-decoration: none;
  text-align: center;
}
#wd *{
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  font-size: 10px;
  font-style: normal;
}
#Ooyes{
  float: right;
  font: 12px 'Century Gothic',Arial,Sans-serif;
  position: relative;
  right: 10px;
}
#Ooyes a{
  font: 12px 'Century Gothic',Arial,Sans-serif;
  text-decoration: none;
  margin-left: 5px;
}
#Ooyes a:hover{
  text-decoration: underline;
}

/* styles */

#colours{
display:inline;
float:left;
height:26px;
margin: -13px 0 0 800px;
position: absolute;
}
#colours a{
  background:transparent url(images/colours.png) no-repeat 0 0;
  border:0 none;
  float:left;
  height:26px;
  line-height:26px;
  text-indent:-9999px;
  width:21px;
  outline: none;
  z-index:1000;
}
div#colours a#red {
    background-position:0 0;
}
div#colours a#orange {
    background-position:-21px 0;
}
div#colours a#yellow {
    background-position:-42px 0;
}
div#colours a#green {
    background-position:-63px 0;
}
div#colours a#blue {
    background-position:-84px 0;
}
div#colours a#white {
    background-position:-105px 0;
}






  /* Red */
.red #nav a:hover, .red #nav .current_page_item a{
  background: url(images/navbtnhover_red.jpg) repeat-x 0 50%;
}

.red #headerimg h1 a, .red #wd * , .red .more-link{
    color:#D23838
}
.red .post h2 a, .red .post h3 a, .red .post h2, .red .post h3 {
   color:#D23838
}

  /* Orange */
.orange #nav a:hover, .orange #nav .current_page_item a{
  background: url(images/navbtnhover_orange.jpg) repeat-x 0 50%;
}

.orange #headerimg h1 a, .orange #wd *, .orange .more-link{
    color:#E57F1D
}
.orange .post h2 a, .orange .post h3 a, .orange .post h2, .orange .post h3 {
   color:#E57F1D
}

  /* Yellow */
.yellow #nav a:hover, .yellow #nav .current_page_item a{
  background: url(images/navbtnhover_yellow.jpg) repeat-x 0 50%;
}

.yellow #headerimg h1 a, .yellow #wd * , .yellow .more-link{
    color:#F39801
}
.yellow .post h2 a, .yellow .post h3 a, .yellow .post h2, .yellow .post h3 {
   color:#F39801
}

  /* Green */
.green #nav a:hover, .green #nav .current_page_item a{
  background: url(images/navbtnhover_green.jpg) repeat-x 0 50%;
}

.green #headerimg h1 a, .green #wd *, .green .more-link{
    color:#77B52C
}
.green .post h2 a, .green .post h3 a, .green .post h2, .green .post h3 {
   color:#77B52C
}
  /* Blue */
.blue #nav a:hover, .blue #nav .current_page_item a{
  background: url(images/navbtnhover_blue.jpg) repeat-x 0 50%;
}

.blue #headerimg h1 a, .blue #wd *, .blue .more-link{
    color:#2F96D2
}
.blue .post h2 a, .blue .post h3 a, .blue .post h2, .blue .post h3 {
   color:#2F96D2
}

/* NAV */
#nav{
  width: 100%;
  height: 55px;
  margin: 0;
  padding: 0;
  background: url(images/navbg.jpg) no-repeat center top;
  overflow: hidden;
  zoom:1;
}
#nav ul{
    list-style: none;
    overflow: hidden;
    zoom:1;
    display: inline;
    float: left;
    margin-left: 30px;
    padding-top: 9px;
}
#nav li{
    float: left;
    display: inline;
    margin: 0 4px;
    text-align: center;
}
#nav a{
    width: 82px;
    display: block;
    padding: 11px 15px;
    background: url(images/navbtn.jpg) repeat right center;
    font: bold 12px Arial, sans-serif;
    border: outset 2px #8C8C8C;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}
#nav a:hover, #nav .current_page_item a, #nav .current_page_parent a, #sidebar .current_page_parent h2{
    border: inset 2px #8C8C8C;
    -moz-box-shadow: 0 0 2px 2px #888;
    -webkit-box-shadow: 0 0 2px 2px #888;
    box-shadow: 0 0 2px 2px #888; 

    background-image: linear-gradient(bottom, #000000 6%, #EB6E15 100%);
background-image: -o-linear-gradient(bottom, #000000 6%, #EB6E15 100%);
background-image: -moz-linear-gradient(bottom, #000000 6%, #EB6E15 100%);
background-image: -webkit-linear-gradient(bottom, #000000 6%, #EB6E15 100%);
background-image: -ms-linear-gradient(bottom, #000000 6%, #EB6E15 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, #000000),
	color-stop(1, #EB6E15)
);

/* For Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB6E15, endColorstr=#000000,GradientType=0);
	zoom: 1;
}


/* NAV Sub pages DROPDOWN style definitions 18.1.2012 pkarkkainen */

/* Sub entrys */
#nav ul ul{
	
	position: absolute;
	z-index: 10000;
	margin: 0 0 0 -4px;
	padding: 0 0 0 0;
	display: block;
	height:0px;
	font-weight: normal;
	transition: height 0.8s ease-out;
    -webkit-transition: height 0.8s ease-out;
    -moz-transition: height 0.8s ease-out;
    -o-transition: height 0.8s ease-out;
    -ms-transition: height 0.8s ease-out;
}

#nav ul li:hover ul{
	display: block;
	height: 100%;
	
	
}

#nav ul ul li{
	float: none;
	display: block;
	background: transparent;
	text-align: left;
}


/* sub nav a */
#nav ul .children a{
	overflow: hidden;
	-moz-box-shadow: 3px 6px 3px -1px black;
	-webkit-box-shadow: 3px 6px 3px -1px black;
	box-shadow: 3px 6px 3px -1px black;
   	padding: 10px 4px 4px 4px;
	width: 104px;
	font-weight: normal;
	background-color: transparent;
	border: outset 2px #8c8c8c;
	-moz-border-radius: 5px 9px 2px 9px;
	-webkit-border-radius: 5px 9px 2px 9px;
	-ms-border-radius: 5px 9px 2px 9px;
	-o-border-radius: 5px 9px 2px 9px;
	border-radius: 5px 9px 2px 9px;

/*Gradient created with http://gradients.glrzad.com/ */
	background-image: linear-gradient(bottom, #4D4D4D 0%, #1F1F1F 97%);
	background-image: -o-linear-gradient(bottom, #4D4D4D 0%, #1F1F1F 97%);
	background-image: -moz-linear-gradient(bottom, #4D4D4D 0%, #1F1F1F 97%);
	background-image: -webkit-linear-gradient(bottom, #4D4D4D 0%, #1F1F1F 97%);
	background-image: -ms-linear-gradient(bottom, #4D4D4D 0%, #1F1F1F 97%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #4D4D4D),
		color-stop(0.97, #1F1F1F)
);
/* For Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1F1F1F, endColorstr=#4D4D4D,GradientType=0);
	zoom: 1;
        

}

#nav ul ul a:hover{
	background-color: transparent;
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px #888;
	box-shadow: 0 0 2px 2px #888; 
	color: #fff
	/*Gradient created with http://gradients.glrzad.com/ */
	background-image: linear-gradient(bottom, #292929 0%, #ADADAD 97%);
	background-image: -o-linear-gradient(bottom, #292929 0%, #ADADAD 97%);
	background-image: -moz-linear-gradient(bottom, #292929 0%, #ADADAD 97%);
	background-image: -webkit-linear-gradient(bottom, #292929 0%, #ADADAD 97%);
	background-image: -ms-linear-gradient(bottom, #292929 0%, #ADADAD 97%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #292929),
		color-stop(0.97, #ADADAD));

/* For Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#292929, endColorstr=#ADADAD,GradientType=0);
	zoom: 1;
	
}

/*Shadow for for general use, "illuminates" link when hovering above, works for elements inside "a" tag */
a:hover .box_shadow_illuminate,
a:hover .back-light{
	-moz-box-shadow: 0 0 23px 2px #888;
	-webkit-box-shadow: 0 0 23px 2px #888;
	box-shadow: 0 0 23px 2px #888;
}

/* Training schedule style definitions, Treenikalenterin tyylimaarittely */
.training-day,
.peruskurssi,
.defendo-pk{
	padding:5px 0 5px 0; 
	background-color: #efefef; 
	-moz-box-shadow: 0px 0px 6px black; 
	-webkit-box-shadow: 0px 0px 6px black; 
	box-shadow: 0px 0px 6px black;
}

.peruskurssi{
	background-color:#FEFFD4; !important
}

.defendo-pk{
	background-color:#B8D3ff; !important
}

.no-training{
	font-style:italic; 
	background-color: #cccccc;
}

.training-day, .peruskurssi,.no-training{cursor: pointer; position:relative;}

.training-day[tooltip]:hover:after, .peruskurssi[tooltip]:hover:after,.no-training[tooltip]:hover:after {
  content: attr(tooltip);
	font-size: 0.9em;
  padding: 7px 8px 7px 20px;
  color: whitesmoke;
  position: absolute;
  left: 2px;
  top: -34px;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}




/* Events manager plugin (calendar) style override */

.em-calendar {
    background-color: #E0E0E0;
    -moz-box-shadow: inset 0px 0px 6px black;
    -webkit-box-shadow: inset 0px 0px 6px black;
    box-shadow: inset 0px 0px 6px black;
    padding: 20px;
    width: 100%;
}
.em-calendar td {
    padding:5px 6px !important;
    text-align: center;
}
.em-calendar td.eventful,
.em-calendar td.eventless{
    border: 1px solid;
}
.em-calendar tr.days-names {
    color:#000;
    background-color: #BDBDBD;
    font-weight: bold;
    font-size: 12px !important;
}
.em-calendar td.eventless-pre,
.em-calendar td.eventless-post {
    color: #CCCCCC;
}
.em-calendar td.eventful-pre a, 
.em-calendar td.eventful-post a {
    color: #AAAAAA;
    text-decoration: underline;
}
.em-calendar td.eventful a, 
.em-calendar td.eventful-today a {
    color: #000 !important;
    font-weight: bold !important;
}
.em-calendar a{
    display: block !important;
}
.em-calendar td.eventful a:hover {
    color: #fff !important;
    font-weight: bolder !important;
}

.em-calendar td.eventless-today {
    background-color: #A6A6A6 !important;
    border: dotted 1px;
    box-shadow: 0px 2px 4px #000;
    -moz-box-shadow: 0px 2px 4px #000;
    -webkit-box-shadow: 0px 2px 4px #000;
}

.em-calendar td.eventful{
    background-color: #CFCFCF;
    box-shadow: inset 2px 2px 2px #000;
    -moz-box-shadow: inset 2px 2px 2px #000;
    -webkit-box-shadow: inset 2px 2px 2px #000;
}

.em-calendar td.eventful-today{
    background-color: #CFCFCF;
    box-shadow:  0px 0px 2px #000;
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}

.em-calendar thead {
    font-size: 2.1em !important;
    font-weight: bold;
    background-color: white;
    color:black;
}

.em-calendar a.em-calnav{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.em-calendar a.em-calnav:hover{
    color: #ccc;
}

/* AJANKOHTAISTA osion tyylimäärittely */
.bulletin-board{
     background-color: #7D7D7D !important;
    -moz-box-shadow: inset 0px 0px 6px black;
    -webkit-box-shadow: inset 0px 0px 6px black;
    box-shadow: inset 0px 0px 6px black;
      
}

.bulletin-board a:hover{
    color: #fff !important;
    text-shadow: yellow 0px 0px 4px;
}

.bulletin-board a{
    color: #E8E8E8 !important;
    font-weight: bold !important;
    text-shadow: #000 0px 0px 10px;
}

/* Ilmoittautumislaskurin tyyliviritykset */
.counter_1, .counter_img{
	margin-left: 10px;
	border: #000 solid 1px; 
	-moz-box-shadow: 0px 0px 10px #000; 
	-webkit-box-shadow: 0px 0px 10px #000; 
	box-shadow: 0px 0px 10px #000; 
	color:white; 
	letter-spacing: 1px; 
	text-shadow: 2px 4px 3px #000; 
	background: rgb(255,165,0); 
	background: rgba(255,165,0, 0.7); 
	padding: 8px; 
	width:154px; 
	font-size: 13px;
}

.counter_img{
	position: relative; 
	top:564px; 
	left: 363px;
	margin-left: 0px; 
	-moz-box-shadow: 0px 0px 30px red; 
	-webkit-box-shadow: 0px 0px 30px red; 
	box-shadow: 0px 0px 30px red;
	letter-spacing: -1px; 
}

/* http://usabilitypost.com/2012/01/10/pressed-button-state-with-css3/ */
.pk_button {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.pk_button:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.pk_button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.shortcuts a{
	font-size: 2em !important;	
}