/*
Theme Name: Cliff Top
Theme URI: http://www.clifftop.com.au/
Description: Theme for the Cliff Top website.
Version: 1.0
Author: Moonshine Creative
Author URI: http://www.moonshine.com.au/
*/

body {font-family: arial, helvetica, sans-serif; font-size: 75%; color:#6b6b6b; line-height: 140%; position: relative; margin-bottom: 40px}

#wrapper {width: 960px; margin: 0 auto; text-align: left;}
hr {height: 2px; background: #a79b85; border: 0;}
h2 {font-size: 180%; color: #5b4e36;}
h3 {font-size: 150%; color: #5b4e36; font-weight: bold;}

a:link {color:#7e7053; font-weight: bold; text-decoration: underline;}
a:visited {color:#7e7053; font-weight: bold; text-decoration: underline;}
a:hover {color:#9c8f76; font-weight: bold; text-decoration: none;}

#header {height: 200px; margin: 20px 0 10px 0;}
#header h1 a {background: url(images/logo.png); display: block; height: 200px; width: 200px; text-indent: -9999px; margin: 0 auto;}

#nav {border-top: 1px solid #a79b85; border-bottom: 1px solid #a79b85; background: #c5b79d; width: 960px;}

#feature {height: 300px; margin: 20px 0;}

#column-left {float:left; clear:left; width:300px;}
#column-center {float:left; width:300px; margin: 0 0 0 30px}
#column-right {float:right; clear:right; width:300px; margin: 0 0 0 30px}

#news-feature {background: #aca088; margin: 0 0 15px 0}
#news-feature h2 {color: #ffffff; padding:8px; }
#news-feature h2 a {color:#ffffff}
h2 a:link {text-decoration: none;}
h3 a:link {text-decoration: none;}
h2 a:visited {text-decoration: none;}
h3 a:visited {text-decoration: none;}
h2 a:hover {text-decoration: none;}
h3 a:hover {text-decoration: none;}

#column-wrapper {margin: 10px 0; clear: both; overflow: hidden;}

#booking-bar {clear: both; height:40px; background: #ded9cf; position: relative; padding: 5px; margin: 10px 0;}
#booking-bar a {display: block; height: 40px; width: 188px; background: url(images/booknow.gif) no-repeat;  position: relative; text-indent: -9999px;}
#booking-bar a:hover {background: url(images/booknow.gif) -188px 0 no-repeat;}

#footer {clear: both; border-top: 1px solid #a79b85; padding: 5px 0; font-size: 14px; font-weight: bold; color: #665a43;}
#footer a {color:#7e7053; font-weight: bold; text-decoration: none;}
#footer a:hover {color:#aca088; font-weight: bold; text-decoration: none;}
.footer-left {float: left;}

#moonshine {float: left; color: #b2ab9e; padding: 4px 0 0 0 ;}
#moonshine a {color: #b2ab9e;}
.footer-right {float: right;}

.lavaLamp {position: relative; height: 30px; width: 900px; padding: 5px; margin: 0 auto; overflow: hidden;}
.lavaLamp li {float: left; list-style: none; position:relative; }
.lavaLamp li.back { border: 0; background-color: #a79b85; width: 9px; height: 40px; z-index: 8; position: absolute; top:0}
.lavaLamp li a {font-size:16px; font-weight: bold; color: #ffffff; text-decoration: none; outline: none; text-align: center; top: 7px;  z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 12px;}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {border: none; color:#ffffff; }

#subheader {height: 42px; display: block; font-size:280%; color: #ffffff; padding: 122px 0 0 10px; overflow: hidden;}

#content {margin: 25px 0 10px 0;}
#content h2 {font-size: 190%; font-weight: bold; color: #5b4e36;}
#content ul  {margin-left: 40px;}
#content-left {float: left; width: 608px; padding: 0 26px 15px 15px; border-right: 1px solid #d6d6d6;}
#content-right {float: right; width: 290px; padding: 0 0 15px 0; }
#content-right img {padding-bottom: 15px; }

#booking {clear: both; height:39px; position: relative; padding:0; margin:0 0 10px 0;}
#booking a {display: block; height: 39px; width: 290px; background: url(images/bookbutton-lge.gif) no-repeat;  position: relative; text-indent: -9999px;}
#booking a:hover {background: url(images/bookbutton-lge.gif) 0 -38px no-repeat;}

#enquire {clear: both; height:39px; position: relative; padding:0; margin:0;}
#enquire a {display: block; height: 39px; width: 290px; background: url(images/enquire.gif) no-repeat;  position: relative; text-indent: -9999px;}
#enquire a:hover {background: url(images/enquire.gif) 0 -39px no-repeat;}