/*  
Theme Name: Magdalen
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

body {
background: url(./images/back.jpg) repeat-x top left #000;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:10px;
color:#523333;
}

#middle {
background: url(./images/page.jpg) repeat-y top center transparent;
display: block;
width:100%;
}

#top, #bottom {
width:100%;
height:60px;
display: block;
position:relative;
}

#bottom {
}

#bottom .container {
position:relative;
display: block;
width:780px;
color:#5e5353;
margin:auto;
text-align: left;
}

#bottom ul {
position:absolute;
top:10px;
left:0px;
display:block;
font-size:10px;
}

#bottom ul li {
float:left;
display: block;
margin:0 15px 0 0;
}

#bottom a {
color:#5e5353;
}

#bottom ul li a {
font-weight: bold;
}

#bottom a:hover {
color:#FFF;
}

#bottom p {
position:absolute;
top:10px;
right:0px;
display:block;
margin:0px;
font-size:10px;
}

a {
color: #b29772;
text-decoration: none;
}

#content a {
color:#523333;
text-decoration: underline;
}

a:hover {
color: #523333;
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote, q {
margin:0 0 15px 0;
}

h1 {
font-size:26px;
line-height:36px;
margin:0 0 16px 0;
color: #b29772;
font-family: Georgia;
font-weight:normal;
font-style: italic;
}

h2 {
font-size:20px;
font-weight:bold;
}

h3 {
font-size:26px;
line-height:30px;
margin:0 0 20px 0;
color: #b29772;
font-family: Georgia;
font-weight:normal;
font-style: italic;
}

h4 {
font-size:10px;
font-weight: bold;
color: #B29772;
line-height:11px;
}

p, ul, ol {
line-height:11px;
}

small {
font-size:11px;
display:block;
}

.clear {
clear:both;
}

#overlay {
display: none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:1048px;
background:url(./images/overlay.png);
z-index:100;
}

#joinasafriend {
background:url(./images/joinasafriend.png) no-repeat bottom right;
position:absolute;
top:164px;
left:50%;
margin-left:112px;
display: none;
z-index:101;
width:286px;
height:528px;
text-align: left;
}

#joinasafriend .closejoinasafriend {
display: block;
position:absolute;
top:5px;
right:14px;
width:12px;
height:12px;
}

#joinasafriend .inner {
padding:20px;
}

#joinasafriend form {
display: block;
padding:50px 0 0 0;
}

#joinasafriend form p {
margin:0 0 10px 0;
}

#joinasafriend form label {
font-style:italic;
font-size:14px;
color: #b29772;
display: block;
margin:0 0 3px 0;
line-height:15px;
font-family: Georgia;
}

#joinasafriend form input {
background: #ebdbc4;
color: #b29772;
border:none;
padding:5px;
width:210px;
outline:none;
}

#joinasafriend form input:focus {
color: #523334;
}

#joinasafriend form p.submit input {
text-align: left;
font-size:14px;
color: #FFF;
background: #b29772;
width:220px;
font-style:italic;
cursor: pointer;
font-family: Georgia;
}

#joinasafriend form p.submit input:hover, #joinasafriend form p.submit input:active {
background: #523334;
}

#window {
background:url(./images/topwindow.png) no-repeat bottom right;
position:absolute;
overflow: hidden;
top:164px;
left:50%;
margin-left:-390px;
display: none;
z-index:101;
width:789px;
height:528px;
text-align: left;
}

#window .loading {
position:absolute;
top:50%;
left:50%;
}

#window .closewindow {
display: block;
position:absolute;
top:5px;
right:14px;
width:12px;
height:12px;
z-index:1000;
}

#window .inner {
padding:10px 15px 10px 15px;
height:490px;
position:relative;
overflow: hidden;
}

#window .inner h1 {
width:500px;
}

#page {
width:972px;
width:780px;
margin:auto;
display: block;
text-align: left;
}

#header {
height:76px;
display: block;
overflow: hidden;
}

#header a.logo {
margin:25px 0 0 0;
display: block;
float:left;
}

#navigation {
display: block;
height:28px;
}

#navigation .menu {
display: block;
float:left;
margin:6px 0 0 0;
}

#navigation ul {
display: block;
margin:0px;
}

#navigation ul li {
float:left;
display: block;
margin:0 10px 0 0;
}

#navigation ul li a {
font-size:9px;
font-weight: bold;
color: #b29772;
float:left;
text-transform: uppercase;
display: block;
text-decoration: none;
}

#navigation ul li a:hover, #navigation ul li.current_page_item a { color: #523333; }

#navigation a.joinasfriendlink {
float:right;
font-size:16px;
font-family: Georgia;
color: #b29774;
text-decoration: none;
font-style:italic;
}

#navigation a.joinasfriendlink:hover { color: #523333; }

#homeslideshow {
display: block;
overflow:hidden;
height:513px;
margin:0 0 16px 0;
}

#homeslideshow ul { margin:0px; position:relative; }

#homeslideshow ul li {
position:absolute;
top:0px;
left:0px;
display:none;
}

#homeslideshow ul li.active {
display: block;
}

#mainarea {
display: block;
height:520px;
margin:0 0 16px 0;
background: #f2eacb;
overflow:hidden;
}

#mainarea.privatedining {
height:578px;
margin:0 0 20px 0;
}

#bannerimage {
height:420px;
overflow:hidden;
display:block;
}

#content {
display: block;
padding:15px 0 15px 15px;
height:187px;
overflow: hidden;
}

#content h1 {
margin:0 0 0px 0;
}

#mainarea.privatedining #content {
height:200px;
}

.post {
display: block;
float:left;
width:480px;
}

.post img { display:none; }

.post a, .review a {
color: #523333;
text-decoration: underline;
}

#mainarea.privatedining .post {
width:400px;
}

.amenu .colleft {
display: block;
float:left;
width:465px;
}

.amenu .colright {
display: block;
float:right;
width:240px;
position:absolute;
top:60px;
right:25px;
}

.amenu .colright h4 {
margin:0 0 0 0;
}

#content .amenu .colright p {
margin:0 0 10px 0;
}

.amenu_wine .colright {
width:465px;
}

.amenu_wine .pages {
display: block;
text-align: right;
font-size:18px;
font-style: italic;
width:100%;
clear:both;
font-family: Georgia;
}

.amenu_wine .pages a.active {
color:#523333;
}

h1.winetitle {
margin:0px!important;
}

.amenu_wine h4 {
margin:10px 0 0px 0;
}

.amenu p {
font-size:10px;
display: block;
clear:both;
overflow: hidden;
}

.amenu .colleft p {
margin:0px!important;
}

.amenu p span {
float: left;
display: block;
}

.amenu p span.price {
float: right;
width:34px;
text-align: left;
display: block;
}

.scrollpane {
overflow: auto;
height:460px;
}

.amenu_wine p {
margin-bottom:0px!important;
}

.amenu_wine p span {
display: block;
float: left;
overflow: hidden;
}

.amenu_wine p span.a {
width:35px;
}

.amenu_wine p span.b {
width:345px;
}

.amenu_wine p span.c {
width:180px;
}

.amenu_wine p span.d {
width:60px;
}

.amenu_wine p span.e {
width:60px;
}

.amenu_wine p span.f {
width:60px;
}

.amenu_wine h4 {
padding-top:15px;
font-size:11px!important;
}

.amenu_wine .brandy .b {
width:380px;
}

.amenu_wine .window_heading {
margin-top:-10px!important;
margin-bottom:10px!important;
}

.sidebar {
float:right;
display: block;
width:254px;
}

.sidebar h4 {
margin:0 0 24px 0;
}

.sidebar ul {
margin:0px;
}

.sidebar ul li {
font-size:10px;
float:left;
line-height:12px;
display: block;
width:120px;
}

.sidebar a {
text-decoration: underline;
color: #523438;
}

#mainarea.reservations .sidebar {
padding-top:10px;
}

#mainarea.reservations .sidebar h4 {
margin:0 0 3px 0;
}

#mainarea.privatedining .sidebar {
width:325px;
padding:0 15px 0 0;
}

.sidebar .privatediningcols {
padding:20px 0 0 0;
}

.sidebar .privatediningcols .block {
display: block;
overflow: hidden;
}

.sidebar .privatediningcols h4 {
display: block;
width:70px;
float:left;
}

.sidebar .privatediningcols .text {
display: block;
width:240px;
float:right;
}

#mainarea.reviews {
height:780px;
}

#mainarea.reviews h1 {
margin:0 0 18px 0;
}

#reviews {
display: block;
padding:16px;
height:780px;
}

#reviews .colleft {
display: block;
float:left;
width:350px;
}

#reviews .colright {
display: block;
float:right;
width:350px;
padding:30px 0 0 0;
}

#reviews .review {
display: block;
}

#reviews .review p {
margin:0 0 10px 0;
}

#reviews .mark {
font-size:18px;
font-family: Georgia;
line-height:25px;
font-style: italic;
margin:0 0 13px 0;
}

#reviews .credit {
color: #b29772;
}

#reviews .spacer {
display: block;
height:43px;
background: url(./images/reviewspacer.jpg) no-repeat left center;
}

#mainarea.gallery {
height:511px;
margin:0 0 25px 0;
}

#gallery {
display: block;
position:relative;
overflow: hidden;
height:511px;
}

#gallery .pointer {
display: block;
position:absolute;
bottom:57px;
left:0px;
margin: 0 0 0 20px;
z-index:20;
width:30px;
height:15px;
background: url(./images/pointer.png) no-repeat;
}

#gallery .theimages {
position:relative;
overflow: hidden;
width:780px;
margin:0px;
height:454px;
}

#gallery .theimages ul {
position:absolute;
top:0px;
left:0px;
overflow: hidden;
width:30000px;
margin:0px;
height:454px;
}

#gallery ul.images li {
display: block;
float:left;
position:relative;
width:780px;
height:454px;
overflow: hidden;
}

#gallery ul.images li.active { display: block; }

#gallery ul.images li p {
display: block;
background: url(./images/gallerytext.png);
position:absolute;
bottom:-50px;
left:0px;
width:100%;
padding:0 15px;
line-height:48px;
height:48px;
color: #FFF;
font-size:14px;
font-family: Georgia;
font-style: italic;
margin:0px;
}

#gallery ul.thumbs {
display: block;
margin:0px;
height:57px;
overflow: hidden;
padding:5px 0 0 5px;
}

#gallery ul.thumbs li {
display: block;
float:left;
overflow:hidden;
margin:0 5px 0 0;
}

#gallery .arrowleft {
display: none;
position:absolute;
top:208px;
left:15px;
width:13px;
height:27px;
background: url(./images/arrowleft.png) no-repeat;
z-index: 30;
}

#gallery .arrowright {
display: none;
position:absolute;
top:208px;
right:15px;
width:13px;
height:27px;
background: url(./images/arrowright.png) no-repeat;
z-index: 30;
}

#mainarea.employment #content .post {
width:500px;
}

#mainarea.employment .sidebar {
padding:45px 25px 0 0;
width:292px;
}

#footer {
display: block;
overflow: hidden;
height:135px;
}

#footer .left {
display: block;
float:left;
width:430px;
background: url(./images/testimonial.jpg) no-repeat top left;
}

#footer .testimonial {
padding:0 0 0 70px;
display: block;
overflow: hidden;
}

#footer .testimonial p {
font-size:17px;
font-family: Georgia;
line-height:20px;
font-style: italic;
margin:0 0 13px 0;
}

#footer .testimonial p.credit {
color: #804c52;
font-size:10px;
line-height:14px;
font-family: Arial;
font-style: normal;
}

#footer .right {
display: block;
float:right;
width:264px;
}

#footer .right h4 {
margin:0 0 7px 0;
font-size:10px;
}

#footer .right p {
font-size:10px;
color: #7e6a51;
line-height:10px;
}

#footer .right p span {
color: #b29772;
}

#footer .address {
float:left;
display: block;
width:120px;
}

#footer .openingtimes {
float:left;
display: block;
width:144px;
}

.mmf-mail-sent-ok {
border:none!important;
margin:0px!important;
padding:0px!important;
font-size:12px!important;
color: #b29772!important;
font-style:italic!important;
font-family: "Georgia"!important;
}