@charset "utf-8";
body {
	font: 100% Trebuchet MS;
	background: #015560 url(img/hex2010-bg.jpg) center -43px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #CCC;
	width: 100%;
	height: 100%;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

.bumped-right { padding-left: 10px; }
.bup { margin-left: 440px; }

.hide { display: none; }

a {
	text-decoration: none;
	color: #660000;
}

a:hover {
	text-decoration: underline;
	color: #900;
}

a:focus { outline: none; }

/*for FireFox*/
    button[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    button[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }

h1 a, h2 a, h3 a, h4 a { color: #CCC; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #CCC; }

#container {
	width: 960px;
	margin: auto;
	background: url(img/hex2010-header.jpg) center top no-repeat;
	margin-top: 20px;
}

#header {
	/*background: url(img/hex2010-header.jpg) center top no-repeat; */
	width: 960px;
	margin: auto;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.navLink { margin: auto; display: block; width: 650px; height: 570px; text-indent: -9999px;}

#nav {
	list-style: none;
	margin: auto;
	padding: 0;
	display: block;
	background: url(img/nav.png) 3px top no-repeat;
	width: 704px;
	height: 110px;
}

#nav ul { margin: 0; padding-top: 18px; margin: auto; margin-left: 100px; }

#nav li {
	display: block;
	float: left;
	height: 25px;
	margin-right: 15px;
	text-indent: -9999px;
}

#nav li a { display: block; width: 100%; height: 30px;}

#navNews { width: 54px;}
#navLineup { width: 63px;}
#navTickets { width: 72px;}
#navInfo { width: 44px;}
#navMedia { width: 55px;}
#navShout { width: 55px;}

#navNews a:hover { background: url(img/nav_hover.jpg) no-repeat -18px -8px;}
#navLineup a:hover { background: url(img/nav_hover.jpg) no-repeat -87px -8px;}
#navTickets a:hover  { background: url(img/nav_hover.jpg) no-repeat -165px -8px;}
#navInfo a:hover { background: url(img/nav_hover.jpg) no-repeat -252px -8px;}
#navMedia a:hover { background: url(img/nav_hover.jpg) no-repeat -311px -8px;}
#navShout a:hover { background: url(img/nav_hover.jpg) no-repeat -381px -8px;}

#content {
	background: url(img/content_bg.png) repeat-y 132px -10px;
	min-height: 500px;
	padding: 0 230px;
	}

.post {	background: url(img/titel_bg.png) no-repeat top center; padding-bottom: 20px; }
.post h2 { display: block; height:30px; width: 500px; padding: 5px 10px; color: #660000; font-size: 1.8em; }
.post h1 { display: block; height:30px; width: 500px; padding: 5px 10px; font-size: 2em; }
.post .band img { display: block; float: right; width: 150px; margin: 0px 10px; }
.post .band { border-bottom: 1px solid black; margin-bottom: 20px;}
.kaart { margin: 5px 10px; width: 480px;}

.post p { padding: 10px; line-height: 20px; font-size: 13px}

#shout_post form { margin: 10px 0px 20px 10px; color: #999; }
#shout_post form textarea { width: 475px; margin-bottom: 10px; background: #012828; border: 1px solid black; color: #999;}
#shout_post #name, #shout_post #checkinput { background: #012828; border: 1px solid black; color: #999; }
#name {margin-right: 50px; }
#shouts { margin: 10px; }
#shoutSubmit { margin-left: 405px; width: 70px; background-color: #D4C5A8; border: 1px solid black; color: #222;}
.shout { border-bottom: 1px solid black; margin-bottom: 15px; font-size: 13px;}

#content_end {
	background: url(img/content_end.png) no-repeat 212px top;
	height: 34px;
	}

#first {
	background: url(img/title.png) center top no-repeat;
}

#tweets {
	color: #999;
	position: relative;
	top: 550px;
	left: 640px;
	font-size: 11px;
	list-style: none;
	display: block;
	width: 315px;
	height: 85px;
	overflow: auto;
}

#tweets ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#warning {
	display: block;
	width: 280px;
	overflow: hidden;
}

#warning p {
	display: none;
	width: 280px;
	float: left;
}

#loading {
	display: block;
	background: url(../img/indicator.gif) no-repeat;
	width: 18px;
	height: 18px;
}

#contactform input, #contactform textarea {
	background: #FFF;
	border: 1px solid black;
	font-size: 10px;
	padding: 5px;
	width: 280px;
	margin-top: 5px;
}

#submitinput {
	margin-top: 10px;
	cursor: pointer;
}

#success {
	color: green;
}

#bademail {
	color: red;
}

#social_buttons { float: left; display: block; height: 64px; margin: 0 0 20px 45px; }
#social_buttons a { display: block; float: left; width: 64px; height: 64px; text-indent: -9999px; }
#myspace_button{ background: url(img/buttons/myspace_64.png) center center no-repeat; }
#facebook_button{ background: url(img/buttons/facebook_64.png) center center no-repeat; }
#twitter_button{ background: url(img/buttons/twitter_64.png) center center no-repeat; }
#delicious_button{ background: url(img/buttons/delicious_64.png) center center no-repeat; }

#nieuwsbrief_form { float: left; display: block; text-align: center; margin: 0 0 20px 50px;}
#nieuwsbrief_form form { float: left;}
#nieuwsbrief_form p { margin-bottom: 8px;}
#nieuwsbrief_form button { background: url(img/buttons/inschrijf_button.png) left top transparent; border: none; height: 49px; width: 130px; text-indent: -9999px;}
#nieuwsbrief_form button:hover { background-position: left center; cursor: pointer;}
#nieuwsbrief_form button:active { background-position: left bottom; outline: none;}
#nieuwsbrief_form input { border: 1px solid black; height: 35px; background: #022328; color: white; padding-left: 8px; font-size: 15px;}
#nieuwsbrief_form input:focus, textarea:focus { border: 1px solid black; }


#sponsors { float: left;	width: 133px; height: 80px; margin: 0 0 0 55px; text-align: center; overflow: hidden;}
#sponsorFade a { display: block; width: 133px; height: 55px; margin-top: 10px;}
#sponsorFade img { border: none; }

.footerText { clear: both; }

.addnewsbutton { float: right; background: url(img/comment_add.gif) no-repeat; display: block; width: 18px; height: 18px; text-indent: -9999px; }

#footer {
	margin: auto;
	height: 115px;
	width: 848px;
	background: url(img/footer.png);
	padding: 30px 25px 0 25px;
	margin-top: 20px;
	text-align: center;
}
#footer p {

}
#footer a {  }

#musicPlayerTitle { color: #660000; font-size: 16px;}
#player { position: fixed; top:0px; right: 0px;}