#mainWrapper {
	width: 1020px;
	height: auto;
	position: relative;
}

fieldset, form {
	margin: 0px;
  padding: 0px;
  border: none;
}

/* HEADER */
#header {
	background-image:	url(http://www.pep.ph/images/web/index22/header.png);
	background-position: 0px -710px;
	background-repeat:repeat-x;
	height: 120px;
	position: relative;
	border-bottom: 1px solid #888;
  padding: 0px;
  border-right: 1px solid #DDDDDD;
}

.logo {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
	background-position: 0px -622px;
	background-repeat: no-repeat;
	width: 233px;
	height: 88px;
	margin: 4px 9px;
	float: left;
}

.leaderboard {
	position: absolute ; top:5px; left:272px;
}

#controversiesHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -40px;
  height: 20px;
  width: 342px;
}

#featuresHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -80px;
  height: 20px;
  width: 255px;
}

#lookingbackHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -120px;
  height: 27px;
  width: 320px;
}

#pepfinderHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -100px;
  height: 20px;
  width: 282px;
}

#factfictionHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -60px;
  height: 20px;
  width: 306px;
}

#babiesHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -167px;
  height: 20px;
  width: 386px;
}

#coupleHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -147px;
  height: 20px;
  width: 292px;
}

#eventHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -188px;
  height: 20px;
  width: 277px;
}

#fashionHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -208px;
  height: 20px;
  width: 392px;
}

#homeHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -228px;
  height: 20px;
  width: 258px;
}

#travelHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -248px;
  height: 20px;
  width: 264px;
}

#weddingsHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -268px;
  height: 25px;
  width: 292px;
}

#tvHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -293px;
  height: 20px;
  width: 498px;
}

#movieHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -314px;
  height: 20px;
  width: 471px;
}

#indiesHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -334px;
  height: 20px;
  width: 425px;
}

#musicaHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -374px;
  height: 20px;
  width: 448px;
}

#theatreHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -354px;
  height: 20px;
  width: 483px;
}

#mediaHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -461px;
  height: 20px;
  width: 308px;
}

#photoHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -482px;
  height: 20px;
  width: 315px;
}

#podHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: 0px -501px;
  height: 20px;
  width: 334px;
}

#gallery1Header {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: -349px -40px;
  height: 20px;
  width: 106px;
}

#gallery2Header {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: -342px -120px;
  height: 20px;
  width: 113px;
}

#rssHeader {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: -306px -60px;
  height: 20px;
  width: 186px;
}

#searchGoogle_left {
	background-image: url(http://www.pep.ph/images/web/index22/header.png);
  background-repeat: no-repeat;
  background-position: -419px -27px;
  height: 13px;
  width: 60px;
  margin: 7px 10px 5px 0px;
  float: left
}

#searchGoogle_right {
  height: 20px;
  _height: 28px;
  *height: 28px;
  float: left
}

#elseWhereHeader { 
	margin:0; 
  padding:0; 
  background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -349px -268px no-repeat; 
  height:20px; 
  width:145px; 
  display:block; 
  text-indent: -99999em;
}

#peptalkHeader { 
	margin:0; 
  padding:0; 
  background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) 0px -521px no-repeat; 
  height:16px !important; 
  height:101px; 
  width:273px; 
  display:block; 
}

/*------------------------------------------------------------------------------------------------------------------------------------------
START SLIDER
------------------------------------------------------------------------------------------------------------------------------------------*/

#pep_list_panel {
	float:left;
	width:790px;
}

#pep_thumbs {
	width:790px;
	overflow:hidden;	/* Don't change this */
	height:130px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
}

.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	width:200x;	/* Width of strip */
	padding:5px;	/* "Air" inside filmstrip div */
	position:absolute;
}

.strip_of_thumbnails .activeImage{	/* Active thumbnail */
	border:5px solid #317082;	/* Green border around active thumbnail */
	padding:0px;
	
}

#pep_thumbs_inner{
	position:relative;	/* Never change this */
	width:1000px;
}	

.content {
    line-height: 16px;
    font-size: 11px;
	vertical-align: text-top;
}
  
.content p
  { margin: 0; }
  
