/*
 	CSS Document
 	Sky Radio Group
 	Radio Veronica MogguhRick special
 	
 	Colors
 	Blue: #00adee;
 	Black: #000000;
 	
 	Font
	Courier New
*/



/* STRUCTUUR */

	#wrapper {
		width:100%;
		margin:0;
		padding:0; 
		position:relative;
	}
	
	#pg_header {
		width:100%;
		height:348px;
		position:relative;
		background:#000 url('../images/bg_top.jpg') no-repeat;		
	}
	
	#pg_content {
		width:850px;
		padding: 0 70px 50px 60px;
		background:transparent url(../images/bg_content.jpg) repeat;
	}
	
	
	#pg_sidechannel {
		float:left;
		width:306px;
		text-align:center;
		overflow:hidden;
		margin:auto;			
	}

	#pg_main {
		float:right;
		width:500px;
	}
	
	#footer { 
		padding:0; /* override van framework.css style */
		font:normal 11px/16px Verdana; 
	}


/* ALGEMEEN */

	body {
		margin:auto;
		text-align:center;
		color:#000;
		background:#000;
		font:normal 12px/1.45em "Courier New", monospace;
	}
	
	::selection {
		background: #00adee; /* Safari */
		color:#fff;
	}
	::-moz-selection {
		background: #00adee; /* Firefox */
		color:#fff;
	}
	
	a { outline:none; color:#00aeed; text-decoration:underline; }
	
	address { font-style:normal; padding:0 0 17px;}
	
	object { z-index:100; }
	
	h6 {
		font:bold 12px/1.45em "Courier New", monospace;
		margin:0;
		padding:0;
	}	

/* POSITIONING */

	.floatright { float:right; }
	.floatleft { float:left; }
	.clearboth { clear:both; }
	.textright { text-align:right; }
	.textcenter { text-align:center; }
	.textleft { text-align:left; }
	.textjustify { text-align:justify; }
	
	
	
/* SPOTLIGHT */

	#spotlight {
		position:absolute;
		width:208px;
		height:218px;
		top:60px;
		right:50px;
		/* border:1px solid #f00; */
	}
	
	
/* MENU */
		

	ul#navigatie {
		position:absolute;
		top:295px;
		left:50px;
		padding:0;
		margin:0;
		width:880px;
		height:30px;
		list-style:none;
		overflow:hidden;		
	}
	
	ul#navigatie li { 
		display:inline;
		float:left; 
		list-style:none;
		
	}

	ul#navigatie a:hover, ul#navigatie a.current { background-position:0 0; }
	
	ul#navigatie a span { color:#fff; text-indent:-9999px; display:block; }
	
	a.home { 
		display:block;
		width:88px;
		height:32px;
		margin:0 5px 0 10px;
		overflow:hidden;
		background:url(../images/nav_home.gif) no-repeat 0 -44px;
	}
	

	a.waarishij { 
		display:block;
		width:200px;
		height:32px;
		margin:0 5px 0 10px;
		overflow:hidden;
		background:url(../images/nav_waarismario.gif) no-repeat 0 -43px;
	}	

	a.mogguhrick { 
		display:block;
		width:190px;
		height:32px;
		margin:0 5px 0 10px;
		overflow:hidden;
		background:url(../images/nav_overmogguhrick.gif) no-repeat 0 -44px;
	}	

	a.faq { 
		display:block;
		width:66px;
		height:32px;
		margin:0 5px 0 10px;
		overflow:hidden;
		background:url(../images/nav_faq.gif) no-repeat 0 -44px;
	}
	
	a.contact { 
		display:block;
		width:113px;
		height:32px;
		margin:0 5px 0 10px;
		overflow:hidden;
		background:url(../images/nav_contact.gif) no-repeat 0 -44px;
	}
	
/* RECTANGLE */

	#rectangle {
		float:none;
		margin-right:0px;
		margin:0 3px 10px;
	}

	.player { margin:0 0 10px; }
	
	
	
/* MORE */

	a.more:link, a.more:visited {
		position:absolute;
		right:20px;
		bottom:25px;
		background:none;
	}
	
	a.more-alt {
		position:absolute;
		right:20px;
		bottom:85px;
		z-index:101;		
	}	
	
	
