/*
Theme Name: Salty Dog
Theme URI: http://saltydog.co.nz/
Description: The theme for the Salty Dog Inn website
Version: 1.0
Author: David Organ
Author URI: http://webcraft.co.nz/
Tags: custom header, fixed width, widgets

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed by Dave Mac, and developed by
Dave Organ whose blog you will find at http://webcraft.co.nz/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* Global Styles */

body {
background-image: url(images/body.jpg);
background-repeat:repeat-x;
/* font-family: Arial, Helvetica, sans-serif; */
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; /* adam */
}

h1 {
padding-bottom: 3px;
color: #733b2f; /* top menu red */
font-size: 18px;
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #b2a689; /* border brown */
}

h2 {
padding-bottom: 3px;
color: #733b2f; /* top menu red */
font-size: 17px; /* adam */
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
padding-bottom: 3px;
color: #733b2f; /* top menu red */
font-size: 14px; /* adam */
font-weight: normal;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

#left h1 {
 padding: 5px 0 3px 0;
}

#left h2 {
padding: 15px 0 3px; /* adam */
color: #666666; /* adam */
font-size: 14px; /* adam */
}


#left h3 {
padding: 3px 0 5px; /* adam */
color: #666666; /* adam */
font-size: 12px; /* adam */
}

p {
padding: 15px 0px 10px 0px;
font-size: 12px;
color: #978f83;
color: #777777; /* adam */
line-height: 16px;
}

p.thin {
 padding: 0px;
 margin: -10px 0 -15px 0;
}

#left p {
 padding: 10px 0;
}

strong {
font-weight: bold;
}

small {
padding: 5px 0px;
font-size: 10px;
color: #978f83;
line-height: 16px;
}

.map {
 border: 1px solid #CCCCCC;
 padding: 5px;
 margin-left: 5px; 
 margin-bottom: 5px;
 float:right;
}

li {
font-size: 12px;
/* color: #978f83; */
color: #777777;
line-height: 16px;
list-style: disc;
list-style-position: inside;
}

a {
text-decoration: none;
color: #733b2f; /* top menu red */
}

a:hover {
color: #b2a689; /* border brown */
}

/* Layout Styles */
#container {
width: 970px;
margin: 0 auto;
}

#header {
position: relative;
width: 970px;
height: 158px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
z-index: 100;
}

#logo {
position: absolute;
width: 423px;
height: 214px;
margin: 0px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
}

#logo a.logo {
display: block;
width: 423px;
height: 214px;
}

/******* menu *******/

#menu {
float: right;
width: 547px;
height: 30px;
margin: 20px 18px 0px 0px;
background-image: url(images/menu.png);
background-repeat: no-repeat;
overflow: hidden;
}

#menu ul#nav {
width: 547px;
height: 18px;
padding: 5px 0px;
overflow: hidden;
}

#menu ul#nav li:first-child {
border: none;
}

#menu ul#nav li {
float: left;
height: 18px;
padding: 0px 6px 0px 5px;
list-style: none;
font-size: 11px;
color: #733b2f; /* top menu red */
border-left: 1px solid #b2a689; /* border brown */
font-family: Arial, Helvetica, sans-serif;
}

#menu ul#nav li a {
display: block;
height: 12px;
padding: 2px 0px 0px 0px;
color: #733b2f; /* top menu red */
}


#menu ul#nav li a:hover {
color: #b2a689; /* border brown */
}

/** 2nd tier menu **/

#menu ul#nav li ul{
position: absolute;
width: 150px;
margin-top: 3px;
padding-top: 2px;
margin-left: -7px;
background-color: #fff;
}

#menu ul#nav li ul li{ 
float: left;
width: 137px;
height: 18px;
padding: 4px 6px 4px 6px;
list-style: none;
font-size: 11px;
color: #733b2f; /* top menu red */
border-bottom: 1px solid #b2a689; /* border brown */
border-left: none;
}

#menu ul#nav li ul li:first-child {
border-bottom: 1px solid #b2a689; /* border brown */
}

#menu ul#nav li ul li a {
display: block;
height: 12px;
padding: 2px 0px 0px 0px;
color: #733b2f; /* top menu red */
}

/** 3rd tier menu **/

#menu ul#nav li ul ul{
position: absolute;
width: 150px;
padding-top: 0px;
margin-top: -18px;
margin-left: 143px;
background-color: #fff;
}

/******* //menu ******/

#content {
width: 855px;
min-height: 700px;
margin: 0px 0px 0px 24px;
padding: 0px 35px 0px 35px;
background-image: url(images/contentBg.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #FDFDFC;
}


#contentBtm {
clear: both;
width: 970px;
height: 28px;
margin: 0 auto;
background-image: url(images/contentBtm.png);
background-repeat: no-repeat;
}

#banner {
clear: both;
width: 855px;
height: 322px;
margin: 0px 0px 0px 0px;
}

#homeImg {
float: left;
width: 398px;
height: 322px;
margin-top: -7px;
overflow: hidden;
}
#homeImg ul,
#homeImg li,
#homeImg li a {
	display: block;
	height: 322px;
	margin: 0px;
	padding: 0px;
}
#home li {
	z-index: 1;
}

#homeImg li.show {
	z-index: 2;
}

