/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 11 February 2012 18:06:36 */ body {background: #FFF; background-image:url(http://www.famoushostels.com/__data/assets/image/0009/102969/bg.jpg); background-position:center top; background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 75%;} #container {width: 900px; margin: 0 auto; text-align: left; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em;} h2, h3 {margin: 10px 0; font-family: Futura, "Franklin Gothic Medium", sans-serif; font-weight: normal;} h2 {color: #333;} h3 {color: #464d62;} p {color: #333; margin: 8px 0;} /* All CSS 3 Rounded Corners */ #booking, #featured, .latest, #special, #whats-on, #media, #media li, #newsletter, #musical, .all-video a, #videos li, #comment-form, #comment-form #sq_commit_button, #twitter {-moz-border-radius: 5px; -webkit-border-radius: 5px;} #content, #videos li span, #media li span {-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;} #header {height: 170px; background: url(http://www.famoushostels.com/__data/assets/image/0019/105175/header-new.png) left top no-repeat;} #header h1 a span {display: none;} #header .tagline {text-indent: -9999px; width: 230px; height: 94px; position: absolute; top: -40px; margin-left: 130px; padding: 35px 0 0 0; color: #fff; font-size: 0.80em; background: url(http://www.famoushostels.com/__data/assets/image/0003/105258/tagline.png) no-repeat;} #logo {float: left; width: 300px; height: 160px; margin: 7px 0 0 50px;} #logo a {position: relative; text-indent: -9999px; width: 136px; height: 157px; background: url(http://www.famoushostels.com/__data/assets/image/0013/105232/logo.png) no-repeat; z-index: 87; display: block;} #logo a:hover {cursor: pointer;} .language {height: 16px; width: 180px; margin: 2px 0 0 170px; padding: 0 0 0 15px; border-left: 1px solid #333; z-index: 105;} p.language {position: absolute; top: 5px; margin-left: 663px;} .language img {border: none;} #share1 {float: left; padding: 10px; 0 0 0;} #share2 {float: left; padding: 10px; 0 0 0px; margin: 0 0 0 -10px;} #share2 img {padding: 0 2px 0 0;} a.rate-hostel {padding: 0 5px 0 0;} #bookmarks {position: absolute; top: -5px; margin-left: 375px; width: 520px; padding: 0 0 0 15px; letter-spacing: -0.017em; font-size: 0.8em; background: url(http://www.famoushostels.com/__data/assets/image/0003/105177/share_bg.png) no-repeat;} #bookmarks p {margin: 0;} #bookmarks strong {font-size: 0.75em; font-family: tahoma, sans-serif; font-weight: normal;} #bookmarks a {color: #fff;} #bookmarks ul {list-style: none; width: 80px;} #bookmarks ul a {padding: 0; width: 80px;} #bookmarks ul a:hover {text-decoration: none;} #bookmarks ul li {position: relative;} #bookmarks ul li ul {list-style: none; width: 300px; position: absolute;left: 0; top: 20px; display: none; z-index: 120;} #bookmarks ul li ul li {margin: 0; padding: 0; float: left; font-size: 0.85em; border-right: 0.0117em dotted #75b011;} #bookmarks ul li ul li a {display: block; margin: 0; text-decoration: none; padding: 2px; text-align: center; width: 50px; color: #fff; background: #89d110; border-bottom: 1px solid #339933;} #bookmarks ul li ul li a:hover {color: #000;} #bookmarks ul li:hover ul { display: block; z-index: 130;} span.pledge {position: absolute; top: 45px; margin-left: 365px; width: 172px; height: 107px; z-index: 10; background: url(http://www.famoushostels.com/__data/assets/image/0018/105174/famouspledge.png) top left no-repeat;} span.pledge p {text-indent: -9999px;} #navbar {width: 900px; position: absolute; top: 85px; margin-left: 0; border-top: 1px solid #3a7eba; background: url(http://www.famoushostels.com/__data/assets/image/0005/86198/nav-bottom.png) left bottom no-repeat; z-index: 8;} #navbar ul {float: right; width: 670px; font-weight: 800; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.0117em; font-size: 0.85em;} #navbar li {float: left; background: url(http://www.famoushostels.com/__data/assets/image/0006/86199/nav-line.png) center left no-repeat;} #navbar a {display: block; padding: 15px 10px 19px 10px; color: #fff; text-decoration: none;} #navbar a:hover {color: #333;} #navbar .off { } #navbar .off:hover { color: #fff; background: #49C7FE; padding: 0; margin: 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-box-shadow: 0px 0px 1px #666; -webkit-box-shadow: 0px 0px 1px #666; box-shadow: 0px 0px 1px #666; } #navbar .off ul {display: none; z-index: 50; font-size: 1.2em; font-weight: normal; width: 465px; margin: 0px 0 0px 0; padding: 25px 0px 20px 30px; position: absolute; margin-top: -3px; background: #fff; border-top: 5px solid #49C7FE; border-bottom: 5px solid #49C7FE; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: 0px 2px 2px #666; -webkit-box-shadow: 0px 2px 2px #666; box-shadow: 0px 2px 2px #666; } #navbar .off li a {background: none; letter-spacing: 1px;} #navbar .off a {} #navbar .off li {width: 150px; background: none; font-size: 0.75em; line-height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 0px dotted #c1c1c1; } #navbar .off .last {border-bottom: none;} #navbar .off li a {display: block; padding: 0px 0px 0 0; margin: 0 0 0 0px; color: #333; } #navbar .off li { } #navbar .off li a:hover, #navbar ul li#all-hostel a:hover {color: #49C7FE;} #navbar .off li:hover { list-style-image: url(http://www.famoushostels.com/__data/assets/image/0004/191317/lst-style.png); list-style-position: outside; } #navbar ul li#all-hostel a {color: #000; font-weight: bold; height: 40px; line-height: 40px;} /* Breadcrumb Updated 27 Nov 2009*/ #breadcrumb {clear: both; width: 860px; margin: 0 10px 0 10px; padding: 2px 10px; background: #fff; font-size: 0.65em; color: #97988a;} #breadcrumb a {color: #5d5e54; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #ccc;} #breadcrumb span {font-size: 1.4em;} #breadcrumb a:hover {color: #000;} /* ALL BODY CONTENT */ #content {float: left; margin: 0 10px 0 10px; width: 870px; clear: both; padding: 10px 5px; background: #f0f0e3;} /* #subnav {float: right; width: 525px; margin: 2px 5px 0 0; font-size: 0.8em;} #subnav ul {float: left; width: 500px; margin: 0px 0px 0 5px; padding: 0 0 10px 0;} #subnav li {float: left; display: block; padding: 0 1px;} #subnav li a {float: left; display: block; width: 90px; text-align: center; text-decoration: none; padding: 4px 4px; font-size: 0.95em; color: #3a7eba; font-weight: bold; font-family: Futura, "Franklin Gothic Medium", sans-serif;} #subnav li a span {color: #333; font-size: 0.90em; font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;} #subnav li a.active, #subnav li a.active span, #subnav li a:hover {color: #fff; background: #a7cee5; -moz-border-radius: 5px; -webkit-border-radius: 5px;} */ #subnav {float: right; width: 525px; margin: 2px 5px 0 0; font-size: 0.8em;} #subnav ul {float: left; width: 500px; margin: 0 0 0 10px; padding: 0;} #subnav li {float: left; display: block; padding: 0 1px;} #subnav li a {float: left; display: block; width: 90px; height: 30px; overflow: hidden; text-align: left; text-decoration: none; padding: 4px 0px 10px 8px; font-size: 0.95em; color: #3a7eba; font-weight: bold; line-height: 1.4; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #subnav li a span {color: #464b55; font-size: 0.85em;} #subnav li a.active, #subnav li a.active span, #subnav li a:hover {color: #fff; background: #f9b720;} #sidebar {float: left; width: 332px;} #main-content {float: left; width: 535px;} #main-content #map { width:500px; height:300px; } #main-content #media {border: none;} .hostel-header img {border-bottom: 1px solid #4a4f58; margin: 0 0 0 0px;} .hostel-header {background: #fff; width: 517px; height: 205px; margin: 0 0 20px 10px; position: relative; top: -4px; left: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } .title {float: left; width: 290px; margin: 2px 10px;} .title h2 {font-size: 1.2em; margin: 10px 0 0 0 !important; letter-spacing: -0.047em;} .title p, .title table {font-size: 0.75em; color: #777;} .title p {margin: 5px 0 0 0; line-height: 1.2em;} .title table {width: 225px !important; position: relative; top: -40px; left: 280px;} .title td {padding-left: 5px;} .title td a {color: #448ccb;} .title td a:hover {color: #333;} .satisfaction {float: left; width: 200px; text-align: right; background: #458ecd; text-align: center; margin-top: -10px; padding: 15px 0 5px 0; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 10px; border-radius: 0 0 10px 10px; -moz-box-shadow: 0 2px 5px #ccc; -webkit-box-shadow: 0 2px 5px #ccc; box-shadow: 0 2px 5px #ccc; } .satisfaction:hover {background: #f9b720;} .satisfaction p {margin: 0; font-family: Georgia, Times, serif; font-size: 1.2em;} .satisfaction p strong {color: #FFF; font-weight: 100;} .satisfaction p span {color: #FFF;} .satisfaction ul {padding: 5px 0 0 0;} .satisfaction li {display: inline-block; margin: 0 1px; padding: 0 0 0 18px;} .satisfaction li.read-review {background: url(http://www.famoushostels.com/__data/assets/image/0003/86214/user_comment.png) left top no-repeat;} .satisfaction li.write-review {background: url(http://www.famoushostels.com/__data/assets/image/0004/86215/user_edit.png) left top no-repeat;} .satisfaction a {display: block; font-size: 0.70em; color: #fff;} .satisfaction a:hover {text-decoration: underline; color: #000;} /* .hostel-header {background: #fff url(http://media.famoushostels.com/__data/assets/image/0009/132768/banner-bg.png) bottom left no-repeat; width: 527px; height: 215px; margin: 0 0 20px 5px;} .hostel-header img {border-bottom: 3px solid #941a75; margin: 0 0 0 5px;} .title {float: left; width: 290px; margin: 2px 10px;} .title h2 {font-size: 1.2em; margin: 10px 0 0 0 !important; letter-spacing: -0.047em;} .title p, .title table {font-size: 0.75em; color: #777;} .title p {margin: 5px 0 0 0; line-height: 1.2em;} .title table {margin: 30px 0 20px 0;} .title td {padding: 0 15px 0 0;} .title td a {color: #448ccb;} .title td a:hover {color: #333;} .satisfaction {float: left; width: 200px; margin: 10px 0px; text-align: right;} .satisfaction p {margin: 0; font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;} .satisfaction p strong {color: #777; font-size: 1.4em; font-weight: 100; letter-spacing: -1px;} .satisfaction p span {font-size: 1.4em; color: #5887b8;} .satisfaction ul {padding: 5px 0 0 0;} .satisfaction li {display: inline-block; margin: 0 1px; padding: 0 0 0 18px;} .satisfaction li.read-review {background: url(http://www.famoushostels.com/__data/assets/image/0003/86214/user_comment.png) left top no-repeat;} .satisfaction li.write-review {background: url(http://www.famoushostels.com/__data/assets/image/0004/86215/user_edit.png) left top no-repeat;} .satisfaction a {display: block; font-size: 0.70em; color: #333;} .satisfaction a:hover {text-decoration: underline; color: #5887b8;} */ #page_asset_builder_86376 {float: left; width: 490px; background: #e5e5d8; padding: 10px 10px 20px 10px;} #sidebar .sidebar-form {margin: 20px 10px 0 10px; font-size: 0.85em;} #sidebar .sidebar-form h2 {font-size: 1.85em;} #sidebar .sidebar-form p {padding: 10px 0 0 0;} #comment-form {float: left; width: 500px; background: #a7cee5; margin: 0 0 0 0; padding: 10px;} #comment-form p em {color: #fff !important;} #comment-form input, #comment-form textarea {border: none !important;} #comment-form img {margin: 0 5px 0 0;} #comment-form img#sq_security_key {float: left;} #comment-form span input#SQ_SYSTEM_SECURITY_KEY_VALUE {float: left;} #comment-form span {float: left; margin: 0 5px 0 10px;} #comment-form span a {color: #448ccb;} #comment-form span em {float: left; color: #fff !important;} #comment-form #sq_commit_button {float: left; margin: 10px 0 0 0; padding: 10px 20px; font-size: 1.2em; color: #331e03; background: #fc0; border: 1px solid #fe0; border-bottom: 1px solid #f90;} .hostel-info {clear: both; font-size: 0.8em; margin: 0 0 20px 0; padding: 0 10px;} .hostel-info h2 {font-size: 1.8em; font-variant: small-caps;} .hostel-info h3, .hostel-facilities h3 {font-size: 1.45em;} .hostel-info img {float: right; padding: 2px; background: #fff;} .hostel-info li {margin: 0.17em 0 10px 0; clear: right;} .hostel-info li img {margin: 0 0 10px 0; padding: 0;} .hostel-info img.group {border: 1px solid #448ccb; padding: 2px; background: #fff;} /* PopUp */ .hostel-info ol,.hostel-info ul {margin: 10px 0 0 20px;} .hostel-info ol li {list-style: decimal;} .hostel-info ul li {list-style: disc;} .hostel-info li ul li {list-style: circle;} .hostel-info .list-by {float: right; width: 100%;} .hostel-info .list-by img {float: left; text-align: right;} .service {float: left; width: 500px; padding: 4px 5px; color: #2d2d2a; font-size: 0.90em; background: #e5e5d8; border-bottom: 1px solid #fff;} .service ol li {float: left; width: 230px; padding: 0 0 0 20px; background: url(http://www.famoushostels.com/__data/assets/image/0005/88187/bullet_star.png) left top no-repeat;} .service h3 a, .service li a {color: #448ccb;} .service h3 a:hover, .service li a:hover {color: #333;} .service ol, .service ul {margin: 0;} .service ol li, .service ul li {list-style: none;} table.service {width: 515px; font-size: 0.75em; margin-left: 10px; margin-bottom: 10px; border: none; background: #FAFAF6;} table.service tr {border-bottom: 1px dotted #e7e7e7;} table.service td {padding: 5px 10px; border-right: 1px dotted #e7e7e7;} table.service td a {color: #00ADEE;} #map_canvas {width: 510px !important;} /* NEW STYLES DEC 2010 START: */ /* ----/EVENTS STYLE DEC 2010 --- */ .main-content-2011 { display: inline; float: left; width: 520px; margin: 0 0 20px 7px; } .title-new { float: left; width: 505px; margin: 4px 0 0px 0; padding: 5px 0px 5px 15px; background: #37B34A; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .title-new.alt {background: #B2D83A;} .title-new h2 { font-size: 1.1em; font-weight: 400; letter-spacing: 0.04em; margin: 0; color: #FFF; line-height: 1.2em; } .title-new h2.inline { float: left; font-size: 1.1em; padding-top: 2px; } .title-new p { font-size: 0.95em; font-weight: 400; letter-spacing: 0.04em; margin: 0; color: #FFF; line-height: 1em; } .title-new span { float: right; padding-right: 20px; font-size: 0.8em; font-weight: 400; letter-spacing: 0.08em; margin: 3px 0 0 0; color: #FFF; text-transform: uppercase; } .city-events { text-align: -moz-center; display: inline; float: left; width: 520px; margin: 0 0 5px 0px; padding: 0 0 0 0px; background: #FAFAF6; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .city-events table { text-align: -moz-center; margin: 30px 0 35px 0; position:relative; } .city-events td { border: 1px dotted #999; width: 105px; text-align: left; padding: 3px 0 3px 0; } .city-events td:hover { background: #B8E63F; } .city-events a { width: 100px; font-size: 0.8em; letter-spacing: 0.01em; text-decoration: none; color: #222; padding: 3px 0 3px 10px; } .all-events { float: left; margin: 0px 0 40px 0px; padding: 0 0 25px 15px; font-size: 0.8em; font-weight: 400; letter-spacing: 0.04em; color: #222; line-height: 1.3em; background: #FAFAF6; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; width: 505px; } .title-new .prev-next a { letter-spacing: 0.01em; text-decoration: none; color: #fff; padding: 10px 8px 9px 8px; margin: 0 6px 0 6px; line-height: 1.6em; } .title-new .prev-next a:hover { background: #B8E63F; color: #fff; } .all-events li { display: inline; margin-left: 0px; border: 0px dotted magenta; } .all-events li img { margin: 0 10px 0 -29px; } .all-events li span { margin: 0 0 0 0px; font-weight: 400; padding: 0; font-size: 0.8em; } .all-events li { display: block; width: 448px; padding: 15px 20px 13px 30px; margin: 0 0 0 0; font-weight: 900; text-decoration: none; color: #222; border-bottom: 1px dotted #999; } .all-events a { font-weight: 400; text-decoration: none; color: #555; border-bottom: 0px dotted #A0A0A0; } .all-events a:hover { color: crimson; border-bottom: 0px dotted #85AF04; background: transparent;} /* .latest-guides ul {margin: 0;} .latest-guides ul li {list-style: none;} .latest-guides li a {color: #333; text-decoration: none; border-bottom: 1px dotted #777;} .latest-guides p a {background: #e5e5d8; padding: 4px; color: #448ccb;} .top10, .city, .general {width: 160px; float: left; margin: 0 5px 0 0;} .top10 h3 {text-indent: -9999px; height: 85px; background: #e5e5d8 url(http://www.famoushostels.com/__data/assets/image/0009/98055/top10.jpg) top center no-repeat;} .city h3 {text-indent: -9999px; height: 85px; background: #e5e5d8 url(http://www.famoushostels.com/__data/assets/image/0007/98053/europe-guide.jpg) top center no-repeat;} .general h3 {text-indent: -9999px; height: 85px; background: #e5e5d8 url(http://www.famoushostels.com/__data/assets/image/0008/98054/general-tips2.jpg) top center no-repeat;} */ /* --------------------NEW STYLES FOR TRAVEL TIPS START: */ .hostel-info h2.alt { color: #FFF; font-size: 1.1em; font-weight: 400; letter-spacing: 0.04em; margin: 4px 0 8px 0; padding: 8px 0px 12px 10px; background: #00ADEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .main-content-2011 .latest-guides { font-size: 1.2em;} .main-content-2011 .latest-guides ul { clear: both; } .main-content-2011 .latest-guides h3 {margin: 0; padding: 0;} .main-content-2011 .latest-guides h3 a {float: left; font-size: 0.9em; letter-spacing: 0.01em; text-decoration: none; color: white; line-height: 1.6em; } .main-content-2011 .latest-guides .city h3 a {float: right;} .main-content-2011 .latest-guides li a { margin: 0; padding: 0; font-size: 0.8em; letter-spacing: 0.01em; text-decoration: none; color: #222; border-bottom: 1px dotted #777;} .main-content-2011 .latest-guides p a { margin: 0; padding: 0; font-size: 0.75em; letter-spacing: 0.01em; text-decoration: none; color: #222; } .main-content-2011 .top10 li a:active, .main-content-2011 .top10 li a:hover { color: #9DB600; } .main-content-2011 .city li a:active, .main-content-2011 .city li a:hover { color: #F02C3E; } .main-content-2011 .general li a:active, .main-content-2011 .general li a:hover { color: #00ADEE; } .main-content-2011 .top10 p a { background: #9DB600; color: #fff; padding: 0 1px 0 4px; } .main-content-2011 .city p a { background: #F02C3E; color: #fff; padding: 0 1px 0 4px; } .main-content-2011 .general p a { background: #00ADEE; color: #fff; padding: 0 1px 0 4px; margin-top: 5px; } .main-content-2011 .latest-guides p a:active, .main-content-2011 p a:hover { background: #fff; color: #333; } .main-content-2011 .latest-guides p { float: left; margin: 0; padding: 0; } .main-content-2011 .top10, .main-content-2011 .city, .main-content-2011 .general { clear: both; display: inline; overflow: hidden; float: left; width: 516px; height: 211px; margin: 0px 0 5px 0px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 0px 0px 0px; background: #E2E6CE; } .top10 .guides-desc, .general .guides-desc { overflow: hidden; float: left; margin: 18px 0 0 15px; } .city .guides-desc { overflow: hidden; float: left; margin: 18px 0 0 25px; } .top10 a.travel-thumbs { text-indent: -9999px; float: left; background: url(http://www.famoushostels.com/__data/assets/image/0015/193020/top-10-guides.jpg) 0 0 no-repeat; width: 236px; height: 192px; margin:10px 10px 10px 10px; } .city a.travel-thumbs { text-indent: -9999px; float: left; background: url(http://www.famoushostels.com/__data/assets/image/0004/193018/europe-guides.jpg) 0 0 no-repeat; width: 236px; height: 192px; margin:10px 10px 10px 10px; } .general a.travel-thumbs { text-indent: -9999px; float: left; background: url(http://www.famoushostels.com/__data/assets/image/0005/193019/general-guides.jpg) 0 0 no-repeat; width: 236px; height: 192px; margin:10px 10px 10px 10px; } a.travel-thumbs:hover { background-position: 0 -193px; } .main-content-2011 h2.header-new { color: #FFF; font-size: 1.1em; font-weight: 400; letter-spacing: 0.04em; margin: 4px 0 8px 0; padding: 8px 0px 12px 10px; background: #00ADEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* ------------------New Styles for Reviews Page Start */ /* .latest-2011 { margin: 0 0 10px 0; } .latest-2011 .latest {clear: both; width: 520px; float: left; margin: 5px 0 0px 0; font-size: 0.8em; font-style:normal; font-weight: 400; letter-spacing: 0.01em; text-decoration: none; color: #222; background: #fff; padding: 0; } .latest-2011 .list-by span em { font-style:normal; } .latest-2011 .list-by { padding: 0; margin: 0; float: left; } .latest-2011 .list-by span { color: #222; float: left; width: 514px; padding: 8px 0 6px 6px; margin: 0; background: #FAFAF6; border-bottom: 0px dotted #ccc; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; letter-spacing: 0.03em; } .latest-2011 .list-by span a { text-decoration: none; color: #00ADEE; } .latest-2011 .list-by span a:hover { text-decoration: none; color: #F02C3E; } .latest-2011 .list-by span img { height: 9px; margin-left: 8px; } .latest-2011 .list-by span em img { height: 9px; margin: 0 8px 0 8px; } .latest-2011 .list-by p { float: left; margin: 15px 14px 15px 14px; letter-spacing: 0.01em; } .latest-2011 .list-by span.location { color: #222; font-size: 0.9em; width: 506px; padding: 5px 0 5px 14px; background:#fff; border-top: 1px dotted #ccc; border-bottom: 0px dotted #ccc; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } */ .latest-2011 { margin: 0 0 10px 0; } .latest-2011 .latest {clear: both; width: 520px; float: left; margin: 5px 0 0px 0; font-size: 0.8em; font-style:normal; font-weight: 400; letter-spacing: 0.01em; text-decoration: none; color: #222; background: #fff; padding: 0; } .latest-2011 .latest h4 {color: #00ADEE;} .latest-2011 .latest a {color: #ccc; text-decoration: none; font-weight: normal; font-size: 0.75em;} .latest-2011 .latest a:hover {color: #00ADEE;} .latest-2011 .latest img {width: 12px; height: 12px;} .latest-2011 .latest .review-head {color: #777; float: left; width: 514px; padding: 5px 0 5px 10px; margin: 0; border-bottom: 0px dotted #ccc; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; letter-spacing: 0.03em;} .latest-2011 .latest .description p {float: left; color: #222; width: 506px; padding: 5px 0 5px 10px; background:#fff; border-top: 1px dotted #ccc; border-bottom: 0px dotted #ccc; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;} .service-2011 .service {clear: both; width: 520px; float: left; margin: 10px 0 0 0; font-size: 0.75em; background: #fff; padding: 5px 0 3px 5px; border-bottom: 0px solid #fff; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } .service-2011 .service a { text-decoration: none; color: #14CEED; } .service-2011 .service a:hover { text-decoration: none; color: #F33; } /* NEW STYLES DEC 2010 STOP */ /*Long Travel Guide with Anchor */ #guide, .contact-us {float: left; width: 100%; margin: 10px 0 20px 0; padding: 0; background: #fff; border: 1px solid #e5e5d8;} #guide h3, .contact-us h3 {font-size: 1.2em; margin: 10px 15px; color: #000; font-family: Georgia, Times, serif;} #guide p, .contact-us p {margin: 10px 15px;} #guide img, .contact-us img {float: left; margin: 0 10px 10px 10px; border: 1px solid #e5e5d8;} .contact-us img {margin-top: 10px; border: none;} span.pano-image img {padding: 0; float: none;} #guide ul, .contact-us ol {margin-left: 30px; float: left;} #guide li, .contact-us li {margin: 2px 0; padding: 0; color: #b7b7aa; border-bottom: 1px dotted #dadacd;} #guide a, .contact-us a {color: #4f4f3a; font-family: Georgia, serif; text-decoration: none;} #guide a:hover, .contact-us a:hover {color: #000; background: #e5e5d8;} p.back-top {border-bottom: 1px dotted #dadacd; text-align: right; color: #000;} p.back-top a {text-decoration: none; color: #000;} /* Hostel News and Promo */ .hostel-news {margin-top: -10px; background: #a7cee5; padding: 5px 0;} .hostel-news h3 {float: left; color: #FFF; border-bottom: 1px dotted #000; margin: 10px; font-family: Arial, Helvetica, sans-serif;} .hostel-news p {clear: both; color: #313d45; padding: 0 10px;} /*Map* UPDATED 7 December 2010/ /* -------- NEW STYLES FOR #MAP_EUROPE (CAFE PROJECT DEC 2010) START: */ #map_europe { width: 850px; text-align: center; margin: 0 auto; padding: 0; } #canvas {float: left; text-align: left; margin: 15px 0 60px 3px; background:url(http://www.famoushostels.com/__data/assets/image/0020/191315/map_europe_bg.gif) 0 0 no-repeat; width: 848px; height: 569px; border: 0px dotted red; } #map_europe h2 { text-indent: -9999px; float: left; text-align: left; font-family:monospace; font-size: 1.3em; letter-spacing: -0.05em; color: white; margin: 20px 0 0 69px; font-weight: 400; } #hostel-list-wrap {margin: 59px 0 0 75px; padding: 0; width: 313px; text-align: left;} #hostel-list-wrap #hostel-list {text-align: left; margin: 0; font-size: 0.70em;} #hostel-list-wrap #hostel-list li { margin: 0; padding: 0; font-size: 0.9em; letter-spacing: 0.03em; color: #222; line-height: 1.6em; text-decoration: none; } #hostel-list-wrap #hostel-list li a { text-decoration: none; color: #222; } #hostel-list-wrap #hostel-list li a:hover { color: #2DD9FF; background:transparent !important; } #hostel-list-wrap #hostel-list li:hover { list-style-image: url(http://www.famoushostels.com/__data/assets/image/0004/191317/lst-style.png); } /* EFH MAP */ #efh-map {width: 510px; height: 520px; margin: 1px 0 0 326px; overflow: visible; border: 0px dotted red; position: absolute; top: 250px; } #efh-map #no-fees { text-indent: -9999px; width: 189px; height: 42px; background: transparent url(../img/efh-nofees.png) 0 0 no-repeat; margin: 15px 0px 0px 20px; } #efh-map .current a {color: #ffbd24 !important;} #efh-map .current.isOpened p.tipTitle a {color: #000 !important;} #efh-map .current.isOpened p a {color: #fff !important;} #efh-map .current.isOpened p a:hover {color: #000 !important;} /* The main wrapping div of the slideout tips */ .slideOutTip {position: absolute; top:0; width: 250px; margin-left: 0; z-index: 9999; color: #fff; font-size: 0.70em;} .slideOutTip p br {} .slideOutTip p a {float: left; margin: 4px 0; padding: 4px 2px; color: #fff; text-decoration: none; background: #6cad26; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .slideOutTip p a:hover {color: #000;} .slideOutTip .tipTitle a {border: none; padding: 0; background: none; margin: 0;} .slideOutTip .tipTitle a:hover {color: #fff; } div .slideOutTip .vienna { border: 1px dotted red; } #efh-map .amsterdam {top: 168px !important; margin-left: 235px !important;} #efh-map .athens {top: 417px; margin-left: 467px;} #efh-map .bad-gastein {top: 283px; margin-left: 325px;} #efh-map .barcelona {top: 360px; margin-left: 160px;} #efh-map .berlin {top: 170px; margin-left: 315px;} #efh-map .bruges {top: 205px; margin-left: 212px;} #efh-map .budapest {top: 265px; margin-left: 380px;} #efh-map .cardiff {top: 180px; margin-left: 120px;} #efh-map .copenhagen {top: 130px; margin-left: 290px;} #efh-map .corfu {top: 395px; margin-left: 435px;} #efh-map .dublin {top: 145px; margin-left: 95px;} #efh-map .edinburgh {top: 110px; margin-left: 140px;} #efh-map .granada {top: 437px; margin-left: 90px;} #efh-map .interlaken {top: 276px; margin-left: 252px;} #efh-map .lisbon {top: 397px; margin-left: 15px;} #efh-map .loch-ness {top: 80px; margin-left: 135px;} #efh-map .london {top: 178px; margin-left: 170px;} #efh-map .madrid {top: 370px; margin-left: 85px;} #efh-map .marseille {top: 335px; margin-left: 200px;} #efh-map .munich {top: 250px; margin-left: 294px;} #efh-map .nice {top: 335px; margin-left: 250px;} #efh-map .naples {top: 385px; margin-left: 345px;} #efh-map .paris {top: 235px; margin-left: 200px;} #efh-map .prague {top: 213px; margin-left: 330px;} #efh-map .riga {top: 87px; margin-left: 414px;} #efh-map .rimini {top: 330px; margin-left: 330px;} #efh-map .rome {top: 360px; margin-left: 320px;} #efh-map .rotterdam {top: 187px; margin-left: 225px;} #efh-map .salzburg {top: 265px; margin-left: 320px;} #efh-map .seville {top: 425px; margin-left: 45px;} #efh-map .sorrento {top: 403px; margin-left: 350px;} #efh-map .valencia {top: 395px; margin-left: 130px;} #efh-map .vienna {top: 245px; margin-left: 360px;} .slideOutTip:hover {} /* The holder for the title and the icon: */ .tipVisible {cursor:pointer; text-align: center;} .tipVisible .plusIcon {float: left;} .tipVisible .tipTitle {float: left !important; background:#333; padding: 0px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tipVisible .tipTitle:hover { background: #E08E00; } .slideOutTip.isOpened {z-index:10000; width: 220px !important;} .slideOutTip.isOpened .slideOutContent {width: 220px; color: #000; background: #fff; margin: -10px 0 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} .slideOutTip.isOpened .slideOutContent p em {font-weight: bold !important; font-style: normal !important; color: #333333; } .slideOutTip.isOpened .slideOutContent p a {float: right; clear: both !important; width: 60px; text-align: center; padding: 4px 0; color: #fff !important;} .slideOutTip p a:hover { color: #222; } .slideOutTip.isOpened .tipVisible {} /* .slideOutTip.isOpened .tipTitle {background: #fff; margin: 0 0 5px 0;} */ .slideOutTip.isOpened .tipTitle {background: #fff; margin: 0 0 8px 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .slideOutTip.isOpened .tipTitle a {background: #fff; padding: 2px 0; color: #000 !important; font-weight: bold; font-size: 1.2em;} .slideOutTip.isOpened .tipIcon {float: left; background:url('http://www.famoushostels.com/__data/assets/image/0006/168054/bullet_blue.png') no-repeat 0 0;} /* Hiding the div with the slide out content: */ .slideOutContent {display:none; float: left; padding: 5px; font-size: 1.1em; line-height: 1.2em;} .slideOutContent p span {float: left; width: 100%; margin: 5px 0; background: #fff; text-align: center;} /* Hiding the original paragraphs if they have not been replaced (JS disabled): */ #efh-map > p { display: none;} /* ------ NEW STYLES FOR #MAP_EUROPE (CAFE PROJECT 2010) STOP */ .hostel-info .latest {width: 500px; font-size: 1.0em; margin: 5px 0;} .hostel-info .latest p {clear: both; margin: 4px 2px; padding: 2px 0; border-top: none;} .hostel-info #videos li {margin: 5px; } .hostel-info #videos a {font-size: 0.80em;} .contact_style {width: 490px; float: left; margin: 5px 10px; padding: 5px 0 0 0; border-bottom: 1px dotted #CCCCCC;} .contact_style h3 {text-decoration: underline; font-size: 100%;} .contact_style p {font-size: 0.90em; padding-top: 0; padding-bottom: 0;} .contact_style p strong {margin: 0 5px 0 0; padding: 0; color: #333;} a.anchor_top {float: right; color: #006699; margin: 0; padding: 0;} a.anchor_top:hover {color: #000;} #booking {width: 320px; border: 3px solid #fff; background: #ff9900 url(http://www.famoushostels.com/__data/assets/image/0003/102972/bg-booking.png) left top no-repeat;} /* Updated August 13 2010 */ .efh {height: 243px; margin: 0 10px;} /* .efh h2 {text-transform: uppercase; font-size: 1.5em; color: #2f2f2f; text-align: center; line-height: 0.90em; margin: 10px 0 20px 0; text-shadow: rgba(0,0,0, 1) 0 0 0;} */ .efh h2 {font-size: 1.3em; color: #333; font-weight: bold; text-align: center; line-height: 0.90em; position: relative; top: 10px; left: 0; font-family: Times, Georgia, serif; border-bottom: 1px solid #f90;} .efh form {margin: 20px 0 0 0px; padding: 0 10px; font-size: 0.8em;} .efh form legend {color: #000; font-weight: bold; padding: 2px 0;} .efh form fieldset {border: none; margin: 0 0 10px 0;} .efh form select {background: #332506; color: #fff; margin-right: 10px; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #000;;} .efh form .selectN {float: left; width: 50px;} .efh form .submitBtn {float: left; height: 30px; margin: 20px 0 0 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .efh form .submitBtn {padding: 3px 0; width: 100px; font-weight: bold; color: #fff; background-image: none; background-color: #6cad26; border: 1px solid #507b21;} .efh form .submitBtn:hover {color: #20340c; cursor: pointer;} .europe {clear: both; height: 40px; border-top: 1px solid #fff;} .europe h3 {margin: 10px 20px;} .europe h3 a {font-size: 0.8em; color: #333; text-decoration: none; padding: 0 20px 0 0; background: url(http://www.famoushostels.com/__data/assets/image/0009/86193/goto.png) right 4px no-repeat;} .europe h3 a:hover {text-decoration: underline; color: #000;} /* FORM VALIDATION */ #hostelid {float: left;} #hostelid, label {float: left;} select.fieldset { border: 1px solid red;} label.error {margin: 5px 0 0 0; padding-left: 20px; background: url(http://www.famoushostels.com/__data/assets/image/0004/119866/exclamation.png) no-repeat;} label.valid {margin: 5px 0 0 0; padding-left: 20px; background: url(http://www.famoushostels.com/__data/assets/image/0003/119865/accept.png) no-repeat;} #musical {width: 320px; height: 228px; overflow: hidden; margin: 10px 0; border: 3px solid #fff; background: #d3d5d6;} .musicvideo a img {border: none; margin-top: -8px;} #special, #media, #newsletter, #whats-on {width: 300px; margin: 10px 0; padding: 10px; border: 3px solid #fff;} #special h3, #newsletter h3, #whats-on h3 {color: #53772b; font-size: 1.2em;} #special {background: url(http://www.famoushostels.com/__data/assets/image/0019/86203/special-bg.png) right top no-repeat;} #special ol, #newsletter p {margin: 5px 0; font-size: 0.8em;} #special ol {color: #333; list-style:decimal; margin: 0 0 0 20px;} #whats-on {float: left; margin: 0 0 10px 0;} #whats-on ul, #whats-on p {font-size: 0.8em;} #whats-on span {color: #4c4c45; font-size: 0.85em;} #whats-on a {color: #448ccb;} #whats-on a:hover {color: #333;} #media {float: left;} #media ul {float: left; width: 120px;} #media li {display: block; width: 100px; height: 110px; margin: 0 5px 0 0; background-color: #ccc;} #media li a {display: block; width: 100px; height: 110px; text-decoration: none; color: #fff; font-weight: bold; font-size: 0.65em; background: url(http://www.famoushostels.com/__data/assets/image/0019/104914/playHover.png) center center no-repeat;} #media li a span {height: 16px; display: block; position: relative; top: 80%; padding: 2px 0; text-align: center; border-top: 1px solid #ed2933; background: #a61c23;} #media li a:hover {color: #000; background: url(http://www.famoushostels.com/__data/assets/image/0018/104913/playActive.png) center center no-repeat;} #media .media-photos {float: left; width: 180px; margin: 0;} #media .media-photos a {display: block; float: left; overflow: hidden; margin: 2px; width: 45px; height: 45px; background: #fff; border: 2px solid #fff;} #media .media-photos a:hover {border: 2px solid #448ccb;} #media .media-photos img {border: none;} #photo-library {float: right;} #photo-library .media-photos a {display: block; float: left; overflow: hidden; margin: 2px; width: 79px; height: 65px; background: #fff; border: 1px solid #e5e5d8;} #photo-library .media-photos img {float: left; border: none;} #photo-library .service {margin: 10px 5px 0 2px;} .hostel-header #media {float: right; width: 110px; border: none;} .media-photos-thumb span {float: left; margin: 0 15px 10px 0; font-size: 0.85em; -moz-box-shadow: 1px 3px 3px #c2c2ab; -webkit-box-shadow: 1px 3px 3px #c2c2ab;} .media-photos-thumb img {float: left;} .media-photos-thumb a {float: left; color: #333; display: block; width: 106px; height: 120px; position: relative; top: 0; margin-left: -107px; text-decoration: none; text-align: center; z-index: 7;} .media-photos-thumb a:hover {color: #f90;} .media-photos-thumb a strong {position: relative; top: 80%;} #newsletter {clear: left; background: url(http://www.famoushostels.com/__data/assets/image/0020/86204/stamp.png) 255px 10px no-repeat;} #newsletter form {margin: 10px 0;} #newsletter input {font-size: 0.8em; color: #777; margin: 0 8px 0 0;} #newsletter input#submit {width: 33px; height: 23px; margin: 0 0 0 5px; padding: 0 0 4px 0; color: #331e03; font-weight: bold; background: #f39508 url(http://www.famoushostels.com/__data/assets/image/0016/86200/newsletter-submit.png) no-repeat; border: none;} /*TWITTER FEED */ #twitter {float: left; margin: 0 0 10px 0; border: 3px solid #fff;} #twitter .twtr-ft a img {display: none;} #twitter .twtr-ft a.twtr-join-conv {padding: 0 0 0 20px; font-weight: bold; background: url(http://www.famoushostels.com/__data/assets/image/0003/86214/user_comment.png) left top no-repeat; text-decoration: underline !important;} #twitter .twtr-ft a.twtr-join-conv:hover {color: #448ccb !important;} #featured {width: 532px; border: 3px solid #fff; z-index: 5;} #featured h3 {float: left; margin: 10px 0; font-size: 1.0em; line-height: 1.2em; color: #fff; background: #151515; padding: 2px 10px; text-align: center;} #featured .feat-logo {position: relative; top: 210px; left: -150px;} #tab1, #tab2, #tab3, #tab4 {height: 253px; overflow: hidden;} .feat-article {background: #333 url(http://media.famoushostels.com/__data/assets/image/0019/133651/europes_best_airlines.jpg) left top no-repeat;} .feat-review {background: #333 url(http://www.famoushostels.com/__data/assets/image/0004/95377/feat-event-bg.jpg) left top no-repeat;} .feat-hostel {background: #333;} /* random hostel background image embedded in metatadata */ .feat-events {background: #333 url(http://www.famoushostels.com/__data/assets/image/0011/81677/hot-air-balloon.jpg) -30px -130px no-repeat;} .feat-related {width: 340px; float: right; margin: 10px 10px 0 0; background: #000; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0.80em; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .feat-related h4 {margin: 5px 10px 10px 10px; color: #f9b720;} .feat-related ul, .feat-related p {margin: 5px 10px;} .feat-related ul {text-align: left;} .feat-related li {margin: 5px 0; border-bottom: 1px dotted #151515;} .feat-related li img {width: 12px; height: 12px; padding: 0 5px 0 0;} .feat-related a {color: #fff; text-decoration: none; font-size: 0.90em;} .feat-related a:hover {text-decoration: underline;} .feat-related p {text-align: right;} .feat-related p a {background: #151515; border: 1px solid #000; padding: 2px 4px; color: #fff; text-decoration: underline; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .feat-related p a:hover {color: #448ccb;} .feat-related em {font-size: 0.85em; color: #000; font-style: normal;} #featured-tabs {height: 40px; border-top: 1px solid #fff; background: #a2141a; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;} #featured-tabs ul {float: left;} #featured-tabs li {float: left; width: 130px; border-right: 1px solid #ed1c24; border-left: 1px solid #790000;} #featured-tabs .hostel {border-left: none;} #featured-tabs .article {border-right: none;} #featured-tabs a {display: block; padding: 10px 0;text-align: center; color: #fff; text-decoration: none; font-family: "Franklin Gothic Medium", Futura, sans-serif; font-size: 0.90em;} #featured .selected {color: #000; text-decoration: underline; background: url(http://www.famoushostels.com/__data/assets/image/0009/81729/tab-selected-state.png) center top no-repeat;} #featured .none {color: #fff; text-decoration: none;} /* .latest {clear: both; width: 260px; float: left; margin: 0 10px; font-size: 0.75em; background: #fefefa; padding: 2px;} #featured .latest h3 {background: none; color: #333; font-size: 1.6em; margin: 5px 0; font-family: Georgia, Geneva, Times, serif;} .latest p {margin: 0px 2px; padding: 2px 0; border-top: 1px dotted #c7b299;} .latest em {font-style: normal;} .latest a {color: #448ccb;} .latest a:hover {color: #000;} .latest p img {float: left; width: 10%;} .latest .list-by img {width: 8px; height: 8px; margin: 0 0 0 5px;} .latest .list-by {color: #534741;} .latest .list-by em {} .latest .list-by em img {width: 10px; height: 8px;} .latest .location {display: block; clear: both; color: #534741; background: #eaeae4; padding: 2px; font-size: 0.85em;} .latest span.location img {width: 10px; height: 8px;} */ #videos {margin: 20px 0 10px 5px;} #videos h3 {font-size: 1.2em; width: 300px; color: #464d62;} .all-video {float: left;} .all-video p {clear: both; margin: 10px 0 0 0;} .all-video a {font-size: 0.75em; background: #e5e5d8; margin: 10px 0 0 5px; padding: 4px 8px; color: #448ccb;} .all-video a:hover {color: #000;} #videos ul {margin: 15px 0 0 0;} #videos li {float: left; display: block; width: 100px; height: 110px; margin: 0 5px 0 0; background-color: #ccc;} #videos li a {display: block; width: 100px; height: 110px; text-decoration: none; color: #fff; font-weight: bold; font-size: 0.75em; background: url(http://www.famoushostels.com/__data/assets/image/0019/104914/playHover.png) center center no-repeat;} #videos li a span {height: 16px; display: block; position: relative; top: 80%; padding: 2px 0; text-align: center; border-top: 1px solid #ed2933; background: #a61c23;} #videos li a:hover {color: #000; background: url(http://www.famoushostels.com/__data/assets/image/0018/104913/playActive.png) center center no-repeat;} #videos li.copenhagen { display:none; } /* ALL VIDEOS */ li.amsterdam {background: #333 url(http://www.famoushostels.com/__data/assets/image/0006/82365/amsterdam.jpg) center top no-repeat;} li.athens {background: url(http://www.famoushostels.com/__data/assets/image/0007/82366/athens.jpg) center top no-repeat;} li.bad-gastein {background: url(http://www.famoushostels.com/__data/assets/image/0008/82367/bad-gastein.jpg) center top no-repeat;} li.barcelona {background: url(http://www.famoushostels.com/__data/assets/image/0009/82368/barcelona.jpg) center top no-repeat;} li.berlin {background: url(http://www.famoushostels.com/__data/assets/image/0010/82369/berlin.jpg) center top no-repeat;} li.bruges {background: url(http://www.famoushostels.com/__data/assets/image/0020/82370/bruges.jpg) center top no-repeat;} li.budapest {background: url(http://www.famoushostels.com/__data/assets/image/0019/206344/budapest_video_thumb.jpg ) center top no-repeat;} li.cardiff {background: url(http://www.famoushostels.com/__data/assets/image/0003/82371/cardiff.jpg) center top no-repeat;} li.corfu {background: url(http://www.famoushostels.com/__data/assets/image/0004/82372/corfu.jpg) center top no-repeat;} li.dublin {background: url(http://www.famoushostels.com/__data/assets/image/0005/82373/dublin.jpg) center top no-repeat;} li.edinburgh {background: url(http://www.famoushostels.com/__data/assets/image/0006/82374/edinburgh.jpg) center top no-repeat;} li.granada {background: url(http://www.famoushostels.com/__data/assets/image/0004/187123/granada-video.jpg) center top no-repeat;} li.interlaken {background: url(http://www.famoushostels.com/__data/assets/image/0007/82375/interlaken.jpg) center top no-repeat;} li.lisbon {background: url(http://www.famoushostels.com/__data/assets/image/0008/82376/lisbon.jpg) center top no-repeat;} li.loch-ness {background: url(http://www.famoushostels.com/__data/assets/image/0009/82377/loch-ness.jpg) center top no-repeat;} li.london {background: url(http://www.famoushostels.com/__data/assets/image/0010/82378/london.jpg) center top no-repeat;} li.marseille {background: url(http://www.famoushostels.com/__data/assets/image/0010/259138/marseille_video.jpg) center top no-repeat;} li.munich {background: url(http://www.famoushostels.com/__data/assets/image/0011/82379/munich.jpg) center top no-repeat;} li.nice {background: url(http://www.famoushostels.com/__data/assets/image/0003/82380/nice.jpg) center top no-repeat;} li.paris {background: url(http://www.famoushostels.com/__data/assets/image/0004/82381/paris.jpg) center top no-repeat;} li.prague {background: url(http://www.famoushostels.com/__data/assets/image/0005/82382/prague.jpg) center top no-repeat;} li.riga {background: url(http://www.famoushostels.com/__data/assets/image/0006/82383/riga.jpg) center top no-repeat;} li.rimini {background: url(http://www.famoushostels.com/__data/assets/image/0019/220861/rimini-thumb-video.jpg) center top no-repeat;} li.rome {background: url(http://www.famoushostels.com/__data/assets/image/0007/82384/rome.jpg) center top no-repeat;} li.rotterdam {background: url(http://www.famoushostels.com/__data/assets/image/0003/119694/rotterdam.png) center top no-repeat;} li.salzburg {background: url(http://www.famoushostels.com/__data/assets/image/0008/82385/salzburg.jpg) center top no-repeat;} li.sevilla {background: url(http://www.famoushostels.com/__data/assets/image/0007/189592/sevilla-video.jpg) center top no-repeat;} li.sorrento {background: url(http://www.famoushostels.com/__data/assets/image/0020/206345/sorrento_video_thumb.jpg) center top no-repeat;} li.valencia {background: url(http://www.famoushostels.com/__data/assets/image/0009/82386/valencia.jpg) center top no-repeat;} li.vienna {background: url(http://www.famoushostels.com/__data/assets/image/0010/82387/vienna.jpg) center top no-repeat;} #hostels {clear: both; margin: 0 0 10px 5px; padding: 10px 0px; float: left;} #hostels h3 {float: left; font-size: 1.2em; color: #464d62; position: relative; top: 5px; left: 15px; padding: 10px; z-index: 9; background: #2dd9ff; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 5px #ddd; -moz-box-shadow: 0px 2px 5px #ddd; -webkit-box-shadow: 0px 2px 5px #ddd;} #hostels p {text-indent: -9999px; float: right; position: relative; top: -10px; left: 0px; width: 103px; height: 55px; background: url(http://www.famoushostels.com/__data/assets/image/0011/86195/hostel-list-bg.png) 0 0 no-repeat;} #hostels ul {clear: both; *width: 470px; position: relative; top: -20px; padding: 10px 25px; display: inline-block; z-index: 10; background: rgb(247, 247, 247); background: rgba(255, 255, 255, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 5px #ddd; -moz-box-shadow: 0px 2px 5px #ddd; -webkit-box-shadow: 0px 2px 5px #ddd; box-shadow: 0px 2px 5px #ddd; border: 1px solid #fff;} #hostels li {font-size: 0.75em; width: 235px; float: left; border-bottom: 1px solid #f0f0e3;} #hostels li a {color: #333; text-decoration: none; padding: 2px 15px; display: block;} .hostel-list-style li:hover { background: #fff url(http://www.famoushostels.com/__data/assets/image/0004/191317/lst-style.png) 0 center no-repeat; } .hostel-list-style li a:hover, #hostels li a:hover { text-decoration: none; color: #2dd9ff; } /* #hostels {clear: both; margin: 10px 0 10px 5px; padding: 20px 0 0 0;} #hostels h3 {float: left; font-size: 1.2em; color: #464d62; } #hostels p {text-indent: -9999px; float: right; position: relative; top: -10px; left: 0px; width: 103px; height: 55px; background: url(http://www.famoushostels.com/__data/assets/image/0011/86195/hostel-list-bg.png) 0 0 no-repeat;} #hostels ul {clear: both; position: relative; top: -20px;} #hostels li {font-size: 0.75em; width: 175px; float: left; padding: 0;} #hostels li a {color: #333; text-decoration: none;} #hostels li a:hover { text-decoration: none; color: #000;} #footer {clear: both; margin: 0 10px; width: 880px; font-size: 0.75em;} #footer ul {float: left; margin: 5px 0;} #footer ol {float: right; margin: 5px 0;} #footer li {display: inline; margin: 0 5px;} #footer li a {color: #ccc; text-decoration: none;} #footer li a:hover {text-decoration: underline;} #footer p {clear: both; color: #777; margin: 0 5px;} */ #footer { display: inline; float: left; clear: both; margin: 0 0 0 10px; width: 880px; height: 195px; font-size: 0.75em; } #top-footer { display: inline; float: left; clear: both; margin: 5px 0 0 0; width: 880px; height: 167px; font-size: 0.75em; background: #585B5E; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #bottom-footer { display: inline; float: left; clear: both; margin: 0 0 0 0; width: 880px; height: 28px; line-height: 28px; font-size: 0.9em; letter-spacing: 0.1em; background: #558BCB; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } #bottom-footer ul { display: inline; float: right; margin: 0 80px 0 0px;} #bottom-footer ol { display: inline; float: left; margin: 0 0px 0 80px;} #bottom-footer li { display: inline; margin: 0 0 0 10px; } #bottom-footer li a { display: inline; color: #B4E0FE; text-decoration: none; padding: 5px 0 5px 0;} #bottom-footer li a:hover {text-decoration: normal; color: #fff;} #footer p {clear: both; color: #777; margin: 0 0;} /* TWITTER API STYLES: */ #twitter_update_list { display: inline; float: left; margin: 0px 0 0 65px; padding: 0; text-align: center; } #twitter_update_list { background: url(http://www.famoushostels.com/__data/assets/image/0019/193015/twitt.gif) 0 0 no-repeat; width: 268px; height: 167px; } /*#twitter_update_list:hover { background-position: 0 100%; }*/ #twitter_update_list li { display: inline; float: left; text-align: left; width: 220px; margin: 32px 0 0 34px; padding: 0; list-style: none; font-size: 10px; letter-spacing: 0.07em; line-height: 12px; color: #ccc; border: 0px dotted red; } #twitter_update_list li span a { display: inline; text-decoration: none; font-size: 10px; letter-spacing: 0.07em; line-height: 12px; color: #ccc; } #twitter_update_list li a { display: block; text-decoration: none; color: #999; font-size: 8px; letter-spacing: 0.07em; } #twitter_update_list li span a:hover { color: #FC0; } /*#twitter_update_list li a:hover { color: #aaa; }*/ #follow { float: left; margin: 98px 0 0 -180px; background: url(http://www.famoushostels.com/__data/assets/image/0015/193011/follow.gif) 0 0 no-repeat; width: 137px; height: 23px; } #follow:hover { background-position: 0 100%; } a#follow {text-indent: -9999px;} /* Social Media links: */ #social_media_links { display: inline; float: left; margin: 25px 0 0 214px; padding: 0; border: 0px dotted red; } #social_media_links a { display: block; float: left; text-indent: -9999px; width: 32px; height: 32px; margin: 0 5px 0 0; opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #social_media_links a:hover { opacity: 1; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #social_media_links h5 { font-size: 1.3em; letter-spacing: 0.1em; line-height: 14px; color: #ccc; font-weight: 400; margin-bottom: 8px; } #social_media_links #send-to { float: left; clear: both; margin: 16px 0 0 -4px; background: url(http://www.famoushostels.com/__data/assets/image/0016/193012/send.gif) 0 0 no-repeat; width: 145px; height: 27px; opacity: 1; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #social_media_links #send-to:hover { background-position: 0 100%; } .social-1 { background: url(http://www.famoushostels.com/__data/assets/image/0020/193016/twitter.png) 0 0 no-repeat; } .social-2 { background: url(http://www.famoushostels.com/__data/assets/image/0014/193010/facebook.png) 0 0 no-repeat; } .social-3 { background: url(http://www.famoushostels.com/__data/assets/image/0003/193017/youtube.png) 0 0 no-repeat; } .social-4 { background: url(http://www.famoushostels.com/__data/assets/image/0003/193008/delicious.png) 0 0 no-repeat; } .social-5 { background: url(http://www.famoushostels.com/__data/assets/image/0004/193009/digg.png) 0 0 no-repeat; } .social-6 { background: url(http://www.famoushostels.com/__data/assets/image/0018/193014/technorati.png) 0 0 no-repeat; } .social-7 { background: url(http://www.famoushostels.com/__data/assets/image/0017/193013/stumbleupon.png) 0 0 no-repeat; } /* Site Map */ .sitemap {float: left; margin: 0 10px;} .sitemap a:hover {color: #333;} /* level 1 */ .sitemap ul {} .sitemap li {float: left; width: 210px; list-style: none; float: left; font-size: 0.90em; margin: 5px 1px; padding: 0;} .sitemap li a {color: #448ccb; padding: 0 0 0 20px; text-decoration: none; background: url(http://www.famoushostels.com/__data/assets/image/0011/94862/link.png) left top no-repeat;} /* level 2*/ .sitemap li ul {float: left; margin: 0;padding: 0;} .sitemap li ul li {width: 190px; margin: 0; list-style: disc; color: #999; margin: 0 0 0 17px;} .sitemap li ul a {color: #777; background: none; padding-left: 0;} /* level 3*/ .sitemap li ul li ul li {width: 170px; list-style: circle;} .sitemap li ul li ul a {color: #777;}