/*
Theme Name: Spearfield House
Theme URI: http://www.n7studios.co.uk
Description: Spearfield House Wordpress 2.9 Theme
Version: 1.0
Author: n7 Studios
Author URI: http://www.n7studios.co.uk/
Tags: fixed width
*/

/* Tag Declarations */
body { font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif; color: #000; background: url(../images/body.gif) top center repeat-y #c7b18b; }
h1 { font-size: 1.8em; line-height: 2.2em; }
h2 { font-size: 1.4em; line-height: 2.2em; }
h3 { font-size: 1.4em; line-height: 2.2em; }
p { font-size: 1em; line-height: 1.6em; }
p + p, ul + p { margin-top: 1em; }
a { color: #235479; text-decoration: none; }
a:hover { color: #000; }
a.button { font-size: 1.2em; font-weight: bold; background: #857266; color: #fff; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 10px 0 0; }
a.button:hover { background: #4f4138; }

/* Forms */
form { clear: both; float: left; width: 100%; }
form p label { display: block; padding: 0 0 3px 0; }
form p input.text { font: inherit; width: 96%; padding: 2px 3px; }
form p textarea { font: inherit; width: 96%; height: 146px; padding: 2px 3px; }

/* Helper Classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* Image Container */
div.image-container { width: 200px; height: 200px; background: url(../images/image-container.png) top center no-repeat; margin: 0 0 0 10px; }
div.image-container img { width: 164px; height: 139px; padding: 18px 19px 43px 17px; }

/* Layout: Container and Header / Logo */
#container { width: 960px; margin: 0 auto; }
#header { float: left; width: 960px; height: 280px; background: url(../images/header.gif) top center no-repeat; }
#logo { position: absolute; float: left; width: 186px; height: 174px; top: 10px; margin-left: 45px; background: url(../images/logo.png) top left no-repeat; z-index: 2; }
#logo h1 { float: left; text-indent: -9999px; }

/* Layout: Contact Information in Header */
#contact { float: right; width: 440px; height: 30px; margin: 10px 0 0 0; }
#contact ul li { display: inline; margin: 0 10px 0 0; color: #000; font-size: 0.9em; text-align: right; }
#contact ul li.telephone { background: url(../images/icons/telephone.png) 0 50% no-repeat; padding: 0 0 0 20px; }
#contact ul li.map { background: url(../images/icons/home.png) 0 50% no-repeat; padding: 0 0 0 20px; }

/* Layout: Menu */
#menu { float: right; width: 650px; height: 38px; margin: 12px 0 0 0; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; height: 38px; line-height: 38px; font-size: 1.2em; margin: 0 5px 0 0; padding: 0 20px; text-align: center; text-decoration: none; color: #fff; background: #857266; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; }
#menu ul li a:hover, #menu ul li.current_page_item a { background: #4f4138; }

/* Layout: Selector Header */
.selector { float: right; width: 935px; height: 200px; margin: 10px 12px 0 12px; background: url(../images/icons/loading.gif) 50% 50% no-repeat; z-index: 1; }
.selector ul { float: right; width: 646px; height: 83px; margin: 40px 12px 0 0; background: url(../images/header-selector.png) top center no-repeat; }
.selector ul li { display: inline; }
.selector ul li a { display: block; float: left; width: 184px; height: 55px; line-height: 27px; margin: 15px 0; padding: 0 15px; font-size: 1.9em; color: #000; border-right: 1px dotted #000; }
.selector ul li a.description { font-size: 1em; line-height: 18px; }
.selector ul li a:hover { color: #4F4138; }
.selector ul li.last a { border: none; }
#home, #about { background: url(../images/headers/double-room.jpg) top center no-repeat; }
#book-now { background: url(../images/headers/single-room.jpg) top center no-repeat; }
#bed-and-breakfast, #news { background: url(../images/headers/ensuite-bathroom.jpg) top center no-repeat; }
#south-molton-and-area { background: url(../images/headers/south-molton.jpg) top center no-repeat; }

/* Layout: Content and Sidebar */
#main { float: left; width: 639px; margin: 20px 0 0 50px; padding: 0 10px 0 0; border-right: 1px dotted #333; }
#main div.entry ul { list-style-type: disc; list-style-position: inside; margin-left: 5px; }
#main div.entry ol { list-style-type: decimal; list-style-position: inside; margin-left: 5px; }
#main div.entry div.header h1 { float: left; line-height: 1.2em; }
#main div.entry div.header h2 { float: right; text-align: right; background: url(../images/icons/user.png) 0 50% no-repeat; padding: 0 0 0 20px; font-size: 1.2em; line-height: 1.2em; }
#main div.entry + div.entry { border-top: 1px dotted #000; margin: 20px 0 0 0; padding: 10px 0 0 0; }
#main div.comment h2 { float: left; line-height: 30px; }
#main div.comment h2 img { vertical-align: middle; line-height: 30px; padding: 0 10px 0 0; }
#main div.comment h3 { float: right; line-height: 30px; font-size: 1.1em; }
#main div.comment p { clear: both; }

/* Layout: Sidebar */
#sidebar { float: right; width: 225px; margin: 20px 25px 0 0; padding: 0 0 0 10px; }
#sidebar h1 { float: left; width: 100%; font-size: 1.4em; }
#sidebar blockquote + h1, #sidebar ul + h1, #sidebar form + h1 { margin: 20px 0 0 0; }

/* Layout: Sidebar Testimonials */
#sidebar blockquote { float: left; background: url(../images/quotes.png) top left no-repeat #fff; width: 215px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar blockquote div.quote { float: left; text-indent: 25px; }
#sidebar blockquote div.paginator { clear: both; float: left; width: 45px; font-size: 0.9em; }
#sidebar blockquote div.person { float: left; text-align: right; width: 170px; font-weight: bold; color: #b72547; }

/* Layout: Mailchimp Newsletter */
#sidebar form ul#mailchimp { float: left; background: url(../images/newsletter.png) top left no-repeat #fff; width: 215px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar form ul#mailchimp li { padding: 0 0 5px 0; }
#sidebar form ul#mailchimp li input.text { width: 210px; }
#sidebar form ul#mailchimp li input.grey { color: #ccc; }

/* Layout: Latest News */
#sidebar ul#latest-news { float: left; background: url(../images/latest-news.png) top left no-repeat #fff; width: 215px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar ul#latest-news li.title { font-weight: bold; }
#sidebar ul#latest-news li.date { font-style: italic; }

/* Layout: Footer */
#footer { float: left; width: 860px; margin: 40px 0 0 0; padding: 10px 50px; background: url(../images/body-footer.gif) top center repeat-y; }
#footer ul { float: left; width: 200px; margin: 0 15px 0 0; }
#footer ul li { padding: 0 0 5px 0; }
#footer ul li, #footer ul li a { color: #fff; }
#footer ul li a { text-decoration: underline; }
#footer ul li.twitter { background: url(../images/icons/twitter.png) 0 50% no-repeat; padding: 0 0 0 20px; }
#footer ul li.facebook { background: url(../images/icons/facebook.png) 0 50% no-repeat; padding: 0 0 0 20px; }
#footer ul li.telephone { background: url(../images/icons/telephone.png) 0 50% no-repeat; padding: 0 0 0 20px; }
#footer ul li.email { background: url(../images/icons/email.png) 0 50% no-repeat; padding: 0 0 0 20px; }
#footer ul li.map { background: url(../images/icons/home.png) 0 0 no-repeat; padding: 0 0 0 20px; }
#footer-end { float: left; width: 960px; height: 40px; background: url(../images/footer.gif) top center no-repeat; }