@charset "UTF-8";

@import url("nav.css");

body { font: 80%/130% Georgia, "Times New Roman", Times, serif; background: #26607b url(../images/bg.jpg) repeat-x; }
body, div { padding: 0; margin: 0; }

/* ------------------------------------------- LAYOUT IDS ------------------------------------------- */

#header { height: 100px; margin: 0 auto; width: 860px; }
#header img { border: 0; }

#logo { float: left; width: 410px; height: 100px; }
#logo img { float: left; margin: 30px 0 0 -10px; }

#container { width: 100%; float: left; background: #fbfbfb; }

/* SLIDESHOW */
#slideshow_area { float: left; padding: 20px 0 0px; height: 430px; }
#slideshow_ctrl { float: left; clear: both; width: 100%; margin: 0 0 20px; }
#slideshow_thumbs { float: left; width: 300px; }
#slideshow_thumbs img { margin: 0 10px 0 0; }
#controls_left { width: 350px; overflow: visible; float: left; height: 130px; }

/* INDEX GREY AREA */
#grey { float: left; background: #ebebeb; width: 100%; padding: 25px 0; font-size: 1em; line-height: 1.5em; color: #41484d; margin: -20px 0 0; }
#address { float: left; margin: 0 0 15px; }
#rooms { float: right; margin: 0 20px 0 0; }

/* FOOTER */
#footer { height: 70px; float: left; width: 100%; background: url(../images/footer_trans.jpg) repeat-x; }
#footer ul { width: 870px; margin: 30px auto 0; }
#footer ul li { display: inline; }
#footer a { color: #fff; text-transform: uppercase; font-size: 1em; text-decoration: none; padding: 5px 4px; }
#footer a:hover { color: #fff; background:  #1a3747; }
#jh { float: right; width: 180px; text-align: left; }
#copyright { width: 860px; margin: 10px auto; color: #3cc1ff; }

/* MAIN NAV */
#nav { width: 420px; float: right; height: 50px; margin: 50px -5px 0 0px; }

/* OVERLAY */
#overlay { z-index: 2000; color: #fff; position: relative; top: 3px; margin: 0 0 -410px 0; left: 603px; background: url(../images/overlay.png) no-repeat; width: 240px; height: 410px; }
#overlay h2  { margin: 0; padding: 12px 20px 0; font-style: italic; font-size: 2.4em; }
#overlay h3  { margin: 0; padding: 20px 20px 0; font-weight: normal; font-size: 1.2em; }
#overlay p  { margin: 0; padding: 20px 20px 0; font-weight: normal; font-size: 1.1em; line-height: 1.4em; }
#overlay a { color: #3cc1ff; }
#overlay a:hover { color: #fff; }
#showhide { text-align: right; }
#showhide a:link, #showhide a:visited { text-decoration:none; border: 1px solid; padding: 2px 5px; margin: 20px 0;  }

/* INDEX - SECONDARY NAV */
#secnav { width: 500px; float: right; margin: -20px 0 0; overflow: visible;}
#secnav ul { list-style-type: none; float: right; margin: 10px -30px 0; height: 40px; width: 510px; }
#secnav ul li { display: inline; height: 40px; float: left; }
#secnav a { height: 40px; float: left; border: 1px solid; line-height: 40px; padding: 0 12px; margin: 5px 3px; text-decoration: none; background: #2b7194; color: #fff; }
#secnav a:hover { background: #063d58; }

/* ------------------------------------------- CUSTOM CLASSES ------------------------------------------- */

.width { margin: 0 auto; width: 860px; }
.column { float: left; width: 280px; margin: 0 20px 0 0; } 
.clear { clear: both; }
.small { font-size: 0.8em; }
.small-bold { font-size: 0.8em; font-weight: bold; color: #003399; }
.whitetype { color: #fff; }
.seasons, .seasons td, .seasons tr { border: 1px solid #fff; }
.gallery-temp { width: 155px; height: 100px; padding: 2px; margin: 0 10px 10px 0; border: 1px solid #CCC; background: #FFF; float: left; }
input, textarea { font: 10pt/14pt Georgia, "Times New Roman", Times, serif; border: 1px solid #CCC; padding: 2px 4px; }
.submit { padding: 10px; background: #367fab; color: #FFF; border: 0; font-weight: bold; margin: 10px 0 20px 2px; }

p.pdf a { background: url(http://www.lymebayhotel.co.uk/images/pdf.gif) no-repeat 0 50%; padding: 5px 0 5px 22px; }
#inner li.pdf { float: left; list-style-type: none; padding: 5px 0; margin: 0; clear: left; }
#inner li.pdf a { background: url(http://www.lymebayhotel.co.uk/images/pdf.gif) no-repeat 0 50%; padding: 5px 0 0 22px; }


/* ------------------------------------------- INNER PAGES ------------------------------------------- */

/* INNER - SECONDARY NAV */
#secnav.inner_secnav { margin: 0; float: right; width: 630px; clear: both; 1background:red; }
#secnav.inner_secnav ul { width: 630px; float: right; margin: 10px 10px 0 0; }
#secnav.inner_secnav ul li { display: inline; height: 40px; float: right; }
#secnav.inner_secnav a { background: #FFF; color: #2F708E; border: 1px solid #ddd; }
#secnav.inner_secnav a:hover { background: #2F708E; color: #fff; }
#inner .post h4 { margin: 25px 0; }

/* MAIN CONTENT AREA */
#inner { color: #222; padding: 0 0 20px; min-height:500px; height:auto !important; height:500px; line-height: 20pt; }
#inner a { color: #367fab; }
#inner a:hover { color: #800; }
#inner p { clear: left; line-height: 1.75em; padding: 2px 0 5px; }
#inner li { line-height: 1.75em; padding: 0; }
#inner_slideshow { width: 389px; height: 295px; margin: 20px 14px 0 15px; background: #fff; float: right; border: 1px solid #ddd; }
#inner_slideshow img { margin: 10px; float: left; }

/* TYPE */
#grey h4 { font-size: 1.3em; margin: 0; padding: 0 0 1em; }
#inner h4 { font-size: 2em; margin: 20px 0; padding: 1px 0 6px; border-bottom: 4px solid #CCC; display: inline; float: left; }
#inner h2 { font-size: 1.2em; color: #26607b; clear: left; }
#inner h3, #inner div h3 { font-size: 1.2em; color: #26607b; clear: left; border-top: 1px solid #CCC; padding-top: 15px; margin: 20px 20px 0 0; }
#inner h5 { font-size: 1.1em; color: #444; clear: left; margin: 0; padding: 0 0 5px; }

/* GALLERY */
.gallery-tmbs ul { padding: 0; margin: 0; }
.gallery-tmbs ul li { list-style-type: none; display: inline; padding: 0; margin: 0; }
.gallery-tmbs ul li a img { border: 1px solid #CCC; margin: 0 3px 3px 0; padding: 2px; }
.gallery-tmbs ul li a:hover img { border: 1px solid #367fab; }

/* WORDPRESS */
#enq-iframe { width: 830px; border: 1px solid #DDD; padding: 10px; height: 550px; }
#inner table { margin: 10px auto; border-collapse: separate; border-spacing: 2px; }
#inner table tr td { padding: 4px; margin: 2px; border: 1px solid #CCC; }
#inner ul li { list-style-type: disc; padding: 2px; margin: 0 0 0 15px;}
#inner ul li ul li { list-style-type: circle; padding: 2px; margin: 0 0 0 15px;}
#wp_fader { width: 389px; height: 295px; margin: 20px 14px 0 15px; background: #fff; float: right; border: 1px solid #ddd; }
#wp_fader img { margin: 10px; float: left; width: 369px; }

#inner ul.post-meta { padding: 0; margin: 0; }
#inner ul.post-meta li { list-style-type: none; }
.post-meta-key { display: none; }

a { outline: 0; }