/*  
Version: 1.0
Name: style
Description: CSS layoutbase
Author: Anders Pettersson
Author URI: http://www.18juni.se/
*/

/* BODY
-------------------------------------------------*/ 

html, body
{
	margin:0px;
	padding:0px;
	background-color:#8EAFDB;
	/*background-color:#657fa3;*/
	font-family:"Lucida grande", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
}
img
{
	border:0;
}
form
{
	margin:0;
	padding:0;
}
h1
{
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:uppercase;
}
h2
{
	margin:0 0 5px 0;
	padding:0;
	font-size:1.2em;
	font-weight:normal;
	color:#333;
}
h3
{
	margin:0 0 5px 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

/* LAYOUT BASE */

#container
{
	width:100%;
	position:relative;
	display:block;
}
#inner
{
	width:840px;
	margin:10px auto 0 auto;
	padding:0;
	display:block;
}
/* HEADER
-------------------------------------------------*/
#header
{
	position:relative;
	margin:10px auto 10px auto;
	padding:0;
	display:block;
}

/* CONTENT
-------------------------------------------------*/ 
#left
{
	float:left;
	position:relative;
	width:640px;
	margin:0;
	padding:0;
	left:0px;
} 
#left .content
{
	margin:0;
	padding:6px 10px 6px 10px;
	font-size:1em;
	font-weight:normal;
  	color:#333;
	background:#a5ccff;
	display:block;
}
#left .content ul
{
	margin:0;
	padding:0;
}
#left .content li
{
	list-style:none;
}
#left .content p
{
	margin:0;
	padding:5px 0 0 0;
	line-height:18px;
}
/*#left .content .image_title
{
	float:right;
	position:relative;
	margin:-61px 10px 0 0;
	padding:10px 0 0 10px;
	background-color:#fff;
	letter-spacing:0.1em;
	text-transform:uppercase;
	font-size:1.2em;
	color:#252527;
}*/
#left .content .title
{
	margin:0 0 10px 0;
	font-family:Georgia, "Lucida grande", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
  	color:#fff;
  	/*color:#ddebfd;*/
}
#left .content .title a, #left .content .title a:hover, #left .content .title a:visited
{
	text-decoration:none;
	color:#131313;	
}
#left .content .title_uppercase
{
	letter-spacing:0.1em;
	text-transform:uppercase;
  	color:#131313;
}
#left .content .border_top
{
	position:relative;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #8EAFDB;
}
#left .content .border_bottom
{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #8EAFDB;
}
#left .content .padding_bottom
{
	position:relative;
	padding:0 0 10px 0;
}
#left .content .padding_top
{
	position:relative;
	padding:10px 0 0 0;
}
#left .content .frontpage_link
{
	line-height:25px;
}
#left .content .board_image
{
	float:left;
}
#left .content .board_info
{
	float:left;
	width:215px;
	height:115px;
	margin:5px 0 0 10px;
	color:#131313;
}
#left .content .archive_date
{
	font-size:0.9em;
	color:#131313;
}
#left .content .archive_date_big
{
	color:#131313;
}
#left .content .archive_paging 
{
	margin:10px 0 0 0;
	padding:0;
	font-size:1em;
	line-height:20px;
	text-align:center;
}
#left .content .archive_paging_link
{
	padding:3px;
	color:#333;
	text-decoration:none;
}
#left .content .archive_paging_active
{
	float:none;
	padding:3px 5px 3px 5px;
	background-color:#8EAFDB;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#left .content .education_info
{
	line-height:20px;
}
#left .content .contact_message
{
	position:relative;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #98be10;
	background:#f6feda;
	font-weight:bold;
	color:#131313;
}
#left .content .contact_field, #left .content .login_field
{
	margin:5px 0 5px 0;
	padding:2px;
	font-size:1.1em;
	font-family:"Lucida grande", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	background-color:#fff;
	border:2px solid #fff;
}
#left .content .search_field
{
	padding:1px 2px 1px 2px;
	background-color:#fff;
	border:1px solid #fff;
}
#left .content .select_field
{
	padding:0px 2px 0px 2px;
}
#left .content .contact_button, #left .content .login_button
{
	margin:10px 0 0 0;
	padding:3px 5px 3px 5px;
	font-size:1em;
}
#left .content .submit_button
{
	padding:3px 5px 3px 5px;
	font-size:1em;
}
#left .content .text_small
{
	font-size:12px;
}
#left .content .button_bold
{
	font-weight:bold;
}
#left .content label
{
	font-weight:bold;
}
#left .img_thin_border
{
	border:5px solid #fff;
}
#left .img_thick_border
{
	border:10px solid #fff;
}

/* CALENDAR
-------------------------------------------------*/

#left .content .table_cell
{
	padding:8px 10px 8px 5px; 
	border-top:1px solid #8EAFDB;
}
#left .content .table_nowrap { 
	white-space:nowrap; 
}
#left .content .table_cell p { 
	margin:0;
	padding:0;
}
#left .content .table_today { 
	background:#d8efd1;
	color:#333;
}
#left .content .table_active {
	color:#333;
}
#left .content .table_old {
	color:#333;
}

