/*----------------------------------------------------------------------------- La506.com Styles Sheet version: 1.0 author: mauricio poveda email: mc@parafernalia.co.cr website: http://www.parafernalia.co.cr/ date: 20/may/2009 -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Class for clearing floats */ .clear {clear:both;} /* Remove border around linked images */ img { border: 0; } /* Remove Dotted Links for Firefos (on active state) */ a { outline: none; } /* =Body General -----------------------------------------------------------------------------*/ body { margin:5px 0; padding:0; font: 12px/1.6 Arial, Helvetica, sans-serif; background-color:#FFF; color:#666; } /* =Headings -----------------------------------------------------------------------------*/ h1 { font: bold 1.6em/1 Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; border:1px solid #DDD; width:514px/*540*/; margin:0; padding:10px 12px 0 12px; height:28px/*35*/; background: transparent url(../images/h1Bgd2.gif) repeat-x 0 0; position:relative; } h2 { font: bold 1.5em/1.6 Arial, Helvetica, sans-serif; color:#000; letter-spacing:-1px; margin:0; height:22px; } h3 { font: bold 1.2em/1.6 Arial, Helvetica, sans-serif; color:#666; margin:0; } h4 { font: bold 1.2em/1.6 Arial, Helvetica, sans-serif; color:#FFF; width:135px/*180*/; margin:0 0 1px 0; padding:4px 0 0 45px; height:26px/*30*/; background:transparent url(../images/h4bgds/homeH4Bgd.gif) no-repeat 0 0; } #BODYhome h5{ font: bold 1.2em/1.6 Arial, Helvetica, sans-serif; color:#FFF; width:205px/*250*/; margin:0 0 1px 0; padding:4px 0 0 45px; height:26px/*30*/; background:transparent url(../images/h5bgds/pinkH5Bgd.gif) no-repeat 0 0; } #BODYhome h5.green{ background-image:url(../images/h5bgds/greenH5Bgd.gif);} /* =Links -----------------------------------------------------------------------------*/ /* =Branding -----------------------------------------------------------------------------*/ /* =Main Wrapper -----------------------------------------------------------------------------*/ #DIVwrapper { width: 936px; margin-left:auto; margin-right:auto;} /* =Header Banner -----------------------------------------------------------------------------*/ #DIVheaderBannerContainer { margin:0; padding:10px 10px 0 10px; width:916px/*936*/; height:129px/*140*/; background:transparent url(../images/headerBannerHolder.jpg) no-repeat 0 0; } #DIVheaderBannerContainer img { vertical-align:bottom; } #DIVheaderBannerContainer .logo { text-indent:-9000px; } /* =Main Content Container -----------------------------------------------------------------------------*/ #DIVmainContainer { width:916px/*OW:936px*/; margin:0; padding:0 10px; background:transparent url(../images/blurryBordersBody.jpg) repeat-y 0 0; } #DIVmainContainer p { margin:0; padding:0; } /* =Main Nav -----------------------------------------------------------------------------*/ #ULmainNav { margin:0px; padding:0; list-style-type:none; height:33px; width:916px;position:relative;z-index:100 } #ULmainNav li { float:left; } #ULmainNav a { background:transparent url(../images/mainNavButt.gif) no-repeat left top; display:block; width:117px/*130*/; height:22px/*25*/; padding:3px 0 0 13px; text-decoration:none; color:#666; font-weight:bold; border-right:1px solid #333; } #ULmainNav a:hover { background:transparent url(../images/mainNavButt.gif) no-repeat right top; } #ULmainNav li a.lastItem { border:0; } /* =Sub Menu -----------------------------------------------------------------------------*/ #ULmainNav li ul { position: absolute; display:none; padding:0; margin-left:0; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8 } #ULmainNav li ul li { list-style-type:none; float:none; margin-bottom:1px; } #ULmainNav li ul li a { background-color:#DDD; color:#222; display:block; height:auto/*OH 25, but it inherits the li paddings from parent*/; width:117px/*OW 130, but it inherits the li paddings from parent*/; background-image:none; border:0 } #ULmainNav li ul li a:hover { background-color:#999; background-image:none; color:#333; } /* =Main Content -----------------------------------------------------------------------------*/ #DIVcontentWrapper { width:916px; padding-bottom:7px;position:relative;z-index:0 } #DIVcontentWrapper ul { margin-bottom:7px; } /*LEFT NAV - SIDEBAR*/ #DIVsidebarNav { float:left; width:180px/*194*/; padding:0 7px; } #ULsubMenuNav { margin:0; padding:0; list-style-type:none; } #ULsubMenuNav a { display:block; width:155px/*180*/; height:22px/*25*/; padding:3px 0 0 25px; margin-bottom:1px; background:transparent url(../images/quickLinksNavButt.gif) no-repeat 0 0; color:#333; text-decoration:none; font-weight:bold; } #ULsubMenuNav a:hover { color:#666; } #ULsocialNetworksNav { margin:0; padding:0; list-style-type:none; } #ULsocialNetworksNav a.myspace { display:block; width:180px; height:25px; margin-bottom:1px; background:transparent url(../images/myspaceNavButt.gif) no-repeat 0 0; } #ULsocialNetworksNav a.facebook { display:block; width:180px; height:25px; margin-bottom:1px; background:transparent url(../images/facebookNavButt.gif) no-repeat 0 0; } #ULsocialNetworksNav a.twitter { display:block; width:180px; height:25px; margin-bottom:1px; background:transparent url(../images/twitterNavButt.gif) no-repeat 0 0; } #ULsocialNetworksNav a.flickr { display:block; width:180px; height:25px; margin-bottom:1px; background:transparent url(../images/flickrNavButt.gif) no-repeat 0 0; } #ULsocialNetworksNav a.youtube { display:block; width:180px; height:25px; margin-bottom:1px; background:transparent url(../images/youtubeNavButt.gif) no-repeat 0 0; } #ULsocialNetworksNav a.socialNetNavReplace { text-indent:-9000px; } /*Main Cotent IMPORTANTE, AQUI SE EDITAN LOS ESTILOS DEL HOME >> COLOR SCHEME, SON LOS ESTILOS DEFAULT DEL HOME*/ #DIVmainContent { float:left; width:540px; } #DIVmainContent img { vertical-align:bottom; } .contentBoxBorder { border:1px solid #DDD; width:514px/*540*/;overflow-x:hidden; overflow-y:auto; margin:2px 0; padding:12px; height:163px;/*Esta ultima regla se ve dif en safari y IE, el height del box, solo FF se ve como es.*/ } #DIVmainContent .contentBoxBorder p { margin:7px 0; } .contentReadMore { background-color:#EEE; text-align:right; padding:5px 0; } .contentReadMore a { color:#666; font-weight:bold; text-decoration:none; margin-right:20px; border-bottom:0px !important; } .contentReadMore a:hover { color:#333; } #DIVnewGalleries{padding:10px 5px; text-align: center; border:1px solid #DDDDDD; border-top:none;} #DIVnewGalleries .newGallery{ margin-bottom:5px; height:169px;} #DIVnewGalleries .newGallery img{ display:block;} #BODYtrend #DIVnewGalleries{ padding:16px 5px;} #BODYtrend #DIVnewGalleries .newGallery{ margin-bottom:22px;} #BODYtrend #DIVnewGalleries .newGallery .thumbs{ margin-top:10px;} #BODYtrend .contentBoxBorder{ padding:18px 12px;} #sideBar{ float:left; width:168px/*182*/;} /*RIGHT ADS - SIDEBAR*/ #DIVsidebarAds { float:left; width:168px/*182*/; padding:0 7px; } #DIVsidebarAds a img { margin: 0 0 10px 0; display:block; } #DIVsidebarAds2 { float:left; width:168px/*182*/; padding:0 7px; } #DIVsidebarAds2 a img { margin: 0 0 10px 0; display:block; } #DIVsignupForm { width:168px/*182*/; background-color:#EEE; padding:0; margin:0 7px 10px 7px; height:187px; } #DIVsignupForm form{padding-top: 72px;} #DIVsignupForm.hdr_signUp{ background:#eee url(../images/signup_form.gif) no-repeat 0 0;} #DIVsignupForm td, #DIVsignupForm input { font-size:0.9em; } #DIVsignupForm input { width:100%; } @media screen and (-webkit-min-device-pixel-ratio:0){ #DIVsignupForm input { width:100%; } } #DIVsignupForm legend { font: bold 1.1em/1.6 Arial, Helvetica, sans-serif; color:#666; margin:0; } #DIVsignupForm .submitSignup { width:80px; float:right;} @media screen and (-webkit-min-device-pixel-ratio:0){ #DIVsignupForm .submitSignup { width:80px; float:right; } } /* =Main Content / Listings -----------------------------------------------------------------------------*/ /*List*/ /*ANCHOR FAKER se dedica a hacer que todo el contenedor del list item sea clickeable*/ .anchorFakerParent{position:relative;} #anchorFaker{position:absolute;width:514px;left:0;height:90px} #anchorFaker img{width:514px;height:90px;} /*ANCHOR FAKER se dedica a hacer que todo el contenedor del list item sea clickeable*/ .anchorFakerParentSmall{position:relative} .anchorFakerSmall{position:absolute;width:250px;left:0;height:90px; outline:none;} .anchorFakerSmall img{width:250px;height:90px; outline:none;} .listingContainer { border:1px solid #DDD; width:514px/*540*/; margin:2px 0 3px 0; padding:12px 12px 0 12px; height:auto; } .listingItem { height:90px; width:514px; margin-bottom:10px; } .listingItemImage { float:left; height:90px; width:90px; } .listingItemText { float:left; height:76px; width:404px/*424*/; margin-left:3px; background-image: url(../images/listingItemTextBgd.gif); padding:7px; } .listingItem h1 { font: bold 1.7em/1 Arial, Helvetica, sans-serif; color:#000 !important; text-transform:uppercase; background-image:none; border:none; margin:0; padding:0; width: auto; height:auto; } .listingItem h2 { font: bold 1em/1 Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; margin:0; padding:0; width:auto; height:auto; letter-spacing:0px; } .listingItem p { margin:0; padding:0; font: 0.9em/1.1 Arial, Helvetica, sans-serif; color:#555; } .listingMoreButts { height:15px; width:auto; padding-left:325px; margin-top:7px;} a.listingMoreLink { font: 0.9em/1 Arial, Helvetica, sans-serif; color:#000; text-decoration:none; float:left; margin-right:3px; } a.listingMoreLink:hover {border:none; } a.listingMoreIcon { background:transparent url(../images/listingMoreIcon.gif) no-repeat top left; height:12px; width:12px; display:block; float:left; } .listingButtonsContainer { height:30px; width:auto; background-color:#EEE; position:relative; } a.listingButtLast { background:#000 url(../images/listingControlButtLast.gif) no-repeat 0 2px; height:30px; width:23px; display:block; float:left; position:absolute; left:0; } a.listingButtNext { background:#000 url(../images/listingControlButtNext.gif) no-repeat 0 2px; height:30px; width:23px; display:block; float:left; position:absolute; right:0; } /*List Details*/ #DIVitemDetailTopContainer { width:540px; } #IMGitemDetail { width:150px; height:150px; float:left; vertical-align: bottom; } #DIVitemDetailTopRight { width:390px; height:49px/*151*/; border-bottom:1px solid #FFF; float:left; padding-top:102px; } #DIVitemDetailTopContainer #DIVitemDetailTopRight h1 { font:bolder 2.5em/1 Arial, Helvetica, sans-serif!important; color:#000!important; text-transform:uppercase; width:390px; background-image:none; margin:0; padding:0; height:25px; border:0; } .listingItemDetails .contentBoxBorder { border:1px solid #DDD; width:514px/*540*/;overflow-x:hidden; overflow-y:auto; padding:0 12px; height:290px;/*Esta ultima regla se ve dif en safari y IE, el height del box, solo FF se ve como es.*/ } .listingItemDetails a { color:#666; text-decoration:none; border-bottom:1px dashed #666;} .listingItemDetails a:hover { border-bottom:none;} .listingItemDetails ul li { list-style-type: square; color:#333; } .listingItemDetails ol li { color:#333; } /* =Main Content / Home -----------------------------------------------------------------------------*/ #BODYhome .contentBoxBorder{height:100%} #BODYhome a.homeLink{text-decoration:none;color:#0071BC} #DIVcontentContainerNew{ width:540px/*540*/; margin:7px 0 6px 0; height:244px/*229*/; } .newItem { float:left; width:131px; height:246px; margin-right:5px; background:transparent url(../images/events_list_item_bgd.gif) repeat-x bottom left; } .newItem h1 { font: bold 1.1em/1 Arial, Helvetica, sans-serif; color:#000 !important; background-image:none; border:none; margin:0; padding:0; width: auto; height:auto; } .newItem h2 { font: bold 0.8em/1 Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; margin:0 0 5px 0; padding:0; width:auto; height:auto; letter-spacing:0px; } .newItem p { margin:0; padding:0; font: 0.9em/1.1 Arial, Helvetica, sans-serif; color:#555; } .newItemTxt{ padding:5px; } .newItemTxt a{ color:#000;} .listingMoreButtsNew {margin:10px 0 0 0;} .listingMoreButtsNew a{ } /* =Main Content / Podcasts -----------------------------------------------------------------------------*/ /*#DIVpodcastIcons{ clear:both; background:transparent url(../images/podcast_icon.png) no-repeat 0px 0px; height:33px; padding:15px 0 0 65px; margin-top:20px;}*/ #DIVpodcastIcons{ clear:both; height:33px; padding:5px 0 0 0; margin-top:20px;} *:first-child+html #DIVpodcastIcons{margin-top:5px;} #DIVpodcastIcons a { text-decoration:none; color:#666; font-weight:bold; float:left; margin-left:15px; } #DIVpodcastIcons a:hover { color:#EC008C; border-bottom:1px dotted #EC008C; } #DIVpodcastIcons a.playPodcast {background:transparent url(../images/podcast_audio_icons.png) no-repeat 0 0; width:18px; height:18px; margin-left:5px; } #DIVpodcastIcons a.downloadPodcast {background:transparent url(../images/podcast_audio_icons.png) no-repeat -18px 0px; width:18px; height:18px; margin-left:5px; } #DIVpodcastIcons a.playPodcast:hover {background:transparent url(../images/podcast_audio_icons.png) no-repeat -36px 0; border:0} #DIVpodcastIcons a.downloadPodcast:hover {background:transparent url(../images/podcast_audio_icons.png) no-repeat -54px 0px; border:0} /* =Main Content / Events -----------------------------------------------------------------------------*/ /*AGENDA SPECIFIC CONTAINER*/ #DIVagendaContainer { width:540px/*540*/; } #DIVagendaContainer caption { text-align:center; margin:0px; font-weight:bold; font-size:1.0em; background-color:#F6F6F6; height:29px/*30*/; border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; padding-top:5px; } #DIVagendaContainer caption a { text-decoration:none; color:#888; margin:0 20px; font-size:0.9em; } #DIVagendaContainer caption a:hover { color:#FF6600; } #DIVagendaContainer table { width:540px/*540*/; border:1px solid #CCC; border-spacing: 2px; } #DIVagendaContainer th { color:#FF6600; } #DIVagendaContainer td { border:1px solid #CCC; text-align:center; } #DIVagendaContainer td a { text-decoration:none; display:block; color:#888; } #DIVagendaContainer td a:hover { background-color:#EEE; } #DIVagendaContainer td a.currentDay { background-color:#FF6600; color:#FFF; } #DIVagendaContainer td a.currentDay:hover { background-color:#FF6600; color:#FFF; } #DIVcontentContainerEvents/*Viene a ser el .contentBoxBorder de Music*/ { width:540px/*540*/; margin:10px 0; height:272px/*244*/; } #DIVcontentContainerEvents .agendaListItem { float:left; width:104px; height:275px/*244*/; margin-right:5px; background:#E1E1E3 url(../images/events_list_item_bgd.gif) no-repeat 0 bottom; } .lastItem {margin:0 !important;} .agendaListItemImg { border-bottom:3px solid white; } .agendaListItemTxt { padding:5px; position:relative; } .agendaListItem h1 { font: bold 1.1em/1 Arial, Helvetica, sans-serif; color:#000 !important; background-image:none; border:none; margin:0; padding:0; width: auto; height:auto; } .agendaListItem h2 { font: bold 0.8em/1 Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; margin:0 0 5px 0; padding:0; width:auto; height:auto; letter-spacing:0px; } .agendaListItem p { margin:0; padding:0; font: 0.9em/1.1 Arial, Helvetica, sans-serif; color:#555; } .listingMoreAgenda { width:auto; padding:0; margin:0; position: absolute; top:102px; right:7px; } a.listingMoreAgendaLink { font: 0.9em/1 Arial, Helvetica, sans-serif; color:#000; border-bottom:1px dotted #666; text-decoration:none; float:left; margin-right:3px; } a.listingMoreAgendaLink:hover { color:#F60; border:none; } a.listingMoreAgendaIcon { background:transparent url(../images/listingMoreIcon.gif) no-repeat top left; height:12px; width:12px; display:block; float:left; } /*CLUBS, BARS, RESTAURANTS, LOUNGES AND CAFES*/ #BODYevents #DIVlistingContainer.listingContainer{ height:761px;} #BODYevents .listingItem{ margin-bottom:5px;} #BODYevents .listingItem a { color:#333; font-weight:bold; text-decoration:none; margin-left:4px; } #BODYevents .listingItem a:hover { color:#666; border-bottom: 1px dotted #666; } #BODYevents .listingItem h2 { } #BODYevents .listingItem img { vertical-align: middle; } .eventsItemImgMargin { margin-left:20px; } #BODYevents #DIVnewGalleries{ padding:7px 5px;} /* =Main Content / Trend -----------------------------------------------------------------------------*/ #BODYtrend .contentBoxBorder{height:auto;} #BODYtrend h2{margin:10px 0 0 0;text-transform:uppercase;padding:0;font:normal normal bold 1.1em/1 Arial, Helvetica, sans-serif;color:#0071BC;border-bottom:1px dotted #666;height:15px} #BODYtrend h2 span{color:#1FC4F4;text-transform:none;float:right;margin-right:10px;font-size:0.9em} #BODYtrend .contentBoxBorder a{color:#52C9F4;text-decoration:none; cursor:pointer;} #BODYtrend .contentBoxBorder a:hover{color:#0071BC;} #BODYtrend h1 { height:auto; line-height:16px; font-size:16px; padding-bottom:10px; margin-bottom:10px;} #BODYtrend h1 span#posttitle{ line-height:16px; font-size:16px; padding-right:130px;} #BODYtrend #DIVlistingContainer{ position:relative;} #BODYtrend .listingItem{ margin-bottom:7px; height:93px; width:250px; float:right;} #BODYtrend .listingItem:hover{ opacity:0.6;} #BODYtrend .listingItemLeft{ float:left;} #BODYtrend .listingItemImage{ background:#CCC;} #BODYtrend .listingItemText{width:146px; margin-left:0;} #BODYtrend .listingItemText h3{ font-size:12px; line-height:14px;} #BODYtrend .listingMoreButts{padding-left:0;} #BODYtrend .contentBoxBorder p{ text-align:justify;} #BODYtrend .contentBoxBorder .listingItemText p{ text-align:left;} #BODYtrend .contentBoxBorder div.carousel-control{height:26px; width:23px; background-repeat:no-repeat; background-color:#45d1ea; background-position:top left; cursor:pointer; overflow:hidden; outline:none; text-decoration:none; line-height:999px; position:absolute; z-index:2; bottom:0;} #BODYtrend .contentBoxBorder div.carousel-control.carousel-previous{ background-image:url(../images/carousel/prev.png); left:0; } #BODYtrend .contentBoxBorder div.carousel-control:hover{ opacity:0.7;} #BODYtrend .contentBoxBorder div.carousel-control.carousel-next{ background-image:url(../images/carousel/next.png); right:0; } #BODYtrend .contentBoxBorder div.disabled, #BODYtrend .contentBoxBorder div.disabled:hover{opacity:0.1; cursor:default;} #BODYtrend .contentBoxBorder .center-wrap{ height:26px; width:auto; background-color:#EEE; position:relative; } #BODYtrend .contentBoxBorder .carousel-pagination { text-align:right; height:26px; line-height:26px; margin-right:30px; } #BODYtrend .contentBoxBorder .carousel-pagination p{ text-align:right;} #BODYtrend .contentBoxBorder .carousel-pagination a span{ font-size:13px; font-weight:bold; padding-left:5px;} #BODYtrend .contentBoxBorder .carousel-pagination a.active{color:#ccc; cursor:default;} *html #BODYtrend .contentBoxBorder div.carousel-control{ bottom:24px;} *html #BODYtrend .contentBoxBorder div.carousel-control.carousel-next{right:12px;} *html #BODYtrend .contentBoxBorder .carousel-pagination p{ text-align:right; margin:0;} /* =Main Content / Moda -----------------------------------------------------------------------------*/ #BODYtrend.BODYfashion h2{ } #BODYtrend.BODYfashion h2 span{color:#EC008C;} #BODYtrend.BODYfashion .contentBoxBorder a{color:#EC008C;} #BODYtrend.BODYfashion .contentBoxBorder div.carousel-control{background-color:#EC008C;} /* =Main Content / LA506 -----------------------------------------------------------------------------*/ /* CONTACT */ #BODY506 .contentBoxBorder{height:100%} #BODY506 h2{margin:10px 0 0 0;text-transform:uppercase;padding:0;font:normal normal bold 1.1em/1 Arial, Helvetica, sans-serif;color:#0071BC;border-bottom:1px dotted #666;height:15px} #BODY506 h2 span{color:#7cc8fb;text-transform:none;float:right;margin-right:10px;font-size:0.9em} #BODY506 .contentBoxBorder a{color:#7cc8fb;text-decoration:none} #BODY506 .contentBoxBorder a:hover{color:#0071BC;border-bottom:1px dotted #0071BC} #BODY506 .contentBoxBorder li{color:#7cc8fb;list-style-type:disc} #BODY506 .contentBoxBorder li a{color:#666;list-style-type:disc;cursor:default} #BODY506 .contentBoxBorder li a:hover{border:none} #FRMcontactPage fieldset{background-color:#EFEFEF;padding:10px 20px} #FRMcontactPage input{width:350px;border:1px solid #BBB} #FRMcontactPage input[type="submit"]{width:70px} #FRMcontactPage input:hover{background-color:#E1F1FB;border:1px solid #BBB} #FRMcontactPage input:focus{background-color:#FCF9E5} #FRMcontactPage textarea{width:350px;border:1px solid #BBB} #FRMcontactPage textarea:hover{background-color:#E1F1FB;border:1px solid #BBB} #FRMcontactPage textarea:focus{background-color:#FCF9E5} #FRMcontactPage label{float:left;width:100px;} .contactBox{width:170px;float:left;text-align:center} /* =Color Scheme -----------------------------------------------------------------------------*/ /*FOR HOME - GRIS-DEFAULT*/ #ULmainNav a.home:hover { color:#333;} #BODYhome #ULmainNav a.home { color:#333; cursor:default; } body #DIVsidebarNav h4.H4newGalleries { background-image: url(../images/h4bgds/picsH4Bgd.gif)!important; margin:0; } body #DIVmainContent h4.H4Moda { background-image: url(../images/h4bgds/picsH4Bgd.gif)!important; } body #DIVmainContent h4.H4Podcasts { background-image: url(../images/h4bgds/picsH4Bgd.gif)!important; } body #DIVmainContent #newPodcast .listingItem h3{ color:#72BF44!important; font-size:12px; line-height:14px;margin-bottom: 10px;} /*FOR EVENTS - NARANJA*/ #ULmainNav a.events:hover { color:#FF6600; } #BODYevents #ULmainNav a.events { color:#FF6600; cursor:default; } #BODYevents #DIVmainContent h1 { color:#FF6600; } #BODYevents #DIVmainContent h2 { color:#FF6600; } #BODYevents #DIVmainContent h3 { color:#FF6600; } #BODYevents #DIVmainContent .contentBoxBorder p.contentReadMore a { color:#FF6600; font-weight:bold; text-decoration:none; } #BODYevents #DIVmainContent .contentBoxBorder p.contentReadMore a:hover { color:#666; } #BODYevents #DIVsidebarNav h4 { background-image: url(../images/h4bgds/eventsH4Bgd.gif); } #BODYevents #DIVsidebarNav #ULsubMenuNav a:hover { color:#FF6600; } #BODYevents #DIVsignupForm legend { color:#FF6600; } /*FOR PICS - NARANJA*/ #ULmainNav a.pics:hover { color:#FCAF17; } #BODYpics #ULmainNav a.pics, #BODYpicsIndex #ULmainNav a.pics { color:#FCAF17; cursor:default; } #BODYpics #DIVmainContent h1,#BODYpicsIndex #DIVmainContent h1 { color:#FCAF17; margin-bottom:10px; } #BODYpics #DIVmainContent h2,#BODYpicsIndex #DIVmainContent h2 { color:#FCAF17; } #BODYpics #DIVmainContent h3,#BODYpicsIndex #DIVmainContent h3 { color:#FCAF17; } #BODYpics #DIVmainContent .contentBoxBorder p.contentReadMore a, #BODYpicsIndex #DIVmainContent .contentBoxBorder p.contentReadMore a { color:#FCAF17; font-weight:bold; text-decoration:none; } #BODYpics #DIVmainContent .contentBoxBorder p.contentReadMore a:hover, #BODYpicsIndex #DIVmainContent .contentBoxBorder p.contentReadMore a:hover { color:#666; } #BODYpics #DIVsidebarNav h4,#BODYpicsIndex #DIVsidebarNav h4 { background-image: url(../images/h4bgds/picsH4Bgd.gif); } #BODYpics #DIVsidebarNav #ULsubMenuNav a:hover,#BODYpicsIndex #DIVsidebarNav #ULsubMenuNav a:hover { color:#FCAF17; } #BODYpics #DIVsignupForm{ height:232px; } #BODYpicsIndex #DIVsignupForm{ height:226px; } #BODYpics #DIVsignupForm legend,#BODYpicsIndex #DIVsignupForm legend { color:#FCAF17; } #BODYpics #DIVlistingContainer{ height:870px; margin-bottom:10px} #BODYpics #DIVlistingContainer .gal{ height:162px;} /*FOR MUSIC - GREEN*/ #ULmainNav a.music:hover { color:#72BF44; } #BODYmusic #ULmainNav a.music { color:#72BF44; cursor:default; } #BODYmusic #DIVmainContent h1 { color:#72BF44; position:relative; } #BODYmusic #DIVmainContent h2 { color:#72BF44; } #BODYmusic #DIVmainContent h3 { color:#72BF44; } #BODYmusic #DIVmainContent #counters{ position:absolute; right:0; top:26px;} #BODYmusic #DIVmainContent #H1title{ height: 40px;} /*#BODYmusic #DIVmainContent #counters iframe{ margin:0 0 0 10px; height:20px;}*/ #BODYmusic #DIVmainContent .contentReadMore a { color:#72BF44; font-weight:bold; text-decoration:none; } #BODYmusic #DIVmainContent .contentReadMore a:hover { color:#666; } #BODYmusic #DIVsidebarNav h4 { background-image: url(../images/h4bgds/musicH4Bgd.gif); } #BODYmusic #DIVsidebarNav #ULsubMenuNav a:hover { color:#72BF44; } #BODYmusic #DIVsignupForm { height:457px;} #BODYmusic #DIVsignupForm legend { color:#72BF44; } #BODYmusic .listingItemDetails .contentBoxBorder{ height:728px;} /*FOR VIDEOS - FUCSIA*/ #ULmainNav a.videos:hover { color:#FCAF17; } #BODYvideos #ULmainNav a.videos { color:#FCAF17; cursor:default; } #BODYvideos #DIVmainContent h1 { color:#FCAF17; } #BODYvideos #DIVmainContent h2 { color:#FCAF17; } #BODYvideos #DIVmainContent h3 { color:#FCAF17; } #BODYvideos #DIVmainContent p.contentReadMore a { color:#FCAF17; font-weight:bold; text-decoration:none; } #BODYvideos #DIVmainContent p.contentReadMore a:hover { color:#666; } #BODYvideos #DIVsidebarNav h4 { background-image: url(../images/h4bgds/picsH4Bgd.gif); } #BODYvideos #DIVsidebarNav #ULsubMenuNav a:hover { color:#FCAF17; } #BODYvideos #DIVsignupForm legend { color:#FCAF17; } #BODYvideos #DIVitemDetailTopRight{ width:auto; height:49px/*151*/; border-bottom:0; float:none; padding-top:0px; position:relative; } #BODYvideos .contentBoxBorder{background-color:#EEE;border:0;width:480px/*540*/;margin:0 0 2px 0;padding:30px;height:auto;overflow:hidden} /*FOR trend - LIGHT BLUE*/ #ULmainNav a.trend:hover { color:#1FC4F4; } #BODYtrend #ULmainNav a.trend { color:#1FC4F4; cursor:default; } #BODYtrend #DIVmainContent h1 { color:#1FC4F4; /*height:70px; width:auto; background:url(../images/h1Bgd2.gif) repeat-x top; position:relative;*/ } #BODYtrend #DIVmainContent h2{ color:#1FC4F4;} #BODYtrend #DIVmainContent h3 { color:#1FC4F4; } #BODYtrend #DIVmainContent .contentBoxBorder p.contentReadMore a { color:#1FC4F4; font-weight:bold; text-decoration:none; } #BODYtrend #DIVmainContent .contentBoxBorder p.contentReadMore a:hover { color:#666; } #BODYtrend #DIVsidebarNav h4 { background-image: url(../images/h4bgds/heartH4Bgd.gif); } #BODYtrend #DIVsidebarNav #ULsubMenuNav a:hover { color:#1FC4F4; } #BODYtrend #DIVsignupForm{ margin-left:0; margin-right:0px;} #BODYtrend #DIVsignupForm legend { color:#1FC4F4; } /*FOR MODA - FUCSIA*/ #ULmainNav a.fashion:hover { color:#EC008C; } #BODYtrend.BODYfashion #ULmainNav a.fashion { color:#EC008C; cursor:default; } #BODYtrend.BODYfashion #ULmainNav a.trend { color:#666666; cursor:default; } #BODYtrend.BODYfashion #ULmainNav a.trend:hover { color:#1FC4F4; cursor:default; } #BODYtrend.BODYfashion #DIVmainContent h1 { color:#EC008C; /*height:70px; width:auto; background:url(../images/h1Bgd2.gif) repeat-x top; position:relative;*/ } #BODYtrend.BODYfashion #DIVmainContent h2{ color:#EC008C;} #BODYtrend.BODYfashion #DIVmainContent h3 { color:#EC008C; } #BODYtrend.BODYfashion #DIVmainContent .contentBoxBorder p.contentReadMore a { color:#EC008C; font-weight:bold; text-decoration:none; } #BODYtrend.BODYfashion #DIVmainContent .contentBoxBorder p.contentReadMore a:hover { color:#666; } #BODYtrend.BODYfashion #DIVsidebarNav h4 { background-image: url(../images/h4bgds/videosH4Bgd.gif); } #BODYtrend.BODYfashion #DIVsidebarNav #ULsubMenuNav a:hover { color:#EC008C; } #BODYtrend.BODYfashion #DIVsignupForm{ margin-left:0; margin-right:0px;} #BODYtrend.BODYfashion #DIVsignupForm legend { color:#EC008C; } /*FOR 506 - 506*/ #ULmainNav a.la506:hover { color:#0071BC; } #BODY506 #ULmainNav a.la506 { color:#0071BC; cursor:default; } #BODY506 #DIVmainContent h1 { color:#0071BC; } #BODY506 #DIVmainContent h3 { color:#0071BC; } #BODY506 #DIVmainContent .contentBoxBorder p.contentReadMore a { color:#0071BC; font-weight:bold; text-decoration:none; } #BODY506 #DIVmainContent .contentBoxBorder p.contentReadMore a:hover { color:#666; } #BODY506 #DIVsidebarNav h4 { background-image: url(../images/h4bgds/506H4Bgd.gif); } #BODY506 #DIVsidebarNav #ULsubMenuNav a:hover { color:#0071BC; } #BODY506 #DIVsignupForm legend { color:#0071BC; } /* =Footer -----------------------------------------------------------------------------*/ #DIVfooterContainer { width:916px/*OW:936px*/; height:34px/*37*/; margin:0; padding:3px 10px 0 10px; background:transparent url(../images/footerBgd.jpg) no-repeat 0 0; } #DIVfooterContainer p { margin:0 20px; color:#999; font-size:0.8em; display:inline; } #DIVfooterContainer p a { color:#FFF; text-decoration:none; margin-left:10px; } #DIVfooterContainer p a:hover { color:#999; text-decoration:underline; } .footerNav { margin-left:525px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .footerNav { margin-left:510px; } } /* =Podcast Pop Up Window -----------------------------------------------------------------------------*/ #BODYpopUpPod{margin:0;padding:0; height:443px; width:300px;} #DIVpodcastContainer{margin:0;padding:0; height:443px; width:300px;background:transparent url(../images/podcast_header.gif) no-repeat 0 0} #DIVpodcastContainer img{margin:0 0 0 210px;padding:0;height:90px;width:90px;} #DIVpodcastContainer img.podcastAdd{margin:0;padding:0;height:300px;width:300px; vertical-align:bottom} #DIVpodcastContainer p{margin:0;padding:7px;background-color:#DDD;font-weight:bold} .fucsiaFont{color:#EC008C} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Tables -----------------------------------------------------------------------------*/ /* table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; } */ /* =General Clases -----------------------------------------------------------------------------*/ .blackFont { color:black; } .centered { text-align:center; } a[rel="external"]{background:transparent url(../images/external_link.png) no-repeat top right; padding-right:14px;} a[href^="mailto"]{background:transparent url(../images/mail_icon.png) no-repeat top right; padding-right:12px;} .phone{background:transparent url(../images/phone_icon.png) no-repeat bottom left; padding-left:20px;} .error{color:#F00;} .ok{color:#0C3;} /*Facebook and Twitter Counters*/ #counters{ position:absolute; right:0; top:10px;} #counters iframe{ margin:0 0 0 10px; height:20px;} #leftAds1 object{ margin-bottom:10px;} *html #DIVsidebarAds{ padding:0; padding-left:7px;} #BODYpicsIndex h1{ margin-bottom:10px;} #BODYpicsIndex #newGalleries{ margin-top:20px;} #BODYpicsIndex .newGallery{ margin-bottom:14px;} #BODYpicsIndex #DIVsidebarAds object{ margin-bottom:16px;} #BODYpics #DIVsidebarAds object{ margin-bottom:14px;} #DIVsidebarAds2 object{ margin-bottom:15px;} *html #DIVsidebarAds2{ padding:0; padding-left:7px;} #BODYpicsIndex #DIVsidebarAds2 object{ margin-bottom:16px;} #BODYpics #DIVsidebarAds2 object{ margin-bottom:14px;} .someContainer{overflow:hidden; width:514px; float:left;} .someContainer.autoheight{ height:auto;} #DivBottomContent .listingMoreButtsNew { height:18px; overflow: hidden; width:100%;} #BODYhome .someContainer{overflow:hidden; width:250px;} #BODYhome .someContainer.autoheight{ height:auto;} #BODYhome .listingItem{height: 90px; margin-bottom: 6px; width: 250px;} #BODYhome .listingItem .listingItemText{ width:142px;} #BODYhome #newModa .listingItemText h3{ color:#EC008C; font-size:12px; line-height:14px;} .leftSide{ padding: 0px 7px 0px 7px; width: 180px; }