/* basic cleanup */
html, body { margin: 0; padding: 0;}
html { overflow-y: scroll;}
input { margin:-1px 0px; }
html>body input { margin:0px; }
*+html>body input {margin:-1px; }
img, a { border: 0; text-decoration: none; }
a { color: #000; }
hr { border: 0; border-bottom: 1px solid #DDD; width: 100%; }

/* some general stuff */
a:hover { color: #444; text-decoration: underline; }
.center { text-align: center; }
.small { font-size: small; }
.error { color: #F00 }
.fl_right { float: right; }
.fl_left { float: left; }
.notice { border: 1px solid #A00; }
div.sechead { padding-top: 20px; text-align: center; font-weight: bold; font-size: 13px; }

/* here we go */
body { background-image: url(/gfx/header_bg.png); background-repeat: repeat-x; background-color: #E3DEDB; margin: 0 auto; width: 100%; height:100%; font-family: Arial, sans-serif; }

/* black bar on the top*/
#ps_bbar { background-image: url(/gfx/header.png); width: 804px; margin-left: auto; margin-right: auto; height: 60px; display: block; }

/* content wrapper */
#ps_wrapper { width: 960px; margin-left: auto; margin-right: auto; background-image: url(/gfx/body_bg.png); background-repeat: repeat-y; display: block; }
#ps_content { width: 804px; margin-left: auto; margin-right: auto; padding: 0; display: block; background-color: #FFF; }
#ps_logo { width: 400px; height: 90px; z-index: 100; background-image: url(/gfx/pns_logo_v2.png); position: absolute; cursor:pointer;  margin-left: -60px; margin-top: -40px; }
#ps_header { background-image: url(/gfx/header_bg.png); background-repeat: repeat-x; }

/* image slideshow */
#imgrotator { background-image: url(/pics/banner_rotate_001.png); height: 100px; width: 804px; border-bottom: 1px solid black; }
img.imgrotator { margin: 0px; padding: 0px; }

/* menu */
#ps_mm { width: 804px; display: block; font-family: Arial, sans-serif; font-size: 14px; margin-left: auto; margin-right: auto; height: 22px; line-height: 22px; background-color: #000; }
ul.menu { list-style: none; margin:0; padding:0; }
ul.menu * { margin: 0; padding: 0; }
ul.menu a { display: block; color: #FFF; text-decoration: none; }
ul.menu li { position:relative; float:left; }
ul.menu ul { position:absolute; top:20px; background:#444; display:none; opacity:0; list-style:none; }
ul.menu ul li { position:relative; width:160px; margin:0; }
ul.menu ul li a { display:block; padding-left: 8px; width: 152px; }
ul.menu ul li a:hover { background-color: #666; }
li.ps_mm_submenu>a { margin: 0 4px; }
li.ps_mm_submenu { margin: 0 4px; }
li.ps_mm_submenu:hover { background-color: #666; }
.ps_mm_s { float: left; color: #000; width: 5px; height: 20px; padding: 0; background: transparent url( '/gfx/separator_mm.png' ) no-repeat center top; }
.ps_mm_i_h { background-color: red; }
li.ps_mm_menuimg{ margin: 0 5px; }
li.ps_mm_menuimg>a{ margin: 0; }

/* search input and submit */
#mm_search { float: right; padding: 0; margin: 0; }
#mm_search p { float: right; padding: 0; margin: 0; }
#mm_searchi { display: block; height: 20px; width: 10px; font-size: 1px; background: url(/gfx/text_search.gif) no-repeat; }
#mm_search_text { display: block; border: 0; height: 18px; width: 120px; font-size: 12px; background: white; }
#mm_search_submit { display: block;  width: 23px; height: 20px; border: 0; padding: 20px 0 0 0; margin: 0; background: transparent url(/gfx/button_search.gif) no-repeat center top; }

/* main body */
#ps_main { overflow: hidden; width: 804px; display: block; height: auto; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
#ps_main_content { display: block; float:left; overflow: visible; width: 629px; padding: 3px; min-height: 768px; margin: 1px 2px 1px 1px; border-right: 1px solid #aaa; text-align: justify; font-size: 13px; }

/* extra content on main page */
#main_left { display: block; width: 240px; overflow:hidden; float:left; padding-right: 4px; border-right: 1px solid #AAA; } /*border: 1px solid red; }*/
#main_right { display: block; width: 380px; margin-top: 2px; float:right; } /*border: 1px solid blue; }*/

#mag_higlights, #news_promo { display: block; clear:right; float:right; width: 380px; }
#mag_promo{ clear:left; float:left; width: 240px; padding: 0; margin: 2px 0; }
.players { width: 240px; background-image: url(/gfx/logo/radiodur_160x88.png); background-repeat: no-repeat; background-position: 40px 70px; height: 220px; }
.audioplayer { margin: 2px 0; float:left; clear: left; }
.news_thumb { width: 150px; height: 150px; float: left; padding: 5px 15px 5px 5px; background: url( /gfx/news_bg.png ) no-repeat; }
.news_item_promo { display: block; height: 160px; }
.news_content { display: block; }
.news_text { display: block; text-align: left; margin: 15px 3px 0 0; font-size: 12px; line-height: 14px; }
.news_text a { text-decoration: underline; text-align: left; }
.news_text_short { display: block; text-align: left; margin-top: 20px; }
.news_title { display: inline; font-weight: bold; text-align: left; font-size: 13px; line-height: 13px; }
.news_date, .news_more { float: right; clear: right; padding-right: 10px; font-size:10px; }
.news_more { clear: left; margin-bottom: 5px; }

.sec_header { background-color: #AAA; color: #FFF; width: 100%; display: block; text-align: center; font-weight: bold; padding: 2px 0; margin: 0 0 4px 0; text-transform: uppercase; }

.mag_content { display: block; width: 100%; height:160px; }
.magh_text { font-size: 12px; line-height: 13px; margin-right: 164px; padding-left: 5px; text-align: left; }
.magh_text span { margin-top:15px; }
.magh_title { font-weight: bold; }
.magh_thumb { display: inline; float: right; clear:right; width: 150px; height: 150px; padding: 5px 5px 5px 5px; background: url( /gfx/news_bg.png ) no-repeat; }

.arch_item { display: inline; float: left; padding: 10px 9px; text-align: center; }
.arch_item * { display: block; margin-top: 5px; }

#subpage_link { display:block; text-align: right; margin-right: 20px; margin-bottom: 20px; clear: both; width: 609px; }
#subpage_link span { margin-left: 20px; }

/* legal and other stuff */
h1.info { font-size: 12px; text-align: center; text-transform: uppercase; font-weight: bold; }
p.info { font-size: 12px; margin: 20px 120px; text-align: justify; }
#ad_sky_600 { display: block; float:right; width: 160px; padding:5px 0; margin: 0 4px 0 0; vertical-align:bottom; }
.ad_button_160 { display: block; float:right; width: 160px; height: 165px; padding:0; margin: 10px 4px 5px 0; vertical-align:top; }
.ad_button_240 { clear:left; float:left; width: 240px; height: 260px; padding:0; margin: 5px 0 5px 0; }

/* footer */
#ps_footer { display: block; height: 20px; line-height: 20px; font-family: Arial, sans-serif; font-size: 12px; color: #FFF; background: #000; width: 100%; text-align: center; }
#ps_footer span {margin:0;padding:0;}
#ps_footer a { color: #FFF; }
#ps_footer a:hover { background-color: #444; }
.ps_f_s { color: #000; padding: 5px 0; width: 5px; height: 20px; background: transparent url( '/gfx/separator_ft.png' ) no-repeat center center; }
/* forms */
#ps_form { width: 400px; text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; }
.ps_formt { text-align: left; width: 400px; }
#ps_form input.text { width: 200px; }
#ps_form .ps_formlabel { width: 120px; vertical-align: top; }
#ps_form .ps_formtext { display: block; text-align: justify;  margin: 10px 0; }
#ps_form .extra { text-align: center; padding: 4px 2px; background-color: #cebca5; }

/*social bookmarking sites*/
#lsbs { display: block; float: right; clear:right; width:320px; width:100%;text-align:right;}
#lsbs li { list-style: none; display: inline;width:auto;}
.lsb{width:20px;height:20px;border:0;padding:0;margin:0 2px;display:-moz-inline-box;display:inline-block;vertical-align:middle;}
.lsb span{display:none;}
.lsb_fcbk{background-image:url(/gfx/soc/facebook.png);}
.lsb_mysp{background-image:url(/gfx/soc/myspace.png);}
.lsb_goog{background-image:url(/gfx/soc/google.png);}
.lsb_digg{background-image:url(/gfx/soc/digg.png);}
.lsb_deli{background-image:url(/gfx/soc/delicious.png);}
.lsb_stum{background-image:url(/gfx/soc/stumbleupon.png);}
.lsb_redd{background-image:url(/gfx/soc/reddit.png);}

#subscribe_gratis { display: inline-block; height:60px; background: transparent url('/gfx/4+1_gratis.jpg') no-repeat right top; padding-top: 200px; }

<img src='<?php echo base_url(); ?>gfx/4+1_gratis.jpg'>

table#splist { margin: 20px auto 80px auto; width: 95%; border-collapse: collapse; text-align: left; }
table#splist tr td { vertical-align: top; }
table#splist tr.list_letters { height: 60px; line-height: 10pt; font-size: 10pt; }
table#splist tr.list_letters * { color: #666; margin-left: 0; }
table#splist tr.list_letters td { border-top: 1px dotted #DDD; vertical-align: middle; }
table#splist tr.list_letters span { margin-right: 10px; float: left; }
table#splist tr.list_letters span.selected { font-size: 14pt; color: #000; }
table#splist tr.list_letters span.toplink { margin: 0 5px; float: right; }

#debug {
  position: absolute;
  width: 300px; height: 200px;
  bottom: 10px; left: 10px;
  border: 1px solid #000;
  background-color: #FFA;
  z-index: 9999;
}