/*Stylesheet @ djzeec.nl*/
body
{
	font-family: verdana, arial, sans-serif;
	background-image: url('gfx/bg_main.gif');
	background-repeat: repeat-y;
	background-position: center;
	background-color: #000;	
	margin: 0px;
}
*
{
	font-size: 10px;
}

div#siteholder
{
	margin: 0px auto 0px auto;
	width: 768px;
	height: 100%;
}

div#header
{
	background-image: url('gfx/header_home.jpg');
	background-repeat: no-repeat;
	height: 214px;
}

div#nav
{
	background-image: url('gfx/bg_nav.gif');
	background-repeat: no-repeat;
	width: 768px;
	height: 36px;
}

div#nav a
{
	margin-top: 1px;
	text-decoration: none;
	height: 27px;
	line-height: 27px;
	display: block;
	float: left;
}

div#nav a:hover
{
	background-repeat: no-repeat;
}

/*NAVIGATIE best klote om aan te passen eigenlijk*/
a#home{	width: 70px;}
a#biography{ width: 103px; 	 margin-left: 1px;}
a#discography{ width: 119px; margin-left: 2px;}
a#charts{ width: 81px; 		 margin-left: 2px;}
a#studio{ width: 74px; 		 margin-left: 2px;}
a#downloads{ width: 110px; 	 margin-left: 2px;}
a#guestbook{ width: 108px; 	 margin-left: 2px;}
a#contact{ width: 89px; 	 margin-left: 3px;}


/*En dit zijn dus de rollovers je moet voor elke link een nieuw plaatje maken.*/
a#home:hover{ background-image: url('gfx/home1.gif'); }
a#biography:hover{ background-image: url('gfx/bio1.gif'); }
a#discography:hover{ background-image: url('gfx/disco1.gif'); }
a#charts:hover{ background-image: url('gfx/charts1.gif'); }
a#studio:hover{ background-image: url('gfx/studio1.gif'); }
a#downloads:hover{ background-image: url('gfx/downloads1.gif'); }
a#guestbook:hover{ background-image: url('gfx/guestbook1.gif'); }
a#contact:hover{ background-image: url('gfx/contact1.gif');
}

/*Hier begint dus eigenlijk de site, linkerkolom, middenstuk voor je posts, rechterkolom*/
div#collumLeft
{
	float: left;
}

div#mainEntry
{
	float: left;
	border-left: solid 1px #BEBEBE;
	border-right: solid 1px #BEBEBE;
}

div#collumRight
{
	float: right;
}

div#seperator
{
	background-image: url('gfx/seperator.gif');
	background-repeat: no-repeat;
	height: 8px;
	margin: 0px;
	padding: 0px;
	font-size: 0.1em;
}

/*Hier begint de opmaak van de titels en tekst zoals, nieuws, poll enzo*/
div#collumLeft h1, div#collumRight h1
{
	margin: 0px;
	padding: 0px;
	text-indent: 7px;
	border-top: solid 1px #BEBEBE;
	border-bottom: solid 1px #BEBEBE;
	background-color: #f1f1f1;
	line-height: 2.1em;
	height: 24px;
	width: 174px;
	float: left;
	clear: left;
}

div#collumRight div
{
	font-family: verdana, arial, sans-serif;
	width: 174px;
	display: block;
	float: left;
	clear: left;
}

/*Hier staat de opmaak van alle vakjes links en rechts zoals laatste nieuws, meestgedownload enzo*/
div#collumLeft div
{
	font-family: verdana, arial, sans-serif;
	width: 174px;
	display: block;
	float: left;
	clear: left;
}

div#collumLeft div, div#collumLeft div p, div#collumRight div, div#collumright div p
{
	position: relative;
	left: 4px;
	margin: 10px auto 10px auto;
	line-height: 1.4em;
	width: 169px;
}

div#collumRight p
{
	margin-left: 4px;
}

div#collumLeft div, div#collumLeft div strong
{
	color: #383838;
	float: left;
	clear: left;
	clear: bottom;
	padding: 0px;
}

div#collumLeft a
{
	color: #383838;
	display: block;
}

div#collumLeft a:visited
{
	color: #006ac8;
	display: block;
}

div#collumLeft a:hover
{
	display: block;
	color: #ff7e00;
}

div#collumRight a{
	color: #383838;
}

div#collumRight a:visited
{
	color: #006ac8;
}

div#collumRight a:hover
{
		color: #ff7e00;
}

p.forTips
{
	color: #ff7e00;
}

/*Dit is de opmaak van de titel van elke post die je maakt*/
div#mainEntry h1
{
	margin: 0px;
	text-indent: 10px;
	font-family: Century Gothic, arial, verdana, sans-serif;
	font-weight: bold;
	height: 38px;
	font-size: 18px;
	line-height: 38px;
	background-image: url('gfx/bg_entryH1.gif');
	background-repeat: no-repeat;
	border-top: solid 1px #BEBEBE;
	border-bottom: solid 1px #BEBEBE;
	width: 418px;
}

div.entry_content img
{
	border: none;
	line-height: 11px;
}

p.studioimg img
{
	margin-left: 15px;
}

div.entry_content p
{
	line-height: 14px;
}

div.entry_content p a
{
	color: #000;
}

div.entry_content p a:hover
{
	color: #ff7e00;
}

div.entry_content p a:visited
{
	color: #006ac8;
}

div.entry_content p strong
{
	margin: 0px;
}

div.entry_content strong
{
	margin: 10px 0px 0px 0px;
}

div.entry_content strong.aantdown
{
	font-weight: normal;
	display: block;
}

a.downloadmp3{
	background-image: url('gfx/download.gif');
	background-repeat: no-repeat;
	height: 22px;
	width: 27px;
	display: block;
}

a.downloadmp3:hover{
	background-image: url('gfx/download1.gif');
}

img.downimg{
	margin-top: 4px;
	margin-left: 7px;
	vertical-align: bottom;
}

div.entry_content{
	font-family: verdana, arial, sans-serif;
}

div.entry{
	width: 418px;
	vertical-align: top;
	background-color: #FFFFFF;
}

div.entry p{
	font-family: verdana, arial, sans-serif;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}

div.entryFooter{
	background-color: #383838;
	height: 30px;
	width: 418px;
}

div.entryFooterReacties{
	background-color: #383838;
	height: 20px;
	width: 418px;
}

strong.reacties, strong.datum{
	position: relative;
	left: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #E8E8E8;
	font-size: 10px;
}

strong.datum
{
	position: relative;
	left: 107px;
}

div.entryFooter a
{
	margin-left: 20px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 10px;
	line-height: 30px;
	color: #ff7e00;
}

/*ALLES WAT MET FORMULIEREN TE MAKEN HEEFT HIER NEERZETTEN*/

form
{
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin-left: 10px;
}

input, textarea
{
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #FAFAFA;
	border-width: 1px;
}

input.knoppen
{
	background-color: #FFF;
	font-family: verdana;
	font-size: 10px;
	border-width: 1px;
	height: 18px;
}

button
{
	background-color: #FFF;
	font-family: verdana;
	border-width: 1px;
	font-weight: bold;
	height: 18px;
}

.iframe
{
	border: solid 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 768px;
	height: 428px;
}
