@import 'https://fonts.googleapis.com/css?family=Arimo';
@import 'https://fonts.googleapis.com/css?family=Eczar|Rakkas';
@import 'https://fonts.googleapis.com/css?family=New+Rocker';
@import 'https://fonts.googleapis.com/css?family=Bad+Script';

body {
margin : 0;
padding : 0;
font-family: 'Arimo', sans-serif;
font-size: 13px;
background : #131307 url(http://i65.tinypic.com/2vjbg8x.jpg);
line-height : 1.7em;
color : #d1c468;}
		::-webkit-scrollbar { width: 8px; height: 3px;}
		::-webkit-scrollbar-button {  background-color: #0f0f0f; }
		::-webkit-scrollbar-track {  background-color: #0f0f0f;}
		::-webkit-scrollbar-track-piece { background-color: 		#202020;}
		::-webkit-scrollbar-thumb { height: 50px; background-color: #0f0f0f; border-radius: 3px;}
		::-webkit-scrollbar-corner { background-color: #000;}
		::-webkit-resizer { background-color: #000;}
			/*TOP BANNER*/
#header {
height : 188px;
margin-top : 0;
padding : 0;
background : #131307 url(http://i64.tinypic.com/vov2ts.jpg) no-repeat;
color : #131307;
}
			/*TOP NAVIGATION*/
#topnav ul {
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #4a5c42;
color : #d1c468;
text-align : center;
font-weight : bold;
}
#topnav li {
display : inline;
}
#topnav li a, #topnav a:visited {
text-decoration : none;
background : #4a5c42;
color : #d1c468;
padding : 0.6em 1.3em;
border-right : 1px solid #131307;
}
#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #8c9055;
color : #131307;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 3%;
height : 1px;
}
#col1 {
float : left;
width : 15%;
margin-bottom : 1em;
padding-right : 1%;
}
#col2 {
float : left;
width : 50%;
margin-left : 2%;
margin-bottom : 1em;
border-left : 1px solid #000;
border-right : 1px solid #000;
padding-right : 3%;
padding-left : 3%;
background : #131307;
}
#col3 {
float : left;
width : 18%;
margin-left : 3%;
margin-bottom : 1em;
}
			/*RIGHT NAVIGATION*/
#navcontainer ul {
margin : 0;
padding : 0;
list-style-type : none;
color : #d1c468;
list-style-image: url(http://i120.photobucket.com/albums/o173/monniviiksi/Avat%20ja%20AKt/menupilkku_zps8587a39c.png);
  list-style-position: inside;
}

#navcontainer ul li a {
padding : 20px;
color : #d1c468;
background : transparent url(img/list-off-orange.gif) no-repeat left center;
text-align : left;
font-family: 'New Rocker', cursive;
font-size: 17px;
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #901d0a;
background : transparent url(img/list-on-orange.gif) no-repeat left center;
}
#navcontainer ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #000;
}
			/*FOOTER*/
#footer {
clear : both;
height : 40px;
background : #4a5c42;
border-top : 5px solid #901d0a;
color : #d1c468;
padding : 0.2em 0 0 0.5em;
text-align : left;
}
#footer a {
color : #d1c468;
background : inherit;
}
#footer a:hover {
color : #8c9055;
background : inherit;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
color : #8c9055;
padding-top : 0.5em;
letter-spacing: 3px;
background : inherit;
font-family: 'New Rocker', cursive;
text-shadow: 1px 1px 0px #000, -1px -1px 0px #9bb466;
text-size: 70px;

}
h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
letter-spacing : 3px;
font-size : 1.5em;
color : #8c9055;
background : inherit;
font-family: 'Rakkas', cursive;
}
h3 {
margin-top : 0;
font-size : 0.75em;
text-align : center;
color : #8c9055;
background : inherit;
font-family: 'Rakkas', cursive;
}
blockquote {
font-weight : light;
font-style : italic;
color : #8c9055;
font-family: 'Bad Script', cursive;
font-size: 21px;
}
			/*LINKS*/
a {
text-decoration : none;
color : #8c9055;
background : inherit;
-webkit-transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		-ms-transition: color 0.3s ease-in;
		-o-transition: color 0.3s ease-in;
		transition: color 0.3s ease-in;
	text-decoration: none;
}
a:hover {
text-decoration : none;
color : #4a5c42;
color: #c20a0a;
}
a img {
border : 0;
}
			/*IMAGES*/
.myimage {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}
.myimage2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}

.pikkukuva {
	box-shadow: 1px 1px 3px #000;
border: 1px solid #901d0a;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	  opacity: 0.5;
    filter: alpha(opacity=50);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.pikkukuva:hover {
	box-shadow: 1px 1px 3px #000;
	border: 1px solid #901d0a;
	margin: 5px;
	  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
opacity: 1.0;
    filter: alpha(opacity=100);
}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	text-shadow: 0px 0px 3px #000;
	}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 90%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

	.taulukko {
		font-size: 12px;
		width: 100%;
		border: 1px solid #000;
		background: url(http://i120.photobucket.com/albums/o173/monniviiksi/Avat%20ja%20AKt/liukutaustapieni_zpse861ae62.png) repeat-y center;
		padding: 0px;
		box-shadow: 0 0 5px #000;
		}

		.taulukko td {
		border-bottom: 1px solid #000;
		padding: 5px;}
		.eka {
		background : #131307 url(http://i65.tinypic.com/2vjbg8x.jpg);
		}

.loota {margin: 0 auto 0 auto;padding: 10px 15px;height: 350px;overflow: auto;overflow-x:hidden;border: 1px solid #000;
		background: url(http://i120.photobucket.com/albums/o173/monniviiksi/Avat%20ja%20AKt/liukutaustapieni_zpse861ae62.png) repeat-y center;
		padding: 0px;
		box-shadow: 0 0 5px #000}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 0px solid #ccc;
    }

/* Style the links inside the tab */
div.tab a {
		float: top center;
    display: inline-block;
    text-align: center;
    padding: 1px 20px;
	width: 100px;
    text-decoration: none;
    transition: 0.3s;
border: 1px solid #3c3f2b;
background : #131307 url(http://i65.tinypic.com/2vjbg8x.jpg);
	border-radius: 5px 5px 5px 5px;
}

/* Change background color of links on hover */
div.tab a:hover {
    background-color: #99173d;
}

/* Create an active/current tablink class */
div.tab a:focus, .active {
  text-decoration: underline;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}