/*----------------------------------------------------------------------------
Template Style Sheet

Name: 						JJ Beautiful Day
Modified for Joomla by:     JoomlaJunkie.com
Date: 						2007-02-07
Description: 				A soft and bright two-column template.
Author: 					Viktor Persson
URL: 						http://templates.arcsin.se

Stylesheet Index:
	$1 - Standard Elements
	$2 - Structural Stylings
	$3 - Header
	$4 - Title
	$5 - Main
	$6 - Content
       $7 - Tools
       $8 - Banner

NOTE: Always make a backup of your stylesheets before editing!
NB!! Use the search function to find a section, eg: search for $10 for Modules
----------------------------------------------------------------------------*/

@import url("customise.css");
@import url("menu.css");

/* $1 - Standard Elements
----------------------------------------------------------------------------*/
html {min-height: 100%;}

p,code,ul {padding-bottom: 1.2em;}

/* $2 - Structural Stylings
----------------------------------------------------------------------------*/
.wrap
{
/*	background: #FFF; */
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px; 
	width: 970px;
}


/* $3 - Header
----------------------------------------------------------------------------*/
.top {
/*	background: url(../images/clouds.gif) repeat-x; */
	padding: 10px 10px 0;
/*
	padding-top: 10px; 
       margin: 0px;
	height: 170px; 
*/
}

/* $4 - Title
----------------------------------------------------------------------------*/
.header {
	background-color: #FFFFFF; 
	font-size: 1.2em;
	height: 150px;  
	margin: 0 auto;
	padding: 10px 10px 5px; 
}
.header-inner {
	background-color: #FFFFFF; 
	width: 100%;
}
.header .left, .header .right {
	background: #A4A4A0;
	color: #FFF;
	height: 150px;	
}
.header .left {
	background: #B3C2C7 url(../images/header_wide.jpg) no-repeat; 
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 150px;
	text-align: center;	
/*	width: 564px; */
	width: 728px;
}
.header .right {
	overflow: auto;
	width: 212px; 
	border-left: solid 10px #FFFFFF;
}

.header .right .moduletable{
        padding: 0 5px 3px 10px;
}

/* $5 - Main
----------------------------------------------------------------------------*/
.main {
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

/*	border-top: 4px solid #FFF; */
/*	background: url(../images/bgmain.gif) repeat-y; */
}

/* $6 - Content
----------------------------------------------------------------------------*/
#leftside {
	float: left;
        width: 160px; 
/*        border: solid 1px red; */
}

#center {
/*     border: solid 1px red; */
}

#rightside {
       float: right;
       width: 150px; 
	padding-right: 10px; 

/*	padding-left: 10px; */
/*      border: solid 1px red; */
}

.content {
	float: left;
	padding-left: 10px;
 	margin: 0px; 
	width: 600px; 
/*       border: solid 1px red;  */
}

.contentfull {
	float: left;
 	margin: 0px; 
	width: 100%; 
/*      border: solid 1px red; */
}

.news {
	float: left;
	width: 300px;
}

.karsinta-news {
	float: left;
	width: 300px;
}

/* $7 - Tools
----------------------------------------------------------------------------*/

#toolsdiv{
	width: 80%;
	height: 65px;
}

#tools{
	
}

#resizediv{

}

#resize {

}

#logindiv {
	
}

#login {
	
}


/* $8 - Banner
----------------------------------------------------------------------------*/

.banner {
 	margin: 0px; 
	padding: 0px; 
}