/* -------------------------------------
	* title: pep stylesheet implementation
	* start date: 2007 march 05
	* author: ronald delgado
	* email: ronaldweb@bigfoot.com
-------------------------------------- */

html,body { margin:0; padding:0; background:#FFFFFF; }
body { font:12px verdana, arial; color:#333; }

.rfeed { background-color:red; border:1px solid #FC0; font-size:9px; margin:0; padding:0 4px; color:#FFF; font-weight: 700; font-family: "Times New Roman"}
.smalltext { font-size:11px; }

/* -------------- CSS for Media and Gallery pages ------------------ */
.td { float:left; clear:none; }
.dropbox { border: 1px solid #ccc; background-color: #fff; color: #653241; margin-top:5px; font-size: 8pt; width: 120px; height: 16px; }
.inputbox { border: 1px solid #ccc; background-color: #fff; color: #000000; font-size: 8pt; width: 120px; height: 20px; }
.linkthisbox { border: 1px solid #ccc; background-color: #fff; color: #000000; font-size: 8pt; width: 250px; height: 20px; }
.textareabox { border: 1px solid #ccc; background-color: #fff; color: #000000; font-size: 8pt; }
.header_gray { font-size:16px;  font-weight:bold; padding-bottom:5px; color:#666; text-decoration:none; }
.header_black { font:14px times new roman;  font-weight:bold; padding-bottom:5px; }
.header_tabs { font-size:14px; vertical-align:middle; font-weight:bold; padding-bottom:5px; padding-top:10px; }
.big_box  { width:100%; border:5px solid #DDDDDD; background-color:#fff; padding:5px; }
.box  { width:15%; border:1px solid #ccc; margin-left:2px; background-color:#fff; }
.title { font:20px georgia; color:#000; text-decoration:none;	}
.newspics_title { font:20px georgia; color:#000; text-decoration:none; }

.blue_title { font:12px georgia; color:#2d5a93; text-decoration:none;}
.blue_title a { color:#2d5a93; text-decoration:none;}
.blue_title a:hover { text-decoration:none;}

.blue_title_bold { font:11px georgia; color:#2d5a93; text-decoration:none; font-weight:bold; }
.blue_title_bold a { color:#2d5a93; text-decoration:none; font-weight:bold; }
.blue_title_bold a:hover { text-decoration:none; font-weight:bold; }

.blue_small { font-size:11px; color:#2d5a93; text-decoration:none; }
.blue_small a { color:#2d5a93; text-decoration:none; }
.blue_small a:hover { text-decoration:none; }

.paging_title { font-size:11px;  font-weight:bold; color:#0099FF; text-decoration:none;}
.gray_small { font-size:11px; color:#8a8989; text-decoration:none; }

.black_big { font-size:12px; color:#000000; text-decoration:none; }

.black_big_bold { font-size:14px; color:#000000; text-decoration:none; font-weight:bold; }

.black_small { font-size:11px; color:#000000; text-decoration:none; font-family:Georgia; }
.black_small a { color:#000000; text-decoration:none; }
.black_small a:hover { text-decoration:none; }

.black_small_bold { font-size:11px; color:#000000; text-decoration:none; font-family:Georgia; font-weight:bold; }
.black_small_bold a { color:#000000; text-decoration:none; font-weight:strong }
.black_small_bold a:hover { text-decoration:none; font-weight:strong; }

.tab_small { font-size:12px; color:#000000; text-decoration:none; }
.tab_small a { color:#000000; text-decoration:none; }
.tab_small a:hover { text-decoration:none; }

.white_header { font-size:14px; color:#FFFFFF; text-decoration:none; font-family:Georgia; }
.white_header a { font-size:14px; color:#FFFFFF; text-decoration:none; }
.white_header a:hover { text-decoration:none; }

.white_big { font-size:12px; color:#FFFFFF; text-decoration:none; font-family:Georgia; }
.white_big a { font-size:12px; color:#FFFFFF; text-decoration:none; }
.white_big a:hover { text-decoration:none; }

.white_small { font-size:11px; color:#FFFFFF; text-decoration:none; font-family:Georgia; }
.white_small a { color:#FFFFFF; text-decoration:none; }
.white_small a:hover { text-decoration:none; }

.media_bar { width:95%; height:auto; background-color: #FF9933; vertical-align:middle; }
.media_bar_talk { width:95%; height:auto; background-color: #990134; vertical-align:middle; }
/* -------------- CSS for Media and Gallery pages ------------------ */

p.redtitle { font-weight:700; font-size:12px; border:0; padding:0; color:#BF0127; }
p.readmore { text-align:right; font-size: 11px; font-weight:700; }
p.readmore a{ text-decoration:none; padding-left: 14px; background: #fff url(http://contents.pep.ph/images/web/right_arrow_button_trans.png) left top no-repeat; color:#333 }
p.readmore a:hover { text-decoration:underline; }

/* -------------- menu bar -------------- */
/*#masthead { background: #FFF url(http://contents.pep.ph/images/web/headerbg.gif) right bottom repeat-x; height:10em }*/
#masthead { background: #FFF url(http://www.pep.ph/images/web/headerbg.gif) right bottom repeat-x; height:10em }
#masthead img { border:0; padding:0; margin:0; }

#menubar { border:0px solid red; height:55px; background:#e6e6e6;}
	#menubar form fieldset{ margin:0 ; padding:0; border-width: 0; height: 20px }
	#menubar form legend{ display:none; }
	#menubar form a{ color:#767676; }

	#menubar form { margin:0; padding:0; border:0; }
	#menubar form { margin:0; padding:0; border:0; font-size:11px;}
	#menubar form input { width:85px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar form input#searchField { width:135px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar form input#searchKey { width:200px; padding: 0 2px; border: 1px solid #DDDDDD }
	#menubar form input#submitKey { width:35px; cursor:pointer; cursor:hand; }

	#searchBox { border:0px solid red; float:left; height:20px; width:370px; padding:5px; }
	#memberBox { border:0px solid blue; float:right; height:20px; width:570px; padding:5px; }
/* -------------- menu bar -------------- */

/* -------------- navigation menu -------------- */
	#nav { padding:2px 0 2px 0; float:left; height:20px; width:980px; background: #A0A0A0 url(http://contents.pep.ph/images/web/headerbar.gif) left top repeat-x; }
	#nav ul {margin: 0; padding: 0; background: #edf1fd; border:0; }
	#nav li {padding:0 5px 0 5px; position: relative; list-style: none; margin: 0; float: left; font-size: 11px; color:#2A4968;  font-weight: bold; text-decoration: none;} /*Menu width*/
	#nav li:hover { text-decoration:underline; }
	#nav li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
	#nav li.submenu:hover { text-decoration:underline; }
	#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em; font-size: 11px; color: #2A4968; font-weight:bold; text-decoration: none; width: 4.5em;}
	#nav ul a { width: auto; }
	#nav ul ul {position:absolute; display:none;} /*Submenu with*/
	#nav ul ul li {border-bottom: 1px solid #CCC;}
	#nav li.submenu li.submenu { background: url(submenu.gif) 95% 50% no-repeat;}
	#nav li.submenu li.submenu:hover {background-color: #EDD;}
	#nav li.submenu li.submenu:hover {background-color: #EDD;}
	#nav ul.level1 li.submenu:hover ul.level2,
	#nav ul.level2 li.submenu:hover ul.level3 {width:120px; display:block;}
	#nav ul.level2 {width:120px; top: 1.5em; left: -1px;}
	#nav ul.level3 {width:120px; top: -1px; left: 11em; border-top: 1px solid #CCC;} /*Size of Submenu*/
/* -------------- navigation menu -------------- */

/* -------------- footer links -------------- */
	#footer { border:0; clear:both; }
	#footLinks { border:0px solid black; text-align:center; width:883px; }
	#footLinks ul { margin:0; padding: 0; margin-left:200px; padding-left:10px; height: 22px; list-style-type: none; }
	#footLinks li { float:left; color: #394956; margin-top:3px }
	#footLinks li a { color: #394956; border-right: 1px solid #394956; padding: 0 4px; font-size:10px }
	#footLinks li a.listFinal { border-right-width: 0 }
	#footLinks p {font-size:.8em; margin-bottom:10px }
/* -------------- footer links -------------- */

/* -------------- right side ads -------------- */
	#rightContainer { border:0; margin-top:10px; float:right; width:130px; }
	#rightContainer p { margin:0; padding:0; font-size:10px; text-align:center; }
/* -------------- right side ads -------------- */

/* -------------- slideshow -------------- */
	#ss_text h1 {  margin:0; padding:0; margin-bottom:2px; font-size:12px; color:#BF0127; text-align:left;}
	#ss_text p { margin:0; padding:0;  margin-bottom:10px; font-size: 11px; text-align:left; font-family:Georgia; }
	#ss_text a { font-weight:700; color:black; text-decoration:none; text-align:right; }

	#slideShow { border:1px solid #DDDDDD; margin-top:10px; padding:5px 0 20px 5px;  height:400px; }

	#slideMenu { padding:0; margin:0; border:0; }
	#slideMenu ul { margin:0; padding:0; border:0; }
	#slideMenu li { padding:1px; margin:0; border:0; list-style:none; position:relative; float:left;}
/* -------------- slideshow -------------- */

/* -------------- news calendar -------------- */
	.calendar { border: 1px solid #DDD; padding: 4px; font-size:11px; }
	.calendar a { color:red; text-decoration:none; }
	.calendar a:hover { text-decoration:underline; }
	.calendarToday { border: 1px solid #DDD; padding: 3px; background: #DDD }
	.calendarHeader { font-weight: bold; }
/* -------------- news caledar -------------- */

/* -------------- main container -------------- */
/*	#wrapper { border:3px solid #ff000; width:1020px; }*/
	#wrapper { width:1020px; border: none; }

#header {}
	#header { border:0; padding:8px; }
	#header h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/peplogo.gif) left top no-repeat; height: 88px; width:233px; display:block; text-indent: -99999em; }

	#mainContainer { border:0; padding:0; margin:0; float:left; width:883px; margin-bottom: 5px;}

#topHeader {}
	#topHeader { border:0; border:1px solid #DDDDDD; padding:5px 5px 5px 15px; }
	#topHeader h3.news { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/news.gif) left top no-repeat; height:22px; width:94px; display:block; text-indent: -99999em; }
	#topHeader h3.rssnews { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/rss-feeds.jpg) left top no-repeat; height:25px; width:200px; display:block; text-indent: -99999em; }
	#topHeader h3.views { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/views.gif) left top no-repeat; height:26px; width:100px; display:block; text-indent: -99999em; }
	#topHeader h3.celeb { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeb/celeb.gif) left top no-repeat; height:26px; width:153px; display:block; text-indent: -99999em; }
	#topHeader h3.eguide { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/eguide/eguide.gif) left top no-repeat; height:21px; width:271px; display:block; text-indent: -99999em; }
	#topHeader h3.multimedia { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/multimedia/multimedia.gif) left top no-repeat; height:23px; width:139px; display:block; text-indent: -99999em; }
	#topHeader h3.tracker{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/tracker/tracker.gif) left top no-repeat; height: 33px; width:224px; display:block; text-indent: -99999em; }


	#topBlock { border:0; border-bottom:2px dotted #DDDDDD; float:left; padding:5px; margin-bottom:5px; }
	#middleBlock { border:0; padding:0; margin:0; border-bottom:2px dotted #DDDDDD; margin-bottom:3px; clear:both; height:150px; }
	#bottomBlock { border:0; clear:both; }

	#colOne { border:0; padding:5px; float:left; width:320px; }
	#colTwo { border:0; padding:5px; float:left; width:310px; border-left:1px dotted #DDDDDD; border-right:1px dotted #DDDDDD; }
	#colThree { border:0; padding:5px; float:left; width:210px; }

	#colOne-2 { border:0; float:left; width:300px; padding:5px; }
	#colTwo-2 { border-left:2px dotted #DDDDDD; border-right:2px dotted #DDDDDD;float:left; width:250px; padding:5px;  }
	#colThree-2 { border:0; float:left; width:225px; padding:5px; }

	#colTwo-3 { border-left:2px dotted #DDDDDD; float:left; width:490px; padding:5px; }

	/* ------------------------------------------------
	celeb.tpl(bottom) multimedia.tpl/gallery.tpl(top)
	-------------------------------------------------*/
	#colFour { border-right:2px dotted #DDDDDD; float:left; width:535px; padding:0 5px 10px 5px; }
	#colFive { border:0; float:left; width:315px; padding:0 5px 10px 5px; }

	#colSix { border:0; float:left; width:500px; padding:5px; }

	#colLeft { border:0; padding:0; margin:0; float:left; margin:10px 0 10px 10px; width:530px;}
	#colRight { border:0; padding:0; margin:0; float:left; margin:10px 5px 10px 5px; width:300px; padding-left:10px; border-left:2px dotted #DDDDDD;}

/* -------------- main container -------------- */

/* -------------- index page -------------- */
#topList {}
	#topList { margin:0; border:0; padding:0; margin-left:10px; }
	#topList h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/toplist.gif) left top no-repeat; height: 20px; width:76px; display:block; text-indent: -99999em; }
	#topList ul { margin:0; padding:0; border:0; }
	#topList li { padding:0 5px 0 5px; list-style:none; margin:0; float:left; width:250px; border-right:2px solid #DDDDDD; margin-right:5px; }
	#topList li img { float:left; margin:0; padding:0; margin:0 5px 3px 3px; border:1px solid black; }
	#topList p.title { margin:0; padding:0; border:0; margin-bottom:5px; font-size:12px; font-weight:bold; }
	#topList p.blurb { margin:0; padding:0; border:0; font-size:11px; }
	#topList p.blurb a { color:black; text-decoration:none; }
	#topList p.blurb a:hover { text-decoration:underline; color:red; }

#topStories {}
	#topStories { margin:0; padding:0; margin-bottom:15px; padding-bottom:5px; border:1px; solid black; }
	#topStories h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/topstories.gif) left top no-repeat; height: 16px; width:143px; display:block; text-indent: -99999em; }
	#topStories p { margin:0; padding:0; margin-bottom:3px; }
	#topStories p a { text-decoration:none;  color:#BF0127; font-size:13px; font-weight:bold; }
	#topStories p a:hover { text-decoration:underline; color:red; }
	#topStories p.readmore { font-weight:bold; }
	#topStories p.title { font-size:14px; font-family:Georgia; font-weight:bold; }
	#topStories p.author { font-size:10px; color:#767676; }
	#topStories p.blurb { font-size:11px; }
	#topStories img { margin-bottom:5px; }

#relatedList {}
	#relatedList { border:0; padding:0 margin:0; margin-top:10px; }
	#relatedList ul { list-style-type: none; margin:0; padding:0; border:0; }
	#relatedList li { margin:0; padding:0; border:0; margin-bottom:3px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:11px; }
	#relatedList li a { text-decoration:underline; color:black; }
	#relatedList li a:hover { color:red; text-decoration:underline; }
	#relatedList p { margin:0; padding:0; border:0; position:relative; }
	#relatedList p.title { font-weight:bold; font-size:13px; }
	#relatedList p.blurb { font-weight:normal; font-size:12px; }

#celebLife {}
	#celebLife { border:0; border-bottom: 1px dotted #DDDDDD; margin-bottom: 5px; }
	#celebLife h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/celeblife.gif) left top no-repeat; height: 15px; width:86px; display:block; text-indent: -99999em; }

#views {}
	#views { border:0; margin-bottom: 5px; }
	#views h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/views.gif) left top no-repeat; height: 15px; width:63px; display:block; text-indent: -99999em; }

#eguide {}
	#eguide { border:0; height:425px; border-bottom:2px solid #DDDDDD; }
	#eguide h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/eguide.gif) left top no-repeat; height: 15px; width:159px; display:block; text-indent: -99999em; }

#articlesList {}
	#articlesList { margin-left:10px;}
	#articlesList ul { list-style-type: none; margin:5px 15px 0 0; padding:0; }
	#articlesList li { margin:0; padding:0; border:0; margin-bottom:10px; padding-bottom:10px; font-size:11px;  _height:50px; font-family:verdana; }

 	#articlesList li.section { height:100px; border-bottom:2px solid #DDDDDD;}

	#articlesList li img { float:right; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#articlesList li img.section { float:left; margin:0; padding:0; margin:0 10px 3px 3px; border:0; }

	#articlesList li h1 { font-size:13px; border:0; padding:0; margin:0; font-family: georgia; }
	#articlesList li h1 a { color:#BF0127; text-decoration:none; border:0; padding:0; font-family: georgia; }
	#articlesList li h1.eguide a { color:#BF0127; text-decoration:none; border:0; padding:0; }
	#articlesList li h1 a:hover { text-decoration:underline; }

	#articlesList li h2 { font-size:12px; border:0; padding:0; margin:0; }
	#articlesList li h2 a { color:black; text-decoration:none; border:0; padding:0; }
	#articlesList li h2 a:hover { text-decoration:underline; }

	#articlesList li p { margin:0; border:0; padding:0; position:relative; }
	#articlesList li p a { color:black; text-decoration:none; font-family:verdana; }
	#articlesList li a { color:black; text-decoration:underline; }
	#articlesList li p a:hover { color:black; text-decoration:underline; }
	#articlesList li p.section { font-size:12px; color:#33ccff; }
	#articlesList li p.section a { font-size:12px; color:#33ccff; }
	#articlesList li p.title { font-weight:bold; font-size:11px; }
	#articlesList li p.title a { font-weight:bold; font-size:13px; }
	#articlesList li p.blurb { font-family:verdana; }

#trackerList {}
	#trackerList ul { list-style-type: none; margin:0; padding:0; border:0; }
	#trackerList li { margin:0; padding:0; border:0; margin-bottom:10px; font-size:13px; font-weight:bold; }
	#trackerList li a { color:blue; font-size:12px; text-decoration:none; font-weight:normal; }
	#trackerList li a:hover { color:red; text-decoration:underline; }
	#trackerList ul ul { list-style-type: none; margin:0; padding:0; border:0; margin-left:15px; }
	#trackerList p { margin:0; padding:0; border:0; font-weight:normal; font-size:12px; }
	#trackerList p.postdate { color:#767676; }
	#trackerList p.title {}
	#trackerList p.blurb {}

#breakingNews {}
	#breakingNews { border:0; border-bottom:2px solid #dddddd; padding:5px; }
	#breakingNews h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/breakingnews.gif) left top no-repeat; height: 21px; width:150px; display:block; text-indent: -99999em; }
	#breakingNews ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#breakingNews li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#breakingNews li a { color:#333; text-decoration:none; }
	#breakingNews .timestamp { color:#767676; }

#showBiz {}
	#showBiz { border:0; margin-top:10px; height:137px;  overflow:none; }
	#showBiz h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/showbiz.gif) left top no-repeat; height: 17px; width:139px; display:block; text-indent: -99999em; }
	#showBiz h1{ border:0; margin:0; padding:0; font-size:11px; font-weight:700; margin:5px 0 5px 0; }
	#showBiz ul { border:0; margin:0; padding:0; list-style-type: none; margin:3px 0 0 5px }
	#showBiz li { margin:0; padding:0; margin-bottom:3px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:11px; }

	#adsHolder {}
	#adsHolder { border:0; margin-top:5px; height:267px; width:260px; position: relative; }

#videos {}
	#videos { border:0; margin-bottom:5px; }
	#videos h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/videos.gif) left top no-repeat; height: 19px; width:66px; display:block; text-indent: -99999em; }
	#videos h1 { border:0; padding:0; margin:0; margin-top:10px; font-size:11px; text-align:left; color:#BF0127;}

#poll {}
	#poll { margin:5px; border:1px solid #DDDDDD; margin-top:10px; padding:10px; }
	#poll h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/poll.gif) left top no-repeat; height: 13px; width:43px; display:block; text-indent: -99999em; }
	#poll img { border:0; padding:0; margin:0; float:left; margin:0 5px 5px 0; }
	#poll p { border:0; padding:0; margin:0; margin:5px 0 5px 0; font-size:11px; font-family:georgia; }
	#poll p.title { height:80px; }

	#poll form { margin:0; padding:5px; border:0; font-size:11px; }
	#poll form fieldset { margin:0; padding:0; border-width:0; width:150px; }
	#poll form legend { display:none; }
	#poll form a { margin-left:8px; color:#767676; }
	#poll form a:hover { color:red; }
	#poll form button { margin:0; padding:0; border:0; }

#gallery{}
	#gallery { border:0; margin:0; padding:10px; }
	#gallery img {float:left; margin-right:10px; }
	#gallery p { border:0; padding:0; margin:0; }
	#gallery p a { text-decoration:none; }
	#gallery p.title { color:#BF0127; font-weight:bold; font-family:Georgia; font-size:14px; }
	#gallery p.gallery { color:#369AD8; font-weight:bold; }
	#gallery p.desc {}


/* -------------- index page -------------- */

/* -------------- news page -------------- */
#newsList {}
	#newsList { border:0; padding:5px; }
	#newsList h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/morestories.gif) left top no-repeat; height: 16px; width:134px; display:block; text-indent: -99999em; }
	#newsList ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#newsList li { height:120px; }
	#newsList li a { color:black; font-weight:700; text-decoration:none; }
	#newsList li a:hover { text-decoration:underline; }
	#newsList p { border:0; padding:0; font-size:11px; }
	#newsList p.title a { font-weight:700; font-weight:12px; text-decoration:none; font-family:Georgia; }
	#newsList p.title a:hover { text-decoration:underline; }
	#newsList p.nav { text-align:right; margin-right:15px; }
	#newsList p a { text-decoration:underline; font-weight:normal; }
	#newsList p a:hover { color:red; }

#topQuote {}
	#topQuote { border:1px solid #DDDDDD; padding:5px; _height:120px; min-height:120px; }
	#topQuote h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/topquote.gif) left top no-repeat; height:13px; width:193px; display:block; text-indent: -99999em; }
	#topQuote p { margin:0; padding:0; border:0; margin:5px; font-size:12px; font-weight:bold; font-family:Georgia; }
	#topQuote img { float:left; margin:0; padding:0; margin:5px; border:0; }

#topPicks {}
	#topPicks { border:0; border-bottom:2px dotted #DDDDDD; padding:5px; }
	#topPicks h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/topnews.gif) left top no-repeat; height:18px; width:139px; display:block; text-indent: -99999em; }
	#topPicks img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }

	#topPicks ul { list-style-type: none; margin: 10px 0 10px 5px; padding:0; }
	#topPicks li { margin:0; padding:0; border:0; margin-bottom:10px; }
	#topPicks li a { color:black; font-weight:700; text-decoration:none; }
	#topPicks li a:hover { text-decoration:underline; }
	#topPicks p { border:0; padding:0; margin:0; font-size:11px; }
	#topPicks p.title a { font-weight:700; font-weight:12px; text-decoration:none; font-family:Georgia; font-weight: bold;}
	#topPicks p.title a:hover { text-decoration:underline; }
	#topPicks p.nav { text-align:right; margin-right:15px; }
	#topPicks p.author { color:#767676 }
	#topPicks p a { text-decoration:underline; font-weight:normal; }
	#topPicks p a:hover { color:red; }

#morePicks {}
	#morePicks { border:0;  padding:5px; }
	#morePicks h3 { border:0; padding:0; color:#33CCFF; font-size:12px; }
	#morePicks ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#morePicks li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#morePicks li a { color:#333; text-decoration:underline }
	#morePicks p { border:0; padding:0; margin:0; font-size:11px; }
	#morePicks p.postdate { color:#767676; }

#tracker1 { border:1px solid #DDDDDD;height:99px; margin:0px; width:300px; } 
	#tracker1 h3 { margin:0 auto; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/tracker.gif) left top no-repeat; height:54px; width:232px; display:block; text-indent: -99999em; }


#trackerDiv {}
	#trackerDiv { border:2px solid #DDDDDD; }
/* -------------- news page -------------- */

/* -------------- views page -------------- */
#controversies {}
	#controversies { border-bottom:1px solid #DDDDDD; width:265px; padding:5px; }
	#controversies h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/controversies.gif) left top no-repeat; height:16px; width:131px; display:block; text-indent: -99999em; }
	#controversies ul { list-style-type: none; margin: 10px 15px; padding:0; }
	#controversies li { margin:0; padding:0; position: relative; margin-bottom:8px; padding-bottom:8px; font-size:.9em; }
	#controversies li img { float:right; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#controversies li p { margin:5px 0; padding:0; position:relative; }
	#controversies p.title { padding:0; border:0; margin:0; font-size:12px; font-weight:bold; font-family:Georgia; }
	#controversies p.author { padding:0; border:0; margin:0; font-size:10px; color:#767676; }
	#controversies p.postdate { padding:0; border:0; margin:0; font-size:10px;  color:#767676; }
	#controversies li p a { color:black; text-decoration:none; font-family:Georgia;  }
	#controversies li p a:hover { color:red; text-decoration:none; }

#blogs {}
	#blogs { border:0; padding:3px;}
	#blogs h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/blogs.gif) left top no-repeat; height:21px; width:54px; display:block; text-indent: -99999em; }
	#blogs img { border:0; padding:0; margin:0; }
	#blogs ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#blogs li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#blogs li a { color:#333; text-decoration:underline }

#blogsList {}
	#blogsList { border:0; padding:5px;  height:200px; overflow:auto;}
	#blogsList h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/blogs.gif) left top no-repeat; height:21px; width:54px; display:block; text-indent: -99999em; }
	#blogsList img { border:0; padding:0; margin:0; }
	#blogsList ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#blogsList li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#blogsList li a { color:#333; text-decoration:underline }


#tracker2 {}
	#tracker2 { border:1px solid #DDDDDD; height:191px; width:181px; padding:15px 0 10px 3px; text-align:center; }
	#tracker2 h3 { margin:0 5px 0 5px; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/tracker.gif) left top no-repeat; height:120px; width:153px; display:block; text-indent: -99999em; }

#viewsList {}
	#viewsList { border:0; width:535px; padding:5px; }
	#viewsList ul { list-style-type: none; margin: 10px 15px; padding:0; }
	#viewsList li { margin:0; padding:0; border:0; position: relative; margin-bottom:18px; padding-bottom:8px; font-size:.9em; height:100px; }
	#viewsList li img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#viewsList li p { margin:5px 0; padding:0; position:relative; }
	#viewsList p.header { padding:0; border:0; margin:0; margin-bottom:3px; color:369AD8; font-size:14px; font-weight:bold; font-family:Georgia; }
	#viewsList p.title { padding:0; border:0; margin:0; font-size:12px; font-weight:bold; font-family: Georgia; text-decoration:none; }
	#viewsList p.author { padding:0; border:0; margin:0; font-size:10px; color:#767676; }
	#viewsList p.postdate { padding:0; border:0; margin:0; font-size:10px;  color:#767676; }
	#viewsList li p a { color:black; text-decoration:none; font-family:Georgia; }
	#viewsList li a { color:black; text-decoration:underline; }
	#viewsList li p a:hover { color:red; text-decoration:underline; }

/* -------------- views page -------------- */

/* -------------- celeb page -------------- */
#celebFeature {}
	#celebFeature { border:0; border-bottom:2px solid #DDDDDD; margin:0; padding:5px; margin-bottom:5px; }

	#celebFeature h3.homes { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeb/homes.gif) left top no-repeat; height:19px; width:63px; display:block; text-indent: -99999em; }
	#celebFeature h3.fashion { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeb/fashion.gif) left top no-repeat; height:24px; width:159px; display:block; text-indent: -99999em; }

	#celebFeature ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#celebFeature li { }
	#celebFeature img { float:left; margin-right:10px;}
	#celebFeature li a { color:black; font-weight:normal; text-decoration:none; }
	#celebFeature li a:hover { text-decoration:underline; }
	#celebFeature p { border:0; padding:0; margin:0; font-size:11px; }
	#celebFeature p.section { border:0; padding:0; margin:0; font-size:12px; font-weight:bold; color:}
	#celebFeature p.title a { font-family:arial narrow; font-weight:bold;  margin:0; padding:0; border:0; font-size:18px; color:#767676; text-decoration:none; }
	#celebFeature p.title a:hover { text-decoration:underline; }
	#celebFeature p.nav { text-align:right; margin-right:15px; }
	#celebFeature p a { text-decoration:underline; font-weight:normal; }
	#celebFeature p a:hover { color:red; }

#celebList {}
	#celebList ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#celebList li { height:120px; }
	#celebList li a { color:black; font-weight:700; text-decoration:none; }
	#celebList li a:hover { text-decoration:underline; }
	#celebList p { border:0; padding:0; margin:0; font-size:11px; }
	#celebList p.section { border:0; padding:0; margin:0; font-size:14px; font-weight:bold; color:#369AD8; }
	#celebList p.title a { font-weight:bold;  margin:0; font-size:12px; text-decoration:none; }
	#celebList p.title a:hover { text-decoration:underline; }
	#celebList p.nav { text-align:right; margin-right:15px; }
	#celebList p a { text-decoration:underline; font-weight:normal; }
	#celebList p a:hover { color:red; }

/* -------------- celeb page -------------- */

/* -------------- eguide page -------------- */
#guideTopList {}
	#guideTopList { border:0; margin:0; padding:0; }
	#guideTopList ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#guideTopList li { border-bottom:1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}
	#guideTopList li img { float:left; margin:0; padding:0; margin:3px 3px 0 0; border:0; }

	#guideTopList li a { color:black; text-decoration:underline; font-size:11px; }
	#guideTopList li a:hover { text-decoration:underline; color:red;}

	#guideTopList p { border:0; padding:0; margin:0; font-size:10px; }
	#guideTopList p.section { border:0; padding:0; margin:0; font-size:12px; font-weight:bold; color:#767676; }
	#guideTopList p.title a { font-weight:bold;  margin:0; font-size:12px; text-decoration:none; color:#369AD8; }
	#guideTopList p.title a:hover { text-decoration:underline; }
	#guideTopList p.nav { text-align:right; margin-right:15px; }
	#guideTopList p a { text-decoration:underline; font-weight:normal; }
	#guideTopList p a:hover { color:red; }

	#guideTopList li ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#guideTopList li li { margin:0; padding:0; border:0; margin-bottom:3px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:11px; }
	#guideTopList li a { text-decoration:underline; color:black; }
	#guideTopList li a:hover { color:red; text-decoration:underline; }

#guideList {}
	#guideList { border:0; margin:0; padding:0; }
	#guideList ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#guideList li { border-bottom:1px solid #dddddd; margin-bottom:10px; padding-bottom:10px;}
	#guideList li img { float:right; margin:0; padding:0; margin:0 3px 3px 3px; border:1px solid black; }
	#guideList li a { color:black; text-decoration:underline; font-size:11px; }
	#guideList li a:hover { text-decoration:underline; color:red;}
	#guideList p { border:0; padding:0; margin:0; font-size:11px; }
	#guideList p.section { border:0; padding:0; margin:0; font-size:12px; font-weight:bold; color:#767676; }
	#guideList p.title a { font-weight:bold;  margin:0; font-size:12px; text-decoration:none; color:#369AD8; }
	#guideList p.title a:hover { text-decoration:underline; }
	#guideList p.nav { text-align:right; margin-right:15px; }
	#guideList p a { text-decoration:underline; font-weight:normal; }
	#guideList p a:hover { color:red; }

	#guideList li li { margin:0; padding:0; border:0; margin-bottom:3px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:11px; }
	#guideList li a { text-decoration:underline; color:black; }
	#guideList li a:hover { color:red; text-decoration:underline; }

#guideSearch {}
	#guideSearch { border:0; margin:0; padding:5px; background:#F5F5F5; border:1px solid #DDDDDD; }
	#guideSearch hr { color:#DDDDDD; }
	#guideSearch p { border:0; margin:0; padding-left:10px; margin-bottom:5px; }
	#guideSearch p.title { padding:0; font-size:11px; font-weight:bold; color:#767676; }
	#guideSearch p.sub { padding:0; font-weight:normal; color:#767676; }
	#guideSearch form { border:0; padding:0 margin:0; font-size:11px; font-family:verdana;}
	#guideSearch form fieldset{ margin:0 ; padding:0; border-width:0; }
	#guideSearch form legend{ display:none; }
	#guideSearch form input { border: 1px solid #DDDDDD; font-size:11px;  }
	#guideSearch form select { border: 1px solid #DDDDDD; margin-bottom:3px; width:130px; font-size:11px; }

#guideEvents {}
	#guideEvents { border:0; margin:0; padding:5px; background:#F5F5F5; border:1px solid #DDDDDD; }
	#guideEvents h2 { border:0; margin:0; margin-bottom:5px; font-size:16px; font-weight:700; color:red;}
	#guideEvents p { border:0; margin:0; padding:0; padding-left:10px; margin-bottom:5px; }
	#guideEvents p.title { font-size:12px; font-weight:bold; color:black; }
	#guideEvents ul {list-style-type: none; padding:0; border:0; margin:0; margin-left:15px}
	#guideEvents li {margin:0; padding:0; border:0; margin-bottom:10px; padding-left:15px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat;}
	#guideEvents li a {color:#767676; font-size:11px; font-weight:bold; }

/* -------------- eguide page -------------- */

#articleSection {}
	#articleSection { padding:0; border:0; margin:0; margin:10px 10px 0 10px; padding:10px;}
	#articleSection p { padding:0; border:0; margin:0; }

#blogList {}
	#blogList {padding:0; border:0; margin:0; margin-left:10px;}
	#blogList img {margin-top:10px;}
	#blogList ul {list-style-type: none; padding:0; border:0; margin:0; margin-left:15px}
	#blogList li {margin:0; padding:0; border:0; margin-bottom:10px; padding-left:15px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat;}
	#blogList li a {color:maroon; font-size:14px; font-family:georgia; font-weight:bold;}
	#blogList p {padding:0; border:0; margin:0; font-size:11px;}
	#blogList p.date {color:#767676; font-size:10px;}
	#blogList li a.readmore {color:black; font-size:11px; text-align:right; font-family:verdana; font-weight:bold;}


/* -------------- main story page -------------- */
#contentImage {}
	#contentImage { font-size:10px; float:left; border:1px solid #DDDDDD; width:310px; margin:0 10px 10px 0; padding:10px; color:#767676; }
	#contentImage p.caption { padding:0; border:0; margin-bottom:10px; font-size:10px; color:#767676; }
	#contentImage p.byline { padding:0; border:0; margin:0; margin-top: 5px; font-size:10px; color:#767676; }
	

#mainStory {}
	#mainStory { padding:0; border:0; margin:0; }
	#mainStory p { padding:0; border:0; margin:0; color:black; }
	#mainStory p.title { font-size:15px; font-weight:bold; margin-bottom: 10px; }
	#mainStory p.author { font-size:10px; color:#767676; margin-bottom: 10px; }
	#mainStory p.postdate { font-size:10px;  color:#767676; }
	#mainStory p a { color: #B00000; }
/*	#mainStory p.author { font-size:10px; margin-bottom: 10px; }*/

#moreNews {}
	#moreNews { border:0; padding:0; margin:0 0 10px 0; border-bottom:2px solid #dddddd;  }
	#moreNews h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index/breakingnews.gif) left top no-repeat; height: 21px; width:150px; display:block; text-indent: -99999em; }
	#moreNews h1{ border:0; padding:0; margin:0; font-weight:bold; font-size:13px; font-family: georgia; color:#33ccff}
	#moreNews ul { list-style-type: none; margin:0; padding:0; }
	#moreNews li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#moreNews li a { color:#333; text-decoration:underline }
	#moreNews .timestamp { color:#767676; }

#elseWhere {}
	#elsewhere { border:0; padding:0; margin:0 0 10px 0; border-bottom:2px solid #dddddd;  }
	#elsewhere h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/elsewhere.gif) left top no-repeat; height:13px; width:145px; display:block; text-indent: -99999em; }

#mostPopular {}
	#mostPopular { border:0; padding:0; margin:0 0 10px 0; }
	#mostPopular h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/thisweeksmost.gif) left top no-repeat; height:14px; width:196px; display:block; text-indent: -99999em; }

#cpanel {}
	#cpanel { float:left;  border:0; width:188px; margin:10px 0 10px 0; }
	#cpanel ul { list-style-type:none; padding:10px; margin:0; border:1px solid #DDDDDD; width:80px; }
	#cpanel p { border:0; padding:0; margin:0; font-size:10px; }

#emailBox {}
	#emailBox { border:1px solid #DDDDDD; background:#F5F5F5; padding:10px; margin:10px 0 10px 0; }

#commentBox {}
	#commentBox { border:1px solid #DDDDDD; background:#F5F5F5; padding:10px; margin:10px 0 10px 0; }

#commentMediaBox {}
	#commentMediaBox { border:1px solid #DDDDDD; background:#F5F5F5; padding:5px; margin:5px 0 5px 0; }
/* -------------- main story page -------------- */

/* -------------- tabbed box -------------- */
#tabcontainer {}
	#tabcontainer { width:250px; margin:5px; padding:0; border:0; background: #fff; }
	#tabnav { height: 20px; margin: 0; padding-left:0; background: url(http://contents.pep.ph/images/tab_bottom.gif) repeat-x bottom; }
	#tabnav li { margin: 0; padding: 0; display: inline; ist-style-type: none; }
	#tabnav a:link, #tabnav a:visited {float: left; background: #f3f3f3; font-size: 10px; line-height: 14px; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; color: #666; }
	#tabnav a:link.active, #tabnav a:visited.active { border-bottom: 1px solid #fff; background: #fff; color: #000; }
	#tabnav a:hover { background: #fff;	}

	#tablist ol {margin: 0; padding: 0; border:0px solid red; }
	#tablist ol li {padding:0 5px 0 5px; position: relative; list-style: none; margin: 0; float: left; font-size:
	11px;
	#tablist ol a:link {padding:0; border:0; margin:0; color:black;}
/* -------------- tabbed box -------------- */

/* -------------- ads -------------- */
	#rightContainer { border:0px solid red; margin-top:10px; float:right; width:130px; }
	#rightContainer p { margin:0; padding:0; font-size:8px; text-align:center; background:red; }

	#topBanner { position: absolute ; top: 8px; right: 15px; }
	#bottomBanner { position:relative; border:0; padding:0; margin:0; margin:10px; border:0px solid red; background:blue; }

	#insideBanner { border:1px solid #DDDDDD; margin:0px; height:292px; width:300px; padding-bottom: 6px; margin-bottom: 5px;; text-align:center}

	#sideBanner { border:0; margin:10px; width:215px; border:1px solid red; background:blue;}
/* -------------- ads -------------- */