/*********************************************************************************/
/* Body perusmääritykset                                                                                      */
/*
font-family: 'Happy Monkey', cursive;
font-family: 'Mouse Memoirs', sans-serif;
font-family: 'Londrina Shadow', cursive;
font-family: 'Schoolbell', cursive;
font-family: 'Archivo Narrow', sans-serif;
*/
/* [top] [right] [bottom] [left]; */
/*********************************************************************************/
	
	body 
	{
		margin:0;
        padding:0;
        border:0;			        /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background: #282828 url("http://mrloleak.net/images/bg01.png") repeat;
		/*background:#FFF5EE;*/
		font-size:100%;
		font-family: 'Happy Monkey', cursive;
    }
	
	#fixed 
	{
		margin:5px 0px 0px 50px;
		width:1050px;   /* you can use px, em or % */
		text-align:left;
	}

	a 
	{
    	color:#369;
	}
	
	a:hover 
	{
		color:blue;
		background:#7f9db9;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
		font-family: 'Mouse Memoirs', sans-serif;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}

/*********************************************************************************/
/* Header  määritykset                                                                                         */
/*********************************************************************************/
    #header {
        clear:both;
        float:left;
        width:1000px;
		background: #282828 url("http://mrloleak.net/images/bg01.png") repeat; /*background:#FFF5EE; */
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p
	{
		font-family: 'Archivo Narrow', sans-serif;
	}
	
	#header h1 
	{
		font-family: 'Londrina Shadow', cursive;
		color: #F3E7A9;
		padding:0px 0px 0 0px;          /* padding top right bottom left; */
		font-size:300%
	}
	
	#header h2 
	{
	    font-family: 'Schoolbell', cursive;
		color: orange;
		padding:0px 0px 0 0px;          /* padding top right bottom left; */
        margin:0;
		font-size:100%
	}
	
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#FDEEF4;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	
/*********************************************************************************/
/* Alasivulinkki-banneri                                                                                         */
/*********************************************************************************/
	#layoutdims 
	{
		clear:both;
		background:#F3E7A9;  /*background:#FFF5EE;*/
		border-top:4px solid #000;
		margin:0;
		padding:5px 10px 10px 0;
		text-align:right;
	}
	
/*********************************************************************************/
/* Column container määritykset                                                                             */
/*********************************************************************************/	
	.colmask 
	{
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:1000px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
/*********************************************************************************/
/* Kahden pää-columnin määritykset                                                                        */
/*********************************************************************************/
	.rightmenu 
	{
	    background:#DFD395;      /* Tämän taustavä */
		border:1px solid #000;
	}
	.rightmenu .colleft 
	{
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
    }
    .rightmenu .col1wrap 
	{
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
		background:#F3E7A9;     /* Tämä on vasemmalla olevan sivun sisältö-columnin taustaväri */
		border-right:1px solid #000;
	}
	.rightmenu .col1                     
	{      
        margin:0 15px 0 215px;   /* margin top right bottom left; */
        overflow:hidden;
	}
    .rightmenu .col2 
	{
        float:right;
        width:170px;
        position:relative;
        left:185px;
    }
	.rightmenu .col2 p
	{
        font-family: 'Archivo Narrow', sans-serif;     /* Tämä on oikealla olevan kapean columnin fontti */
    }






/*********************************************************************************/
/* Footer  määritykset                                                                                         */
/*********************************************************************************/

	#footer 
	{
        clear:both;
        float:left;
        width:1000px;
		border-top:1px solid #000;
    }
    
	#footer p 
	{
        color: orange;
		padding:10px;
        margin:0;
    }
	
	
/*********************************************************************************/
/* Three Columns                                                                 */
/*********************************************************************************/

	#footer #three-column
	{
		overflow: hidden;
		margin-top: 30px;
		margin-bottom: 2px;
		background: #F3E7A9;
		color: #525252;
		border:1px solid #000;
		        
	}
	
    #footer #three-column h2
	{
		margin: 1em 0em;
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: 700;
		color: #454445;
	}
	
	#footer #three-column #tbox1,
	#footer #three-column #tbox2,
	#footer #three-column #tbox3
	{
		float: left;
		width: 275px;
		padding: 25px 25px 25px 25px;
		
	}


/*********************************************************************************/
/* Sivun sisällön esittämiseen käytettyjen "ribbon"-boksien määritykset                      */
/*********************************************************************************/
.bubble {
	clear: both;
	margin: 0px 10px;
	width: 750px;    /* alkuperäinen width: 350px; */
	background:#FFF5EE;      /*   background:#F3E7A9;  */
	border:1px solid #000;
	-moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle {
	background: #7f9db9;
	height: 50px;
	width: 800px;     /* alkuperäinen width: 380px; */
	position: relative;
	left:-15px;
	top: 10px;          /* alkuperäinen top: 30px; */
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */

}

.rectangle h2 {
	margin:0;
	position: relative;
	left:10px;
	top:5px;
	font-size: 30px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: left;
}

.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 40px;          /* alkuperäinen top: 65px; */
	z-index: -1;           /* displayed under bubble */
}


.triangle-r 
{
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 750px;          /* alkuperäinen left: 350px; */
	top: 10px;            /* alkuperäinen top: 35px; */
	z-index: -1;           /* displayed under bubble */
}



.info {
	padding: 5px 25px 5px 25px;   /* [top] [right] [bottom] [left]; */
}

.info h2 {
	font-size: 25px;
}

.info p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 22px;
}

.info p a {
	color: blue;
	text-decoration: none;
}

.info p a:hover {
	background:#7f9db9;
	color: black;
	text-decoration: underline;
}