/* Running MySource Matrix Developed by Squiz - http://www.squiz.net MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 05 September 2010 00:08:53 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ /*:focus {outline: 0;}*/ /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} body {background: #2f2513 url(http://www.mosaichouse.com/__data/assets/image/0007/159631/background.png) center 0 repeat-y; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 75%;} #wrapper {width: 960px; margin: 0 auto; text-align: left; font-size: 1.2em; line-height: 1.2em;} h1 {font-size: 0.75em;} h2 {text-transform: uppercase;} h1, h2, #topnav a, #nav li, .col1wrap h3, #thumbs ul.thumbs a.thumb span, .col2wrap .col1 h3, .col2wrap .col2 h3 {font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Gill Sans', Tahoma, 'Trebuchet MS', sans-serif; font-weight: normal;} h3, h4 {font-family: "Frankling Gothic Medium", Futura, sans-serif; font-weight: normal; } p {font-size: 0.85em; margin: 10px 0;} a:hover {text-decoration: none; color: #19668d;} img.right {float: right; border: 1px solid #e1e1e1; margin: 10px;} .more {width: 8px height: 6px; padding: 0 15px 0 0; background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) right center no-repeat; color: #000;} #map_canvas {clear: both; width: 700px; height: 300px;} #topnav {float: left; width: 940px; padding: 3px 10px; background: #000;} #topnav h1 {float: left; color: #ccc;} #topnav ul {float: right;} #topnav li {display: inline;} #topnav a {color: #ccc; font-size: 0.75em; margin: 0 4px; font-weight: normal; text-decoration: none;} #header {clear: both; background: #fff url(http://www.mosaichouse.com/__data/assets/image/0008/156464/header-bg.png) bottom left repeat-x; height: 170px; padding: 10px 0 5px 0;} #logo {float: left; width: 250px;} #logo a {text-indent: -9999px; margin: 8px 0 0 35px; width: 182px; height: 136px; background: url(http://www.mosaichouse.com/__data/assets/image/0018/156411/mosaichouse.png) no-repeat; display: block;} #logo a:hover {cursor: pointer;} #nav {float: right; width: 705px; margin: 32px 0 0 0;} #nav a {text-decoration: none; color: #333; font-size: 0.80em;} #nav ul {} #nav li {text-transform: uppercase; float: left; width: 120px; margin: 0 20px 0 0px; } /* #nav li ul {border-top: 1px solid #333; padding: 7px 0 0 0;} #nav li.link1 ul {border-color: #e5b53b;} #nav li.link2 ul {border-color: #2d5b80;} #nav li.link3 ul {border-color: #168b16;} #nav li.link4 ul {border-color: #6a3925;} #nav li.link5 ul {border-color: #cb167c;} */ #nav li ul {padding: 7px 0 0 0;} #nav li.link1 h3 {border-bottom: 1px solid #e5b53b;} #nav li.link2 h3 {border-bottom: 1px solid #2d5b80;} #nav li.link3 h3 {border-bottom: 1px solid #168b16;} #nav li.link4 h3 {border-bottom: 1px solid #6a3925;} #nav li.link5 h3 {border-bottom: 1px solid #cb167c;} #nav li ul li a:hover {background: #fff;} #nav li.link1 a:hover {color: #e5b53b;} #nav li.link2 a:hover {color: #2d5b80;} #nav li.link3 a:hover {color: #168b16;} #nav li.link4 a:hover {color: #6a3925;} #nav li.link5 a:hover {color: #cb167c;} #nav li ul {} #nav li ul li {text-transform: none;} #nav li ul li a {font-size: 0.75em;} #subnav {background: #303030; margin: 0 0 15px 0; padding: 0 3px 10px 3px;} #subnav h2 {padding: 10px 0 5px 0; margin: 0 10px;} #subnav h2 a {color: #fff; padding-left: 15px; background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) 0% 50% no-repeat;} #subnav ul {background: #fff; margin: 5px 0 0 0; padding: 10px; font-size: 0.80em;} #subnav li {border-bottom: 1px dotted #e1e1e1;} #subnav li a {color: #000; display: block; padding: 2px 0 2px 15px; background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) 0% 50% no-repeat;} #subnav li a:hover {color: #fff; text-decoration: none; background: #303030 url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) 2% 50% no-repeat;} #subnav li a.active {color: #c60070;} /* #container-wrap {width: 940px; padding: 0 10px; margin: 0 auto; float: left; background: #fff;} */ #container-wrap {width: 960px; margin: 0 auto; float: left; background: #fff;} .breadcrumb {font-size: 0.85em;} .breadcrumb p {margin: 0 0 10px 10px; padding: 0; color: #97988a; text-transform: lowercase;} .breadcrumb a {text-decoration: none; color: #97988a; border-bottom: 1px dotted #97988a;} #container {clear: both; float: left; margin: 0 0 30px 0; padding: 0 10px;} #side-content {float: left; width: 220px; margin: 0 0 0 0; } #main-content {float: right; width: 700px; margin: 0 0 0 20px;} #main-content h2 {float: left; margin: 0 0 4px 0; color: #492b13; font-size: 1.4em;} #main-content p {margin: 15px 0;} #main-content ul, #main-content ol, #main-content table {font-size: 0.85em; line-height: 1.8em;} #main-content ul.alt {background: #fff !important; color: #353535; list-style: disc; margin-left: 15px;} #main-content ol {list-style: square; margin: 0 20px;} #main-content ol.listnumeric {list-style: decimal;} #main-content hr {clear: both; border: none; border-bottom: 8px solid #ede9e6;} #main-content .box2 {border-bottom: 1px dotted #333; padding: 10px 0; margin: 10px 0;} /*---- HEADING OVERLAY IMAGE -----*/ #main-content .overlay {width: 699px; height: 250px; overflow: hidden; display: block;} #main-content .overlay hr {border: none; margin: 0; display: none;} #main-content .overlay h2 {color: #fff; position: absolute; z-index: 11; margin: 20px 0 0 2px; padding: 5px 4px 5px 10px; line-height: 1.0em; background: rgba(0, 0, 0, 0.4); font-family: "Franklin Gothic Medium", Futura, Arial, sans-serif; font-size: 1.8em; width: 220px;} #main-content .overlay p {color: #fff; position: relative; top: -40px; height: 30px; font-size: 0.8em; z-index: 12; margin: 0; padding: 5px 4px 5px 10px; background: rgba(0, 0, 0, 0.4);} #main-content .overlay img {position: relative; top: 0; left: 0;} /*----- FORM STYLES ------*/ #main-content form {} #main-content form .col1 hr {border-bottom: 4px solid #ede9e6;} #main-content form .col1 {float: left; width: 388px; margin: 10px 0 0 0; padding: 5px; border: 1px dotted #e1e1e1;} #main-content form .col2 {float: right; width: 280px; margin-top: 10px; background: #a6bfac;} #main-content form .col2 img {} #main-content form p {} #main-content form label {} #main-content form input {border: 1px solid #b8dff6; padding: 2px;} #main-content form textarea {border: 1px solid #b8dff6;} #main-content form input.send {clear: both; float: right; border: 1px solid #f7b103; background: #fac60d; color: #000; cursor: pointer;} #main-content form span.error ul {background: #fac60d; padding: 5px; list-style: disc;} #main-content form span.error ul li {margin-left: 15px; font-size: 0.95em;} #main-content table tr td {text-align: left; padding: 4px 0; border-bottom: 1px dotted #eee;} /* BOOKING ENGINE - Updated 22 July 2010 */ .booking-engine {float: left; width: 100%; background: #c60070; padding: 0 0 10px 0;} .booking-engine h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} .booking-engine form {padding: 10px 10px 0px 10px;} .booking-engine legend {text-transform: uppercase; color: #000; font-size: 0.80em; margin: 2px 0 0 0; padding: 0 0 4px;} .booking-engine fieldset {border: none; padding: 2px 2px; margin: 1px 0 10px 0;} .booking-engine select {margin: 0 0 2px 0;} .booking-engine fieldset.nights {float: left;} .booking-engine fieldset.guests {float: left; margin-left: 10px;} .booking-engine fieldset.submit {clear: both; margin: 5px 0 0 0;} .booking-engine fieldset.submit input {background: #fff; border: 1px solid #a3025d; padding: 4px 8px; font-weight: bold; font-size: 0.90em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .booking-engine p {background: #fff; margin: 0; border-top: 1px solid #d84f9c; padding: 5px 0;} .booking-engine p a {text-transform: uppercase; font-size: 0.80em; color: #777; margin: 0 14px;} .hostelbooking {clear: both; background: #000; border-top: 1px solid #fff; text-align: center; padding: 15px 15px 0 15px; height: 30px;} .hostelbooking a {display: block; color: #fff; text-decoration: none; line-height: 1.0em;} .hostelbooking a:hover {color: #c60070;} .hostelbooking a.more {text-align: left;} /* BOOKING ENGINE - Updated 22 July 2010 */ .booking-engine {float: left; width: 100%; background: #c60070; padding: 0 0 10px 0;} .booking-engine h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} .booking-engine form {padding: 10px 10px 0px 10px;} .booking-engine legend {text-transform: uppercase; color: #000; font-size: 0.80em; margin: 2px 0 0 0; padding: 0 0 4px;} .booking-engine fieldset {border: none; padding: 2px 2px; margin: 1px 0 10px 0;} .booking-engine select {margin: 0 0 2px 0;} .booking-engine fieldset.nights {float: left;} .booking-engine fieldset.guests {float: left; margin-left: 10px;} .booking-engine fieldset.submit {clear: both; margin: 5px 0 0 0;} .booking-engine fieldset.submit input {background: #fff; border: 1px solid #a3025d; padding: 4px 8px; font-weight: bold; font-size: 0.90em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;} .booking-engine fieldset.submit input:hover {color: #c60070;} .booking-engine p {background: #fff; margin: 0; border-top: 1px solid #d84f9c; padding: 5px 0;} .booking-engine p a {text-transform: uppercase; font-size: 0.80em; color: #777; margin: 0 14px;} .hostelbooking {clear: both; background: #000; border-top: 1px solid #fff; text-align: center; padding: 15px 15px 0 15px; height: 30px;} .hostelbooking h2 {font-size: 0.85em;} .hostelbooking a {display: block; color: #fff; text-decoration: none; line-height: 1.0em;} .hostelbooking a:hover {color: #c60070;} .hostelbooking a.more {text-align: left;} /* CONTACT WIDGET */ #contact {background: #4488aa; margin: 15px 0 0 0; padding: 0 3px 10px 3px;} #contact h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} #contact ul {background: #fff; margin: 5px 0 0 0; padding: 10px; font-size: 0.75em;} #contact li {padding: 1px 0 1px 25px;} #contact li.email {background: url(http://www.mosaichouse.com/__data/assets/image/0003/156405/email.png) 0 2px no-repeat;} #contact li.group {background: url(http://www.mosaichouse.com/__data/assets/image/0007/156409/group.png) 0 2px no-repeat;} #contact li.shuttle {background: url(http://www.mosaichouse.com/__data/assets/image/0004/156406/exclamation.png) 0 2px no-repeat;} #contact li a {text-decoration: none !important;} #contact li a:hover {color: #333; border-bottom: 1px solid #333;} /* Live Chat*/ #contact #lpButDivID-1280151127031 span span span {border-bottom: none !important;} #contact #lpButDivID-1280151127031 span span {font-size: 0.93em; color: #333 !important; padding-right: 0px; background: none !important;} #contact #lpButDivID-1280151127031 span {background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) right center no-repeat; padding-right: 15px;} #contact li#lpButDivID-1280151127031 {background: url(http://www.mosaichouse.com/__data/assets/image/0010/168589/user_comment.png) 0 0 no-repeat;} #testimonials {background: #589442; margin: 15px 0 0 0; padding: 0 3px 10px 3px;} #testimonials h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} #testimonials div span {display: none;} #events {background: #492b13; margin: 15px 0 0 0; padding: 0 3px 10px 3px;} #events h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} #events ul {background: #fff; margin: 5px 0 0 0; padding: 10px; font-size: 0.80em;} #events li {color: #777; border-bottom: 1px dotted #e1e1e1; background: url(http://www.mosaichouse.com/__data/assets/image/0020/156404/bullet_black.png) 0 2px no-repeat; padding: 2px 0 2px 20px;} #events li a {color: #000;} #events p.more-options {text-align: right; background: #fff; margin: 0; border-top: 1px solid #a99280; padding: 5px 10px 5px 0;} #events p.more-options a {font-size: 0.95em;} #newsletter {background: #65635e; margin: 15px 0 0 0; padding: 0 3px 10px 3px;} #newsletter h2 {padding: 10px 0 5px 0; margin: 0 14px; color: #fff;} #newsletter p {background: #fff; margin: 5px 0 0 0; padding: 10px; font-size: 0.80em;} #newsletter p.more-options {text-align: right; background: #fff; margin: 0; border-top: 1px solid #d0d0ce; padding: 5px 10px 5px 0;} #newsletter p.more-options a {font-size: 0.95em;} #newsletter a {background: #fac60d url(http://www.mosaichouse.com/__data/assets/image/0009/156465/signup-bg.png) 0 10px repeat-x; border: 1px solid #f9ba2a; color: #000; font-size: 0.90em; padding: 2px 4px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /*----------- SLIDESHOW Version 3 Updated on 20 July 2010---------*/ #gallery {float: left; display: block; overflow: hidden; overflow: hidden; width: 700px; height: 372px;} #gallery div.slideshow span.image-wrapper {display: block; position: absolute; overflow: hidden; width: 700px; height: 372px;} #gallery .controls {position: absolute; z-index: 2; margin: 5px;} #gallery .controls a {color: #fff; text-decoration: none; font-size: 0.85em; padding: 2px 8px; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background: rgba(0, 0, 0, 0.4); -moz-border-radius: 4px; -webkit-border-radius: 4px;} a.thumb img, a.advance-link img {border: none; } .navigation {margin-bottom: 0px;} #thumbs {width: 700px !important;} #thumbs ul.thumbs {float: left; width: 700px; background: #000; margin: 0; padding: 2px 0; text-align: right;} #thumbs ul.thumbs li {display: inline-block;} #thumbs ul.thumbs a {padding: 2px 8px; margin: 0 1px; border: 1px solid #000; background: #333; color: #fff; text-decoration: none; font-size: 0.85em; text-align: center;} #thumbs ul.thumbs a.thumb span {width: 161px; display: block; position: absolute; top: 10px; color: #fff; float: left; text-transform: lowercase;} #thumbs ul.thumbs a.thumb span strong {color: #fff; font-size: 1.2em; font-weight: normal; text-transform: uppercase;} #thumbs ul.thumbs li.selected a.thumb {background: #fff; color: #000;} #thumbs ul.thumbs li.selected a.thumb span strong {color: #c60070;} .caption {float: left; width: 679px; position: relative; margin-top: 280px; margin-left: 0px; padding: 0px 10px 10px 10px; background: rgba(0, 0, 0, 0.5); color: #fff;} .caption h2 {color: #fff !important; font-family: "Franklin Gothic Medium", Futura, Arial, sans-serif; margin-top: 15px !important;} .caption p {clear: both; float: left; width: 600px; font-size: 0.75em; margin: 0 0px !important; padding: 5px 0; line-height: 1.2em;} .caption .download {float: right; margin: 5px 0 0 0;} .caption a {padding: 0 10px 0 0; color: #fff; text-decoration: none; background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) right center no-repeat;} .caption a:hover {text-decoration: underline;} /*------ NEWS ------*/ .news {clear: both; float: left; margin: 10px 0 0 0; border-top: 1px solid #e1e1e1; border-bottom: 4px solid #e1e1e1; padding: 20px 0 0 0;} .news h3 {font-size: 1.2em;} .news h3 a {color: #303030; text-decoration: none; font-weight: bold; font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Gill Sans', Tahoma, 'Trebuchet MS', sans-serif;} .news h3 a:hover {color: #19668d;} .news span {font-size: 0.70em; float: left; margin: 0px 0 10px 0; font-weight: bold; color: #777;} .news span strong {text-transform: lowercase;} .news .description p {clear: both;margin: 10px 0 0 0; font-size: 0.85em; color: #313d4f;} .news p.more-options {clear: both;} /*----------- HOME 2x2 BOX LINKS -----------*/ .col1wrap {clear: both; float: left; margin: 15px 0 0 0; padding: 10px 0;} .col1wrap h3 {text-transform: uppercase; font-weight: bold; font-size: 0.85em;} .col1wrap .col1 {float: left; width: 349px; border-right: 1px dotted #e1e1e1; border-bottom: 1px dotted #e1e1e1;} .col1wrap .col2 {float: left; width: 349px; border-bottom: 1px dotted #e1e1e1;} .col1wrap .box {height: 150px; padding: 10px 10px; border-top: 1px dotted #e1e1e1; border-bottom: 1px dotted #e1e1e1;} .col1wrap .col1 .box, .col1wrap .col2 .box {border-bottom: none;} .col1wrap .box img {float: left;} .col1wrap .box h3 {float: right; width: 200px;} .col1wrap .box p {float: right; width: 200px; font-size: 0.75em; line-height: 1.4em; margin: 10px 0 !important;} .col1wrap .box p.more-options {text-align: right; margin: 0;} /*----- HOME TRAVEL GUIDE AND FACEBOOK -----*/ .col2wrap {clear: both; float: left; padding: 10px 0; margin: 0px 0 0 0;} .col2wrap .col1 {float: left; background: #000; padding: 0 10px 10px 10px;} .col2wrap .col1 h3 {padding: 10px 0 5px 0; color: #fff; text-transform: uppercase;} .col2wrap .col1 h4 {color: #fff; position: absolute; z-index: 11; margin: 20px 0 0 2px; padding: 5px 4px; background: rgba(0, 0, 0, 0.4); text-transform: lowercase; font-family: "Franklin Gothic Medium", Futura, Arial, sans-serif; font-size: 1.8em; width: 180px; text-align: center;} .col2wrap .col1 h4 strong {text-transform: uppercase; font-size: 1.65em; line-height: 1em; font-weight: normal;} .col2wrap .col1 .article h4 {margin-top: 100px; width: 200px;} .col2wrap .col1 .article h4 strong {font-size: 1.25em;} .col2wrap .col1 img {margin: 5px 0 0 0; position: relative; top: 0; left: 0; z-index: 10;} .col2wrap .col1 a img {border: none;} .col2wrap .col1 a {color: #fff; text-decoration: none;} .col2wrap .col1 a:hover {color: #f90;} .col2wrap .col2 {float: left; margin: 0 0 0 15px; background: #557cc6; padding: 0 10px 11px 10px;} .col2wrap .col2 h3 {padding: 10px 0; color: #fff; text-transform: uppercase;} .col2wrap .col2 .facebook {background: #fff; padding: 10px 10px 0 10px; height: 335px;} .col3wrap {float: left; border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin: 10px 0; padding: 15px 0;} .col3wrap .box {float: left; width: 220px; border-right: 1px dotted #000; padding: 0 9px;} .col3wrap .first {padding-left: 0;} .col3wrap .last {padding-right: 0; border-right: none;} .col3wrap .box h3 {color: #fff; position: absolute; z-index: 11; margin: 20px 0 0 2px; padding: 5px 4px; background: rgba(0, 0, 0, 0.4); text-transform: lowercase; font-family: "Franklin Gothic Medium", Futura, Arial, sans-serif; font-size: 1.3em; width: 120px; text-align: center;} .col3wrap .box h3 strong {text-transform: uppercase; font-size: 1.45em; line-height: 1em; font-weight: normal;} .col3wrap h3 a {color: #fff; text-decoration: none;} .col3wrap h3 a:hover {color: #f90;} .col3wrap .box img {margin: 5px 0 0 0; position: relative; top: 0; left: 0; z-index: 10;} .col3wrap .box p {text-align: justify;} .col3wrap .box p.more-options {text-align: right;} .col3wrap .box ul {margin: 10px 0 0 15px; list-style: square;} .col3wrap .box li {border-bottom: 1px dotted #e1e1e1; padding: 2px 0;} .subcontent {float: left; margin: 10px 0 20px 0;} .subcontent .col1 {float: left; width: 400px; text-align: justify;} .subcontent .col1 h3 {margin: 0; color: #333; font-size: 1.1em;} .subcontent .col1 h4 {margin-top: 10px; font-size: 0.85em;} .subcontent .col1 .box {border-bottom: 1px dotted #000; padding: 10px 0;} .subcontent .col1 .last {border-bottom: none; padding-bottom: 0;} .subcontent .col1 ul {list-style: square; margin: 0 0 0 15px;} .subcontent .col2 {float: right; width: 280px; margin: 10px 0 0 20px; background: #a6bfac; padding-bottom: 10px;} .subcontent .col2 ul {font-size: 0.85em; list-style: square; margin: 10px 0 0 25px; color: #262d27;} .subcontent .col2 li {line-height: 1.7em;} .subcontent .col2 p {padding: 0 10px;} .subcontent .col2 p.more-options {float: right; text-align: right; padding: 5px; background: #fff;} .subcontent .col2 h3 {color: #fff; position: absolute; z-index: 11; margin: 20px 0 0 2px; padding: 5px 4px; background: rgba(0, 0, 0, 0.4); text-transform: lowercase; font-family: "Franklin Gothic Medium", Futura, Arial, sans-serif; font-size: 1.4em; width: 130px; text-align: center;} .subcontent .col2 h4 {margin: 10px; border-bottom: 1px dotted #333;} .subcontent .col2 strong {text-transform: uppercase; font-size: 1.35em; line-height: 1em; font-weight: normal;} .subcontent .col1 p.more-options {margin: 0; padding: 0; text-align: right;} .subcontent .col1 a.more {color: #777; padding: 2px 15px 2px 0; background: url(http://www.mosaichouse.com/__data/assets/image/0004/157432/moreiconup.png) 100% 50% no-repeat;} .subcontent .alt {background: #c60070 !important; color: #fff;} .subcontent .alt ul {background: #fff; margin: 0 2px; padding: 0 5px 0 7px; list-style: none;} .subcontent .alt ul li {padding: 2px 0; border-bottom: 1px dotted #e1e1e1;} .subcontent .jump {background: #303030 !important;} .subcontent .jump li a {color: #000; display: block; padding: 2px 0 2px 15px; background: url(http://www.mosaichouse.com/__data/assets/image/0020/157430/moreicondown.png) 0% 50% no-repeat;} .subcontent .jump li a:hover {color: #fff; background: #303030 url(http://www.mosaichouse.com/__data/assets/image/0020/157430/moreicondown.png) 2% 50% no-repeat;} .subcontent .bookhostel {background: #ececec; color: #000; font-size: 1.0em; padding: 5px 10px; border: 1px solid #e1e1e1;} .subcontent .bookhostel a {color: #c60070;} /* VIDEO THUMB */ .subcontent .col2.video {padding: 0 !important; background: none !important;} .subcontent .col2.video a.more img {border: none !important;} .subcontent .col2.video a.more {background: none;} .subcontent .col2.video a {color: #fff; text-decoration: none;} .subcontent .col2.video a:hover {color: #f90;} /*--------- TRAVEL COLUMN ----------*/ #author {border-top: 1px dotted #e1e1e1; margin: 5px 0 0 0; padding: 10px 0 0 0;} #author p {float: left; width: 580px;} #author img {float: left; width: 100px; margin: 0 10px 10px 0; border: none;} #link {clear: both; width: 679px; margin: 15px 0 20px 0; background: #a6bfac; background: rgba(166, 191, 172, 0.4); padding: 10px;} #link h2 {clear: both; color: #000; font-size: 1.25em; margin-bottom: 10px;} #link ul {list-style: square; clear: both; margin: 10px 0 0 15px; color: #262d27;} #link ul a {color: #262d27;} .olderblog {background: #303030; padding: 10px;} .olderblog h3.blogtitle {color: #fff; font-size: 1.2em; margin: 5px 0 10px 0; font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Gill Sans', Tahoma, 'Trebuchet MS', sans-serif;} .olderblog li {border-top: 1px dotted #777;} .olderblog li a {color: #fff; text-decoration: none;} .olderblog li a:hover {color: #c60070;} /*---------- UPCOMING EVENTS and NEWS --------*/ p.eventnav {color: #c60070; text-align: right;} p.eventnav a {color: #000; text-transform: uppercase;} p.eventnav span.next a {padding: 0 15px 0 5px; background: url(http://www.mosaichouse.com/__data/assets/image/0017/156410/moreicon.png) 100% 50% no-repeat;} p.eventnav span.prev a {padding: 0 5px 0 15px; background: url(http://www.mosaichouse.com/__data/assets/image/0010/157996/moreiconleft.png) 0% 50% no-repeat;} .events {margin: 0 0 15px 0; padding: 10px 0; font-size: 0.85em; border-bottom: 4px solid #303030;} .events hr {margin: 0 0 10px 0; border-bottom: 1px dotted #e1e1e1 !important;} .events h3 {font-size: 1.4em; border-bottom: 1px dotted #e1e1e1; padding: 0 0 5px 0; font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Gill Sans', Tahoma, 'Trebuchet MS', sans-serif;} .events h3 a {color: #303030;} .events span.startend {color: #e5b53b;} .events .description {line-height: 1.7em;} .events p {font-size: 1.0em;} .news .description {padding-top: 0 !important; margin-top: 0 !important;} .news p {margin-top: 0 !important; font-size: 1.0em;} .news p a.more {font-size: 0.85em;} /*-------- PHOTO GALLERY -------*/ /* .photos {margin: 15px 0 20px 0; padding-bottom: 25px; border-bottom: 1px dotted #e1e1e1;} .photos span {margin: 2px; display: inline-block; background: #fff; padding: 4px 4px 12px 4px; border: 1px solid #eee; border-bottom: 1px solid #ccc;} .photos a {display: inline-block; width: 100px; height: 80px; overflow: hidden;} .photos img {border: none;} p.photonumber a {padding: 0 3px; margin: 0 !important; border: 1px solid #000; background: #333; color: #fff; text-decoration: none; font-size: 0.85em; text-align: center;} */ .photos {float: left; margin: 15px 0 20px 0; padding-bottom: 25px; border-bottom: 1px dotted #e1e1e1;} .photos span {margin: 2px 8px; float: left; background: #fff; padding: 4px 4px 12px 4px; border: 1px solid #eee; border-bottom: 1px solid #ccc;} .photos a {display: inline-block; width: 100px; height: 80px; overflow: hidden;} .photos img {border: none;} p.photonumber a {padding: 0 3px; margin: 0 !important; border: 1px solid #000; background: #333; color: #fff; text-decoration: none; font-size: 0.85em; text-align: center;} /* SOCIAL SHARE LINKS*/ /* p.social {background: #f7f7f7; border: 1px solid #efefef; padding: 4px 8px; float: left; clear: both; margin-left: 200px !important;} */ p.social {clear: both; background: #f7f7f7; border: 1px solid #efefef; padding: 4px 8px;} p.social strong {color: #999; margin-right: 10px;} .social a {text-indent: -9999px; width: 16px; height: 16px; display: inline-block; background-position: 0 0; background-repeat: no-repeat; border-right: 1px dotted #999; padding-right: 5px;} .social a.digg {background-image: url(http://www.mosaichouse.com/__data/assets/image/0004/159619/digg-mini.png);} .social a.stumble {background-image: url(http://www.mosaichouse.com/__data/assets/image/0006/159621/stumble-mini.png);} .social a.delicious {background-image: url(http://www.mosaichouse.com/__data/assets/image/0003/159618/delicious-mini.png);} .social a.facebook {background-image: url(http://www.mosaichouse.com/__data/assets/image/0005/159620/facebook-mini.png);} .social a.technorati {background-image: url(http://www.mosaichouse.com/__data/assets/image/0007/159622/technorati-mini.png);} .social a.twitter {background-image: url(http://www.mosaichouse.com/__data/assets/image/0008/159623/twitter-mini.png); border-right: none;} /*----- SITE MAP -----*/ .sitemap {float: left; margin: 0 10px;} .sitemap a:hover {color: #333;} /* level 1 */ .sitemap ul {} .sitemap li {float: left; width: 125px; list-style: none; float: left; margin: 5px 5px; border-right: 1px dotted #e1e1e1;} .sitemap li a {color: #448ccb;} /* level 2*/ .sitemap li ul {float: left; margin: 0;padding: 0;} .sitemap li ul li {width: 100px; margin: 0; list-style: square; color: #999; margin: 0 0 0 17px; border-right: none;} .sitemap li ul a {color: #777; background: none; padding-left: 0; font-size: 1.1em;} /* level 3*/ .sitemap li ul li ul li {width: 80px;} .sitemap li ul li ul a {color: #777;} /*------ FOOTER STUFF -------*/ #footer {clear: both; float: left; width: 960px; background: #fff;} #footer p {background: #eee; margin: 0; padding: 5px 10px;} #footer p a {color: #333; font-size: 0.85em;} #footer ul {float: left; margin: 10px 0 0 0;} #footer li {float: left; width: 118px; margin: 0 0 0 10px; text-align: center;} #footer li a {text-decoration: none; font-size: 0.70em; color: #333;} #footer li a img {border: 2px solid #eee;} #footer dl {float: right; width: 270px;} #footer dt {margin: 20px 0 10px 0;} #footer dd {float: left; margin: 0 5px 0 0;} #footer dd a img {border: none; float: left;} #copyright {clear: both; float: left; width: 100%; margin: 10px 0 0 0; padding: 0 0 20px 0; font-size: 0.90em; color: #777; background: #000;} #copyright p {background: none; float: left;} .address {margin: 5px 10px; font-size: 0.85em;} .vcard {float: right;} .vcard a, .vcard .street-address, .vcard .postal-code, .vcard .region, .vcard .country-name, .vcard div {float: left; margin: 0 5px 0 0; color: #777; text-decoration: none; border-bottom: none;} .vcard .tel {clear: both;} .vcard .geo {display: none;}