/*
Template name: Transparentia
Template URI: http://templates.arcsin.se/transparentia-website-template/
Release date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {margin:0; padding:0;}
a {color:#36C;}
a:hover {color:#06F;}
body {background:#EEE url(img/bg.gif); color:#444; font:normal 62.5% "Lucida Sans Unicode",sans-serif; margin:0;}
input {color:#555; font:normal 1.1em "Lucida Sans Unicode",sans-serif;}
p,cite,code,ul {font-size:1.2em; padding-bottom:1.2em;}
h1 {font-size:1.4em; margin-bottom:4px;}
code {background:url(img/bgcode.gif); border:1px solid #F0F0F0; border-left:6px solid #39F; color:#555; display:block; font:normal 1.1em "Lucida Sans Unicode",serif; margin-bottom:12px;padding:8px 10px; white-space:pre;}
cite {background:url(img/quote.gif) no-repeat; color:#666; display:block;	font:normal 1.3em "Lucida Sans Unicode",serif; padding-left:28px;}

h1,h2,h3 {color:#367EA6; padding-top:6px;}

/* misc */
.clearer {clear:both;}

/* structure */
.container {background:url(img/bgcontainer.gif) repeat-y;	margin:0 auto; padding-bottom:6px; width:767px; border-bottom:1px solid #DDD;}
.header {background: url(img/header.gif) repeat-x; height:160px; margin-bottom:10px;}
.quicktop {position:absolute; top:500px; margin-left:760px; z-index:4;}

/* title */
.title h1 {color:#FFF; font:normal 3em Verdana,sans-serif; height:150px; line-height:150px;	margin-bottom:8px; text-align:center;}

/* navigation */
.navigation {margin-bottom:4px;}
.navigation a {background-color:#4A91C3; color:#FFF; float:left; font:bold 1.2em "Trebuchet MS",sans-serif;	padding:8px 0; width:19%; border-right:1px solid #FFF; text-align:center; text-decoration:none;}
.navigation a:hover {background-color:#000;	color:#FFF;}

/* main */
.main {clear:both; padding:8px 18px;}

/* main left */
.sidenav h1,.sidenav ul {padding-left:12px;}
.sidenav {font-size:0.9em; background:#EEE; border:1px solid #E5E5E5; float:left; width:200px;}
.sidenav h1 {color:#666; font-size:1.2em;	height:20px; margin-top:1.2em;}
.sidenav ul {border-top:1px solid #FAFAFA; background:#EEE url(img/bgul.gif) repeat-x; margin:0; padding:0;}
.sidenav li {border:1px solid #FAFAFA; border-top:none; list-style:none; margin:0;}
.sidenav li a {color:#7f7f7f; display:block; font-size:1.2em; padding:10px 6px 10px 14px; text-decoration:none; font-weight:bold;}
.sidenav li a:hover {color:#7f7f7f;}

/* content */
.content {float:right; width:520px;}
.content .item {padding:6px 12px; border:1px solid #EEE; background:#FFF; margin-bottom:8px;}
.content .descr {color:#333; margin-bottom:6px;}
.content li {list-style:url(img/li.gif); margin-left:18px;}

/* search form */
form {padding:0 0 6px 8px;}
.styled {border:1px solid #DDD; padding:4px;}
.button {background:url(img/search.gif) no-repeat left bottom; border:none; height:27px; width:27px;}

/* footer */
.footer {background:#FFF; border:1px solid #EEE; color:#666; font-size:0.9em; margin:0 auto; text-align:center;	width:729px;}
.footer a {color:#36C; text-decoration:none;}
.footer a:hover {color:#06F; text-decoration:underline;}
.footer .left, .footer .right {padding:12px;}
.footer .left {width:150px;text-align:center;}
.footer .right {width:360px; text-align:left; float:left;}
.footer .right, .footer .right a {color:#999;}
.footer .right a:hover {color:#666;}

/* floats */
.left {float:left;}
.right {float:right;}

.small {font-size: small}