/* ------------------------------------- * 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:260px; padding-bottom: 6px; text-align:center; position: relative; } #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; } #eventsHeader {background-image: url(http://contents.pep.ph/images/web/index21/events_header.jpg); with: 527px; height: 22px; background-repeat: no-repeat; margin-bottom: 10px;} .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 {background-image: url(http://contents.pep.ph/images/web/index21/poll_header2.gif); 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://contents.pep.ph/images/web/index21/blogs.gif) left top no-repeat; height:23px; width:250px; display:block; text-indent: -99999em; } #videosExtra { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/videos.gif) left top no-repeat; height: 22px; width:200px; display:block; text-indent: -99999em; } #viewsFeatures { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/features21.gif) left top no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;} #viewsLookingBack { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/lookingback21.gif) left top no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;} #viewspepfinder { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/pepfinder21.gif) left top no-repeat; 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://contents.pep.ph/images/web/index21/morestories.gif) left top no-repeat; height: 21px; width:265px; 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://contents.pep.ph/images/web/index21/news.gif) left top no-repeat; height:20px; width:93px; display:block; text-indent: -99999em; } #topHeader21 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; } #topHeader21 h3.views { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/views21.gif) left top no-repeat; height:25px; width:98px; display:block; text-indent: -99999em; } #topHeader21 h3.celeb { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeb/celeb21.gif) left top no-repeat; height:24px; width:151px; display:block; text-indent: -99999em; } #topHeader21 h3.eguide { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/eguide/eguide21.gif) left top no-repeat; height:20px; width:269px; display:block; text-indent: -99999em; } #topHeader21 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; } #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://contents.pep.ph/images/web/celeb/wedding21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #couplesHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/couples21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #celebHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/travels21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #babieskidsHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/babieskids21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #televisionHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/television21.gif) left top no-repeat; width:260 ; height: 22; margin-bottom: 10px;} #moviesHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/movies21.gif) left top no-repeat; width:260 ; height: 22; margin-bottom: 10px;} #indieHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/indie21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #musicHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/music21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #theaterHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/theater21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;} #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 hr {height: 1px; } #topQuote21 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; } #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://contents.pep.ph/images/web/index21/toppicks.gif) left top no-repeat; height:22px; 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:#ffffff url(http://contents.pep.ph/images/web/index21/toplist.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/topstories.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/celeblife.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/views.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/eguide.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/videos.gif) left top no-repeat; 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:#ffffff url(http://contents.pep.ph/images/web/index21/blogs.gif) left top no-repeat; 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://contents.pep.ph/images/web/views/controversies21.gif) left top no-repeat; height:22px; 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; }