/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/
/* standard elements */
*{margin:0;padding:0;}
a{color:#36C;}
a:hover{color:#06F;}
body{background-image:url(img/bg.gif);background-color:#EEE;color:#444;font-size:62.5%;font-style:normal;font-family:"Lucida Sans Unicode", sans-serif;margin:0;}
input{color:#555;font-size:1.1em;font-style:normal;font-family:"Lucida Sans Unicode", sans-serif;}
p,cite,code,ul{font-size:1.4em;padding-bottom:1.2em;}
h1{font-size:1.6em;margin-bottom:4px;}
code{background-image:url(img/bgcode.gif);border-color:#F0F0F0;border-width:1px;border-style:solid;border-left-color:#39F;border-left-width:6px;border-left-style:solid;color:#555;display:block;font-size:1.1em;font-style:normal;font-family:"Lucida Sans Unicode", serif;margin-bottom:12px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;white-space:pre;}
cite{background-image:url(img/quote.gif);background-repeat:no-repeat;color:#666;display:block;font-size:1.3em;font-style:normal;font-family:"Lucida Sans Unicode", serif;padding-left:28px;}
h1,h2,h3{color:#367EA6;padding-top:6px;}
/* misc */
.clearer{clear:both;}
/* structure */
.container{background-image:url(img/bgcontainer.gif);background-repeat:repeat-y;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;padding-bottom:6px;width:767px;}
.header{background-image:url(img/header.gif);background-repeat:repeat-x;}
/* title */
.title h1{color:#367EA6;font-size:3em;font-style:normal;font-family:Verdana, sans-serif;height:150px;line-height:150px;margin-bottom:8px;text-align:left;background-image:url(img/1bbbb.png);background-repeat:no-repeat;background-position:center;}
/* navigation */
.navigation{margin-bottom:4px;}
.navigation a{background-color:#4A91C3;color:#FFF;float:left;font-size:1.2em;font-weight:bold;font-family:"Trebuchet MS", sans-serif;padding-top:8px;padding-right:0;padding-bottom:8px;padding-left:0;width:19%;border-right-color:#FFF;border-right-width:1px;border-right-style:solid;text-align:center;text-decoration:none;}
.navigation a:hover{background-color:#000;color:#FFF;}
/* main */
.main{clear:both;padding-top:8px;padding-right:18px;padding-bottom:8px;padding-left:18px;}
/* main left */
.sidenav h1,.sidenav ul{padding-left:12px;}
.sidenav{background-color:#EEE;border-color:#E5E5E5;border-width:1px;border-style:solid;float:left;width:200px;}
.sidenav h1{color:#666;font-size:1.2em;height:20px;margin-top:1.2em;}
.sidenav ul{border-top-color:#FAFAFA;border-top-width:1px;border-top-style:solid;background-image:url(img/bgul.gif);background-repeat:repeat-x;margin:0;padding:0;}
.sidenav li{border-color:#FAFAFA;border-width:1px;border-style:solid;border-top-style:none;list-style:none;margin:0;}
.sidenav li a{color:#777;display:block;font-size:0.9em;padding-top:3px;padding-right:6px;padding-bottom:3px;padding-left:14px;text-decoration:none;}
.sidenav li a:hover{color:#111;}
/* content */
.content{float:right;width:520px;}
.content .item{padding-top:6px;padding-right:12px;padding-bottom:6px;padding-left:12px;border-color:#EEE;border-width:1px;border-style:solid;background-color:#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-top:0;padding-right:0;padding-bottom:6px;padding-left:8px;}
.styled{border-color:#DDD;border-width:1px;border-style:solid;padding:4px;}
.button{background-image:url(img/search.gif);background-repeat:no-repeat;background-position:left bottom;border-style:none;height:27px;width:27px;}
/* footer */
.footer{background-color:#FFF;border-color:#EEE;border-width:1px;border-style:solid;color:#666;font-size:1.1em;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;text-align:center;padding:6px;width:720px;}
.footer a{color:#36C;text-decoration:none;}
.footer a:hover{color:#06F;text-decoration:underline;}