/*
Theme Name: Lighthouse Theme
Theme URI: http://www.avatar.net.nz
Description: Custom Theme for Opononi  - based off the Starkers Theme
Version: 1.0
Author: Simon Douglas
Author URI: http://avatar.net.nz
*/

/*
	CONTENTS ----------

	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES & VIDEOS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
       10.GLOBALS ELEMENTS
	   11.HOMEPAGE / SIDEBAR
	   12.CONTACT PAGE
	   13.NEWS SECTION
	   14.COMMENTS

    -------------------

    COLOURS -----------

	red;  = #CB0000;
	blue = #000098;
	lightblue = #BEBEE4;

*/


/* 1.BODY
---------------------------------------------------------------------- */

body { font-family:"Helvetica Neue", Arial, sans-serif; font-size:13px; line-height:20px; background:#fff; color:#444;}
ul#skipnav { position:absolute; top:-9999px; left:-9999px; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
p,ul,dl,ol { padding:0; margin:0 0 20px 0; }

ol li { margin-left:25px; }

ol { list-style:decimal; }
hr { height:3px; border:none; background:url(images/hr-bg.png) repeat-x left center; margin:20px 0; }

blockquote { font-family:Georgia,serif; font-style:italic; color:#666; font-size:12px; line-height:18px; margin-bottom:20px; padding:0 20px;}
blockquote p { margin-bottom:10px; }
blockquote cite { font-style:normal; text-transform:uppercase; font-size:9px; letter-spacing:1px; display:block;}

abbr { cursor:help; border-bottom:1px solid #ccc; }
abbr:hover { border-color:#999; }
a abbr { border:none; }

del { color:#666; }
strong { font-weight:bold; color:#000; }
em { font-style:italic; }


/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
font-size:30px;
font-family:"Trebuchet MS","Helvetica Neue", Arial, sans-serif;
color:#000098;
font-weight:bold;
line-height:1.25em;
margin:0 0 10px;
letter-spacing:-1px;
}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4,h5,h6 {font-size:13px; margin-bottom:0}
.seo {
	font-size:16px; font-style:italic; text-align:center;
}

/* 4.LINKS
---------------------------------------------------------------------- */

a:link,
a:visited { color:#000098 }
a:hover,
a:focus { color:#CB0000; }

/* 5.IMAGES & VIDEOS
---------------------------------------------------------------------- */
.alignleft { float:left; margin:0 10px 10px 0; clear:left;}
.alignright { float:right; margin:0 0 10px 10px; clear:right;}

/* 6.LAYOUT
---------------------------------------------------------------------- */

div#page { width:965px; margin:0 auto; position:relative;}
#wrapper { background: #bebee4 url(images/faux.gif) -69px 0 repeat-y; float:left; width:100%;}

/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding {border-bottom:12px solid #CB0000; width:100%; float:left;}
#sitelogo {text-indent:-9999px; background:url(images/logo.gif) top left; display:block; width:481px; height:156px; float:left; margin-right:2px;}
img#headimageone {float:left; border-top:12px solid #fff; margin-right:2px; padding-top:2px}
img#headimagetwo { float:left; border-top:12px solid #fff; margin-right:2px; padding-top:2px}
img#headimagethree {float:left; border-top:12px solid #fff; padding-top:2px}

/* 8.NAVIGATION
---------------------------------------------------------------------- */
#main-nav   { font-family:"Trebuchet MS","Helvetica Neue", Arial, sans-serif; text-transform:uppercase; margin:0; padding:0;}
#main-nav li { display:block; margin:0; border-bottom:1px solid #fff; height:1%;}
#main-nav li a { color:#fff;
text-decoration:none;
font-size:16px;
padding:0;
text-indent:10px;
 display:block;
 padding:7px 0;
 font-weight:bold;
 letter-spacing:1px;
 height:1%;}
#main-nav li a:hover,
#main-nav li a:focus,
#main-nav li.current_page_item a,
#main-nav li.current_page_parent
{ color:#fff; background-color:#CB0000; }

li#pages-3 h2 {display:none;} /*pages title*/

/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer { clear:both; background:#CB0000; margin-top:2px; float:left; width:100%; }
#footer a {color:#fff;}
#copyright { line-height:30px; text-indent:10px; margin:0; color:#fff;}

/* 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */
#primary-content{
background:#BEBEE4 none repeat scroll 0 0;
border-top:1px solid #FFFFFF;
float:right;
width:712px;
}
#primary-content .post {
width:660px;
padding:20px 20px 0;
}
#primary-content ul li {
list-style:none;
background: url(images/bullet.gif) no-repeat 0 3px;
padding-left:25px;
margin-bottom:2px;
}
#secondary-content
{
background:#000099;
border-top:2px solid #FFFFFF;
float:right;
width:250px;
position:relative;
left:-3px;
color:#fff;
}
#secondary-content h2.widgettitle {
color:#FFFFFF;
font-size:17px;
margin:10px 0 2px;
}

.size-thumbnail,
.size-medium,
.size-large,
.size-full {
padding:2px;
background:#fff;
border:1px solid #ccc;
}
.size-large, .size-full {
width:595px !important;
}

.wp-caption-text {
margin:0;
font-size:11px;
font-weight:bold;
text-align:center;
}

/* 11.HOMEPAGE / SIDEBAR
---------------------------------------------------------------------- */
#text-3 {
margin:0;
background:#d83f3f;
color:#fff;
padding: 10px;
border-bottom:2px solid #fff;
margin-bottom:10px;
}
#text-3 { /* Temporarily remove specials */
padding: 0px;
border-bottom: none;
}
#text-3 div { /* Temporarily remove specials */
display: none;
}
#text-3 p {
margin-bottom:10px;
}

#booking-widget {
	margin:0;
	background:#d83f3f;
	color:#fff;
	padding: 17px 0 17px 17px;
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
}

