/*
Theme Name: Conversion Radio 042
Theme URI: http://www.conversionradio.nl
Description: Special create Radio WordPress theme for Conversion Radio
Version: 1
Author: Niels Lambers
Author URI: http://www.conversionradio.nl
*/

/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#444444; font:12px/14px Tahoma, sans-serif;}
table{font:12px/14px Tahoma, sans-serif; color:#444444;}
/*div {border:1px solid;}*/
/*div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}*/

/* settings for mobile usage: */
img { max-width: 100%; }
input, textarea { max-width:100%; }
.clear {clear: both; margin: 0px; }

/* HEADER */

#kop{max-width:775px; height:373px; position:relative; background:url(https://www.conversionradio.nl/html/images/b_top_niels.jpg) 0 0 no-repeat; background-size: contain; margin: 0 auto; padding-bottom:2px;}
#kop #player{width:260px; height:40px; position:absolute; top:26px; left:562px }
#kop #logo{width:268px; height:144px; position:absolute; top:26px; left:457px }
#kop #slogan{width:384px; height:58px; position:absolute; top:216px; left:353px }

#xmas{max-width:775px; height:373px; position:relative; background:url(https://www.conversionradio.nl/html/images/b_top_xmas.jpg) 0 0 no-repeat; background-size: contain; margin: 0 auto; padding-bottom:2px;}
#xmas #player{width:260px; height:40px; position:absolute; top:26px; left:562px }
#xmas #logo{width:268px; height:144px; position:absolute; top:26px; left:457px }
#xmas #slogan{width:384px; height:58px; position:absolute; top:216px; left:353px }


/* menu */
div.menu ul {width:155px; position:absolute; top:9px; left:251px;list-style-type:none; margin:0; padding:0; overflow:hidden;}
div.menu a {display:block;max-width:155px;padding:3px; color:#6f6f6f;background-color:#dddddd;font:16px/14px Tahoma, sans-serif; text-decoration:none;}
div.menu a:hover{color:white;background-color:#6f6f6f;}

ul.buttons {list-style-type:none; padding:0px; margin:0px; position:absolute; top:307px; left:531px;} /* left:260px;} */
ul.buttons li{float:left;}

ul.buttons li.contest a{width:271px; height:53px; display:block; background:url(https://www.conversionradio.nl/html/images/btn_contest.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.buttons li.listen  a{width:204px; height:53px; display:block; background:url(https://www.conversionradio.nl/html/images/btn_listen.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.buttons li.live    a{width:204px; height:53px; display:block; background:url(https://www.conversionradio.nl/html/images/btn_listen_live.jpg) 0 0 no-repeat; text-indent:-20000px;}
ul.buttons li.list_en a{width:204px; height:53px; display:block; background:url(https://www.conversionradio.nl/html/images/btn_listen_en.jpg) 0 0 no-repeat; text-indent:-20000px;}

@media screen and (max-width: 770px){
div.menu ul {top:18px;}
ul.buttons {width:155px; position:absolute; top:0px; left:251px; list-style-type:none; margin:0; padding:0; overflow:hidden;}
ul.buttons li.listen a {display:block;max-width:155px; height: 15px; padding:3px; color:#6f6f6f;background: none; background-color:#dddddd;font:16px/14px Tahoma, sans-serif; text-indent: 0; text-decoration:none;}
ul.buttons li.list_en a {display:block;max-width:155px; height: 15px; padding:3px; color:#6f6f6f;background: none; background-color:#dddddd;font:16px/14px Tahoma, sans-serif; text-indent: 0; text-decoration:none;}
ul.buttons li.live   a {display:block;max-width:155px; height: 15px; padding:3px; color:#6f6f6f;background: none; background-color:#dddddd;font:16px/14px Tahoma, sans-serif; text-indent: 0; text-decoration:none;}
ul.buttons li a:hover{color:white;background-color:#6f6f6f;}
}
@media screen and (max-width: 600px){
#kop{ height:300px;}
#xmas{height:300px;}
div.menu ul {left:150px;}
ul.buttons  {left:150px;}
}
@media screen and (max-width: 400px){
#kop{ height:200px;}
#xmas{height:200px;}
div.menu ul {left:100px;}
ul.buttons  {left:100px;}
}

/* CONTENT */

#content{max-width:775px; position:relative; background:url(https://www.conversionradio.nl/html/images/b_content.jpg) 0 0 no-repeat; margin: 0 auto; clear:both; padding:28px 0 0 0; }
#content p a{font:12px/14px Tahoma, sans-serif; color:#026fe3; text-decoration:none;}
#content p a:hover{color:#f80100;}

/* left pane */
#leftPan{width:140px; float:left; padding-right:10px;}

#programmas{position: relative; /*padding-top: 5px;*/ }
#programmas h2{width:107px; height:18px; background:url(https://www.conversionradio.nl/html/images/h_programs.gif) 0 0 no-repeat; position:relative; padding-bottom:10px}
#programmas p{position:relative; padding: 0 0 0 0; }
#programmas p span{height:16px; display: block; position:relative; padding: 0 0 0 3px; background:#efefef; font:12px/14px Tahoma, sans-serif; color:#000000;}

#dataPan{max-width:550px; float:left; padding-right:10px; }
#data{position: relative;}
#data p span{font:12px/14px Tahoma, sans-serif; color:#f80100;}

/* middle pane */
#middlePan{max-width:390px; float:left; padding-right:10px; }

#middle{position: relative;}
#middle h1{font:16px/14px Tahoma, sans-serif; color:#f80100;}
#middle h4{font:8px/7px Tahoma, sans-serif; color:grey;}
#middle p{position:relative; padding: 4px 2px 10px 2px; }
#middle p span{font:12px/14px Tahoma, sans-serif; color:#f80100;}
#middle input {padding: 2px 10px; border: solid 1px #aaaaaa}
#middle textarea {padding: 2px 10px; border: solid 1px #aaaaaa}

ul.links{border-top: #cfd8d9 1px solid; position:relative; padding: 0 0 0 0; margin-left:0px;  list-style-type: none; }
ul.links li a{height:16px; display:block; font:12px/14px Tahoma, sans-serif; color:#026fe3; text-decoration:none; background:url(https://www.conversionradio.nl/html/images/arrow.jpg) 17px 6px no-repeat; padding: 0 0 0 28px; }
ul.links li a:hover{color:#f80100;}

/* main is both left and middle panes*/
#mainPan{max-width:550px; float:left; padding-right:10px;}

#main{position: relative;}
#main h1{font:16px/14px Tahoma, sans-serif; color:#f80100;}
#main h4{font:9px/8px Tahoma, sans-serif; color:grey;}
#main p{position:relative; padding: 4px 2px 8px 2px; }
#main p span{font:12px/14px Tahoma, sans-serif; color:#f80100;}

/* right pane */
#rightPan{max-width:215px; float:left;}
#rightPan h2{width:127px; height:20px; background:url(https://www.conversionradio.nl/html/images/h_news.gif) 0 0 no-repeat; position:relative; padding: 0 0 12px 0}
#rightPan p a{font:12px/14px Tahoma, sans-serif; color:#026fe3; text-decoration: underline;}

#right{position: relative;}
#right h1{font:16px/14px Tahoma, sans-serif; color:#f80100;}
#right h4{font:9px/8px Tahoma, sans-serif; color:grey;}
#right p{position:relative; padding: 4px 2px 8px 2px; }
#right p span{font:12px/14px Tahoma, sans-serif; color:#f80100;}

/* cloud tag */
ul.wp-tag-cloud {list-style-type:none; position:relative; padding:5px 10px 10px 5px;}
ul.wp-tag-cloud li{float:left; list-style-type: none; list-style-position:inside; margin:0; padding:0; text-align: justify; text-justify: distribute; text-transform:lowercase}
ul.wp-tag-cloud a {padding:3px; line-height:120%; color:#6f6f6f; text-decoration:none;}
ul.wp-tag-cloud a:hover{color:white;background-color:#6f6f6f;}

/* ADS */

#ads{max-width:775px; position:relative; margin: 0 auto 10px auto; clear:both; padding:0 0 0 0;}

#contact{max-width:130x; float:left; vertical-align: bottom; }
#contact h2{width:79px; height:18px; background:url(https://www.conversionradio.nl/html/images/h_contacts.gif) 0 0 no-repeat; position:relative; padding-bottom:10px}
#contact p{font:12px/14px Tahoma, sans-serif; color:#777777; padding-bottom:5px; }
#contact p span{font:12px/14px Tahoma, sans-serif;  color:#000; }
#contact p a{font:12px/14px Tahoma, sans-serif; color:#777777; text-decoration:none}
#contact p a:hover{color:#f80100; text-decoration:underline;}

#ad1{width:320px; height:123px; position:relative; float:left; padding-right:10px; }
#ad1 h2{width:128px; height:25px; position:absolute; top:10px; left:90px;/*was 147px;*/ font:14px/16px Tahoma, sans-serif; color:#000000;  /*background:url(images/h_ad1.gif) 0 0 no-repeat;*/}
#ad1 p{width:200px; padding: 32px 0 0 142px; font:12px/14px Tahoma, sans-serif; }

#ad{width:350px; height:123px; float:left; position:relative; padding-bottom:5px; background:url(https://www.conversionradio.nl/html/images/b_ad2.jpg) 0 0 no-repeat; }
#ad h2{width:243px; height:35px; position:absolute; top:10px; left:120px;  background:url(https://www.conversionradio.nl/html/images/h_ad2.gif) 0 0 no-repeat;}
#ad p{width:208px; padding: 45px 0 0 130px; font:12px/14px Tahoma, sans-serif; }
#ad p span{font:12px/14px Tahoma, sans-serif;  color:#000; }

/* FOOTER */

#voet{max-width:775px; padding-bottom: 10px; position:relative; background:url(https://www.conversionradio.nl/html/images/line_footer.jpg) 0 0 no-repeat; margin: 0 auto; clear:both;}
#voet p{padding:20px 0 0 0; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#737474; display:block; }
#voet a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  color:#737474; text-decoration:none; padding: 0 5px}
#voet a:hover{color:#FFF; text-decoration:none; background:#000;}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}