/* Author: Roland Siegenthaler Tags: Whitney Houston, Whitney, Houston, I Look To You */ * { margin: 0; padding: 0; } body { font: 14px Helvetica, Sans-Serif; } a { text-decoration: none; } .logo { position: absolute; top: 35px; left: 20px} .nav { position: absolute; top: 13px; left:58px; WIDTH: 895px; z-index: 1;} .logo { position: absolute; top: 35px; left: 20px} img { border: none } body {background: #6e627a url(dat/back/back.jpg) no-repeat;} body.page-id-10 {background: #6e627a url(dat/back/news.jpg) no-repeat;} body.page-id-49 {background: #6e627a url(dat/back/current_tour.jpg) no-repeat;} body.page-id-390 {background: #6e627a url(dat/back/tb.jpg) no-repeat;} body.page-id-1063 {background: #6e627a url(dat/back/nbl-tour.jpg) no-repeat;} body.page-id-444 {background: #6e627a url(dat/back/tb.jpg) no-repeat;} body.page-id-487 {background: #6e627a url(dat/back/ci.jpg) no-repeat;} body.page-id-747 {background: #6e627a url(dat/back/ci.jpg) no-repeat;} body.page-id-485 {background: #6e627a url(dat/back/pw.jpg) no-repeat;} body.page-id-530 {background: #6e627a url(dat/back/pw.jpg) no-repeat;} body.page-id-479 {background: #6e627a url(dat/back/wte.jpg) no-repeat;} body.page-id-674 {background: #6e627a url(dat/back/wte.jpg) no-repeat;} body.page-id-198 {background: #6e627a url(dat/back/ilty_album.jpg) no-repeat;} body.page-id-358 {background: #6e627a url(dat/back/wh.jpg) no-repeat;} body.page-id-2430 {background: #6e627a url(dat/back/exhale.jpg) no-repeat;} body.page-id-500 {background: #6e627a url(dat/back/timeline.jpg) no-repeat;} body.page-id-2428 {background: #6e627a url(dat/back/sa.jpg) no-repeat;} body.page-id-458 {background: #6e627a url(dat/back/persona.jpg) no-repeat;} body.page-id-491 {background: #6e627a url(dat/back/musicvideos.jpg) no-repeat;} body.page-id-457 {background: #6e627a url(dat/back/model.jpg) no-repeat;} body.page-id-2327 {background: #6e627a url(dat/back/interviews.jpg) no-repeat;} body.page-id-502 {background: #6e627a url(dat/back/facts.jpg) no-repeat;} body.page-id-1819 {background: #6e627a url(dat/back/cw.jpg) no-repeat;} body.page-id-496 {background: #6e627a url(dat/back/bio.jpg) no-repeat;} body.page-id-498 {background: #6e627a url(dat/back/awards.jpg) no-repeat;} body.page-id-388 {background: #6e627a url(dat/back/actress.jpg) no-repeat;} body.page-id-1174 {background: #6e627a url(dat/back/archive.jpg) no-repeat;} body.page-id-29 {background: #6e627a url(dat/back/singer.jpg) no-repeat;} body.page-id-466 {background: #6e627a url(dat/back/extra.jpg) no-repeat;} body.page-id-462 {background: #6e627a url(dat/back/press.jpg) no-repeat;} body.blog {background: #6e627a url(dat/back/news.jpg) no-repeat;} #hor-zebra { font-family: Verdana, Sans-Serif; font-size: 12px; margin: 0px; width: 500px; text-align: left; border-collapse: collapse; } /* Typography */ a { outline: 0; text-decoration: none; color: #d69f76; margin: 0 0 0 0; } a:hover, a:active { color: white; } p { font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #fff; } ul { list-style: none; color: b6b0bc; width: 100%; position: relative; text-align: left; letter-spacing: 2px; font: 14px Verdana, sans-serif; } h2 { font: 16px Verdana, Sans-Serif; margin: 10px 0 15px 0; text-transform: uppercase; letter-spacing: 4px; } h3 { font: 26px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 30px 0; } h7 { font: 26px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 30px 0; } h4 { font: 16px Verdana, Serif; color: white; text-transform: uppercase; text-align: left; letter-spacing: 3px; margin: 0 0 15px 0; } h4 small { letter-spacing: 0; font-style: italic; font-size: 15px; text-transform: none; } /* Mozilla based browsers */ ::-moz-selection { background-color: #000; color: #FFF; } /* maincontend */ .box-home { Background: transparent; OVERFLOW: auto; BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 0px solid; PADDING-LEFT: 10px; position: absolute; top: 158px; left:58px; PADDING-BOTTOM: 10px; MARGIN: 0px 20px 0px 0px; BORDER-LEFT: white 0px solid; WIDTH: 520px; PADDING-TOP: 10px; BORDER-BOTTOM: white 0px solid; HEIGHT: 543px } .box-home p { font: 12px Verdana; color: #251535; line-height: 20px} .box-home h6 { font: 14px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 14px Georgia, Serif; margin: 0px 0 10px 0; } .box-home img { float:left; padding: 0px 10px 10px 0px; border: 0;} .box-main { Background: transparent; OVERFLOW: auto; BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 0px solid; PADDING-LEFT: 10px; position: absolute; top: 158px; left:58px; PADDING-BOTTOM: 10px; MARGIN: 0px 20px 0px 0px; BORDER-LEFT: white 0px solid; WIDTH: 520px; PADDING-TOP: 10px; BORDER-BOTTOM: white 0px solid; HEIGHT: 543px } .box-main a, a:visited { color: #6e627a; text-decoration: none; } .box-main a:visited { color: #251535; text-decoration: none; } .box-main a:hover, a:active { color: #ffffff; } .box-main p { font: 12px Verdana; color: #251535; line-height: 20px} .box-main h6 { font: 14px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 14px Georgia, Serif; margin: 0px 0 10px 0; } .box-main img { float:left; padding: 0px 10px 10px 0px;} .box-1 { Background: transparent; OVERFLOW: hidden; BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 0px solid; PADDING-LEFT: 11px; position: absolute; top: 780px; left:58px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px 0px; BORDER-LEFT: white 0px solid; WIDTH: 240px; PADDING-TOP: 10px; BORDER-BOTTOM: white 0px solid; HEIGHT: 110px; } .box-1 p { font: 14px Verdana; color: #251535; line-height: 20px;} .box-2 { Background: transparent; OVERFLOW: hidden; BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 0px solid; PADDING-LEFT: 11px; position: absolute; top: 780px; left:335px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 0px 0px; BORDER-LEFT: white 0px solid; WIDTH: 240px; PADDING-TOP: 10px; BORDER-BOTTOM: white 0px solid; HEIGHT: 110px } .box-2 p { font: 14px Verdana; color: #251535; line-height: 20px;} .box-3 { display: block; Background: transparent; OVERFLOW: hidden; BORDER-RIGHT: white 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: white 0px solid; PADDING-LEFT: 10px; position: absolute; top: 980px; left: 58px; PADDING-BOTTOM: 10px; MARGIN: 0px 20px 0px 0px; BORDER-LEFT: white 0px solid; WIDTH: 520px; PADDING-TOP: 10px; BORDER-BOTTOM: white 0px solid; HEIGHT: 191px } .box-3 p { font: 12px Verdana; color: #fff; line-height: 20px} .box-3 img { float:left; padding: 0px 10px 10px 0px} .box-3 h3 { font: 26px gorgia; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 0px 0 10px 0; } .clearfloat { display:block; } /* Sidebar */ #language { margin: 137px 0px 0px 621px; width: 245px; } #sidebar { margin: 25px 0px 0px 621px; width: 245px; } #sidebar .date { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; } #sidebar h2 { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; } #sidebar h3 { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 10px 0; list-style: none; } #sidebar h3 a { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; right: 0px; top: 6px; list-style: none; } #sidebar li { list-style: none; font: 14px/1.6 Verdana, sans-serif; margin: 0 0 25px 0; color: #251535;} #sidebar a { color: #d69f76; } /* Footer */ #footer1 { Background: transparent; OVERFLOW: hidden; position: absolute; top: 1245px; left:68px; WIDTH: 240px; HEIGHT: 200px } #sidebar .date { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; } #footer1 h2 { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; } #footer1 h3 { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 10px 0; list-style: none; } #footer1 h3 a { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; right: 0px; top: 6px; list-style: none; } #footer1 li { list-style: none; } #footer1 a { color: #d69f76; } #footer2 { Background: transparent; OVERFLOW: hidden; position: absolute; top: 1245px; left:348px; WIDTH: 240px; HEIGHT: 200px } #sidebar .date { color: #2d2336; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 1px; } #footer2 h2 { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; } #footer2 h3 { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 10px 0; list-style: none; } #footer2 h3 a { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; right: 0px; top: 6px; list-style: none; } #footer2 li { list-style: none; } #footer2 a { color: #d69f76; } #footer3 { Background: transparent; OVERFLOW: hidden; position: absolute; top: 1245px; left:621px; WIDTH: 240px; HEIGHT: 200px } #footer3 h2 { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0 0 5px 0; } #footer3 h3 { width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid white; border-top: 1px solid white; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 10px 0; list-style: none; } #footer3 h3 a { text-transform: none; color: white; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; right: 0px; top: 6px; list-style: none; } #footer3 li { list-style: none; } #footer3 a { color: #d69f76; } /* UTILITY STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } .clear { clear: both; } a { outline: none; } /* COMMENTS */ .commentlist .quote { background:url(http://thewhitneyvault.ch/im/bg_quote.gif) no-repeat top right; } .commentlist li { padding: 15px 10px 10px 15px; margin: 25px 15px 25px 15px; background:#6e627a bottom no-repeat; color:#b6b0bc; } .commentlist cite { display:block; font-style:normal } .commentlist cite a:link, .commentlist cite a:visited { color:#d69f76; text-decoration:none; } .commentlist cite a:hover, .commentlist cite a:active { color:#FFF; text-decoration:underline; }