@charset "UTF-8";
/* CSS Document */

/** kleuren **
Donker blauw: 105978
licht blauw: 229fa6
donker beige: e9d6a6
licht beige: e4ecd9
donker groen: 726636
licht groen: 9f8c31
rood: 921010	
oranje: e87726

**/
* {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
}

/**Links**/
a:hover, a:link, a:visited, a:active {
	color:#e87726;
}

h3 {
	margin-bottom:25px;
}
h2 {
	font-size:22px;
	text-transform:capitalize;
	font-weight:normal;
	color:#e87726;
	margin:30px 0;
}
h2.first {
	margin-top:0px;
}

.float_right {
	float:right;	
}
.float_left {
	float:left;
}
.alert {
	padding:5px;
	display:inline-block;
	color:#FFF;
	background:#921010;
}
.succes {
	padding:5px;
	color:#FFF;
	background:#9f8c31;
}

@font-face {
    font-family: "Antsypan";
    src: url(../fonts/antsypan.ttf) format("truetype");
}

body {
	background:url(../img/bg.jpg) top center no-repeat #fcedb9;
	color:#e4ecd9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	margin:0 auto;
	padding:0 0 0 0;
}
#wrapper {
	position:relative;
	margin:0 auto;
	width:1600px;
}
#header {
	height:280px;
}
#author {
	position:fixed;
	top:5px;
	right:5px;
}
#nav{
	background:url(../img/nav.png);
	position:absolute;
	left:73px;
	height:100%;
	width:390px;
	min-height:600px;
	max-height:2985px;
}
#nav img {
	border:none;
	margin:0 0 0 0;
	padding:0 0 0 0;		
}
#header > #logo {
	position:absolute;
	top:80px;
	background:url(../img/logo.png);
	width:625px;
	height:295px;
}

#content { /*1000px groot*/
	width:1000px;
	margin:0 auto;
	padding:0 0 0 0;
	/*min-height nog toevoegen*/
}
#content_header{
	background:url(../img/content_header.png);
	width:985px;
	height:111px;
}
/**TITLES**/
#content_header > .title { /**BASIC**/
	background-repeat:no-repeat;
	background-position:bottom right;
	width:236px;
	height:39px;	
	padding-top:63px;
	padding-left:250px;
	text-transform:capitalize;
}
#content_header > #poll {
	background:url(../img/title_poll.png) no-repeat bottom right;
}
#content_header > #news {
	background:url(../img/title_nieuws.png) no-repeat bottom right;
}
#content_header > #contact {
	background:url(../img/title_contact.png) no-repeat bottom right;
}
#content_header > #guestbook {
	background:url(../img/title_gastenboek.png) no-repeat bottom right;
	width:270px;
}
#content_header > #group {
	background:url(../img/title_groep.png) no-repeat bottom right;
}
#content_header > #media {
	background:url(../img/title_media.png) no-repeat bottom right;
}
#content_header > #music {
	background:url(../img/title_muziek.png) no-repeat bottom right;
}
#content_header > #friends {
	background:url(../img/title_vrienden.png) no-repeat bottom right;
}
#content_header > #shows {
	background:url(../img/title_optredens.png) no-repeat bottom right;
}

#content_main{
	background:url(../img/content_bg_repeater.jpg) repeat-y;
	width:760px; /*985px - padding*/
	padding:25px 50px 50px 175px;
}
#content_footer{
	background:url(../img/content_footer.jpg);
	width:983px;
	height:26px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/****************** GUESTBOOK  ***********************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
#guestbook_image {
	margin-right:10em;
	box-shadow:10px 10px 50px #000;
	-moz-box-shadow:10px 10px 50px #000;
	-webkit-box-shadow:10px 10px 50px #000;
}
#guestbook_input {
	width:50%;
	height:auto;
	padding: 5px;
}
form#guestbook {
}
form#guestbook input, form#guestbook textarea {
	padding:5px;
	width:100%;
	margin-bottom:1em;
	/*box-shadow:3px 3px 10px #000;*/
}
form#guestbook input#name {
	
}
form#guestbook img#captcha_img {
}
form#guestbook input#captcha {
	float:right;
	width:70%;
}