.widgettitle {margin:0;}
#hp-banner {display:block;}
#affiliation {width:260px;float:left; padding-left:10px; margin-bottom:10px;}
a#logo-manz { background: url(images/logo-manz.gif) top left; width:114px; height:85px; margin:0 10px 0 0; float:left; text-indent:-9999px}
a#logo-qualmark {background: url(images/logo-qualmark.gif) top left; width:74px; height:85px; margin:0; float:left; text-indent:-9999px}


dl.address {
margin:0 22px;
padding-top:22px;
clear:both;
}
dl.address dt {
clear:left;
float:left;
font-weight:bold;
text-align:right;
width:12em;
}
dl.address dd {
margin:0 0 1ex 13em;
width:20em;
}

.icons {
margin-top:10px !important;
margin-bottom:0 !important;
*margin-bottom:10px !important;
text-align: center;
float: left;
}

.icons:after {
/*content: ".";*/
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.icons img{
margin-bottom:10px;
}

.members {
margin-right:13px;
margin-bottom:0;
}
.qualmark {
margin-bottom:0;
}

/* 12.CONTACT PAGE
---------------------------------------------------------------------- */
#cformsform ol { width:100%; padding:0; margin:0;}
#cformsform li { list-style:none; width:100%; float:left; margin:0 0 3px 0;}
#cformsform label { font-weight:bold; width:120px; float:left;}
#cformsform input,#cformsform textarea,.wpcf7-form-control-wrap { float:left; width:300px; margin-right:10px; font-family:"Helvetica Neue", Arial, sans-serif; font-size:12px;}
.wpcf7-form-control-wrap.your-captcha { width: auto; }
#li--4 a {display:none;}
#cformsform  input#cforms_captcha{margin-right:10px; width:175px;}
.linklove {display:none;}
#cformsform #sendbutton {
background:#CC0000;
border:1px solid red;
color:#fff;
cursor:pointer;
margin-left:120px;
width:180px;
}
#cformsform #sendbutton:hover {
background:#fff;
color:#000;
border:1px solid #000;
}
.cf_li_err input, .cf_li_err textarea  {
background:#CB0000;
color:#fff;
}
#usermessagea {
margin-bottom:3px;
padding-left:5px;
}
#usermessagea.failure {
background:#CB0000;
color:#fff;
}
#cformsform fieldset {
float:left;
width:100%;
}
.cf_hidden {display:none;}

.wpcf7-validation-errors { border: none !important; color: #fff; background: red;}

/* 13.NEWS SECTION
---------------------------------------------------------------------- */
.widget { margin:0 10px; width:230px; color:#fff; }
.tddrecentposts dt a, .widget a {color:#fff;}
.widget dl {margin-bottom:0; height:1%;}
.widget li {list-style:none; margin:0 0 5px 0; border-bottom:1px dotted #fff;}
.tddrecentposts dt {font-weight:bold;}
.tddrecentposts dt a {color:#fff !important; position:relative;}
.tddrecentposts .sidebardate {font-style:normal; position:relative;}
.tddrecentposts dd {color:#fff; font-style:italic; margin:0;}

.navigation {
clear:both;
float:left;
margin:10px auto 10px 20px;
padding-top:5px;
width:600px;
display:inline;
}
.navigation div.alignleft {
background:transparent url(images/nav-bullet-left.gif) no-repeat scroll 0 7px;
padding:0 0 0 18px;
}
.navigation div.alignright {
background:transparent url(images/nav-bullet.gif) no-repeat scroll 100% 7px;
margin-right:5px;
padding:0 18px 0 0;
text-align:right;
}
.navigation div {
overflow:hidden;
width:250px;
}
.navigation li {background:none;}

/* 14.COMMENTS
---------------------------------------------------------------------- */
.comment-list li {
background:#f4f4f4 !important;
padding:0 !important;
border:1px solid #ddd;
line-height:1.6em;
margin:9px 0 0 21px !important;
position:relative;
list-style:decimal !important;
}
.comment-list li .top {
background-color:#fff;
border-bottom:2px solid #FFFFFF;
padding:0px 15px 3px 10px;
}
.comment-list li p {
margin:2px 0 5px 4px;
}
.comment-list li .body {
padding-bottom:10px;
}
.comment-list li .body p {
line-height:1.5em;
margin-left:14px
}
.comment-list img {display:block;
position:absolute; top:0; right:0; _right:20px;
}


form#commentform {
margin:0 auto 10px;
width:500px;
}
form#commentform:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}
form#commentform p { clear:both; float:left; width:100%; margin:0 0 10px 0;}
form#commentform label {
display:block;
float:left;
font-weight:bold;
width:232px;
line-height:16px;
}

form#commentform  input{
float:right;
width:210px;
}
form#commentform  textarea{
width:498px;
height:100px;
margin-bottom:5px;
}
form#commentform #submit {
float:right;
width:125px;
clear:both;
border:1px solid #ccc;
background:#fff;
}
form#commentform .required {
color:#F50000;
font-size:11px;
}
#recaptcha_widget_div {
margin-right:-2px;
}
div#recaptcha_widget_div div#recaptcha_area .recaptchatable #recaptcha_response_field {
float:none !important;
left:-1px;
}
#recaptcha_area, #recaptcha_table {
float:right;
margin-bottom:3px;
}
p.recaptcha-error  {
font-size:13px;
padding:0;
background:#ffff00;
padding:3px 0 3px 5px;
}
ul.navigation {
display:none;
}
#comments {
clear:both;
}

.clear {
display:block;
clear:both;
}