.content a
  { color: #000; text-decoration:none; }
  
.content a:hover
  { color: #000; text-decoration:underline;  }  
.slide_thumbnail {
	float: left; vertical-align: text-top; padding: 0 5px 0 0; }
/*------------------------------------------------------------------------------------------------------------------------------------------
END SLIDER
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START CSS TREE
------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS Document      */
/* YouScoop 2007     */
/* GMANMI  - DOI JAO */

	
	#ajaxMessage{
		margin-top:10px;
		font-size:0.9em;
		color:red;
	
	}
	
	#expandCollapse{
		font-size:0.9em;
	}
	
	a{
		color:#000;
		font-family:arial;
	}
	
	#dhtmlgoodies_tree{
		margin:0px;
		padding:0px;
		margin-left:2px;
	}
	
	#dhtmlgoodies_tree ul{	/* Sub menu groups */
		margin-left:2px;	/* Left spacing */
		padding-left:0px;
		display:none;	/* Initially hide sub nodes */
	}
	
	#dhtmlgoodies_tree li{	/* Nodes */
		list-style-type:none;
		vertical-align:middle;		
	}
	
	#dhtmlgoodies_tree li a{	/* Node links */
		color:#000;
		text-decoration:none;
		font-family:arial;
		font-size:0.8em;
		padding-left:0px;		
	}
	
	#dhtmlgoodies_tree input{
		width:200px;
		list-style-type:disc;
		font-size:0.7em;
		margin-left:2px;
		font-family:arial;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------
END CSS TREE
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START AJAXTABS
------------------------------------------------------------------------------------------------------------------------------------------*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 7px; 
margin-bottom: 0;
font:11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border:1px solid #DDDDDD;
width: 300px;
margin-bottom: 1em;
padding-top: 10px;
}
.contentstyle ol {
margin-right: 5px;
}



