@charset "utf-8";
/*----------------------------------------------------------------------------
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 - Right column advertisement
  
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");
/* $1 - Standard Elements
----------------------------------------------------------------------------*/
html {
	min-height: 100%;
}
p, code, ul {
	padding-bottom: 1.2em;
}
/* $2 - Structural Stylings
----------------------------------------------------------------------------*/
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}
/* $3 - Header
----------------------------------------------------------------------------*/
.top {
	background: url(../images/clouds.gif) repeat-x;
	padding: 50px 10px 0;
}
/* $4 - Title
----------------------------------------------------------------------------*/
.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}
.header .left {
	background: #A4A4A0;
	color: #FFF;
	height: 150px;
}
.header .left {
	background: #FFFFFF url(../images/logo.jpg) no-repeat left top;
	font: normal 2.8em "Trebuchet MS", sans-serif;
	text-align: center;
	width: 540px;
}
.header .left h1 {
	font: bold 0.9em "Helvetica", arial, sans-serif;
	line-height: 1.3;
	text-align: center;
	margin: -20px 0 0 150px;
	color: #375d89;
}
.header .left h3 {
	font: bold 0.5em "Helvetica", arial, sans-serif;
	line-height: 1.1;
	text-align: center;
	margin: -17px 0 0 150px;
	color: #375d89;
}


.header .left p {
	font: normal 0.3em "Helvetica", arial, sans-serif;
	line-height: 1;
	text-align: center;
	margin: 5px 0 0 150px;
	color: #375d89;
}

.header .left h5 {
	text-align: center;
	margin: 0 0 0 150px;
}



.header .right {
	overflow: auto;
	width: 240px;
	color: #FFF;
	height: 150px;
}
/* $5 - Main
----------------------------------------------------------------------------*/
.main {
	border-top: 4px solid #FFF;
	background: url(../images/bgmain.gif) repeat-y;
}
/* $6 - Content
----------------------------------------------------------------------------*/
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
/* $7 - Right column advertisement
----------------------------------------------------------------------------*/

#advert {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
#advert ul li.ad1 a {
	background: url(../images/opse_new_logo.gif) no-repeat;
	width: 125px;
	height: 112px;
	margin: 0;
	padding: 0;
}
#advert ul li.ad2 a {
	background: #FFFFFF url(../images/psiktikos_mag.jpg) no-repeat;
	width: 154px;
	height: 68px;
	margin: 0;
	padding: 0;
}
#advert ul li.ad1 a:hover {
	display: block;
	background: url(../images/opse_new_logo.gif) no-repeat;
	width: 125px;
	height: 112px;
	margin: 0;
	padding: 0;
}
#advert ul li.ad2 a:hover {
	display: block;
	background: #FFFFFF url(../images/psiktikos_mag.jpg) no-repeat;
	width: 154px;
	height: 68px;
	margin: 0;
	padding: 0;
}

p.temp {
font-size: 90%;
}

p.design {

font-size: 112%;
}