/* Theme Name: Discover Sutherland Description: Version: 1.0 Author: G.Wright */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited {text-decoration:none;outline:none;} ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none; outline:none !important; } address {font-style:normal} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /*.clearfix {display:inline-block;} .clearfix {display:block;}*/ /* BODY -----------------------------------*/ html, body {height:100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.4em Verdana, "Century Gothic", Arial, sans-serif;background:#CCB38E url('/dstheme/images/bgtop-inner.jpg') repeat-x;padding-bottom:60px;} p, ol {font-size:1.3em; line-height:1.5em; padding-bottom: 1em;} a:link {outline:none; color:#44211D;} a:visited {color:#44211D;} a:hover {color:#9F2732;} .specialtext {font-weight:normal;font-size:21px;font-style:italic;color:#3F1004;} .transparent {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;} .readmore {font-size:12px;float:right;padding:5px;} /*FAQ*/ .readmore {font-size:12px;float:right;padding:5px;} .question {font-size:15px;font-style:italic;color:#3F0C0C;padding-left:30px;padding-top:10px;font-weight:bold; background:url(/dstheme/images/icon-q-trans.png) left no-repeat ;} .answer {font-weight:bold;background:url(/dstheme/images/icon-a-trans.png) left no-repeat;padding-left:30px;padding-top:10px;} blockquote {padding:5px;margin-bottom:10px;} /* HEADINGS ------------------------*/ h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em;} h1 {font-size:21px;} h2 {font-size:20px; color:#000;font-family:Georgia,"Times New Roman";} h3 {font-size:18px; font-family:Georgia;color:#000;font-style:italic;} h4 {font-size:14px; text-transform:capitalize;} .specialheader {font-family:Georgia; font-size:18px;background:url(/dstheme/images/left-full.jpg) repeat-y left top; margin-left:-33px; height:50px; float:left} .specialheader a, .specialheader span {background:url(/dstheme/images/right.jpg) no-repeat right 0; display:block; height:42px; padding:8px 25px 0 15px;} /* FLOATS ---------------------------------*/ .floatleft {float:left; margin:5px 10px 5px 0px;} .floatright {float:right; margin:5px 0px 5px 10px;} .full {text-align:center;margin:5px;} /* GENERAL IMAGES -----------------------*/ #main img {border:3px solid #3E3623 !important; padding:3px;} body.promo #main img {border:none !important;;} #main img a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;} /* BASE TEMPLATE ---------------------------------*/ #wrap {width:1020px; margin:0 auto;margin-bottom:40px;} #container {margin:0 auto; width:960px;} #main {width:680px; float:left; background-position: 0 1px; margin-right:15px;} #sidebar {width:240px; float:left; margin-top:40px;} /* HEADER --------------------------------*/ #header {position:relative;} #logo {position:absolute; top:4px; left:20px;} /* NAV --------------------------------*/ #nav {font-family:Georgia, "Times New Roman", serif; height:14px; padding-left:206px; padding-bottom:10px; font-variant: small-caps; padding-top:75px;} #nav li {float:left; margin-right:17px; font-size:15px;} #nav li a {text-decoration:none; color:#fff; outline:none;} #nav a:hover {text-decoration:underline;} #nav li.current a {text-decoration:underline;} /* SECONDARY NAV --------------------------------*/ .breadcrumb {margin:0 0 10px 0px;font-style:italic;} .breadcrumb a {text-decoration:underline;} .page-nav {padding:0 0 0 15px;min-height:24px;} #nav_sub {padding-top:10px;} #nav_sub li {float:left; font-size:14px; font-family:Georgia;} #nav_sub li a {padding-left:15px;} #nav_sub li a:hover {text-decoration:underline;} #nav_sub li.here a {color:#9F2732;} /* FOOTER --------------------------------*/ #footer {background: url(/dstheme/images/footerwood960.jpg) repeat-x bottom; height:60px; width:100%;padding: 25px 0 0 0;} #footer p {color:#fff;text-align:center;padding:10px;} #footer a {color:white; text-decoration:underline;} /* MAIN ---------------*/ /* header images */ .accommodation #main {background-image:url(/dstheme/images/header-accommodation-trans.png);} .see_and_do #main {background-image: url(/dstheme/images/header-see-and-do-trans.png);} .maps_info #main {background-image: url(/dstheme/images/header-maps-and-info-trans.png);} .shop #main {background-image:url(/dstheme/images/header-shop-trans.png);} .faq #main {background-image: url(/dstheme/images/header-faq-trans.png);} .blog #main {background-image:url(/dstheme/images/header-blog-trans.png);} .gallery #main {background-image:url(/dstheme/images/header-gallery-trans.png);} .contact #main {background-image:url(/dstheme/images/header-contact-trans.png);} .enquiries #main {background-image:url(/dstheme/images/header-enquiries-trans.png);} .promo #main {background:url(/dstheme/images/header-title-empty.png) no-repeat;} /* header link */ a#mainheader {display:block; height:75px;} #content-holder {width:680px; background: url(/dstheme/images/header-strip-1.jpg) repeat-y; margin-top:15px;} #content-holder a {text-decoration:underline; color:#8F082D;} .content-holder-inner {padding:0 25px; padding-top:10px;} .content-holder-bottom {background: url(/dstheme/images/header-bot.jpg) no-repeat 4px bottom; height:35px; } .static-entry-galleryitem {margin-bottom:10px;} /* FRONT PAGE ---------------------------------*/ /* fp general */ #home h2 {background-color:#000; padding:5px; color:#D2BA98; font-family:Georgia; font-variant:small-caps;} /* transparency is added to this */ #home h3 {font-size:13px; font-weight:bold;} #home h3 a:hover {text-decoration:underline;} #home #main {margin-top:340px; width:640px; padding-top:0; background-image:none !important; margin-right: 10px;} #home #sidebar {margin-top: 340px; width: 300px;} #home #sidebar h2 {padding: 5px; background: #000000;} #home #sidebar #promos {margin-top: 30px;} #home #sidebar #promos .promo {margin-bottom: 10px; border-bottom: 1px #000 dashed; padding-bottom: 5px;} #home #wrap {background: #CCB38E url('/dstheme/images/bgtop-fp.jpg') repeat-x; width:100%;} /* fp gallery */ #fp-gallery {position:absolute; top:100px; left:0; height:350px; width:100%;} #fp-gallery #one {height:350px; width:100%; background:url(/images/uploads/ds-1.jpg) center center; position:relative;} #fp-gallery #two {height:350px; width:100%; background:url(/images/uploads/karoocar.jpg) center center; position:relative;} #fp-gallery #three {height:350px; width:100%; background:url(/images/uploads/RoadSnow.jpg) center center; position:relative;} #fp-gallery #four {height:350px; width:100%; background:url(/images/uploads/sutherland-adventure.jpg) center center; position:relative;} #fp-gallery-menu {width:960px; margin:0 auto;} #fp-gallery-menu li {padding:0 10px; float:left; } #fp-gallery-menu a {display:block; width:200px; height:60px; outline:none;} #fp-gallery-menu a.activeSlide {background:#3F3F3F; color:#CCB38E; opacity:1.0;} #fp-gallery-menu-holder {position:absolute; top:390px; left:0; height:60px; width:100%; background:black; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); z-index:20;} #fp-gallery-menu-holder a {color:#dfdfdf;} #fp-gallery-menu #stargazing a {background:url(/dstheme/images/star-1-trans.png)} #fp-gallery-menu #karoo a {background:url(/dstheme/images/karoo-1-trans.png); background-position:0 -1px; } #fp-gallery-menu #snow a {background:url(/dstheme/images/snow-1-trans.png) } #fp-gallery-menu #adventure a {background:url(/dstheme/images/adventure-trans.png) } #fp-gallery-menu a {background-position:0px 0px !important; } #fp-gallery-menu a:hover {background-position:0px -60px !important; } #fp-gallery-menu a.activeSlide {background-position:0px -60px!important; } /* feature boxes */ #home #strip1 {margin:30px 0 20px 0;} #home .featured-fp-content {min-height:130px; margin-bottom:5px;} #home .featured-fp {width:300px; float:left; margin-top:30px;} #home .featured-fp h2 a {color:#D2BA98;} #home .featured-fp p {font-size:12px;} #home .featured-fp ul {margin-bottom:0;} #home .featured-fp li {padding:5px 0 5px 5px;margin-bottom:1px; background-color:#82725A; overflow:hidden;} #home .featured-fp li a {color:#D2BA98;} #home .featured-fp a:hover {text-decoration:underline;} #home .left {} #home .mid {margin-left:15px;} #home .right {margin-left:30px;} /* tweet feature box */ .tweetheader {background: url(/dstheme/images/tweetbird-trans.png) right top no-repeat;} .tweet-text {background-color:#82725A; padding:5px 5px;margin-bottom:1px;} .tweet-text a {color:#dfdfdf;} /* facebook feature box */ .faceheader {background: url(/dstheme/images/facebook-1-trans.png) right top no-repeat;} /* SIDEBAR-GENERIC --------------------------------*/ #sidebar h2 {color:#D2BA98; background-color:#514738; padding:5px;} #sidebar h2 a {color:#D2BA98;} #sidebar a:hover img {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;} #sidebar-twitterbox {margin:0 0 10px 0} #sidebar-twitterbox h2 {background:#514738 url(/dstheme/images/tweetbird-trans.png) right top no-repeat;} .sidebar-facebook {margin-top:10px;} #sidebar-gallery {border-bottom:#514738 5px solid;} #sidebar-gallery .entry-gallery li {float:left; margin:2px;} /* SIDEBAR-NAVIGATION -------------------------------*/ .catnav {margin-bottom:20px;} .catnav li a {font-size:12px; font-weight:bold; display:block; padding:5px; line-height:20px;} .catnav li a:hover {background:#D9D2C7; color:#635C5A; text-decoration:none;} .catnav li.here {background-color:#dfdfdf; color:#635C5A; background:#D9D2C7;} /* SEARCH --------------------------------*/ .search-holder {margin-bottom:10px;} .search-holder input {font-size:14px;} .search {padding-left:15px;background-color:#000;border:none;height} /* SEARCH RESULTS ---------------------------*/ #cse-search-results iframe {width:630px;} /* ACCOMMODATION --------------------------------*/ .accommodation-item {border-bottom:1px solid #8F7E50; margin-bottom:10px;} #main .accomm-specs {margin-bottom:20px;color:#4F4536;} #main .accomm-specs li {float:left; margin-right:10px;} .accommodation .entry-galley {padding:5px 0 5px 0;} .accommodation .entry-gallery li {float:left; list-style:none !important;} .accommodation .entry-gallery img {margin:5px 5px 5px 0px;} /* BLOG --------------------------------*/ .blog-story {border-bottom:1px solid #8F7E50; margin-bottom:20px;} .blog-specs {background-color:#4a4136; padding:5px;} .blog-specs p {color:#D2BA98;font-family:Georgia, "Times New Roman", serif; padding-bottom:0; } .blog-specs a {color:#D2BA98;outline:none;} .blog-specs a:hover {text-decoration:underline;} #entry-comments {} #commentlist {background-color:#dfdfdf; padding:5px 5px 10px 5px; border:2px solid;} #commentlist-main {padding:5px;} .comment-item {} .comment-title {background:#4A4136; padding:5px; font-size:15px; color:#9F968B;} /* GALLERY ----------------------------------*/ #gallery-albumview li {float:left;padding:7px;margin:px;} #gallery-albumview li a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;} .page {text-align:center;} /* gallery entry page */ #gallery-fullview {margin:0 auto;text-align:center;} #gallery-fullview .fullimage {border:5px solid #3E3623;padding:15px;} #nextprev {text-align: center; padding-top:5px;} /* GENERAL IMAGES ---------------------------------*/ .image {float:left;margin:5px 5px 5px 0px;} .image a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;} .static-entry-gallery {width:220px; float:right; margin-left:10px; margin-right:10px;} /* CONTACT FORM -----------------------------------*/ textarea {font: 12px Helvetica, Arial, Verdana, sans-serif;} .third {width:280px; padding-right:20px; float:left;} /*EXTRAS */ .fp-gallerytext {float:right; margin-top:20px; width:200px; background:black; -moz-opacity:0.7; opacity:0.8; filter:alpha(opacity=80); color:white; padding:10px; filter:alpha(opacity=50);} .fp-gallerytext a {color:#A68E68; text-decoration:underline;} /* Booking Enquiries */ #enquiries #name {width:200px;} #enquiries #email {width:200px;} #enquiries #enquiry {width:300px; height:200px;} #main .featured-fp h2,#home #sidebar .featured-fp h2 {filter:alpha(opacity=80); height:1%;} /* TWITTER BOX */ #twitterbox {margin-bottom:10px;} /* STEVE's CHANGES */ #fp-gallery {overflow:hidden;} #home .featured-fp li {padding:0px 0px 0px 0px; margin-bottom:1px; background-color:#82725A; overflow:hidden;} #home .featured-fp li a {display:block; color:#D2BA98; padding:5px 0 5px 5px;} #home .featured-fp li a:hover {text-decoration:none; background-color:#D2BA98;color:#82725A; } #home h2 {padding:0px;} #home h2 a {display:block; padding:5px;} #home h2.nolink {padding:5px;} .catnav li a:before {content:"\00BB \0020"};