/* TWITTER */

	#twittershit_cont {
		width:493px;
		height:499px;
		overflow:hidden;
		position:relative;
	}
	
	#twittershit {
		background:url(../images/bg_twittershit_split.gif) no-repeat;
		padding:50px 30px 0;
		width:433px;
		height:350px;
		overflow:hidden;	
		position:relative;
	}
	
	#twittershit_buttons {
		width:492px;
		height:94px;
	}
	
	#twittershit_buttons img { position:absolute; z-index:100; }
	
	#twittershit_loading {
		display:none;
		float:left;
		position:absolute;
		top:240px;
		left:230px;		
	}
	
	#twitter_content {
		width:433px;
		height:283px;
	}
	
	#twitter_content { font:normal 12px/13px "Courier New"; }
	#twitter_content ul { list-style:none; margin:0; padding:0; text-indent:0; }
	#twitter_content li { clear:both; padding:5px; }
	div.tweet_avatar { float:left; width:48px; margin-right:10px;  }
	div.tweet_text { float:left; width:350px; }
	div.tweet_text p { padding:0 0 5px; }
	div.username { font-weight:bold; }
	div.tweet_time { text-align:right; font:italic 10px "Courier New"; color:#999; } 


/* FLICKR */

	.fotoframe { 
		//background:url(../images/foto_frame.gif) no-repeat;
		width:75px;
		height:75px;
		padding:6px 8px;
		margin:0 5px;
		float:left;
	}
	
	
/* FOTO'S */


	#fotomogguhrick_cont {
		background:url(../images/bg_foto_mogguhrick.gif) no-repeat;
		padding:60px 20px 30px 60px;
		width:420px;
		height:108px;
		position:relative;
		margin:0 0 10px;
	}
	
	#fotoluisteraars_cont {
		background:url(../images/bg_foto_luisteraars.gif) no-repeat;
		padding:20px 20px 30px 60px;
		width:420px;
		height:106px;
		position:relative;
		margin:0 0 10px;
	}
	
	#gallery img {margin: 5px; padding: 0px;}	
	

	
/* VIDEO'S */

	#videomogguhrick_cont {
		background:url(../images/bg_videochannel.gif) no-repeat;
		padding:90px 30px 30px;
		width:432px;
		height:330px;
		overflow:hidden; 
	}	
	
	#videomogguhrick_cont div.text {
		float:right;
		width:132px;
	}
	
	#videomogguhrick_cont embed { float:left; }
		
		
/* WAAR IS DE KAAK */

	#waarishij_cont {
		background:url(../images/bg_waarishij.gif) no-repeat;
		padding:50px 30px 50px;
		width:440px;
		height:510px;
		overflow:hidden; 
		position:relative;
	}	

	#waarishij_cont iframe {
		margin:0 0 20px 15px;
	}
	
	#waarishij_cont a.more:link, #waarishij_cont a.more:visited {
		position:absolute;
		right:20px;
		bottom:40px;
		background:none;
	}	
	
		
/* MOGGUHRICK */

	#mogguhrick_cont {
		background:url(../images/bg_mogguhrick.gif) no-repeat;
		padding:60px 30px 40px;
		width:440px;
		height:550px;
		overflow:hidden; 
	}	
	
	#mogguhrick_cont li { list-style:none; list-style-image:url(../up.gif) no-repeat 0 50%; }
	
/* FAQ */

	#faq_cont {
		background:url(../images/bg_faq.gif) no-repeat;
		padding:50px 30px 40px;
		width:440px;
		height:530px;
		overflow:hidden; 
	}	
	
	#faq_cont dd { padding:10px 0; margin-left:15px; display:none;}	
	#faq_cont dt { 
		color:#00adee; 
		cursor:pointer;
		background:url(../images/up.gif) no-repeat 0 2px;
		padding-left:15px; 
	}
	
	#faq_cont dt:hover { text-decoration:underline; }
	
	#faq_cont ul {
		padding:0;
		margin:0;
	}
	
	#faq_cont ul li { 
		list-style:none;
		list-style-image:url(../images/bullet.gif);
		list-style-type:square;
		padding:0;
		margin:0;
		margin-left:15px;
	}