.popup
{
	margin:0;
	padding:0;
}
.popup p
{
	margin:0;
	padding:10px;
	line-height:1.5em;
}

/* SIDEBAR
-------------------------------------------------*/

#right
{
	float:right;
	position:relative;
	width:200px;
	right:0px;
}
#right .nav
{
	width:0;
	margin:10px 15px 0 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	white-space:nowrap;
  	color:#ddd;
}
#right .nav ul
{
	margin:0;
	padding:0;
}
#right .nav li
{
	margin:0 0 15px 0;
	list-style-type:none;
	letter-spacing:0.1em;
	text-transform:uppercase;
	clear:both;
}
#right .nav a, #right .nav a:visited
{
	display:block;
	position:relative;
	padding-left:20px;
	height:18px;
	color:#ddd;
	text-decoration:none;
}
#right .nav .active a span, #right .nav .active a:visited span
{
	display:block;
}
#right .nav a span, #right .nav a:visited span
{
	display:none;
}
#right .nav a:hover
{
	color:#ddd;
	background-color:#8EAFDB;
	text-decoration:none;
}
#right .nav a:hover
{
	color:#fff;
} 
#right .nav .active a span
{
	display:block;
	position:absolute;
	overflow:hidden; 
	left:0;
	top:0;
	width:0px;
	height:0px;
	border-left:8px solid #a5ccff;
	border-top:8px solid #8EAFDB;
	border-bottom:8px solid #8EAFDB;
	font-size:1px;
	line-height:0;
}
* html #right .nav a:hover span, * html #right .nav .active a span
{
	width:8px;
	height:16px;
	w\idth:0;
	he\ight:0;
}

#right .links
{
	margin:0 0 0 20px;
	font-size:1.1em;
	font-weight:normal;
	white-space:nowrap;
  	color:#fff;
}
#right .links ul
{
	margin:0;
	padding:0;
}
#right .links li
{
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	clear:both;
}
#right .links .banner
{
	margin:10px 0 0 0;
	padding:0;
}
#right .links a
{
	color:#fff;
	text-decoration:none;
}
#right .links a:hover
{
	color:#fff;
	text-decoration:underline;
}
/* LINKS
-------------------------------------------------*/ 

#left a, #left a:visited, .popup a
{
	text-decoration:underline;
	color:#333;
}
#left a:hover, .popup a:hover
{
	text-decoration:none;
	color:#333;
}

/* CORNERS
-------------------------------------------------*/

.contenttop, .contentbottom {display:block; background:transparent; font-size:1px;}
.contentb1, .contentb2, .contentb3, .contentb4 {display:block; overflow:hidden;}
.contentb1, .contentb2, .contentb3 {height:1px;}
.contentb2, .contentb3, .contentb4 {background:#a5ccff; border-left:1px solid #a5ccff; border-right:1px solid #a5ccff;}
.contentb1 {margin:0 5px; background:#a5ccff;}
.contentb2 {margin:0 3px; border-width:0 2px;}
.contentb3 {margin:0 2px;}
.contentb4 {height:2px; margin:0 1px;}

/* SLIDESHOW
-------------------------------------------------*/

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:620px;
    height:220px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}

/* FOOTER
-------------------------------------------------*/
#footer
{
	width:623px;
	position:relative;
	margin:5px 0 0 10px;
	padding:0 0 10px 0;
	font-size:0.9em;
	color:#ddd;
	text-align:left;
}
#footer ul
{
	padding:0;
	margin:0;
}
#footer li
{
	list-style:none;
	line-height:20px;
}
#footer .favorites
{
	float:right;
	margin:-20px 0 0 0;
}
#footer a, #footer a:hover, #footer a:visited
{
	color:#ddd;
	text-decoration:none;	
}

/* UNIVERSAL
-------------------------------------------------*/ 

.clear
{
	clear:both;
}