/*
Template name: Bright Pixel
Template URI: http://templates.arcsin.se/bright-pixel-website-template/
Release date: 2006-05-07
Description: A smooth, monochrome, lightweight design.
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 */
a {
	color: #7D94E0;
	text-decoration: none;
}
body {
	color: #FFF;
	text-align: center;
	font: normal 0.6em sans-serif,Arial;
	background-color: #3b3c3d;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.gfx a {
	display: block;
	height: 484px;
	background-attachment: fixed;
	background-image: url(img/default.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* header */
.header {
	font: bold 2.6em Arial;
	line-height: 3em;
	background-image: url(img/default.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 484px;
	border-bottom: 1px solid #666;
}

/* main */
.main {
	text-align: left;
	width: 1020px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.container {
}

/* menu */
.menu a {
	float: right;
	height: 52px;
	margin-top: 432px;
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background: #EEE url(img/bgmenu.gif) repeat-x;
}
.menu a#news {
	width: 190px;
	border-right: none;
	background-image: url(img/news.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
}
.menu a#bio {
	width: 60px;
	background-image: url(img/bio.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
}
.menu a#listen {
	width: 98px;
	background-image: url(img/listen.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
}
.menu a#gallery {
	width: 98px;
	background-image: url(img/gallery.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
}
.menu a#contact {
	width: 98px;
	background-image: url(img/contact.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
}

/* content */
.content {
	background-color:transparent;
	clear: both;
	width: 600px;
	padding-left: 200px;
	padding-top: 20px;
}
.content h1 {
	margin: 0;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	line-height: 2em;
	font-weight: normal;
}
.content p {
	margin: 3px 0 6px;
	color: #C3C3C3;
	font-size: 1.5em;
	line-height: 2.5ex;
	font-family: Verdana, Geneva, sans-serif;
}
.item {
	padding: 10px;
}

/* footer */
.footer {
	padding: 10px;
	color: #CCC;
}
.footer .left, .footer .right {
	padding: 0 12px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
.footer .right, .footer .right a {
	color: #999;
}
h2 {
	font-size: 1.5em;
	color: #FFF;
	font-weight: normal;
	line-height: 1.5px;
}
.footer .right a:hover {color: #444;}

/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}
