/* UK Diving Main Style =Structure 1 Generic 2 Frame 3 Header 3.1 Logo/Strap Line 3.2 Navigation 3.3 Sister Site 3.4 Search Box 3.5 Sister Site 4 Content 4.1 Home Page 4.1.1 Info Boxes 4.1.2 Specific Info Boxes Styles 4.1.3 Places to dive Map/Nav 4.1.4 Sea Conditions Map 4.2 Home Page Adverts 4.3 Area Navigation` 4.3.1 Places To Dive Specific 4.3.2 Classifieds Specific 4.4 Forum 4.4.1 Directory Listing 4.5 Directory 4.5.1 Directory Listing 5 Footer 6 Misc 6.1 Ciao Advet Author : Rob Wright @ Oyster ------------------------------------------------*/ body { font-family: Helvetica, Arial sans-serif; font-size: 62.5%; margin:0px; color: #666666; padding:0px; background:#ffffff url(../images/layout/body-background.png) repeat-x; } a { text-decoration:none; color:#6271ab;} a:hover { color:#2a3471; } h1, h2, h3, h4, p { margin:10px 0px; padding:0px; } h1{ font-family: Verdana, Helvetica, sans-serif; margin:10px 0px;} h1, h2 {font-family: Verdana, Helvetica, sans-serif;} ul, ol{margin:15px 30px; padding:0px; font-size:1.2em; } li {margin-bottom:5px; } img {border:none;} /* 2 Frame ------------------------------------------------*/ #frame { width:928px; margin:0px auto 0px; padding:1px 18px; background:#FFF url(../images/layout/frame-background.png) repeat-y; -moz-box-shadow: 0px -4px 7px -2px #76797e; -webkit-box-shadow: 0px -4px 7px -2px #76797e; } /* 3 Header ------------------------------------------------*/ #header { font-family:Verdana, sans-serif; height:185px; background:url(../images/layout/header-background.png) no-repeat; position:relative; color:#FFF;} #header p, #header h1, #header ul { margin:0px; padding:0px; color:#E8ECF2; } /* 3.1 Logo / Strap Line -----------------------*/ #logo { width:240px; height:35px; display:block; background:url(../images/layout/logo.gif) no-repeat; text-indent:-90000px; overflow:hidden; position:absolute; top:35px; left:102px;} a#logo:hover { background-position: 0px -48px; } #strapline { font-size:1.1em; position:absolute; bottom:86px; left:130px; } /* 3.2 Navigation ----------------------------*/ #navigation { margin:0px; padding:0px; list-style:none; width:724px; position:absolute; bottom:26px; left:146px; font-size:1.0em; height:45px;} #navigation li { float:left; margin:0px 0px 5px 0px; border-right:1px dashed #CCCCCC;} #current_area a { font-weight:bold;} #navigation .no-border { border:none;} #navigation a { display:block; text-align:center; padding:2px 0px 0px; margin:0px 3px 0px; font-size:1.1em; color:#6271ab; font-family: Verdana, Arial, Helvetica, sans-serif; position:relative; outline:none;} #navigation a:hover { color:#213B7D; } #home, #equipment { width:68px;} #forums, #conservation {width:88px;} #places, #photography{width:92px;} #learn, #technical{ width:89px;} #classifieds, #wrecks{width:73px;} #direcotory, #info{ width:80px;} #diversions, #clubs{ width:86px;} #news, #holidays{width:80px;} #navigation #home, #navigation #forums, #navigation #places, #navigation #learn, #navigation #classifieds, #navigation #direcotory, #navigation #diversions, #navigation #news{border-bottom:1px dashed #CCCCCC; padding:2px 0px 5px;} /* 3.3 Sister Site --------------------------------*/ #sister_site { position:absolute; right:30px; top:5px; width:360px; } #sister_site strong { font-style:italic; font-size:0.9em; } #sister_site a { display:block; font-size:1.1em; color:#FFF; position: absolute; top:0px; right:5px; } #sister_site a:hover { color:#E8ECF2; } /* 3.4 Search Box [HomePage]--------------------*/ #search { font-size:1.2em; text-transform:lowercase; width:114px; height:30px; position:absolute; left:15px; bottom:-30px; z-index:20;} #search p { position:relative;} #keyword { border:1px solid #d1d1d1; font-size:10px; margin-top:5px; padding:1px 3px; color:#666666; display:block; width:84px; } #search label {color:#8994c0;} #search_submit { border:1px solid #d1d1d1; width:17px; height:17px; padding:0px; background:url(../images/layout/search_button.png) no-repeat center left; text-indent:-9000px; position:absolute; right:0px; bottom:0px; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px;} /* 3.5 Join [HomePage] --------------------------------*/ #join { width:106px; height:189px; background:url(../images/layout/join-background.png) no-repeat; position:absolute; right:-124px; top:100px; text-align:right;} #join h2{ font-size:1.7em; color:#315ca7; font-weight:normal; margin:20px 18px 0px 0px;} #join p {font-size:1.2em; color:#FFF; margin:10px 18px 0px 5px; text-transform:lowercase; font-weight:bold; } #join a { text-align:left; display:block; background:#ffbf00 url(../images/layout/join_button.gif) no-repeat right center; width:25px; height:25px; text-indent:-90000px; margin:15px 0px 0px 55px; border:1px solid #FFF; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 5px #7a6110; -webkit-box-shadow:1px 1px 5px #7a6110; overflow:hidden; position:relative; outline:none;} #join a:active { top:1px;} /* 4 Content ------------------------------------------------*/ #content { position:relative; z-index:1; /*- ie6/7 fix -*/zoom: 1; min-height:500px;} /* Clear fix */ #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body #content{ display: inline-block; width: 100%;} * html #content { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } #content h1 { margin:30px 0px 0px; background:#6271ab url(../images/layout/content-h1-background.png) no-repeat right; padding:8px 0px 0px 110px; height:26px; font-size:1.6em; color:#FFF; font-weight:normal; position:relative; text-shadow:1px 1px 3px #20397b;} #content h1 img{ position: absolute; left:0px; } #content #places_title img {top:-26px; } #content #forum_title { padding-left:70px;} #content #forum_title img {top:0px; } #content h2 {font-size:1.6em;} #content h3 { font-size:1.4em;} #content h4{ font-size:1.3em; } #content p {font-size:1.16em; line-height:1.5em;} #content p a {font-weight:bold;} .area_intro_text { color:#6271AB;} .content-text {margin:20px 20px 0px 115px; } .banner { text-align:center; margin:10px 0px 10px;} .banner img { display:block; margin:auto; } #content #registered_users { text-align:right; font-size:1.09em; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:10px; } #content .note {font-size:1.3em; font-weight:bold; color: #CC3300; } /* 4.1 Home Page -----------------------------------*/ #home_page { width:928px; margin:60px 0px 30px 0px; padding:0px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; } #home_page h2 { font-weight:normal; font-size:1.3em; margin:0px; color:#FFF; text-align:right; text-shadow:1px 1px 1px #20397b;} #home_page h2 a { color:#FFF; text-align:right; display:block; padding:5px 8px 4px 0px; background:url(../images/layout/home_page_icons.gif) no-repeat 10px 6px; text-transform:lowercase; } #home_page h2 a:hover { color:#a3afde; } #home_page h3 {color:#1a4682; font-size:1.1em; padding:0px; } #home_page p { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; } #home-info { list-style:none; font-size:1.1em; position:absolute; right:10px; top:10px; margin:0px;} #home-info li { margin-bottom:5px; } #home-info a{ display:block; padding:0px 0px 0px 10px; background:url(../images/layout/home-info-background.gif) no-repeat 0px 3px;} #home_page .banner { margin:0px 0px 20px;} /* 4.1.1 Info Boxes ----------------- */ .info_box_small, .info_box_medium, .info_box_large, .info_box_large_multi, .ad_block, #sea_conditions { float:left; overflow:hidden; } .info_box_small { width:300px; height:197px; background:url(../images/layout/info-box-small.png) no-repeat; margin:0px 0px 0px 14px;} .info_box_medium { width:457px; height:172px; background:url(../images/layout/info-box-medium.png) no-repeat; margin-bottom: 15px; } .info_box_large { width:614px; height:197px; background:url(../images/layout/info-box-large.png) no-repeat;} .info_box_large_multi { width:928px; background:url(../images/layout/info-box-multi-large.png) no-repeat; margin:15px 0px; padding-top:5px;} .ad_block {width:928px; height:216px; background:url(../images/layout/big-ad-box.png) no-repeat; position:relative; clear:both;} #sea_conditions { width:600px; height:270px;} .info_box_large_multi img { float:left; margin:10px 10px 0px 0px; } .info_box_large_multi a { display:block; font-weight:bold; margin-top:2px;} /* Item pulled form DB */ .item { padding-top:1px; margin:3px 10px 0px 3px; text-align:right;} .info_box_small .item { margin:10px 0px 0px 3px;} .item a { display:block; margin-top:5px;} .info_box_medium h3, .info_box_medium p { margin:12px 0px 5px 120px;} .info_box_small h3, .info_box_small p { margin:8px 10px 5px 85px;} .info_box_medium p, .info_box_small p { margin-top:0px;} /* 4.1.2 Specific Info Boxes ---------------- */ /*Forum */ #forum_info_box { margin-right:14px;} #forum_info_box .item {background: url(../images/layout/home-forum.jpg) no-repeat; height:139px;} /*News */ #news_info_box { margin-right:0px; } #news_info_box h2 a { background-position:10px -95px; } #news_info_box .item {background: url(../images/layout/home-news.jpg) no-repeat; height:136px;} /*Buddy */ #buddy_info_box h2 a{ background-position:10px -56px; } #buddy_info_box .item {background: url(../images/layout/home-buddy.jpg) no-repeat; height:139px;} /*Classified */ #classified_info_box { margin-right:14px;} #classified_info_box h2 a { background-position:10px -127px; } #classified_info_box .item {background: url(../images/layout/home-classifieds.jpg) no-repeat; height:136px;} /*Wreck */ #wreck_info_box h2 a { background-position:10px -153px; } #wreck_info_box .item {background: url(../images/layout/home-wreck.jpg) no-repeat 0px 3px; height:156px;} #wreck_info_box h3{ margin-top:35px;} #wreck_info_box h3 a, #wreck_info_box p { color:#FFF; font-size:1.2em;} /*Book Review */ #book_review { width:310px; float:left;} #book_review h3 {margin:17px 0px 0px 0px; } #book_review p { margin:5px 0px 0px;} /*Q&A Forums */ #specialist_form { width:300px; float:right; padding-right:10px;} #specialist_form p{ margin:5px 0px 0px; } #specialist_form img { margin:10px 20px 0px 0px; } #specialist_form h3 { margin:17px 0px 9px 0px;} /* Centre Ad Content */ #home_page .ad_block h3 { font-size:1.4em; color:#e8e8e8; text-transform:uppercase; margin:15px 19px;} .ad_block .ad_with_us{ position:absolute; top:15px; right:34px; font-size:1.2em; padding-right:20px; text-transform:lowercase; color:#999999;} .ad_block .ad_with_us:hover{ color:#18235e;} .ad_block #bonaire { width:484px; margin:15px auto 0px;} #atlantis_specialist_advert { list-style: none; margin:10px 0px 0px 15px; padding:0px; background:url(../images/atlantis-specialist-advert.jpg) no-repeat; height:145px; width:336px; position:relative; border:4px solid rgba(50, 68, 120, 0.3); -webkit-border-radius:3px; -moz-border-radius:3px;} #atlantis_specialist_advert a {display:block; position:absolute; text-indent:-9000px; overflow:hidden; bottom:3px; } #uwws { width:105px; height:115px; left:117px;} #uwts { width:110px; height:115px; left:5px;} #uwbs { width:110px; height:115px; left:220px;} /* 4.1.3 Places to dive Map/Nav ---------------- */ #places_info h2 a { text-align:center; background:none; margin-top:0px;} #places_map_container { overflow:hidden; position:relative; height:197px; width:602px;} #places_map_scroller {width:5000px; height:197px;} #places_map {list-style:none; margin:15px 100px 15px 70px; display:inline; padding:0px; background:url(../images/layout/home-places-map.gif) no-repeat; width:444px; height:140px; position:relative; float:left; } #places_map li{ margin:0px; padding:0px; z-index:225; position: absolute; } #places_map a{ display:block; text-indent:-9000px; overflow:hidden; background-position:4350px 0px; position: absolute; z-index:39;} #places_map a:hover {background-image:url(../images/layout/home-places-map.gif); } #back { position:absolute; left:625px; bottom:34px; width:80px; padding:1px 0px 4px 23px; background:url(../images/layout/back.png) no-repeat; } #uk_place{ width:124px; height:140px; top:0px; left:0px; } #uk_place a{ width:124px; height:140px; } #uk_place a:hover { background-position:0px -139px ; } #na_place { width:115px; height:75px; top:1px; left:150px; } #na_place a{ width:115px; height:75px; } #na_place a:hover { background-position:-150px -279px ; } #caribbean_place { width:27px; height:19px; top:53px; left:191px;} #caribbean_place a { width:27px; height:19px;} #caribbean_place a:hover { background-position: -191px -470px;} #sa_place {width:65px; height:66px; top: 72px; left:180px; } #sa_place a {width:65px; height:66px;} #sa_place a:hover { background-position: -180px -628px;} #euro_place { width:45px; height:37px; left:257px; top:14px;} #euro_place a{ width:45px; height:37px;} #euro_place a:hover { background-position: -257px -709px;} #afro_place {width:65px; height:77px; left:254px; bottom:19px; z-index:90;} #afro_place a{width:65px; height:77px;z-index:90;} #afro_place a:hover { background-position: -254px -878px;} #red_place { width:41px; height:44px; left:286px; top:43px;} #red_place a{ width:41px; height:44px;} #red_place a:hover { background-position: -286px -1016px;} #io_place { width:50px; height:41px; left:309px; top:40px; z-index:120; } #io_place a{ width:50px; height:41px; z-index:120; } #io_place a:hover { background-position: -309px -1152px; } #se_asia_place { width:53px; height:66px; top:30px; left:333px; z-index:119; } #se_asia_place a { width:53px; height:66px; } #se_asia_place a:hover { background-position: -333px -1281px; } #pacific_place { width:70px; height:83px; bottom:32px; right:1px;} #pacific_place a { width:70px; height:83px;} #pacific_place a:hover { background-position: -373px -1415px;} .place_listing { width:560px; padding:0px 20px; height:140px; margin:0px 0px;} #places_content { width:600px; height:140px; float:left; margin:15px 0px;} #home_page .place_listing h3 {font-size:1.3em; margin:0px 0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif;} .place_listing ul { list-style:none; font-size:1.1em; margin:10px 0px; paddding:0px; width:590px;} .place_listing li {margin:0px 10px 15px 0px; float:left; display:inline;} .place_listing li a { padding:0px 10px 0px 1px; background:url(../images/layout/placelisting-a-background.gif) right no-repeat; display:block; white-space:nowrap; } .place_listing li a:hover { color:#0099FF;} /* 4.1.4 Sea Conditions Map ---------------- */ #sea_conditions h2 { text-align:center; } #sea_map {width:390px; height:237px; float:right; margin:11px 2px 0px 0px; border-left:4px solid #DCE1DB; background: url(../images/layout/sea-conditions-map.png) no-repeat; position: relative;} #sea_conditions #weather { margin:30px 0px 0px; width:200px; float:left; } #sea_conditions p { margin:10px 20px; font-size:1.2em; line-height:18px; padding-bottom:20px; border-bottom:1px solid #DCE1DB; } #weather_reports {margin:20px 0px 0px 10px; background:url(../images/layout/weather-background.jpg) no-repeat; display:block; padding:12px 0px 16px 40px; font-size:1.1em; } #sea_map ul { list-style:none; margin:0px; padding:0px;} #sea_map li { margin:0px; padding:0px;} #sea_map a{ display:block; text-indent:-90000px; overflow:hidden; position:absolute;} #sea_map a:hover { border:1px solid #CCCCCC; background: rgba(0, 0, 0, 0.1); } #na_sea_conditions { width:140px; height:100px; top:12px; left:7px;} #sa_sea_conditions { width:80px; height:105px; top:106px; left:55px;} #rea_sea_conditions { width:97px; height:105px; top:80px; left:151px;} #euro_sea_conditions { width:200px; height:237px; top:0px; left:95px;} #asia_sea_conditions { width:90px; height:90px; top:39px; left:254px; } #aus_sea_conditions {width:80px; height:75px; right:0px; bottom:35px;} /* 4.2 Home Page Adverts ---------------------------*/ #adverts { width:156px; float:right; margin-top:60px; } #adverts h3 { margin:0px 0px 10px; padding:2px 0px; text-align:center; letter-spacing:1px; font-size:1.1em; color:#FFF; text-transform:lowercase; background:#dbdbdb; font-weight:normal;} #advertising_left_column { padding-bottom:10px; float:left; position:absolute; top:60px; left:13px; width:114px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:20px;} #advertising_right_column { padding-bottom:10px; width:168px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0px 0px 20px -14px;} .advert { margin:0px auto 5px; padding:5px 0px 5px 2px; text-align:center;} .advert img { display:block;} #advertising_right_column .advert { width:160px; } #advertising_left_column .advert { width:85px; padding:0px 3px 0px 0px;} .ad_with_us { display:block; text-align:center; } /* 4.3 Area Navigation ------------------------*/ .area_navigation { margin:30px 40px 30px 115px;} .area_section { width:275px; padding:0px 10px; height:114px; margin:0px 0px 15px 100px; border:1px solid #cfcfcf; position:relative; display:inline; float:left; clear:left;} #information_area .area_section, #peopleclubs_area .area_section, #about_area .area_section{ clear:none; margin:0px 0px 15px 40px;} #about_area #suggest, #about_area #link_us { clear:none; margin:0px 0px 15px 139px;} #peopleclubs_area #worldwide, #peopleclubs_area #celebs, #peopleclubs_area #non_aff, #peopleclubs_area #saa, #peopleclubs_area #padi{ margin:0px 0px 15px 139px; } #information_area #submit_info, #information_area #coastguard, #information_area #medicine, #information_area #grant, #information_area #useful, #information_area #weather { margin:0px 0px 15px 139px; } .area_section h2 { margin-bottom:0px; } .area_section h2 a{ font-size:0.9em; } .area_section h2 img { position:absolute; top:-1px; left:-105px; border:1px solid #cfcfcf; } .area_section h2 a:hover img{border:1px solid rgba(98, 113, 171, 0.7 ); } .area_section p { margin-top:5px; } .area_feature { width:325px; border:1px solid #cfcfcf; padding:0px 10px; float:right;} #content .area_feature h2 { font-size:1.1em; color:#6271AB; border:1px solid #cfcfcf; padding:10px; line-height:1.5em; } /* 4.3.1 Area Nav - Places to Dive Specific -----*/ #uk_places_area ul { background: url(../images/layout/places-to-dive-feature-map.jpg) no-repeat; list-style:none; height:405px; padding:0px; margin:30px auto; width:302px; position:relative;} #uk_places_area a {display:block; text-indent:-9000px; position:absolute;} #uk_places_area a:hover {display:block; text-indent:0px; } #uk_places_area a:hover span {font-size:0.8em; position:absolute; top:10px; left:5px; display:block; background:#8094C4; background:rgba(98, 113, 171, 0.6); padding:5px; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; text-shadow:1px 1px 1px #505052;} #uk_places_area #wales { height:75px; width:55px; left:122px; top:233px; } #uk_places_area #wales span { top:25px; left:20px;} #uk_places_area #south-west{ height:55px; width:110px; left:115px; bottom:38px;} #uk_places_area #south-east{ height:55px; width:75px; bottom:58px; right:19px; } #uk_places_area #midlands{ width:70px; height:60px; bottom:105px; left:178px;} #uk_places_area #east-anglia { width:50px; height:50px; right:11px; bottom:110px;} #uk_places_area #northern-england { width:96px; height:67px; bottom:170px; left:160px;} #uk_places_area #south-scotland { width:90px; height:60px; top:130px; left:122px;} #uk_places_area #north-scoltand {width:140px; height:120px; top:10px; left:80px;} #uk_places_area #north-scoltand span {left:37px; top:80px;} #uk_places_area #eire{ width:110px; height:96px; left:8px; bottom:100px;} #uk_places_area #eire span {left:50px; top:20px;} #uk_places_area #northern-ireland {width:60px; height:36px; left:60px; bottom:202px;} #uk_places_area #northern-ireland span {left:0px; top:0px;} #uk_places_area #channel-islands{ width:45px; height:45px; bottom:0px; left:170px;} #uk_places_area p { font-style:italic; color:#6271ab; font-size:1.4em;} /* 4.3.2 Area Nav - Classifieds Specific -----*/ #content #classifieds_area h2 a {color: #999999; } #content #classifieds_area h2 { border:none; padding:10px 0px 5px; border-bottom:2px solid #e6e6e6; font-size:1.3em; } #content #classifieds_area h3 {font-size:1.3em; margin-bottom:0px; } #content #classifieds_area p {margin-top:3px; } #content #classifieds_area strong{ display:block; } #content #classifieds_area p a{ display:block; margin-top:5px;} /* 4.3.2 Area Nav - News Specific -----*/ #content #news_area a, #news_area strong { display:block; font-size:1.2em;} #news_area strong { margin-bottom:5px;} #content #news_area a { margin-top:5px; } #content #news_area p { border-bottom:1px solid #DFDFDF; padding-bottom:10px; font-size:0.9em; margin-bottom: 15px;} #content #news_area .last { border:none;} /* 4.4 Forum ------------------------*/ /* 4.4.1 Forum Lisiting---------------*/ #forum_listing { list-style:none; margin:20px 0px; padding:0px; position:relative;} #forum_listing ul { list-style:none; margin:0px 0px 3px 0px; padding:0px; height:42px;} #forum_listing li { margin:0px; font-size:0.8em; background:url(../images/layout/forum_icons.png) no-repeat 0px 0px; padding:0px 0px 0px 60px } #forum_listing li a {font-size:1.6em; } #forum_listing ul li { background:none; margin-bottom:0px; float:left; border:1px solid #d8d8d8; padding:2px 5px} .forum_name, .thread_total, .posts_total, .author_time { padding:2px 5px; height:36px; color:#6271ac; } #forum_listing .thread_total, #forum_listing .posts_total, #forum_listing .author_time { font-size:1.0em; margin-left:3px;} .forum_name{ width:500px; } .thread_total{ width:60px; text-align:center;} .posts_total { width:60px; text-align:center;} .author_time { width:190px; } .author_time strong { display:block; font-size:0.8em; color:#666666;} .author_time span {color: #999999; } #commercial_qa_forum ul, #technical_qa_forum ul, #medical_forum ul{ border:1px solid #d8d8d8; padding:2px 0px 2px 0px; height:34px;} #forum_listing #commercial_qa_forum li, #forum_listing #technical_qa_forum li, #forum_listing #medical_forum li{ border:none; float:none; margin:0px; padding: 0px 5px;} #forum_listing #forum_titles { background:none; padding:0px; position:absolute; right:5px; top:128px; } #forum_listing #forum_titles ul{ height:auto; margin:0px; padding:0px;} #forum_listing #forum_titles li{ border:none; height:auto; font-size:0.9em; } #commercial_qa_forum a{ color:#93ab50; } #commercial_qa_forum a:hover { color:#b0cd5f;} #forum_listing #technical_qa_forum { background-position:0px -46px; } #technical_qa_forum a{ color:#ff7f00;} #technical_qa_forum a:hover{ color:#e7ac72; } #forum_listing #medical_forum { background-position:0px -91px; margin-bottom:20px } #medical_forum a{ color:#ff4000;} #medical_forum a:hover{ color:#fa774b;} #forum_listing #general_forum { background-position:0px -152px; } #forum_listing #equipment_forum { background-position:0px -196px;} #forum_listing #underwater_photography_forum { background-position:0px -240px;} #forum_listing #conservation_forum { background-position:0px -284px; } #forum_listing #technical_forum { background-position:0px -328px; } #forum_listing #wreck_forum { background-position:0px -372px;} #forum_listing #boat_forum { background-position:0px -416px;} #forum_listing #cave_forum { background-position:0px -461px;} #forum_listing #commercial_forum { background-position:0px -505px; } #forum_listing #learn_to_dive_forum {background-position:0px -549px;} #forum_listing #dive_travel_forum{ background-position:0px -593px;} #forum_listing #internationl_forum { background-position:0px -637px; } #forum_listing #north_america_forum { background-position:0px -682px;} #forum_listing #australia_forum { background-position:0px -726px;} #forum_listing #red_sea_forum { background-position:0px -770px; } #forum_listing #caribbean_forum{ background-position:0px -814px; } #forum_listing #south_america_forum{ background-position:0px -858px; } #forum_listing #europe_forum{ background-position:0px -903px; } #forum_listing #south_east_asia_forum{ background-position:0px -948px;} #forum_listing #indian_ocean_forum{ background-position:0px -991px;} #forum_listing #south_pacific_forum{ background-position:0px -1035px;} #forum_listing #africa_forum{ background-position:0px -1079px;} #forum_listing #internationl_forum .forum_name {font-size:0.9em; color: #666666;} #forum_listing #internationl_forum .forum_name a { font-size:1.4em; } #forum_statistics { margin-left:60px; padding: 5px 0px 10px 85px; width:780px; position:relative; background:url(../images/layout/stats_background.png) no-repeat 10px 15px; border:1px solid #d8d8d8; } #forum_statistics h3 { margin-bottom:0px; color:#6271ac; } #forum_statistics strong{ color:#6271ac; } #forum_statistics p { margin:2px 0px; } #forum_archive { border-left:1px solid #d8d8d8; width:280px; position:absolute; right:0px; top:10px; padding-left:20px;} #forum_archive h3 {margin-top:5px;} #forum_archive p {font-size:1.0em;} #forum_archive a{ font-size:1.4em; text-transform:lowercase; display:block; height:26px; background:url(../images/layout/arrow-right.png) no-repeat; padding:8px 0px 0px 20px; font-weight:bold; } /* 4.5 Directory ---------------------------------*/ /* 4.5.1 Directory Lisiting---------------*/ #directory_listing {list-style:none; margin:20px 0px 20px 75px; padding:0px; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;} #directory_listing li { position:relative; width:190px; height:128px; float:left; margin:0px 0px 10px 40px; padding:5px; border:1px solid #d8d8d8; } #directory_listing #international-business { width:240px; font-size:0.8em; margin-left:255px; margin-top:25px; text-align:center; padding:10px 5px 20px;} #directory_listing #international-business a{ font-size:1.3em; margin-bottom:5px; } #directory_listing a { font-size:1.1em; display:block;text-align: center; padding-top:10px; } #directory_listing span {font-size:0.6em; color:#999999; /*position:absolute; top:5px; right:5px;*/ } #directory_listing img { display:block; margin:15px auto 0px; } #directory_listing #international-business img { margin-top:0px; } /* 4.6 Forms ------------------------------------*/ label {padding-left:5px; margin:0px; } label input, label select, label textarea { display:block; margin:4px 0px 0px; width:570px; padding:5px; font-size:11px; border:1px solid #C0C0C0; -moz-border-radius:4px; -webkit-border-radius:4px;} label span {font-size:0.9em; display:block; padding-left:5px;} #content form h2 { margin:-10px 25px 25px 10px; font-size:1.0em; color: #CCCCCC;} form p {margin:10px 25px 5px 40px; height:auto; position:relative;} #error {text-align:center; padding:10px; background:#fcdbdb; margin:20px 20px 25px 20px; -moz-border-radius:4px; -webkit-border-radius:4px;} form .form_error { line-height:15px; background:#f66a6a url(../images/layout/form-error.png) no-repeat top left; width:100px; color:#FFF; font-size:11px; position:absolute; padding:7px 5px 7px 20px; right:-120px; top:25px; -moz-border-radius:4px; -webkit-border-radius:4px; text-shadow:0px 1px 2px #656565; z-index:200;} .form_error em { color: #333333; text-shadow:none;} .form_error a { color:#FFF; text-decoration:underline; font-size:0.9em;} /* 4.6.1 Login/Regsitration Forms ---------------------------------*/ #registration, #login { margin:30px 0px 0px 115px; width:670px; background:#F4F4F4; padding:20px 0px 10px 0px; -moz-border-radius:8px; -webkit-border-radius:8px; } #registration fieldset {margin:10px 0px 0px 0px; position:relative; padding:10px 5px; border:none; border-top:2px solid #fff; display:block;} #registration legend { width:18px; display:block; text-indent:-90000px; overflow:hidden; background:url(../images/layout/registration-legend.png) no-repeat; position:absolute; top:28px; left:-30px;} #registration #register_email { margin-top:30px; } #registration #register_password {border-bottom:2px solid #fff; padding-bottom:20px; margin-bottom:25px;} #register_password legend { height:105px; } #register_email legend {height:60px; background-position: 0px -138px; } #register { margin:25px auto 10px;} .button{ padding:6px 10px; display:block; margin:25px 0px 10px; background:#5467A4; color:#FFF; border:1px solid #40518a; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #forgot_password { padding-top:10px; border-top:3px solid #F4F4F4; width:670px; margin-top:30px;} /* 5 Footer ------------------------------------------------*/ #footer {clear:both; margin:20px 20px 0px; padding:5px 0px 10px; border-top:1px solid #E8E8E8; font-family: Verdana, Arial, Helvetica, sans-serif;} #footer ul{margin:0px; list-style:none; padding:10px;} #footer li {display:inline; margin:0px 0px 0px 5px; padding-right:5px; font-size:0.9em; border-right:1px solid #CCCCCC; } #footer li:last-child { border:none;} #oyster { font-size:0.9em; } /* 6 Misc ------------------------------------------------*/ /* 6.1 Ciao Advert -----------------------------*/ .bannerContainer {margin: 5px 0px 5px 10px;*margin-left: -5px;z-index: 50;clear:both;width:140px;} .banner_bgtop {background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:left bottom;float:left;padding:0px 0px 0px 5px;margin:0;height:51px;width:140px;-moz-box-sizing: border-box;} .banner_bgtop span {background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:right bottom;width:140px;height:51px;float:left;padding:0px 0px 0px 5px;text-align:center;-moz-box-sizing: border-box;} *html .banner_bgtop span {background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:right bottom;width:140px;height:51px;float:left;padding:0px 0px 0px 0px;text-align:center;-moz-box-sizing: border-box;} .banner_bgtop a img {align:center;position:relative; top:10px;} .banner_bgtop a.linksCiaoTop {background: none;background:transparent!important;background-image:none!important;margin:0!important;padding:0px 10px 0px 0px!important;text-decoration:none!important;border:0!important;} .banner_bgmiddle {background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:left top;float:left;padding:0px 0px 0px 5px;margin:0;width:140px;-moz-box-sizing: border-box;} .banner_bgmiddle span {background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:right top;float:left;padding:0px 0px 0px 5px;font-family:arial,"helvetica, sans-serif";font-size:11px;font-weight:bold;color:#000000;text-decoration:none;width:140px;-moz-box-sizing: border-box;} *html .banner_bgmiddle span {background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:right top;float:left;padding:0px 0px 0px 0px;font-family:arial,"helvetica, sans-serif";font-size:11px;color:#000000;text-decoration:none;width:140px;} .banner_bgmiddle a.arrowCiao {background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;font:11px arial!important;color:#ff7c00!important;margin:0!important;padding:0px 0px 0px 10px!important;text-decoration:underline!important;display:block!important;text-align:left!important;border:0!important;} .banner_bgmiddle form.busqueda {margin:0px;padding:0px;} .banner_bgmiddle span input.search {background:url(http://images.ciao.com/ide/images/box/form_100x25.gif) no-repeat;font:10px arial;border:0px solid #ff0000;float:left;width:100px;height:25px;margin:0px 1px 0px 0px;padding:5px 0px 0px 0px;vertical-align:middle;text-align:center;} .banner_bgmiddle input.go {margin:2px 0px 0px 5px;width:20px;height:20px;display:inline;float:clear;border:0;} .banner_bgbottom {background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:left bottom;float:left;padding:0px 0px 0px 5px;margin:0;color:#000000;height:51px;width:140px;-moz-box-sizing: border-box;} .banner_bgbottom span {background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:right bottom;float:left;padding:0px 0px 0px 5px;font:22px bold;color:#000000;height:51px;width:140px;-moz-box-sizing: border-box;} *html .banner_bgbottom span {background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:right bottom;float:left;padding:0px 0px 0px 0px;font:22px bold;color:#000000;height:51px;width:140px;-moz-box-sizing: border-box;} .banner_bgbottom a.linksCiaoBottom {background: none;background:transparent!important;background-image:none!important;margin:0!important;padding:0px 0px 0px 10px!important;text-decoration:none!important;display:block!important;border:0!important;} .banner_bgbottom div.footnoteCiao {margin: 5px 0px 0px 0px;padding:0px 5px 0px 0px;font: 9px arial;color: #7b7b7b;text-align: center;} .banner_bgbottom div.logo {margin: -5px 0px -5px;padding: 0px;text-align:center;}