/*#############################################################

Name: Light

Date: 2006-08-20

Description: Bright and smooth.

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: #567;

}

a:hover {

	color: #28E;

}

body {

	background: #F2F2F2 url(bg.gif) repeat-y center top;

	color: #555A60;

	font: normal 62.5% "Lucida Sans Unicode",sans-serif;

	margin: 0;

}

p,cite,code,ul {

	font-size: 1.2em;

	padding-bottom: 1.2em;

}

h1 {

	font-size: 1.4em;

	margin-bottom: 4px;

}

li {

	list-style: url(li.gif);

	margin-left: 18px;

}

code {

	background: url(bgcode.gif);

	border: 1px solid #F6F6F6;

	color: #666;

	display: block;

	font: normal 1.1em "Lucida Sans Unicode",serif;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;

}

cite {

	background: url(quote.gif) no-repeat;

	color: #456;

	display: block;

	font: normal 1.4em "Lucida Sans Unicode",serif;

	padding-left: 28px;

}

h1,h2,h3 {

	color: #579;

	padding-top: 6px;

}



/* misc */

.clearer {

	clear: both;

}



/* structure */

.container {

	margin: 0 auto;

	width: 730px;

}



/* title */

.title {

	float: left;

	margin-top: 22px;

	text-align: center;

	width: 220px;

}

.title h1 {

	font: normal 2em Verdana,sans-serif;

}

.title h2 {

	color: #999;

	font: normal 1.1em Verdana,sans-serif;

}



/* navigation */

.navigation {

	background: url(holder.jpg) no-repeat;

	height: 100px;

	padding: 0 16px;

}

.navigation a {

	border-left: 1px solid #DDD;

	border-right: 1px solid #FFF;

	color: #89A;

	float: right;

	font: bold 1.2em "Trebuchet MS",sans-serif;

	margin-top: 9px;

	padding: 58px 18px 8px;

	text-align: center;

	text-decoration: none;

}

.navigation a:hover {

	background: #FFF url(navhover.gif) repeat-x;

	color: #28E;

	padding: 56px 18px 10px;

}



/* holders */

.holder {

	background: url(bgholder.jpg) repeat-y;

	padding: 0 32px;

}

.holder_top,.footer {

	clear: both;

	background: url(holder.jpg) no-repeat;

	height: 40px;

}



/* footer */

.footer {

	background-position: left bottom;

	color: #666;

	font-size: 1.1em;

	text-align: center;

}