/*
Theme Name: Barrafina
Theme URI: http://www.junomedia.co.uk/
Description: New site layout
Version: 1.0
Author: Juno Media
Author URI: http://www.junomedia.co.uk/
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1;
	    font-size: 75%; /* 100% = 16px */
	    color: #fff;
	    background: #fff;
		font-family: arial, verdana, serif;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2, h3, h4, h5, h6 {font-weight: bold; display: block; margin-bottom: 1em}
	h2 {font-size: 100%; color: #491227}
	h3 {font-size: 100%; color: #491227}
	h4 {font-size: 100%; color: #491227}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fff; text-decoration: underline}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
	address {line-height: 1.4; font-style: normal}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Forms */
input.text, textarea {
	font-family: arial, verdana, serif;
	font-size: 12px;
	color: #666;
	background: #fff;
	border: 0
}

/***** Layout *****/
#wrapper {width: 838px; background: #491227; overflow: hidden; height: 1%; margin: 0 auto; border-bottom: 5px solid #7d7d7d}

/* Sidebar */
#sidebar {width: 181px; float: left; background: #491227; position:relative; height: 620px}

#sidebar .open {position: absolute; left: 25px; bottom: 30px}

	/* Logo */
	#logo {width: 181px; height: 101px; margin: 0 0 5.5em 0}
	
	/* Menu */
	#sidebar ul {margin: 0 0 3em 2.5em; padding: 0; list-style: none}
	#sidebar li {margin: 0 0 1.1em 0}
	
	#sidebar .company {margin: 0 0 0 2.5em}
	
	#sidebar a:link, #sidebar a:visited {text-decoration: none; color: #efd0de}
	#sidebar a:hover, #sidebar a:active, #sidebar .current_page_item a:link, #sidebar .current_page_item a:visited {color: #fff}

/* Body */
#body {
	float: left;
	width: 657px;
	background: #000 url('images/main-bg.jpg') no-repeat top left;
	height: 620px;
	overflow: hidden;
	position: relative
}

#body {background-image: url('images/main-bg.jpg')}
#body.wine-list {background-image: url('images/backgroundimage_wine.jpg')}
#body.food-menu {background-image: url('images/backgroundimage_food.jpg')}
#body.reservations {background-image: url('images/backgroundimage_reservations.jpg')}
#body.work-with-us {background-image: url('images/backgroundimage_workwithus.jpg')}

#content {
	width: 559px;
	background: #d6d6d6;
	color: #181512;
	position: absolute;
	bottom: 26px;
	left: 29px;
	padding: 20px;
	max-height: 520px;
	overflow: auto
}

#content a:link, a:visited, a:hover, a:active {
	color: #491227;
}

/* Footer */
#footer {width: 838px; margin: 0 auto; height: 30px; line-height: 30px; clear: both; text-align: right; color: #333; font-size: .9em}

#footer a:link, #footer a:visited {color: #491227; text-decoration: none}
#footer a:hover, #footer a:active {text-decoration: underline}

#footer .company {float: left}
#footer a.juno:link, #footer a.juno:visited {float: right; color: #c1c1c1; text-decoration: none}

#footer .links {float: left; margin: 0 0 0 1em}
#footer .links span {margin: 0 .5em}

/***** Sections *****/
/* Contact Us */
#contact-form label {display: block; margin-bottom: .3em}
#contact-form .text, #contact-form textarea {
	margin-bottom: .8em !important;
	margin-bottom: .2em;
	border: 0;
	padding: .4em 5px;
	width: 549px
}

#contact-form textarea {height: 105px}
#contact-form .button {
	background: #491227;
	color: #efd0de;
	padding: .2em 5px;
	float: right;
	border: 0
}

#contact-us address {text-align: right; margin-bottom: 3em; font-style: normal}

/* Menus */
.side {width: 335px; float: left}
#submenu {
	float: right;
	display: inline;
	overflow: auto;
	width: 133px;
	background: #491227;
	margin: -20px 15px 25px 15px;
	list-style: none;
	padding: 20px 20px 30px 20px
}

#submenu a:link, #submenu a:visited {text-decoration: none; color: #efd0de}
#submenu a:hover, #submenu a:active, #submenu .current_page_item a:link, #submenu .current_page_item a:visited {color: #fff}

table.menus {width: 100%; margin: 0 0 2em 0}

table.menus tr td {padding: 2px 0 5px}

/* Reservations */
#reservation-calendar {width: 297px; float: left; margin: 0 25px 25px 0; border: 12px solid #b6b5b5}

/* Recipes */
.recipe-img {float: left; margin: 0 25px 25px 0}
.recipes h2 {font-size: 128.57%; font-weight: normal}

/* Location */
#content.location {background: #fff; margin: 0 0 1.5em 0; padding: 0; width: 599px}

#content.location address {display: block; margin: 1.5em}

#content.location fieldset {padding: 10px; background: #d6d6d6; overflow: hidden; height: 1%}

#content.location label {padding: 0 .5em 0 0; float: left; line-height: 22px}
#content.location .text {background: #fff; margin: 0 1.3em 0 0; color: #333; width: 180px; float: left; padding: .4em .5em}
#content.location .button {
	float: right;
	background: #491227;
	border: 0;
	color: #efd0de;
	cursor: pointer;
	text-align: center;
	padding: 5px
}

.download_button {
	float: left;
	background: #a8a9ad url('images/icons/pdf.gif') no-repeat top left;
	color: #ffffff;
	border: 0;
	padding: 13px 40px 13px 40px;
	cursor: pointer;
	text-align: left;
	margin-bottom: 15px;
}

#content .download_button a:link , #content .download_button a:visited, #content .download_button a:active, #content .download_button a:hover { color: #ffffff; font-weight: bold; text-decoration: none; }

#content.location address span {width: 40%; float: left; margin: 0 5% 0 0}

#detailed-directions {padding: 0; overflow: hidden; height: 1%; background: #d6d6d6; clear: both}
#detailed-directions span.left {float: left}
#detailed-directions img#expand-detailed, #detailed-directions img#contract-detailed {float: right; cursor: pointer}
#detailed-directions img.hidden {display: none}

#detailed-text {float: none; display: block; padding: .8em 1em; overflow: hidden; height: 1%; color: #491227; font-weight: bold}

#detailed {clear: both; background: #fff; padding: 1em 1em .5em 1em}

/* Venues */
.venues {width: auto; overflow: hidden}
.venues ul {margin: 0; padding: 0; list-style: none; overflow: hidden; height: 1%; width: 578px}
.venues li {float: left; margin: 0 40px 30px 0}

.venues img {display: block}

.venues a:link, .venues a:visited {color: #491227; text-decoration: none}
.venues a:hover, .venues a:active {text-decoration: underline}