/*
	TITLE:	SCREEN STYLESHEET
	AUTHOR:	steve@rydzdesign.co.uk
*/

@import url('reset.css');

/* BODY ------------------------------------------------------------------ */
body { font:75%/1.5 Georgia, "Times New Roman", Times, serif; background:url(../images/site/top-bg.png) 50% 0 repeat-x; color:#251812; }

/* DEFAULT STYLING ------------------------------------------------------- */
p { margin-bottom:1.5em; }
ul, ol { margin-bottom:1.5em; }
ul { list-style:square; }
ol { list-style:decimal; }
blockquote { margin-bottom:1.5em; font-style:italic; }
cite { font-style:normal; }
pre, code { font-family:"Andale Mono", "Courier New", Courier, monospace; }
em { font-style:italic; }
strong { font-weight:bold; }

/* HEADINGS -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h3 { font-size:1.5em; margin-bottom:1em; }
h4 { font-size:1.25em; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1em; }
h6 { font-size:1em; font-weight:bold; }

/* LINKS ----------------------------------------------------------------- */
a:link, a:visited { color:#935f48; text-decoration:underline; }
a:hover, a:focus { text-decoration:none; }

/* IMAGES ---------------------------------------------------------------- */
img { margin-bottom:1.5em; padding:9px; border:1px solid #c9afa3; background:#fff; }

/* TABLES ---------------------------------------------------------------- */
table { overflow:hidden; margin-bottom:3em; width:100%; }
thead th { border-bottom:3px double #c9afa3; padding:0 0 1.5em; }
tbody td { border-bottom:1px dotted #c9afa3; padding:1.5em 3em 1.5em 0; }

/* FORMS ----------------------------------------------------------------- */
form { margin-bottom:1.5em; }
fieldset { border-top:1px solid #c9afa3; }
legend { font-variant:small-caps; letter-spacing:2px; color:#c9afa3; margin-bottom:1.5em; padding-right:1.5em; }
form p { overflow:hidden; }
input[type="text"], select, textarea { padding:5px; border:3px double #c9afa3; font:inherit; }
input[type="text"]:focus, select:focus, textarea:focus { border-color:#97837a; }
p select { float:right; margin-left:0.75em; }
form p input[type="text"] { float:right; width:328px; }
textarea { display:block; width:504px; margin-top:1.5em; }

/* LAYOUT ---------------------------------------------------------------- */
#content { position:relative; width:940px; margin:1.5em auto; }
#content-pri { float:left; width:520px; margin-bottom:3em; }
#content-sec { float:right; width:340px; margin-bottom:3em; }

/* BRANDING/MASTHEAD ----------------------------------------------------- */
#header { overflow:hidden; width:940px; margin:1.5em auto; padding-top:3em; text-align:center; }
#header h1 { margin:0; font-style:italic; }
#header h1 a { text-decoration:none; }
#header h2 { font-variant:small-caps; letter-spacing:2px; font-size:1.5em; margin-bottom:1em; color:#c9afa3; }

/* NAVIGATION ------------------------------------------------------------ */
#primary { overflow:hidden; width:940px; list-style:none; margin:1.5em auto; padding:0.75em 0; border-top:1px solid #c9afa3; border-bottom:3px double #c9afa3; text-align:center; }
#primary li { display:inline; margin:0 1.5em; font-variant:small-caps; letter-spacing:2px; font-size:1.2em; }
#primary li a:link, #primary li a:visited { text-decoration:none; }
#primary li a:hover, #primary li a:focus { text-decoration:underline; }
.home #nav-home a, .about #nav-about a, .rooms #nav-rooms a, .menu #nav-menu a, .contact #nav-contact a, .broadstairs #nav-broadstairs a, .guestbook #nav-guestbook a { color:#251812; }

/* SITEINFO/FOOTER ------------------------------------------------------- */
.footer { clear:both; background:#935f48 url(../images/site/footer-bg.png) 50% 0 repeat-x; color:#c9afa3; }
.footer a { color:#f4efec; }
#footer { overflow:hidden; width:940px; margin:0 auto; padding:4.5em 0 6em; }
#footer ul { list-style:none; }
#footer .vcard { float:left; width:280px; margin-right:20px; }
#footer .nav { float:left; width:280px; margin-right:20px; }
#copyright { float:left; width:340px; }

/* SLIDESHOW ------------------------------------------------------------- */
#slideshow { overflow:hidden; width:520px; height:395px; margin-bottom:1.5em; }

/* GLOBAL ELEMENTS ------------------------------------------------------- */
#content-pri ul { margin-left:3em; }
#content-sec .section { margin-bottom:3em; }
#content-sec ul { list-style:none; }
a.button { padding:0.75em 1.5em; border:1px solid #6e4736; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#935f48 url(../images/site/glass.png) 0 50% repeat-x; color:#f4efec; text-decoration:none; }
.button:focus { background-color:#6e4736; }
.image-caption { font-style:italic; color:#c9afa3; }
.bookings { overflow:hidden; }
.bookings li { float:left; margin-right:0.75em; }
.bookings li a { display:block; }