.contentstyle2 {
border:1px solid #DDDDDD;
width: 300px;
margin-bottom: 1em;
padding-top: 10px;
}
.contentstyle2 a {
text-decoration: none;
}
.contentstyle2 ol {
margin-right: 5px;
margin-left: 0px;
}
.contentstyle2 a:hover {
text-decoration: underline;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END AJAXTABS
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START OVERALL 21
------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------
	* title: pep stylesheet implementation for version 2.1
	* start date: 2007 august 01
	* author: jay mabazza
	* email: admin@dreamworkstudio.net
-------------------------------------- */

#commentContainer p {margin-top: 0; margin-left: 160px; border:1px solid white;}
	#bottomBlock21 { border:0; clear:both; width: 883px;}
	#colTwo21 { border:0; padding:0px 5px 5px 5px; float:left; width:310px; border-left:1px dotted #DDDDDD; border-right:1px dotted #DDDDDD; }

	#pep_list_panel21 { float:left; width:560px; }
	#pep_thumbs21  {width:540px;overflow:hidden; height:140px; position:relative; float:left;}

	#colOne-221 { border:0; float:left; width:295px; padding:5px; border-left: 5px; border-right:1px dotted #DDDDDD;}
	#colTwo-221 { border-right:0px dotted #DDDDDD;float:left; width:250px; padding:5px;  }
	#colThree-221 { border:0; float:left; width:290px !important; width:300px; padding:5px; border-left: 1px dotted #DDDDDD;}
	#insideBanner { border:0px solid #DDDDDD; margin:0px; height:265px; width:300px; padding-bottom: 6px; text-align:center; position: relative; }
	#tracker1 { border:1px solid #DDDDDD;height:99px; margin:0px; width:300px; text-align: center; }
		#tracker1 h3 { margin: 0 auto; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -273px -527px no-repeat; height:52px; width:232px; display:block; text-indent: -99999em; margin-bottom: 5px; }
		
	#eventsHeader {background: url(http://www.pep.ph/images/web/index22/header.png) -322px -439px; width: 98px; height: 20px; }
	.media_bar21 { width:95%; height:auto; color:#000; background-image:url(http://contents.pep.ph/images/web/media_bar21.jpg); vertical-align:middle; }
		
/* RELATED LIST */
#relatedList21 {}
	#relatedList21 span { color: #ff0000; font-weight: bold;}
	#relatedList21 a { font-size: 10px;font-weight: normal; color: #000; text-decoration: underline; }
	
/* FORUM */
#forumHeader { height: 100px; width:280px; background-repeat: no-repeat; text-align: left;}

/* POLL HEADER */
#pollheader {height: 20px; width: 80px; background-repeat: no-repeat; margin-left: 5px;}
#poll21 {}
	#poll21 img { border:0; padding:0; margin:0; float:left; margin:0 5px 5px 0; }

	#poll21 form { margin:0; padding:5px; border:0; font-size:11px; }
	#poll21 form fieldset { margin:0; padding:0; border-width:0; width:150px; }
	#poll21 form legend { display:none; }
	#poll21 form a { margin-left:7px; margin-top: 3px; color:#767676; }
	#poll21 form a:hover { color:red; }
	#poll21 form button { margin:0; padding:0; border:0; }
	
#poll21 {}
	#poll21 { margin:5px; border:1px solid #DDDDDD; margin-top:0px; padding:10px; border-top: 1px solid #7CACC0}
	#poll21 p {border:0; padding:0; margin: 0px 0px 5px 0px; font-size:11px; font-family:georgia;}

/* NEW COMMENT CSS BOX by jay mabazza*/
#commentBox21 {margin: 10px 5px 5px 5px;	border: 0px solid #000000;}
#postContainer21 {float: left;width: 29%;border: 0px solid #000000;font-size: 11px; color: #919191; margin-bottom: 5px; padding-top: 5px;}
#postContainer21 a {color: #3199CC; text-decoration: underline; font-family: georgia;}
#postContainer21 b {color: #3199CC; text-decoration: none; font-family: georgia;}
#contentContainer21 {float:right;border: 0px solid #000000; width:67%; margin-bottom: 5px; padding-top: 5px;}
#clear21 {clear:both;position:relative;height:10px; border-top: 1px dotted #000000;}

#blogExtra { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -402px -461px no-repeat; height:20px; display:block; text-indent: -99999em; }
#videosExtra { margin:0; padding:0; background-color: #ffffff ; height: 22px; width:200px; display:block; text-indent: -99999em; }
#viewsFeatures { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -388px -505px no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}
#viewsLookingBack { margin:0; padding:0; background-color:#ffffff ; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}
#viewspepfinder { margin:0; padding:0; background-color: #ffffff; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}

/* NEW PEP NEWS CSS by jay mabazza */
#newsList21 {}
	#newsList21 { border:0; padding:0px 5px 5px 5px; }
	#newsList21 h3{ margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -138px -417px no-repeat; height: 20px; _height: 18px; *height: 18px; width:173px; display:block; text-indent: -99999em; }
	#newsList21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#newsList21 li { height:107px; }
	#newsList21 li a { color:black; font-weight:700; text-decoration:none; }
	#newsList21 li a:hover { text-decoration:underline; }
	#newsList21 p { margin:0 ;border:0; padding:0; font-size:11px; }
	#newsList21 p.title a { font-weight:700; font-weight:12px; text-decoration:none; font-family:Georgia; }
	#newsList21 p.title a:hover { text-decoration:underline; }
	#newsList21 p.nav { text-align:right; margin-right:15px; }
	#newsList21 p a { text-decoration:underline; font-weight:normal; }
	#newsList21 p a:hover { color:red; }

/* CUSTOMIZED HEADERS by jay mabazza */
#topHeader21 {}
	#topHeader21 { border:0; border: 1px solid #DDDDDD; padding:5px 5px 5px 15px; }
	#topHeader21 h3.news { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: 0px 0px; *background-position: 0px 2px; _background-position: 0px 2px; height: 20px; width:92px; display:block; text-indent: -99999em; }
	#topHeader21 h3.rssnews { margin:0; padding:0; background-color: #ffffff; height:25px; width:200px; display:block; text-indent: -99999em; }
	#topHeader21 h3.views { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: -92px 0px; *background-position: -92px 2px; _background-position: -92px 2px; height:20px; *height:22px; width:99px; display:block; text-indent: -99999em; }
	#topHeader21 h3.celeb { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: -191px 0px; *background-position: -191px 2px; _background-position: -191px 2px; height:20px; *height:22px; width:151px; display:block; text-indent: -99999em; }
	#topHeader21 h3.eguide { margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: 0px -20px; height:20px; _line-height:18px; *height:20px; width:343px; display:block; text-indent: -99999em; }
	#topHeader21 h3.multimedia { margin:0; padding:0; background-color: #ffffff; height:23px; width:139px; display:block; text-indent: -99999em; }
	#topHeader21 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; }

/* Customized DIVS */
	#weddingHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -0px -439px no-repeat; width:112px ; height: 20px; }
	#couplesHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -112px -439px no-repeat; width:111px; height: 20px; }
	#celebHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -223px -439px no-repeat; width: 98px ; height: 20px;}
	#babieskidsHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -318px -395px no-repeat; width:159px ; height: 20px;}

	#televisionHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) 0px -395px no-repeat; width: 115px; height: 20px; }
	#moviesHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -223px -395px no-repeat; width: 96px; height: 20px;}
	#indieHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -419px -439px no-repeat; width: 79px; height: 20px;}
	#musicHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -314px -461px no-repeat; width: 87px; height: 20px;}
	#theaterHeader {clear: both; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -115px -395px no-repeat; width: 107px; height: 20px;}

	#clearbar21 {clear: both; height: 10px; }


/* TOP QUOTE / PICKS  by jay mabazza */
#topQuote21 {}
	#topQuote21 { border:1px solid #DDDDDD; padding:5px; _height:140px; min-height:140px; }
    #topQuote21 strong { margin:0; padding:0; border:0; margin:5px; font-size:12px; font-weight:bold; font-family:Georgia; color: #222; }
	#topQuote21 hr {height: 1px; }
	#topQuote21 h3{ margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: -294px -152px; _background-position: -294px -144px; *background-position: -294px -144px; height:13px; *height:22px; width:193px; display:block; text-indent: -99999em; }
	#topQuote21 p { margin:0; padding:0; border:0; margin:5px; font-size:12px; font-weight:bold; font-family:Georgia; color: #3799D8 }
	#topQuote21 img { float:left; margin:0; padding:0; margin:5px; border:0; }

#topPicks21 {}
	#topPicks21 { border:0; border-bottom:2px dotted #DDDDDD; padding:5px; }
	#topPicks21 h3{ margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: -311px -417px; height:20px; width:530px; display:block; text-indent: -99999em; }
	#topPicks21 img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }

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

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

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

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

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

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

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

#topList21 {}
	#topList21 { margin:0; border:0; padding:0; margin-left:10px; }
	#topList21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:360px; display:block; text-indent: -99999em;}
	#topList21 ul { margin:0; padding:0; border:0; }
	#topList21 li { padding:0 5px 0 5px; list-style:none; margin:0; float:left; width:250px; border-right:2px solid #DDDDDD; margin-right:5px; }
	#topList21 li img { float:left; margin:0; padding:0; margin:0 5px 3px 3px; border:1px solid black; }
	#topList21 p.title { margin:0; padding:0; border:0; margin-bottom:5px; font-size:12px; font-weight:bold; }
	#topList21 p.blurb { margin:0; padding:0; border:0; font-size:11px; }
	#topList21 p.blurb a { color:black; text-decoration:none; }
	#topList21 p.blurb a:hover { text-decoration:underline; color:red; }

#topStories21 {}
	#topStories21 { margin:0; padding:0; margin-bottom:15px; padding-bottom:5px; border:1px; solid black; }
	#topStories21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:320px; display:block; text-indent: -99999em; }
	#topStories21 p { margin:0; padding:0; margin-bottom:3px; }
	#topStories21 p a { text-decoration:none;  color:#BF0127; font-size:13px; font-weight:bold; }
	#topStories21 p a:hover { text-decoration:underline; color:red; }
	#topStories21 p.readmore { font-weight:bold; }
	#topStories21 p.title { font-size:14px; font-family:Georgia; font-weight:bold; }
	#topStories21 p.author { font-size:10px; color:#767676; }
	#topStories21 p.blurb { font-size:11px; }
	#topStories21 img { margin-bottom:5px; }

#celebLife21 {}
	#celebLife21 { border:0; border-bottom: 0px dotted #DDDDDD; margin-bottom: 5px; margin-left: 5px; }
	#celebLife21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:280px; display:block; text-indent: -99999em;}

#views21 {}
	#views21 { border:0; margin-bottom: 5px; margin-left: 5px; }
	#views21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:280px; display:block; text-indent: -99999em; }

#eguide21 {}
	#eguide21 { border:0; height:425px; border-bottom:0px solid #DDDDDD; }
	#eguide21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:235px; display:block; text-indent: -99999em; }

#breakingNews21 {}
	#breakingNews21 { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#breakingNews21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#breakingNews21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#breakingNews21 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; }
	#breakingNews21 li a { color:#333; text-decoration:none; }
	#breakingNews21 .timestamp { color:#767676; }

#mostRead {}
	#mostRead { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#mostRead h3{ margin:0; padding:0; background-color: #ffffff ; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#mostRead ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#mostRead 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: 11px; }
	#mostRead li a { color:#333; text-decoration:none; }
	#mostRead .timestamp { color:#767676; }
	#mostRead .readmore a { color:#333; text-decoration:none; }

#fitandfab {}
	#fitandfab { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#fitandfab h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#fitandfab ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#fitandfab 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: 11px; }
	#fitandfab li a { color:#333; text-decoration:none; }
	#fitandfab .timestamp { color:#767676; }
	#fitandfab .readmore a { color:#333; text-decoration:none; }

#videos21 {}
	#videos21 { border:0; margin-bottom:5px; }
	#videos21 h3{ margin:0; padding:0; background-color: #ffffff; height: 22px; width:192px; display:block; text-indent: -99999em; }
	#videos21 h1 { border:0; padding:0; margin:0; margin-top:10px; font-size:11px; text-align:left; color:#BF0127;}

#menubar21 { border:1px solid #e6e6e6; height:55px; background:#ffffff;}
	#menubar21 form fieldset{ margin:0 ; padding:0; border-width: 0; height: 20px }
	#menubar21 form legend{ display:none; }
	#menubar21 form a{ color:#767676; }
	
	#menubar21 form { margin:0; padding:0; border:0; }
	#menubar21 form { margin:0; padding:0; border:0; font-size:11px;}
	#menubar21 form input { width:85px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar21 form input#searchField { width:135px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar21 form input#searchKey { width:200px; padding: 0 2px; border: 1px solid #DDDDDD }
	#menubar21 form input#submitKey { width:35px; cursor:pointer; cursor:hand; }

	#blogs21 {}
	#blogs21 { border:0; padding:3px; width: 300px;}
	#blogs21 h3{ margin:0; padding:0; background-color: #ffffff; height:23px; width:300px; display:block; text-indent: -99999em; }
	#blogs21 img { border:0; padding:0; margin:0; }
	#blogs21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#blogs21 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; }
	#blogs21 li a { color:#333; text-decoration:underline }



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

#controversies21 {}
	#controversies21 { border-bottom:0px solid #DDDDDD; width:265px; padding:5px; padding-top: 0px; padding-bottom:0px;}
	#controversies21 h3{ margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) -349px -483px  no-repeat; height:20px; width:245px; display:block; text-indent: -99999em; margin-top:0px;}
	#controversies21 ul { list-style-type: none; margin: 10px 15px; padding:0; margin-left: 5px;}
	#controversies21 li { margin:0; padding:0; position: relative; margin-bottom:8px; padding-bottom:8px; font-size:.9em; }
	#controversies21 li img { float:right; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#controversies21 li p { margin:5px 0; padding:0; position:relative; }
	#controversies21 p.title { padding:0; border:0; margin:0; font-size:12px; font-weight:bold; font-family:Georgia; }
	#controversies21 p.author { padding:0; border:0; margin:0; font-size:10px; color:#767676; }
	#controversies21 p.postdate { padding:0; border:0; margin:0; font-size:10px;  color:#767676; }
	#controversies21 li p a { color:black; text-decoration:none; font-family:Georgia;  }
	#controversies21 li p a:hover { color:red; text-decoration:none; }
/*------------------------------------------------------------------------------------------------------------------------------------------
END OVERALL 21
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START SPOT WIDGET
------------------------------------------------------------------------------------------------------------------------------------------*/
.spot {
  position: relative;
  *position: relative;
  _position: relative;
  border: 1px solid #cc0000;
  border-bottom-width: 2px;
  margin-top: 30px !important;
  *margin-top: 50px;
  _margin-top: 50px;
  margin-left: 0px;
  width: 192px;
  z-index: 100;
}

.spot2 {
  border: 1px solid #cc0000;
  border-bottom-width: 2px;
  margin-top: 30px !important;
  *margin-top: 50px;
  _margin-top: 50px;
  margin-left: 10px;
  width: 300px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END SPOT WIDGET
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START GALLERY NAV
------------------------------------------------------------------------------------------------------------------------------------------*/
.gallery_nav_active {
  padding: 2px 10px;
  background: #2d5a93;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}
.gallery_nav_active:hover {
  background: #02a7c5;
}
.gallery_nav_inactive
{
  background: #dddddd;
  padding: 2px 10px;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END GALLERY NAV
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------
NAVIGATION
------------------------------------*/

#navWrapper {
	margin-top: 1px;
	border-top: 1px solid #888;
	line-height: 20px !important;
	*line-height: 20px !important;
	_line-height: 10px;
	position:	relative;
	z-index: 99;
}

#navWrapper ul span.peparazzi {
	position: absolute;
	margin-top: -14px !important;
	*margin-top: -32px !important;
	margin-left: 100px !important;
	*margin-left: 190px !important;
}

#navWrapper ul span.yes {
	position: absolute;
	margin-left: 100px !important;
	margin-top: 2px !important;
	
	*margin-left: 120px !important;
	*margin-top: 0px !important;
}

/*------------------------------------
search style
------------------------------------*/

#searchWrapper {
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	padding: 5px 5px 5px 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	*height: 20px !important;
	_height: 20px ;
}

#searchWrapper .google {
	width: 300px;
	float: left;
}

