/** * Wallaby Ridge Retreat * * This is a global style for Wallaby Ridge Retreat, developed by * Untangle My Web in conjunction with Ashley Kyd. * * http://untanglemyweb.com/ * * There are two related bugfix stylesheets for Internet Explorer * version 6, and 7 which can be found as ie6.css etc. */ /* Basic Layout Styling */ body{font-size: 62.5%;font-family: Tahoma,Helvetica,sans-serif; background:white;color:#636363; position:relative; } #content,#header,#footer{font-size:1.4em;width:750px;margin:0 auto;} #content{padding-top:28em;} #creds{font-size:0.9em;} #creds a{color:#636363;} a{color:#2EBEF7;} a:hover{color:#d4911c !important;} em{color:#2EBEF7} /* Shaded Styles */ .dark{background:#F3EFD0;} .dark a{color:#809400;} .block.dark{margin-left:5px;} /* Block Bits */ .block, #header ul a, #flickr a{float:left;padding:15px 10px;margin:.5em 0;} .fluid{width:auto;} .firm.block{padding:0;} .one, #header ul a, #flickr a{width:130px;} .two{width:280px;} .twopoint{width:190px;} .three{width:425px;} .three.firm{width:445px;} .four{width:730px;} .bump{padding-top:2em;} /* Border Business */ .border, img{border:1px solid #D4911C;padding:.9em;} .border.light, img{border-color:#ccc;border-style:dotted;} img{padding:1px;} .border.right{border-top:none;border-left:none;border-bottom:none;} .border.left{border-top:none;border-bottom:none;border-right:none;} .border.bottom{border-top:none;border-left:none;border-right:none;} .border.top{border-left:none;border-bottom:none;border-right:none;} /* Image */ img{margin:.5em;} img.left{float:left;margin-left:0;} img.right{float:right;margin-right:0;} img.center{display:block;margin:.5em auto;} /* Header Styling */ #header img{margin:0;border:none;padding:0;margin-top:-7px;} #header{background:url("../images/top.jpg");position:absolute;top:0;left:50%;margin-left:-375px;} #header p#header-sub{background:url("../images/bed-and-breakfast.png") no-repeat center;display:block;height:8em;} #header p span{display:none;} #header p#header-main{position:absolute;top:4.5em;text-align:center;width:750px;font-size:1.4em;font-weight:normal;} #header p#header-main:before{content:"— ";} #header p#header-main:after{content:" —";} #header ul,#header li{margin:0;padding:0;list-style:none;} #header .navigation a{text-align:center;background:#e9ab15 url("../images/gradient.png") center;border-top:2px solid #f5da81;border-bottom:2px solid #b37609;color:white;text-decoration:none;} #header .navigation a.current{background-color:#e1940c;background-image:url("../images/gradient-inverse.png");} #header .navigation a:hover{color:white !important;background-color:#e1940c;background-image:url("../images/gradient-inverse.png");} #header .navigation a span{display:block;background:url("../images/teeth.png") no-repeat right center;margin:0 -1em;} #bookings img{border:none;width:18em;} #bookings{position:absolute;right:7em;top:25em;z-index:2;} #header ul.subnavigation{position:absolute;top:14em;width:750px;margin:0;padding-top:.5em;background:url("../images/subnav.png") bottom;padding-bottom:15px;} #header ul.subnavigation a{margin-top:-.5em;margin-bottom:0;padding:.4em 0.5em;text-align:center;color:#636363;font-weight:bold;text-decoration:none;} /* Footer Styling */ #footer{clear:both;border-width:2px;text-align:center;width:730px;} #footer ul{padding:0;margin:0;} #footer li{display:inline;padding:0 1em;} /* Form Styling */ form{position:relative;} form,fieldset{padding:0;margin:0;border:0;} label{display:block;float:left;clear:left;width:30%;} fieldset div{clear:left;padding:.4em;} input,select{width:68%;} textarea{width:98%;height:10em;} form .action{margin:0em 0 .4em 48%;width:50%;} form .textarea{margin:1em 0;border-bottom: 2px dotted #D4911C;padding:1em 0;} /* Heading styles */ #content h1{font-size:1.4em;color:#809400;margin-bottom:0em;font-weight:bold;} #content h2, th{font-size:1.1em;color:#809400;margin-bottom:0em;font-weight:bold;clear:both;} #content h3{font-size:1em;color:#809400;margin-bottom:0em;margin-left:0em;font-weight:bold;clear:both;} #content h4{font-size:1em;font-weight:bold;color:#993333} #content h5{font-size:1em;font-weight:bold;color:#993333} /* Table Styling */ table{width:100%;border-collapse:collapse;} td,th{border-right:1px #ccc dotted;padding:.5em;} tr{border-bottom:1px #ccc dotted;} table td:last-child, table th:last-child{border:none;} table tr:last-child{border:none;} table a{color:#809400;} table a:hover{color:#d4911c !important;} /* Flickr Styling */ #content h2.photo-gallery-heading { border-bottom:none;margin: 15px 0; } .flickr_feed_gallery { list-style-type:none;padding:0;clear:both;margin-left: 90px; } .flickr_feed_gallery li { float:left;display:block;width:85px;height:85px;margin:0 20px 30px 0;border: 5px solid #E1940C;} .flickr_feed_gallery a { display: block;position:relative;background-position:center;cursor: pointer;} .flickr_feed_gallery a span {display:block;width:0;padding-left:85px;height:85px;overflow:hidden;} /* Newsletter Signup */ #newsletter{margin:1em 0;} #newsletter label{width:80px;text-align:right;} #newsletter input{margin:.5em 0;margin-left:10px;} #newsletter input[type=submit]{width:auto;float:right;margin-right:15px;margin-bottom:1em;} .four #newsletter{float:right;width:280px;background:#F3EFD0;padding:100px 10px 10px;margin-right:-10px;margin-top:-95px;} #header img{z-index:2;} /* Form Styling */ form,fieldset{padding:0;margin:0;border:0;} label{display:block;margin:.5em 0 !important;font-weight:bold;color:#993333;border:none;} label:after{content:":";} input,select{width:60%;} textarea{width:98%;height:10em;} form .action{margin:.5em 8px;float:right;width:37%;} form .dropdown{margin:1em 0;border-bottom: 2px dotted #0099CC;padding:1em 0;} /* Custom admin login form */ #MemberLoginForm_LoginForm {width:400px;} #Remember input { display:block;width: 30px;float:left;margin-top: 10px; } #Remember label { float:left;display:block;width:200px;clear:none;} #MemberLoginForm_LoginForm_action_dologin { float:none;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay {position: absolute;top: -1em;left:-8px;z-index: 90;width: 100%;height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image { padding: 0; } #lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;} #lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;} #lightbox-nav-btnPrev {left: 0;float: left;} #lightbox-nav-btnNext {right: 0;float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px;color: #666; } #lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;} a[href$=".PDF"], a[href$=".pdf"] {padding: 2px 2px 2px 23px;background: url("../images/pdf-icon.png") left center no-repeat;