/* 
    Document   : screen
    Created on : 17-Feb-2010, 20:17:32
    Author     : Scott Darby
    Description:
        Styles for the screen.

*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}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{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
=Basics
 --------------------------------------------------------*/
html            {background: #fff; min-height: 100%}
body            {font-family:"Century Gothic", Arial, Helvetica, Sans-Serif; line-height:16px; background:#fff; color:#000; padding: 0 0 80px; min-height: 100%;}
.wrapper        {width: 1003px; font-size: 13px; display: block; position: relative; margin: 0 auto}
.wrapper        {display:block}
* html .wrapper {height:1%}
.wrapper:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

h1,h2,h3,h4,h5,h6 {font-weight:700; line-height:20px;}
h1                {font-size:28px; margin-bottom:35px; font-weight:normal; line-height: 28px}
h2                {font-size:21px; margin-bottom:20px; font-weight:400; color: #fff; line-height: 20px}
.home h2          {font-size:28px; margin-bottom:35px; color: #fff}
.home #latest-news h2, .home #testimonials h2 {font-size:21px; margin-bottom:20px; color: #000}
.home #latest-news h2 a, .home #testimonials h2 a {font-size:21px; margin-bottom:20px; color: #000}
h3                {font-size:18px; margin-bottom:6px; font-weight: 400; line-height: 25px}
h3 a              {color: #000}
.home #latest-news h3, .home #testimonials h3 {font-size:16px; margin-bottom:10px}
h4                {font-size:16px; margin-bottom:8px; font-weight: 400}
h5                {font-size:13px; margin-bottom:9px; font-weight: 400}
h6                {font-size:12px; margin-bottom:8px; font-weight: 400}

a               {color: #fff; border-bottom: 1px dotted #ccc; text-decoration: none; font-weight: bold}
a:hover         {color:#000; background: #A1B81E; border-bottom: none;}
a:active        {color:red}
a.current:hover {text-decoration:none}

p      {line-height:25px; font-size:13px; margin:0 0 18px}
em     {font-style: italic}
small  {font-size: 11px}
strong {font-weight: bold}

ul {padding-left: 16px; list-style-position:outside; list-style-type:circle; margin:0 0 18px}
li {line-height: 25px; margin: 0 0 8px}
ol {padding-left: 16px; list-style-type:decimal; margin:0 0 18px}
li {line-height: 18px}
dl {margin: 18px 0}


hr {width: 100%; border: 1px dotted #fff; display: block; clear:both; margin: 20px 0}

acronym:hover {cursor:help}

img {border:none}

fieldset {border:none;margin:0 0 10px}
select   {border:1px solid #979797;color:gray}

th {text-align:center}

/*
 =Utilities
 --------------------------------------------------------*/
.left   {float:left; margin:0 10px 10px 0}
.right  {float:right; margin:0 0 10px 10px}
.center {text-align:center; margin:0 auto}

.img-replace {text-indent:-9999px; line-height:0; font-size:0; display:block}

/*clearfix*/
.clearfix        {display:block}
* html .clearfix {height:1%}
.clearfix:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

/*
 =Header
 --------------------------------------------------------*/
.header {padding: 10px 0 0}
#logo {background: url(../images/logo.png) no-repeat; width: 217px; height: 179px; margin-bottom:20px}
#logo a {display: block; width: 276px; height: 228px; border: none}
#logo a:hover {background-color: transparent}
#nav {margin: 0; padding: 0; z-index: 0}
#nav li {
    float: left;
    margin: 0 3px;
    -moz-box-shadow: 0 3px 7px #666;
    -webkit-box-shadow: 0 3px 7px #666;
    box-shadow: 0 3px 7px #666;
}
#nav a {
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 12px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    background: #98a657;
    border: 2px solid #c9d592;
}

#nav .current_page_item a:hover {cursor:default; text-decoration: none}
#nav .current_page_item li a:hover {cursor:pointer; text-decoration: underline}
#nav a:hover {text-decoration: underline}

#nav .page-item-5 {margin-left: 5px}
#nav .page-item-65 a  {background: #ac244b; border-color: #eccbd4}
#nav .page-item-78 a  {background: #2f64a5; border-color: #a2bbda}
#nav .page-item-83 a {background: #a78964; border-color: #dec7ac}
#nav .page-item-55 a {background: #d06c89; border-color: #ebc1cd}
#nav .page-item-89 a {background: #b83b6d; border-color: #eabed0}
#nav .page-item-16 a {background: #d7a00d; border-color: #f0efd8}
#nav .page-item-18   {margin-right: 0}
#nav .page-item-18 a {background: #4b90b7; border-color: #b2d3e6}

#nav li ul {
    position: absolute;
    left: -9999px;
    margin-top: -5px;
    z-index: 100;
    padding: 0;
}

#nav li li {
    margin: 0;
    -moz-border-bottom-radius: 3px;
    -webkit-border-bottom-radius: 3px;
    border-bottom-radius: 3px;
}

#nav li li a {
    border: none;
    border-top: 1px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

.has_js #nav li ul {
    display: none;
    left: auto;
}

/*
 =Common elements
 --------------------------------------------------------*/
#article {
    z-index: 1;
    margin-top: -5px;
    position: relative;
    background: #fff;
    color: #fff;
    padding: 20px;
    border: 3px solid #cfbf98;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 0 0 7px #666;
    -webkit-box-shadow: 0 0 7px #666;
    box-shadow: 0 0 7px #666;
    min-height: 500px
}

#content {
    width: 482px;
    float: left;
    padding: 5px 0 0
}

/*
 =Slideshow
 --------------------------------------------------------*/
#slideshow {height: 324px; width: 450px; float: left; position: relative; top: -19px; right: -11px}
#slideshow #photo-frame {background: url(../images/photo-holder.png) no-repeat; width: 450px; height: 329px; position: absolute; z-index: 999; top: 1px;}
#slideshow img {z-index: 0; position: absolute; top: 37px; left: 21px}
#slideshow li {list-style: none!important}

/*
 =Home Page
 --------------------------------------------------------*/
body.home {background: url(../images/bg.jpg);}

.home #article {
    background: #9FAE2D;
}

#article #entry-points {padding: 0; margin:0 0 20px; width: 978px; position: relative; left: -5px; clear: both}
#article #entry-points li {margin: 0; padding: 0; float: left; list-style: none}
#article #entry-points li a {width: 326px; height: 171px; border: none}
#organic-farming a {background: url(../images/organic-farming.png) no-repeat}
#weddings-parties a {background: url(../images/weddings-parties.png) no-repeat}
#a-place-to-stay a {background: url(../images/a-place-to-stay.png) no-repeat}

.box {background: #e1ceb7; border: 6px solid #fff; width: 416px; padding: 20px; float: left; margin: 0 20px 0 0; height: 175px}
.box p {margin:0; line-height: 19px}
#latest-news {background: #e1ceb7 url(../images/beeees.gif) no-repeat 329px bottom}
#latest-news ul {padding: 0}
#article #latest-news li {list-style:none}
#testimonials {margin: 0!important; background: #e1ceb7 url(../images/happy-guys.gif) no-repeat 277px 63px}
#testimonials blockquote {width: 254px; color: #000}
#testimonials blockquote p {margin: 0 0 5px}
.cite {font-style: italic; display: block}
.box .author {font-style: italic; margin:0 0 10px; color: #000}

.news-date {
    position: relative;
    /*background: url(../images/blog-date-m.png) repeat-y;*/
    width: 48px;
    text-align: center;
    float:left;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.day {font-size: 25px; line-height: 25px; padding: 5px 0 0; color: #000}
.month {font-size: 16px; line-height: 16px; color: #000}
.year {font-size: 13px; line-height: 13px; padding: 0 0 5px; color: #000}

.news-content {float: right;  width: 242px}
.news-content p {width: 248px; color: #000}
.news-content a {color: #000}


/*
 =Content page
 --------------------------------------------------------*/
#page-content {float:left; clear:both; background: #e1ceb7; width: 957px; margin: 0 0 20px -20px; padding: 20px; border-top: 5px dotted #fff;}

#article li {list-style:circle}

#article #entry-points.small {font-size: 20px}
#article #entry-points.small ul {padding: 0; margin: 0 0 20px}
#article #entry-points.small li a {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif!important;
    display: block;
    text-decoration: none;
    color: #fff;
    background: url(../images/entry-blue.png) no-repeat;
    width: 314px;
    height: 116px;
    margin: 0 12px 0 0;
    padding: 35px 0 0;
    text-align:center
}
#article #entry-points.small li a:hover {text-decoration: underline}
#article #entry-points.small li.second a {background: url(../images/entry-green.png) no-repeat}
#article #entry-points.small li.third a {background: url(../images/entry-pink.png) no-repeat; margin: 0}

/*
 =About us
 --------------------------------------------------------*/
.page-id-65,
.parent-pageid-65
{background: url(../images/bg-pink.jpg)}

.page-id-65 #article,
.parent-pageid-65 #article
{background: #B32C4C}

.page-id-65 #page-content,
.parent-pageid-65 #page-content
{background: #B32C4C}

.page-id-65 h1,
.parent-pageid-65 h1
{
    background: url(../images/about-heading.png) no-repeat;
    padding-left: 144px;
    height: 82px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px;
    color: #fff
}


/*
 =Local area
 --------------------------------------------------------*/
.page-id-78
{background: url(../images/bg.jpg)}

.page-id-78 #article,
.parent-pageid-78 #article {background: #9FAE2D}

.page-id-78 #page-content,
.parent-pageid-78 #page-content {background: #9FAE2D}

.page-id-78 #page-content ul {
    padding: 0;
    clear: both;
}

.page-id-78 #article li {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.page-id-78 #article li.odd {
    /*   background: #f0f5ca*/
}

.page-id-78 #article li li {
    padding: 0;
    background-color: transparent!important;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.page-id-78 #article li li.last {
    border: none;
    padding-bottom: 0;
}

.page-id-78 h1,
.parent-pageid-78 h1
{
    background: url(../images/local-area-heading.png) no-repeat;
    padding-left: 151px;
    height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px
}

/*
 =Organic farming
 --------------------------------------------------------*/
.page-id-83,
.parent-pageid-83
{background: url(../images/bg.jpg)}

.page-id-83 #article,
.parent-pageid-83 #article
{background: #6F7F00}

.page-id-83 #page-content,
.parent-pageid-83 #page-content
{background: #6F7F00}

.page-id-83 h1,
.parent-pageid-83 h1
{
    background: url(../images/organic-heading.png) no-repeat;
    padding-left: 151px;
    height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px
}


/*
 =Weddings and parties
 --------------------------------------------------------*/
.page-id-55,
.parent-pageid-55
{background: url(../images/bg-light-pink.jpg)}

.page-id-55 #article,
.parent-pageid-55 #article
{background: #C06272}
.page-id-55 #page-content,
.parent-pageid-55 #page-content
{background: #C06272}

.page-id-55 h1,
.page-id-128 h1
{
    background: url(../images/heart-heading.png) no-repeat;
    padding-left: 151px;
    height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px
}

/*
 =Accommodation
 --------------------------------------------------------*/
.page-id-89,
.parent-pageid-89,
.parent-pageid-96,
.page-id-321
{background: url(../images/bg-pink2.jpg)}

.page-id-89 #article,
.parent-pageid-89 #article,
.parent-pageid-96 #article,
.page-id-321 #article
{background: #AC355B}

.page-id-89 #page-content,
.parent-pageid-89 #page-content,
.parent-pageid-96 #page-content,
.page-id-321 #page-content
{background: #AC355B}

.page-id-89 h1,
.parent-pageid-89 h1,
.page-id-321 h1,
.parent-pageid-96 h1
{
    background: url(../images/home-heading.png) no-repeat;
    padding-left: 151px;
    height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px
}

/*
 =Latest news
 --------------------------------------------------------*/
.blog, .single, .archive, .search, .error404 {background: url(../images/bg-yellow.jpg)}

/*
 =Contact
 --------------------------------------------------------*/
.page-id-18 {background: url(../images/bg-light-blue.jpg)}
.page-id-18 #page-content,
.parent-pageid-18 #page-content {
    background: #00617F
}
.page-id-18 #article,
.parent-pageid-18 #article {
    background: #00617F
}

.page-id-18 h1,
.parent-pageid-18 h1
{
    background: url(../images/travel-heading.png) no-repeat;
    padding-left: 135px;
    height: 90px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 18px
}


#contact-form {
    float:left;
    width: 279px;
    background: #00617F;
    border: 6px solid #fff;
    margin-right: 20px;
    padding: 20px
}
#map {float:left; border: 6px solid #fff; background: #fff; margin-top: 153px}
#default input,
#default textarea,
#default select {
    float:left;
    clear:both;
    width: 275px;
    background: #fff;
    border:none;
    margin-top: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
}
#default input:focus,
#default textarea:focus {
    background: #FFEEBF;
}
#default input.submit {width: auto}
#default label {float:left; clear:both}
#directions {clear:both; float:left}
.page-template-contact-php #content {width: 351px}
.page-template-contact-php #page-content {margin-top: 20px}
.error {color: #980000}
.error-field {border: 1px solid #980000!important}

/*
 =Menu page
 --------------------------------------------------------*/
.page-template-menu-page-php #article {text-align: center; padding-left: 25px}
.page-template-menu-page-php #menu-top {width: 953px; /*height: 206px;*/ height:162px;}
.page-template-menu-page-php #menu {width: 953px}
.page-template-menu-page-php #menu-content {padding: 20px 30px; position: relative}
.page-template-menu-page-php #menu-content h1 {position: absolute; top: -106px; left: 317px}
.page-template-menu-page-php #menu-bottom {width: 953px; height: 21px;}
#heart {position: absolute; top: -45px; left: 462px}


/*
 =Footer
 --------------------------------------------------------*/
#footer p {margin: 20px 0 0; line-height: 13px}

/*
 =Blog
 --------------------------------------------------------*/
.blog #article,
.archive #article,
.search #article,
.single #article,
.error404 #article
{
    color: #000
}

.blog .news-content,
.archive .news-content,
.search .news-content,
.single .news-content,
.error404 .news-content
{
    width: 565px
}

.blog h1,
.archive h1,
.search h1,
.single h1,
.error404 h1
{
    color: #000
}

.blog h2,
.archive h2,
.search h2,
.single h2,
.error404 h2
{
    color: #000
}

.blog a,
.archive a,
.search a,
.single a,
.error404 a
{
    color: #000
}

.blog .news-content p,
.archive .news-content p,
.search .news-content p,
.single .news-content p,
.error404 .news-content p
{
    width: auto
}


#article .post-info {padding: 0}
#article .post-info li {list-style: none}

.blog #content,
.archive #content,
.single #content,
.search #content,
.error404 #content {
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    background: #FAF6EB;
    padding: 20px;
    width: 635px;
    margin: 0 20px 0 0
}

.post {
    margin: 0 0 20px;
}

#aside {
    float: left;
    background: #DFB200;
    border: 6px solid #FFF;
    padding: 20px;
    width: 210px;
    margin: 26px 0 0
}

#aside a {
    color: #fff
}
#aside h2 {
    margin: 0 0 10px;
    color: #fff
}
#article #aside ul {padding: 0; margin: 0 0 30px}
#article #aside li {list-style: none; }
.post-category {clear:both;}
.separator {background: url(../images/heart.png) no-repeat; width: 26px; height: 21px; margin: 0 auto 20px auto;}

#searchform {
    background: #DFB200;
    float: left;
    padding: 5px;
    border: 6px solid #fff;
}
#searchform input {
    -moz-border-bottom-radius: 3px;
    -webkit-border-bottom-radius: 3px;
    border-bottom-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
}
#s {
    width: 183px;
}

.post img
{
    border: 6px solid #fff;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
}

#post-title {float: left; margin-left: 20px; width: 565px}
#post-title h2 {line-height: 25px}
.post-content {clear: both}
#comment {border: none; width: 583px}
.comments {border: 6px solid #fff; background: #E1CEB7; padding: 20px}
.post-heading {margin-bottom: 10px}
.commentlist {padding: 0; }
#article .commentlist li {list-style: none; background: #EFE1D1; padding: 10px; margin: 0}
#article .commentlist li.alt {background: #FFF0DF}
.avatar {border: 2px solid #fff}

.search #searchform {margin-top: 20px}

.innerfade li .news-content {position: absolute; left: 76px}

/*
 =Wordpress specific
 --------------------------------------------------------*/
.alignleft {float:left; margin: 0 20px 20px 0}
.alignright {float: right; margin: 0 0 10px 20px!important}
.wpdev-help-message {color: #fff!important; font-weight: bold;}


/*
 =global site colours
 --------------------------------------------------------*/
html body {background: url(../images/bg-yellow.jpg)!important}