/* Theme name: Parkers Farm Description: Custom Theme */ /* WordPress Default styles */ @import url('wp-default.css'); * { margin: 0; padding: 0; outline:0; } body { font-size: 13px; line-height: 17px; font-family: 'Trebuchet MS', sans-serif; color: #000; background: url(images/body.png); } a { color: #0252aa; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; } a img { border: 0; } h2 { color:#4B3A2E; font-size:24px; font-weight:bold; border-bottom:1px dashed #4B3A2E; line-height:31px; padding-bottom:10px; margin-bottom:15px; } h4 { font-size:15px; color:#fff; } ul { list-style:none outside none; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; } textarea { overflow:hidden; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .shell { width:800px; margin:0 auto; } #header { position:relative; z-index: 10; } #header p.phone { font-size:16px; line-height:24px; color:#4B3A2E; font-weight:bold; text-align:right; padding:13px 3px 0 0 ; } #header p.phone .big { display:block; font-size:20px; } #header #menu-header-menu li a {text-transform:uppercase} h1#logo { float:left; position:relative; left:-12px; padding-bottom:5px; } h1#logo a { display:block; width:478px; height:139px;} #navigation { /*border-color:#86796B; border-style:dotted; border-width: 2px 0;*/ height:36px; } #navigation li { float:left; padding:0 2px 0 0; background:url(images/nav-divider.png) no-repeat right center; position:relative; } #navigation li a { font-family: 'Trebuchet MS', sans-serif; line-height:36px; color:#4B3A2E; font-size:15px; font-weight:bold; padding:0 13px 0 11px; } #navigation li a:hover { background-color:#fecf3a; text-decoration:none; } #navigation li.last { background:transparent; } #navigation li.first a { padding-left:0; } #navigation li .dd { position:absolute; background:#d9d9cc; width:250px; left:0; top:30px; display:none; } #navigation li .dd li { float:none; padding:5px; border-bottom:1px dashed #4b3a2e; background:transparent; } #navigation li .dd li a { display:block; line-height:27px; } #navigation li .dd li a:hover { background:#bcbbac; } #fader { position:relative; width:820px; margin:0 -10px 0; height:270px; z-index: 5; } #fader .item { position:absolute; width:100%; height:260px; left:0; top:20px; background:url(images/fader-bg.png) no-repeat 0 0; } #fader .item img { position:relative; z-index: 1; } #fader .item .banner { position:absolute; z-index: 2; right:0; top:0; width:228px; height:201px; padding:40px 40px 20px; } #fader .item .banner p { color:#fff; } #fader .item .banner.green { background:url(images/banner-green.png) no-repeat 0 0; } #fader .item .banner.pink { background:url(images/banner-pink.png) no-repeat 0 0; } #fader .item .banner.blue { background:url(images/banner-blue.png) no-repeat 0 0; } #fader .nav { position:absolute; height:14px; top:240px; left:26px; z-index: 999; } #fader .nav a { height:14px; width:14px; background:url(images/fader-nav.png); z-index: 999; float:left; margin-right:4px; } #fader .nav a:hover, #fader .nav a.active { background-position: 0 bottom; } #main { background:#4b3a2e; margin:0 31px 0 13px; padding:10px 40px 0 12px; position:relative; height:100%; } #sidebar { width:192px; float:left; } #content { width:440px; float:right; background:#f7f7ef; padding:0 30px 186px; } #content p { padding-bottom:20px; } #sidebar a.book-btn { display:block; background:url(images/book-btn.png); width:190px; height:56px; margin: 0 auto 20px; font-size: 0; line-height: 0; text-indent: -4000px; } .sidenav { padding-bottom:20px; } .sidenav ul li { background:#d9d9cc; margin-bottom:2px; } .sidenav ul li a { line-height:21px; font-size:11px; color:#4B3A2E; padding:3px 30px; display:block; font-weight:bold; text-transform:uppercase; } .sidenav ul li a:hover { background:#f7be1c url(images/arrow.png) no-repeat 20px center; text-decoration:none; } .widget { background:url(images/widget-m.png) repeat-y 0 0 ; } .widget-t { background:url(images/widget-t.png) no-repeat 0 0 ; } .widget-b { background:url(images/widget-b.png) no-repeat 0 bottom ; padding:10px; } #main.wide { margin:10px 20px; padding:0; background:transparent; } #main.wide .icon { position:absolute; left:-5px; top:-7px; } #main.wide #content { width:760px; float:none; padding:30px 10px 250px; } #main.wide #content .heading { padding-left:100px; } #main.wide #content .heading h2 { border:0; } #content .pricingtable { border-collapse:collapse; font-family: Verdana, Geneva , sans-serif; } #content .pricingtable tr td { background:#F7F5F2; border:1px solid #faf7f2; text-align:center; font-size:11px; height:24px; color:#4B3A2E; font-weight:bold; } #content .pricingtable tr td.dark { background:#D9D9CC; } #content .pricingtable tr td.yellow { background:#D5D10E; } #content .pricingtable tr td.ltyellow { background:#E7E491; } #content .pricingtable tr td.ltyellow, #content .pricingtable tr td.yellow { text-align:left; padding:0 15px; } #content .pricingtable tr.first td, #content .pricingtable tr.last td { border: 1px dashed #4B3A2E; background:#fff; padding:10px 0; } #content .pricingtable tr td.gray { background:#C4C4B8; border:0; } #content .pricingtable tr td.gray p.top { padding:20px 0 65px; } #content .pricingtable tr td.gray p.btm { padding:0; } #content .pricingtable tr td.dogs { text-align:right; } #content .pricingtable tr td.booked { background:#a64b3e; } #footer { height:235px; width:1397px; position:relative; /*background:url(images/footer.png) no-repeat center 0;*/ /*position:fixed; bottom:0;*/ left:0; z-index: 999; margin:0 auto; margin-top:-186px;} #footer img {position:absolute;} /*gravity contact form styling*/ .gravity-contact-form .gform_heading h3.gform_title { border-bottom: 1px dashed #4B3A2E; color: #4B3A2E; font-size: 24px; font-weight: bold; line-height: 31px; margin-bottom: 15px; padding-bottom: 10px;} .gravity-contact-form .gform_body .ginput_container input, .gravity-contact-form .gform_body .ginput_container textarea { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; font-size: 1.4em; margin: 0 0 10px; padding: 5px; width: 300px !important; } .gravity-contact-form .gform_body .ginput_container textarea {height:100px;} .gravity-contact-form .gform_body label {float:left;} .gravity-contact-form .gform_footer input.button { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; margin: 0 0 82px 10px; padding: 5px; /*float: right;*/ font-size: 1em; width: 100px; } .gform_wrapper .gravity-contact-form .gform_footer {margin:0;padding:0;} .gravity-contact-form .gform_body .ginput_container textarea:focus, .gravity-contact-form .gform_body .ginput_container input:focus, .gravity-contact-form .gform_body .ginput_container input:hover { background-color: #4B3A2E; border: 2px solid #4B3A2E; color: #FFFFFF; } /*end of gravity contact form styling*/ /*styling the booking gravity form*/ .gravity-booking-form .gform_heading h3.gform_title { border-bottom: 1px dashed #4B3A2E; color: #4B3A2E; font-size: 24px; font-weight: bold; line-height: 31px; margin-bottom: 15px; padding-bottom: 10px; width:745px;} .gravity-booking-form .section-heading h2{background-color:#7fa1d4;color:#fff;text-indent:10px} .gravity-booking-form .section-heading, .gravity-booking-form .payable-cheques {width:800px;} .gravity-booking-form .section-heading-2 h2{background-color:#7fa1d4;color:#fff;text-indent:10px} .gravity-booking-form .section-heading-2 {width:360px;} .gravity-booking-form .section-heading-black-1 h2, .gravity-booking-form .section-heading-black-2 h2 {background-color:#000;color:#fff;text-indent:10px} .gravity-booking-form .gsection.section-heading-black-1 {width:320px;float:right;margin-top:-333px;} .gravity-booking-form .gsection.section-heading-black-2 {width:320px;float:right;margin-top:-200px;} .gravity-booking-form .section-heading-details-left h2 {background-color:#7fa1d4;color:#fff;text-indent:10px} .gravity-booking-form .section-heading-details-left {width:375px;} .gravity-booking-form .section-heading-details-right h2 {background-color:#7fa1d4;color:#fff;text-align:right;text-indent:-10px;} .gravity-booking-form .gform_body .section-heading-details-right {width:375px;float:right;margin-top:-55px;} .gravity-booking-form .payable-cheques h2 {background-color:#aaabab;color:#000;text-align:center} .gravity-booking-form .gform_body .section-text h2{line-height:15px; font-size:12px;text-align:center; color:#000;} .gform_wrapper .gravity-booking-form .gsection {border:none} .gravity-booking-form .gform_body .about-you-field-type-1 label, .gravity-booking-form .gform_body .about-you-field-type-2 label, .gravity-booking-form .gform_body .about-you-field-type-3 label {float:left;text-align:right; width:180px;} .gravity-booking-form .gform_body .about-you-field-type-4 label, .gravity-booking-form .gform_body .about-you-field-type-5 label {float:left;text-align:right; width:345px;} .gravity-booking-form .gform_body .about-you-field-type-1 .ginput_container input {float:right; width:550px;} .gravity-booking-form .gform_body .about-you-field-type-2 .ginput_container input {width:160px;margin-left:8px;} .gravity-booking-form .gform_body .about-you-field-type-3 .ginput_container input {width:60px;} .gravity-booking-form .gform_body .about-you-field-type-3 {float:right;width:247px;margin-top:-30px} .gravity-booking-form .gform_body .about-you-field-type-4 .ginput_container input, .gravity-booking-form .gform_body .about-you-field-type-5 .ginput_container input {float:right; width:385px;} .gravity-booking-form .gform_body .preferred-field-type-1 label {float:left;text-align:right;width:195px;} .gravity-booking-form .gform_body .preferred-field-type-2 label {float:left;text-align:right;width:585px;} .gravity-booking-form .gform_body .preferred-field-type-2 {margin-top:-30px;} .gravity-booking-form .gform_body .preferred-field-type-1 .ginput_container input, .gravity-booking-form .gform_body .preferred-field-type-2 .ginput_container input {/*float:right;*/ width:150px;} .gravity-booking-form .gform_body .cottages-field-type-1 label {float:left;text-align:right;width:195px;} .gravity-booking-form .gform_body .cottages-field-type-1 .ginput_container input {width:150px;} .gravity-booking-form .gform_body .caravans-field-type-1 label {float:left;text-align:right;width:195px;} .gravity-booking-form .gform_body .caravans-field-type-1 .ginput_container input {width:150px;} .gravity-booking-form .gform_body .optional-field-1 label , .gravity-booking-form .gform_body .optional-field-2 label , .gravity-booking-form .gform_body .optional-field-3 label , .gravity-booking-form .gform_body .optional-field-4 label , .gravity-booking-form .gform_body .optional-field-5 label {float:left;text-align:right;width:238px;} .gravity-booking-form .gform_body .optional-field-1 .ginput_container input , .gravity-booking-form .gform_body .optional-field-2 .ginput_container input , .gravity-booking-form .gform_body .optional-field-3 .ginput_container input , .gravity-booking-form .gform_body .optional-field-4 .ginput_container input , .gravity-booking-form .gform_body .optional-field-5 .ginput_container input {width:80px;} .gravity-booking-form .gform_body .optional-field-1 {float:right;width:330px;margin-top:-277px;} .gravity-booking-form .gform_body .optional-field-2 {float:right;width:330px;margin-top:-246px;} .gravity-booking-form .gform_body .optional-field-3 {float:right;width:330px;margin-top:-144px;} .gravity-booking-form .gform_body .optional-field-4 {float:right;width:330px;margin-top:-112px;} .gravity-booking-form .gform_body .optional-field-5 {float:right;width:330px;margin-top:-80px;} .gravity-booking-form .gform_body .details-field-left label {float:left;width:60px;text-align:right;margin-right:5px;} .gravity-booking-form .gform_body .details-field-left .ginput_container input {width:550px;} .gravity-booking-form .gform_body .details-field-right label {display:none;} .gravity-booking-form .gform_body .details-field-right .ginput_container input {width:107px;margin:0 10px 0 0;} .gravity-booking-form .gform_body .details-field-right {float:right; margin-top:-31px;} .gravity-booking-form .gform_body .payment-field-1 label, .gravity-booking-form .gform_body .payment-field-2 label, .gravity-booking-form .gform_body .payment-field-3 label {float:left;width:383px;text-align:right;margin-right:5px;} .gravity-booking-form .gform_body .card-no label {background-color:#7fa1d4; height:23px;margin-top:-2px;padding:3px 5px 0 5px;text-align:center; float:left; width:100px; color:#fff;} .gravity-booking-form .gform_body .card-no .ginput_container input {width:360px;} .gravity-booking-form .gform_body .valid-from label {background-color:#7fa1d4; height:23px;margin-top:-2px;padding:3px 5px 0 5px;text-align:center; float:left; width:100px; color:#fff;} .gravity-booking-form .gform_body .valid-from .ginput_container input {width:150px;} .gravity-booking-form .gform_body .valid-from {float:right;width:268px;margin-top:-28px;} .gravity-booking-form .gform_body .card-type label.gfield_label {background-color:#7fa1d4; height:23px;margin-top:20px;padding:3px 5px 0 5px;text-align:center; float:left; width:100px; color:#fff;} .gravity-booking-form .gform_body .card-type .ginput_container {width: 150px; margin-top: 24px; margin-left:100px;} .gravity-booking-form .gform_body .card-type .ginput_container label{text-align:right;margin-right:10px;} .gravity-booking-form .gform_body .card-type .ginput_container input{float:right;margin-left:10px;} .gravity-booking-form .gform_body .expire-date label, .gravity-booking-form .gform_body .security-code label, .gravity-booking-form .gform_body .issue-no label {float:left;text-align:right;margin-right:5px;background-color:#7fa1d4; height:25px;padding:3px 5px 0 5px;text-align:center; width:100px;color:#fff; margin-top:-3px;} .gravity-booking-form .gform_body .expire-date .ginput_container input, .gravity-booking-form .gform_body .security-code .ginput_container input, .gravity-booking-form .gform_body .issue-no .ginput_container input {width:159px; height:17px;margin-left:-5px;} .gravity-booking-form .gform_body .expire-date , .gravity-booking-form .gform_body .security-code , .gravity-booking-form .gform_body .issue-no {float:right; width:280px;} .gravity-booking-form .gform_body .expire-date {margin-top:-120px;} .gravity-booking-form .gform_body .security-code {margin-top:-90px;} .gravity-booking-form .gform_body .issue-no {margin-top:-60px;} .gravity-booking-form .gform_body .signature label {float:left;text-align:right;margin-right:5px;background-color:#7fa1d4; height:30px;padding:3px 5px 0 5px;text-align:center; width:100px;color:#fff; margin-top:-3px;} .gravity-booking-form .gform_body .signature .ginput_container input {width:200px;height:22px; margin-left:-5px;} .gravity-booking-form .gform_body .dated label {float:left;text-align:right;margin-right:5px;background-color:#7fa1d4; height:30px;padding:3px 5px 0 5px;text-align:center; width:100px;color:#fff; margin-top:-3px;} .gravity-booking-form .gform_body .dated .ginput_container input {width:200px;height:22px; margin-left:-5px;} .gravity-booking-form .gform_body .dated {float:right; width:325px; margin-top:-32px;} .gravity-booking-form .gform_footer input.button { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; margin: 0 0 82px 0; padding: 5px; /*float: right;*/ font-size: 1em; width: 100px; } .gfield_error .validation_message{display:none;} .gform_wrapper .top_label .gfield_error select {border:1px solid #790000} .gform_wrapper .gfield_error .gfield_label {color:#790000} .gform_wrapper .validation_error {color:#790000; font-weight:bold; font-size:14px; line-height:1.5em; margin-bottom:16px} .gform_wrapper .validation_message {color:#790000; font-size:11px; letter-spacing:normal} .gravity-booking-form .gfield_contains_required input {border:1px solid red} /*end of styling the booking gravity form*/ .box { margin-bottom:20px; background:none;} .box h2 {color:#fff; padding:0;margin:0;border:0px; font-size:18px;} .box ul li a { color: #4B3A2E; display: block; font-size: 11px; font-weight: bold; line-height: 21px; padding: 3px 30px; text-transform: uppercase; } .box ul li { background: none repeat scroll 0 0 #D9D9CC; margin-bottom: 2px; padding-left: 2px; padding-right: 2px;} .box ul li a:hover { background: url("images/arrow.png") no-repeat scroll 20px center #F7BE1C; text-decoration: none; } .box ul li:hover {background:#f7be1c} /*styling the search widget*/ .box .screen-reader-text {display:none} .box #s {height:25px;} .box #searchsubmit { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; margin: 0 0 0px 3px; padding: 5px; width: 50px; } /*end of styling the search widget*/ /* styling the blog */ .post h2 {font-size:22px;} .post h2 a {color:#4B3A2E} .post {margin-bottom:20px;} /* end of styling the blog*/ /*comment styling*/ ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { border:1px solid #4B3A2E; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { } ol.commentlist li div.comment-author { padding:0 170px 0 0; } ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; } ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li div.vcard img.photo {} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; } ol.commentlist li div.comment-meta a:hover { color:#000; } ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; } ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px; text-align:center; width:36px; } ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; } ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; } ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li { } ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment {} ol.commentlist li ul.children li.comment-author-admin {} ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-5 {} ol.commentlist li ul.children li.odd {} ol.commentlist li.even { background:#D9D9CC; } ol.commentlist li.odd { background:#f6f6f6; } ol.commentlist li.parent { } ol.commentlist li.pingback { } ol.commentlist li.pingback.parent { } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} #comments {display:none} #commentform input { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; margin: 0 0 10px; padding: 5px; width: 200px !important; } #commentform textarea { border: 2px solid #CCCCCC; font-family: Helvetica,sans-serif; margin: 0 0 10px; padding: 5px; width: 420px !important; } #commentform input, #commentform textarea {border:1px #4B3A2E solid; border-radius:5px;} #commentform p {padding:0} /*end of comment styling*/