#searchWrapper .google input[type="submit"] {
	border: 1px solid #CCCCCC;
}

#searchWrapper .google input[type="text"] {
	width: 120px;
}

#searchWrapper .membersbox {
	font-size: 12px;
	float: right;
	margin-right: 65px !important;
	*margin-right: 65px !important;
	_margin-right: 85px;
}

#searchWrapper .membersbox .members_login {
	font-size: 12px;
	float: right;
	margin-right: 365px !important;
	*margin-right: 365px !important;
	_margin-right: 185px;
}

#searchWrapper .membersbox input[type="submit"] {
	border: 1px solid #CCCCCC;
}

#searchWrapper .membersbox input[type="text"], #searchWrapper .membersbox input[type="password"] {
	width: 100px;
	border: 1px solid #CCCCCC;
}

#searchWrapper .membersbox a {
	border-color: #999999;
	color: #666666;
}



.clear { clear: both; float: none; }

/*----------------------------------------------------------------------------------------------------------------------------------------
DROP DOWN MENU CSS FOR ALL
----------------------------------------------------------------------------------------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif; 
	font-weight: bold; 
	position:relative; 
	font-size:11px; 
	z-index:100; 
	background-image:  url(http://www.pep.ph/images/web/index22/header.png);
	background-repeat: repeat-x;
	background-position: 0px -830px;	
    height: 30px;
	margin: 0px;
	padding: 2px 3px 1px 3px;
	_padding: 5px 3px 0px 3px;
	line-height: 18px !important;
	*line-height: 18px !important;
	_line-height: 10px;
}

.menu ul li a, .menu ul li a:visited {
	background: transparent;
	display:block; 
	text-decoration:none; 
	color:#384855; 
	font-size:11px; 
	overflow:hidden; 
	position: relative;
}

.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}

.menu ul li {
	border-right: 1px solid #384855;
	padding: 0px 7px 0px 5px; 
	margin-top: 0px; 
	margin-bottom: 2px; 
	margin-right: 2px; 
	float:left; 
	position:relative;
}

.menu ul li ul {
	background-color: #f5f5f5;
	display: none;
	float: none;
	width: 150px;
	margin-top: -3px;
}

.menu ul li ul li {
	background-color: #f5f5f5;
	border: none;
	border-right: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

.menu ul li ul li a {
	font-weight: normal;
	margin: 0px;
	padding: 0px 3px;
	background-color: #f5f5f5;
}

/* specific to non IE browsers */
.menu ul li:hover a { }
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:150px; }
.menu ul li:hover ul li a.hide {background:#ddd; color:#384855;}
.menu ul li:hover ul li:hover a.hide {background:#ddd; color:#384855;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#f5f5f5; color:#384855;}
.menu ul li:hover ul li a:hover {background:#ddd;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* FOR NEW DESIGN - JOE */
#topPicks21_new {}
	#topPicks21_new { border:0; border-bottom:2px dotted #DDDDDD; padding:5px; }
	#topPicks21_new h3{ margin:0; padding:0; background:#ffffff url(http://www.pep.ph/images/web/index22/header.png) no-repeat; background-position: -311px -417px; height:20px; width:530px; display:block; text-indent: -99999em; }
	#topPicks21_new img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }

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