form#guestbook input#send {
	margin-bottom:0;
}

#guestbook_output {
	width:50%;
	display:inline-block;
	margin-top:30px;
}
.post {
	margin-bottom:20px; /* idem als p_message */
}
.p_name {
	color:#9f8c31;
	float:left;
	font-size:14px;
	text-transform:capitalize;
}
.p_date {
	color:#595a5b;
	font-size:8px;
	display:inline-block;
	margin-left:10px;
}
.p_message {
	margin-bottom:20px; /* idem als .post*/
}
.p_divider {
	margin:0 auto;
	background:url(../img/guestbook_divider.png) no-repeat center;
	width:67px;
	height:19px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************    NEWS    ***********************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
#content_main .news_message {
	margin-bottom:25px;
	display:inline-block;
}
#content_main .date {
	font-family:"Antsypan", Arial;
	color:#726636;	
	display:inline;
	width:30px;
}
#content_main .title {
	color:#e9d6a6;
	display:inline;
	padding-left:20px;
	text-transform:capitalize;
}
#content_main .message {
	display:block;
	padding-left:75px;
	padding-top:10px;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************   SHOWS    ***********************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
table {
	height:125px;
	overflow:hidden;
	margin-bottom:25px;
}
table.upcoming_show {
	display:inline-block;
}
table.past_show {
	display:inline-block;	
}
td.col0 {
	text-align:left;
}
td.col1 {
	text-align:right;
	color:#9f8c31;
	padding-right:7px;
	padding-left:15px;
}
td.col2 {
}

.show_pictures_wrapper {
	float:right;
	width:50%;
	max-height:125px;
}
.show_pictures_wrapper img {
	margin:0 7px 7px 0;
	border:3px solid white;
	width:50px;
	height:50px;	
}
.album_photo_url {
	background:#333;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************  CONTACT   ***********************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
.contact_left {
	width:47%;
	display:inline-block;	
}
.contact_right {
	float:right;
	width:47%;
	display:inline-block;	
	margin-left:6%;
	height:300px;
}
.contact_right input, .contact_right textarea {
	width:300px;
	background:#e4ecd9;
	padding:5px;
}
.clear_both{
	clear:both;
}
.contact_right #bericht{
	font:inherit;	
}
.contact_right #captcha {
	margin-left:25px;
	width:40px;
	text-align:center;
}
.contact_right #captcha_img {
}
.contact_right #submit {
	
}
/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************    MUSIC    **********************/
/*****************************************************/
/*****************************************************/
#own_songs .songs {
	float:right;
	right:30px;
	width:250px;
}
#own_songs ul {
	list-style-image:url(../img/list_item.jpg);	
	list-style-position:inside;
}
#own_songs li {
	margin:10px 0 0 0;
}
#covers th:first-child, #covers td:first-child{
	text-align:right;
}
#covers th, #covers td{
	text-align:left;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************    GROUP    **********************/
/*****************************************************/
/*****************************************************/
ul#weetjes {
	list-style-image:url(../img/list_item.jpg);	
	list-style-position:inside;
}
ul#weetjes li {
	margin:10px 0 0 0;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************    FRIENDS    **********************/
/*****************************************************/
/*****************************************************/
ul#friends {
	list-style-position:inside;
}
ul#friends li {
	margin:10px 0 0 0;
	display:inline;
	padding-right:25px;	
}
#friends a {
	color:#e4ecd9;
	text-decoration:none;
}
#friends a:hover {
	color:#e87726;
}

/*****************************************************/
/*****************************************************/
/*****************************************************/
/******************    LOGIN_SHOWS  ******************/
/*****************************************************/
/*****************************************************/
#msg {
	border-bottom:1px solid #e87726;
	color:#e87726;
	margin:15px;
	font-size:14px;
}
.commentScreen {
	padding:20px;
	margin-bottom:20px;
	border:dashed white 1px;
}