/*
Fron Deg Styles
Mei Gwilym, 2008

Lliwau-

llwyd 0: #737474 tywyll
llwyd 1: #58585a
llwyd 2: #9c9e9f
llwyd 3: #f4f4f4 golau
llwyd calendar: #58585a

oren: #fdc400
melyn: #fefbd1
gwyrdd: #96bf0d
gwyrdd t: #00662c

*/

/* reset + layout */
@import url("basic.css");

html{
/* background:#494949 url(img/bg.gif) top left repeat-x; */
height: 100%;
background: #737373; /* Old browsers */
background: -moz-linear-gradient(top, #737373 0%, #494949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#494949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #737373 0%,#494949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #737373 0%,#494949 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #737373 0%,#494949 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #737373 0%,#494949 100%); /* W3C */
}
#tud{
background:transparent url(img/pennawd-bg.gif) top left no-repeat;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:0px 10px 50px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0px 10px 50px rgba(0, 0, 0, 0.7);
box-shadow:0px 10px 50px rgba(0, 0, 0, 0.2);
}
/* ========================= #lang-switch
*/
#lang-switch{
font-size:0.84em;
}
#lang-switch p{
text-align:right;
}
#lang-switch p a{
color:#fdc400;
text-decoration:none;
}
#lang-switch p a:visited{
color:#fdc400;
}
#lang-switch p a:hover{
color:#fff;
}
#lang-switch p a:active{
color:#fdc400;
}
/* ========================= #pennawd
*/
#pennawd{
height:170px;
min-height:170px
}
#pennawd a.header-link{
color:#00662c;
text-decoration:none;
}
#pennawd  h1{
text-indent:-9999px;
}
img#frondeg-logo{
margin-left:31px;
}
/* ========================= #menu
*/
#menu{
font-size:0.85em;
letter-spacing:-0.05em;
}
#menu ul{
/*background:#96bf0d;*/
padding:0px 11px;
}
#menu ul li{
float:left;

}
#menu ul li.olaf{
border-right:0px;
}
#menu ul li a{
color:#fff;
font-size:1.1em;
display:block;
margin:9px 10px 9px 0px;
padding:6px 20px 6px 0px;
text-decoration:none;
border-right:1px solid #b2d04e;
}
#menu ul li a.selected{
color:#00662c;
}
#menu ul li a.olaf{
border:0px;
margin-right:0px;
padding-right:0px;
}
#menu ul li a:visited{

}
#menu ul li a:hover, #menu ul li a:active{
color:#00662c;
}
/* ========================= #wrap
*/
#wrap{
background:#fff;
overflow:auto;
padding:20px;
}
#wrap p{
margin:10px 0px;
}
/* ========================= #sidebar
*/
#sidebar{
background:#f4f4f4;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
#availability{

}
#availability h3#availability-h{
color:#00662c;
text-indent:-9999px;
background:transparent url(img/availability.gif) top left no-repeat;
height:31px;
}
/* ========================= #calendar
*/
table.calendar{
margin-top:10px;
color:#58585a;
}
table.calendar tr{

}
table.calendar tr th{
text-align:left;
padding-bottom:8px;
}
table.calendar tr th a{
text-decoration:none;
}
table.calendar tr td{
font-size:1.05em;
width:31px;
height:31px;
background:#fff;
text-align:center;
padding-top:8px;
margin:0px 1px 1px 0px;
border-right:2px solid #f4f4f4;
border-bottom:2px solid #f4f4f4;
}
table.calendar tr td.weekend{
background:#fefbd1;
}


table.calendar tr td div.today{
font-weight:bold;
}
table.calendar tr td div.booked{
background:#737474;
color:#fff;
}
.show_calendar{
float:left;
margin:2px 4px;
min-height:251px;
}

button#submit-book{
background:transparent url(img/book_now.gif) top left no-repeat;
width:95px;
height:36px;
font-size:1em;
text-align:center;
color:#fff;
margin:3px 0px;
border:0px;
cursor:pointer;
}
/* ========================= #images
*/
#images{
margin-top:8px;
}
#images h3#images-h{
color:#00662c;
text-indent:-9999px;
background:transparent url(img/images.gif) top left no-repeat;
height:31px;
}
#images img{
float:left;
margin:0px 1px 2px 0px;
}
/* ========================= #cynnwys + stwff cyffredinol
*/
#cynnwys h2{
padding-bottom: 17px;
}
h2{
font-size: 1.5em;
font-weight: normal;
color:#00662c;
}
#cynnwys h2#ffermdy{
text-indent:-9999px;
background:transparent url(img/the_farmhouse.gif) top left no-repeat;
height:28px;
}

#cynnwys img {
margin-left: 10px;
}

p{
font-size:0.75em;
line-height:2em;
word-spacing:0.05em;
color: #585858;
}
p.error{
color:#c00;
}
a{
color:#00662c;
}

img.siteimg{
float:right;
border:none;
margin-top:10px;
}
/* ========================= #capture_data
*/
#capture_data{
font-size:0.95em;
}
form fieldset{
border:1px solid #e7e7e7;
margin:10px 0;
padding:10px;
}
form legend{
font-size:0.8em;
margin-left:5px;
}
form div.formfield{
margin:5px 0px;
clear:left;
}
form div.formfield label{
display:block;
float:left;
margin:0pt 0pt 5px;
padding:3px 5px;
text-align:right;
width:130px;
}
form fieldset label{
display:block;
margin:10px;
}
form div.formfield label span.required{
color:#c00;
}
form div.formfield input{
padding:1px 3px;
border:1px solid #666;
}
form div.formfield input.textinput{
width:200px;
}
form textarea{
border:1px solid #666;
}
#booking-form{
padding-top:30px;
}
#personal{

}
#personal input#title{

}
#personal input#name{

}
#personal input#surname{

}

#address{

}
#address input#1address{

}
#address input#2address{

}
#address input#town{

}
#address input#county{

}
#address input#postcode{

}

#contact{

}
#contact input#tel{

}
#contact input#mob{

}
#contact input#email{

}
#contact checkbox#returning_cust{

}
/* ========================= #errors
*/
#errors{
color:red;
}
#errors ul{

}
#errors ul li{

}
/****************************************************** Calendar Booking Months
*/
#months{

}
.show-calendar{

}
/* ========================= #troedyn
*/
#troedyn{
padding-top:1em;
background:transparent url(img/footer.png) bottom left no-repeat;
color:#737474;
font-size:0.8em;
text-align:center;
clear:right;
}
#troedyn p{

}
#troedyn p span.contact{
color:#fdc400;
}
#troedyn p a{
color:#fdc400;
text-decoration:none;
}
#troedyn p a:visited{

}
#troedyn p a:hover{
text-decoration:underline;
}
#troedyn p a:active{

}
#search{
border:1px solid #737474;
color:#000;
background:#9c9e9f;
margin:100px;
}
#search h3{
font-size:1.1em;

}