#blog {
float: left;
width: 456px;
height: 302px;
margin-top: -6px;
padding: 10px 0px;
background-image: url(images/blog.jpg);
background-repeat: no-repeat;
border-left: 1px solid #fff;
}

img.latestNewsTitle {
margin: 20px 20px 10px 10px;
}

.newsblock {
	width: 400px;
	height: 72px;
	padding: 5px 28px;
	overflow: hidden;
}

.newsblock a.postIcon img {
float: left;
width: 76px;
padding-top: 3px;
margin-right: 10px;
border: 2px solid #e9e8df;
}

.entryHome {
float: left;
width: 310px;
}

h3.entryHomeTitle a{
padding: 0 0 4px 0;
color: #733b2f; /* top menu red */
font-size: 14px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

.entryHome p {
padding: 0px;
}

.readmore {
float: left;
color: #733b2f; /* top menu red */
}

#midContent {
clear: both;
height: 148px;
margin: 20px auto;
}

#stay, #eat, #meet   {
float: left;
width: 280px;
height: 148px;
}

#eat {
padding: 0px 7px 0px 8px;
}

#lowerContent {
clear: both;
padding: 5px 0px 0px 0px;
}

#homeLeft {
float: left;
width: 217px;
min-height: 200px;
padding: 0px 20px 0px 0px;
}
            
#homeMid {
float: left;
width: 339px;
min-height: 200px;
padding: 0px 20px;
border-left: 1px solid #e9e8df; /* light brown */
border-right: 1px solid #e9e8df; /* light brown */
}
            
#homeRight {
float: left;
width: 217px;
min-height: 200px;
padding: 0px 0px 0px 20px;
}

h2.homeh2 {
padding-bottom: 3px;
color: #733b2f; /* top menu red */
font-weight: bold;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid #b2a689; /* border brown */
}

h2.homeh2 img.twitterCut {
float: right;
margin: -20px 20px 0px 0px;
}

#left {
float: left;
width: 575px;
min-height: 500px;
margin: 0 auto;
padding: 60px 14px 20px 0px; 
border-right: 1px solid #e9e8df;
}

.navigation {
padding: 4px 0px;
border-top: 1px solid #b2a689; /* border brown */
}

#right {
float: left;
width: 250px;
margin: 0 auto;
padding: 20px 0px 0px 15px;
}

#right .bookingForm {
width:217px;
padding: 10px 0px 20px 0px;
}

.clear {
clear: both;
}

#footer {
width: 855px;
margin: 0 auto;
}

#footer a{
color: #978f83;
}

#footer p.footerText {
float: left;
padding: 0px;
}

#footer ul#follow-us {
margin: 0px;
}

ul#follow-us li{
float: right;
width: 60px;
padding: 0px 0px 15px 0px;
text-align: center;
list-style: none;
}

ul#follow-us li p {
padding: 0px;
}


/* !Image Styles */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px;
border: 1px solid #e9e8df; /* light brown */
background-color: #fff;
}

img.alignright {
padding: 4px;
margin: 10px 0 5px 10px;
display: inline;
background-color: #fff;
border: 1px solid #e9e8df; /* light brown */
clear: both; /* adam */
}

img.alignleft {
padding: 4px;
margin: 10px 10px 5px 0;
display: inline;
background-color: #fff;
border: 1px solid #e9e8df; /* light brown */
clear: both; /* adam */
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* End Images */

/* booking form */

.bookingForm {
width:217px;
padding: 9px 0px 0px 0px;
}

.bookingForm div.cf_info{
width:187px;
padding: 5px 5px 5px 5px;
font-size: 12px;
}

.bookingForm form.cform {
width: 217px;
}

.bookingForm ol li, .bookingForm ol li.cf_li_err {
clear: both;
width:217px;
height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
}

.bookingForm ol li label {
float: left;
width: 90px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: bold;
color: #733b2f; /* top menu red */
text-align: left;
}

.bookingForm ol li input, .bookingForm ol li select {
float:left;
width: 116px;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
border: 1px solid #b2a689; /* border brown */
color: #978f83;
}

.bookingForm ol li input.dp-applied, .bookingForm ol li.cf_li_err input.dp-applied {
width: 87px;
float: left;
}

.bookingForm ol li a.dp-choose-date, .bookingForm ol li.cf_li_err a.dp-choose-date {
float: left;
width: 28px;
padding: 1px 0px 0px 2px;
}

.bookingForm ol li span.reqtxt, .bookingForm ol li span.emailreqtxt{
clear: both;
display: block;
width: 217px;
height: 10px;
margin: 0px;
text-align: right;
font-size: 10px; /* adam */
}

textarea#cf_field_8 {
display:block;
float:left;
height:50px;
margin:0 0 12px;
padding:2px;
width:118px;
border: 1px solid #b2a689; /* border brown */
color: #978f83;
font-size: 12px; /* adam */
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; /* adam */
}

.bookingForm .cform input.sendbutton {
margin-top: -4px;
margin-bottom: 10px;
}

.bookingForm p.linklove{
display:none;
}

/* twitter feed */

.twitterFeed {
padding: 9px 0px 0px 0px;
}

.twtr-hd {
display: none;
}

.atsdi {
 margin-right: 4px;
 margin-left: 4px;
}

.addthis_sdi {
 padding: 0; 
 float: left; 
 position: absolute;
 margin: 20px -2px 0 0;
}