/* CONTACT */

	#contact_cont {
		background:url(../images/bg_contact.gif) no-repeat;
		padding:50px 30px 40px;
		width:440px;
		height:1350px;
	}		
	
	#contact_cont div { margin:5px 0 25px; }
	
	#contact_cont a.toonform {
		cursor:pointer;
		background:url(../images/up.gif) no-repeat 0 50%;
		padding-left:15px;
		display:block;
		margin:-5px 0 15px;	
	}
	 
	#contact_cont form { clear:both; display:none; }
	
	
/* FORMS & TABLES */

	.field { 
		background-color:#fff;
		border:2px solid #ccc;
		padding-left:3px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	
	.valid { border:2px solid #39b54a !important; }
	.invalid { border:2px solid #ed1c24 !important; }
	
	table td { vertical-align:top; }
	
	.succes { color:#000; font-weight:bold; }
	.error { color:#C00; font-weight:bold; }
	
	.submit, .commentbutton { 
		padding:5px 15px; 
		color:#fff; 
		background:#00adee; 
		border:2px solid #00adee;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px; 
	}
	
	

/* FRAME OVERLAY */

	#frameoverlay {
		background:#000;
		width:755px;
		height:0px;
		position:fixed;
		margin-left:-380px;
		top:0;
		left:50%;
		z-index:1002;
		border:5px solid #fff;
		border-top:0;
		display:none;		
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
	}
	
	#frameoverlay iframe {
		z-index:1003;
	}	
	
	#frameoverlay img.loader {
		position:absolute;
		top:330px;
		left:380px;
	}
	
	#frameoverlay a.closebutton {
		width:100px;
		height:30px;
		top:330px;
		left:760px;
		cursor:pointer;
		z-index:1004;

	}
	
/* AUDIOFRAGMENTEN */

#audiofragmenten_cont {
	background:url(../images/bg_hoogtepunten.gif) no-repeat;
	padding:50px 0 20px 30px;
	width: 274px;
	height: 380px;	
	position:relative;
	margin:0 0 10px;
	text-align: left;
}
#audiofragmenten {
	width: 270px;
	margin-bottom: 15px;
}
#audiofragmenten td { vertical-align: middle; }

/* HEADLINES */

	#headlines_home_cont {
		background:url(../images/bg_headlines.gif) no-repeat;
		padding:60px 30px 40px;
		width:440px;
	}
	
	#headlines_cont {
		background:url(../images/main.gif) repeat-y;
		padding:0 0 20px;
		margin:0;
		width:500px;
	}	

	#headlines_cont div.headlines_top {
		background:url(../images/top_headlines.gif) no-repeat;
		padding:0 0 10px;
		height:40px;
		width:500px;
	}

	div.headline_bottom {
		background:url(../images/bottom.gif) no-repeat;
		height:40px;
		width:500px;
	}
	
	#headlines_cont div.headline_body {
		padding:0 30px;
		width:440px;
	}
	
	#headlines_cont p {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.commentform_row { clear:both; }
	.commentform_row label { display:block; float:left; margin:3px 0 3px 10px; width:70px; display:inline; } 
	.commentform_row input.commentinput { 
		float:left;
		display:inline;
		border:2px solid #ccc;
		padding-left:3px;
		margin:3px 0;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;		 
	}	
	
	.commentform_row textarea#piv_comment {
		border:2px solid #ccc;
		padding-left:3px;
		margin:3px 0;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		width:350px;
	}		
	.commentbutton {  }
	.privacy_options  div.commentform_row label { width:auto; float:none; }
	.privacy_options { margin:15px 0; } 
	
	.commentform_row small { color:#00adee; font:italic 12px/1.45em "Courier New", monospace; margin:20px 0 0; }
	
	
/*	Comments 	*/
.comment {
	margin: 15px 0 0 0;
}
div.comment {
	background-color: #fff;
	color: #333333;
	margin: 14px 0 0 0;
	min-height: 36px;
	padding: 14px 14px 7px 14px;
	border:2px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}	

div.comment cite {
	color: #000;
	font-style: normal;
	font-size: 11px;
	line-height: 24px;
	display: block;
	padding-top: 6px;
	padding-bottom: 0px;
}