/* CSS Document */ div#s4c-head2 { font-size:1.1em; } div#s4c-foot2 { line-height:1.6em; font-size:1.1em; } div#s4c-lang a, div#s4c-lang a:visited, div#s4c-lang a:active { padding:2px 0; } /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:758px; } #header { width:100%; height: 89px; margin:0px; padding:0px; margin:0px 0px 11px 0px;} #logo { width:238px; height:102px; margin:0px; padding:0px; } #wrapper {background:url(../images/bacm.gif) repeat-x top #ffffff; width:100%; height:100%; } :root #wrapper {background:url(../images/bacm2.gif) repeat-x top #ffffff; width:100%; height:100%; } #main { width:100%; min-height:908px; height:auto !important; height:908px; margin:-2px 0px 0px 0px; background:url(/images/main.jpg) repeat-y left #252525;} #program { width:100%; height:69px; background:url(../images/program_rep.jpg) repeat-x bottom #dee8e2; position:relative;} #program h1 { color:#000000; font-size:3.3em; font-family:Helvetica, Arial, sans-serif; padding:10px 0px 0px 14px; } *html #program h1 { padding:3px 0px 0px 14px; } *+html #program h1 { padding:3px 0px 0px 14px; } #program h1 span { font-size:0.8em;} #next_program { height:21px; padding:3px 11px 0px 22px; position:absolute; right:0px; top:20px; background:url(../images/arrow_np.jpg) #05755d no-repeat left top;} #next_program a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; font-size:1.2em;} #np_left {background:url(../images/left_peice.gif) no-repeat; position:absolute; top:20px; right:-16px; width:16px; height:34px; } #sidebar { width:200px; min-height:838px; height:auto !important; height:838px; float:left; margin:0px 0px 1px 0px; padding:0px; background:#252525; } #address {padding:19px 0px 12px 10px !important; width:178px; margin:4px 0px 4px 0px; display:block; background:url(../images/nav_li_top.jpg) no-repeat top left #000; } #address p {color:#FFF; margin:0px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; line-height:16px;} #content {width:555px; display:block; margin:0px 0px 0px 0px; min-height:838px; height:auto !important; height:838px; padding:0px; float:right; background:#1d1d1d; } #slideshow {margin:0px; padding:0px; height:277px; display:block; display:block; float:left; position:relative;} #slideshow ul {margin:0px; padding:0px; position:relative; height:277px; display:block; width:555px;} #slideshow ul li {margin:0px; padding:0px; list-style:none; position:absolute; left:0px; top:0px;} #slideshow_nav {width:166px; height:31px; background:#FFF; position:absolute; top:10px; left:0px; z-index:100;} #slideshow_nav a { background:url(../images/slideshow_a.jpg) no-repeat; width:33px; height:18px; display:block; float:left; text-align:center; margin:5px 0px 0px 5px; color:#ffffff; font-size:1.2em; padding:3px 0px 0px 0px;} #slideshow_nav a:hover {text-decoration:none; background:url(../images/slideshow_a_hover.jpg) no-repeat;} #slideshow_nav a#active {text-decoration:none; background:url(../images/slideshow_a_hover.jpg) no-repeat;} .slideshow_text {width:258px; background:#ffffff; padding:0px 10px 0px 11px; display:block; min-height:10px; height:auto !important; height:10px; position:absolute; top:133px; left:0px; z-index:100; opacity:0.8; Filter: Alpha(Opacity=80);} .slideshow_text p {position:relative; z-index:200; font-size:1em; color:#000; } .title_slideshow { font-weight:normal; margin:10px 0px 10px 0px; position:relative; z-index:200; font-size:1.6em; color:#000; font-weight:bold; font-family:Helvetica, Arial, sans-serif; } .slideshow_text a {position:relative; z-index:200; color:#000; font-weight:bold;} .slideshow_text a:hover { color:#000;text-decoration:underline} #content_left {display:block; float:left; width:245px; position:relative; margin:2px 0px 0px 17px;} *html #content_left {margin:2px 0px 0px 8px;} #content_right {width:243px; background:#000; min-height:80px; height:auto !important; height:80px; display:block; float:right; margin:10px 0px 0px 10px; padding:0px 0px 10px 14px;} *html #content_right { margin:10px 0px 0px 10px; } *+html #content_right { margin:10px 0px 0px 0px; } #content_right h1 {color:#BF7F8E; font-size:5.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #content_right h1 span {font-size:0.5em;} #this_weeks_show {margin:0px 0px 0px 14px;} #this_weeks_show h1 {margin:0px 0px 10px 0px;} .hotel_home {display:block; float:left; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; width:167px; min-height:150px; height:auto !important; height:150px; background:#000000;} .link_hotel {padding:0px 10px 0px 10px; margin:10px 0px 10px 0px !important; font-size:1.2em;} .link_hotel a {font-size:1.4em; color:#ffffff; font-weight:bold;} .link_hotel a:hover {color:#ffffff; } .fave_link_hotel {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px !important; font-size:1.2em;} .fave_link_hotel a {font-size:1.4em; color:#ffffff; font-weight:bold;} .fave_link_hotel a:hover {color:#ffffff; } #hotels a img { border:1px solid #000; margin:0px 0px 0px 0px;} .episode {position:relative; background:#000; width:516px; min-height:20px; height:auto !important; height:20px; display:block; margin:10px 0px 10px 0px; padding:5px 0px 10px 9px; } .episode p {display:block; width:473px;} .episode_nav {width:13px; height:20px; position:absolute; bottom:0px; right:0px;} .clear { clear:both;} /*--------------------------------------- profile Page -----------------------------------------*/ #header_profile {width:555px; height:277px; display:block;} #profile {width:521px; display:block; float:left; margin:10px 0px 10px 17px;} *html #profile {margin:10px 0px 10px 8px;} /*--------------------------------------- more from aled an leah -----------------------------------------*/ #video {width:537px; display:block; float:left; clear:both; margin:10px 0px 10px 17px; } *html #video {margin:10px 0px 10px 6px;} .video {width:256px; height:177px; display:block; float:left; margin:10px 10px 10px 0px;} /*--------------------------------------- fav things -----------------------------------------*/ #tag_header {width:100%; min-height:29px; height:auto !important; height:29px; display:block; width:100%; background:#252525;} .fav img {display:block; float:right; margin:0px 0px 0px 13px;} /*--------------------------------------- Background page -----------------------------------------*/ #text_left {width:241px; min-height:329px; height:auto !important; height:329px; margin:113px 0px 0px 20px;} #text_left p {color:#000000;} #text_left h1 {color:#000000; font-size:1.8em;} /*--------------------------------------- Hotel -----------------------------------------*/ #hotel {width:530px; display:block; float:left; margin:10px 0px 0px 17px;} *html #hotel {width:530px; display:block; float:left; margin:0px 0px 0px 8px;} #details {display:block; float:right;padding:40px 31px 20px 16px; width:148px; min-height:10px; position:relative; height:auto !important; height:10px; background:#a2c2ae; margin:0px 0px 0px 20px;} #details p {color:#000000; font-size:1.1em; font-weight:bold;} #detail { color:#ffffff; padding:5px 0px 0px 17px; font-size:1.2em; width:168px; height:25px; background:url(../images/detail.jpg) no-repeat; position:absolute; top:8px; right:0px; } *+html #details {padding:45px 31px 20px 16px; } *html #details {padding:45px 31px 20px 16px; } *html #detail {right:-1px;} #hotel_images {margin:0px; width:555px; padding:0px; height:275px; display:block; display:block; float:right; position:relative;} #hotel_images ul {position:relative; margin:0px; padding:0px; width:555px; height:275px;} #hotel_images ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; } .hotel_text {width:258px; font-size:1.2em; color:#000000; background:#ffffff; padding:1px 0px 1px 11px; display:block; min-height:10px; height:auto !important; height:10px; position:absolute; right:0px; top:240px; z-index:100; opacity:0.8; Filter:Alpha(Opacity=80);} .hidden {display:none;} #caresoul {width:555px: padding:3px 0px 3px 0px; display:block; margin:4px 0px 0px 0px; background:#3B3B3B;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav_left {padding:15px 0px 0px 0px;} #nav_left ul {margin:0px 0px 0px 0px; padding:0px;} #nav_left li {margin:4px 0px 4px 0px; padding:19px 0px 12px 9px; list-style:none; background:url(../images/nav_li_top.jpg) no-repeat top left #000; width:179px; display:block;} #nav_left li.sub {padding:19px 0px 12px 30px !important; width:158px; } #nav_left li a { color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; line-height:18px; } #nav_left li a span { color:#BF7F8C; font-size:1.4em !important; background:url(../images/arrow_nav.jpg) no-repeat center right; padding:0px 12px 0px 0px;} #nav_left li.parent a span{ background:url(../images/arrow_nav_down.jpg) no-repeat center right; padding:0px 21px 0px 0px; } #nav_left li.sub a span { color:#72A485; background:none; } #nav_left li a:hover {text-decoration:none;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } .h1title { font-size:2.5em; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; } .h2title { color:#96B8A4; font-size:2.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; } .h3title { color:#BF7F8C; font-size:1.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; } .h4title { color:#bf808f; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; } .h5title { color:#96B8A4; font-size:1.4em; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } .h6title { color:#BF7F8C; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; display:block; } h1 { font-size:2.5em; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#96B8A4; font-size:2.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#BF7F8C; font-size:1.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#bf808f; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#96B8A4; font-size:1.4em; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; } h6 { color:#BF7F8C; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { color:#ffffff;font-size:1.2em; list-style:disc; } ol {} ol li {color:#ffffff; font-size:1.2em; list-style:decimal;} address {font-size:1.6em; color:#72A485; font-weight:bold; font-style:normal;} a { color:#BF7F8C; text-decoration:none; } a:hover { color:#BF7F8C; text-decoration:underline; } p { font-size:1.2em; color:#ffffff; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:20px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */