/*
Theme Name: Brewhouse
Theme URI: http://www.oldbrewhousearbroath.co.uk/
Description: Old Brewhouse Arbroath
Author: Andrew Morgan
Author URI: http://www.idesignwebsites.co.uk/
version: 2.0
Tags: idesignwebsites, arbroath, andrew morgan
*/


/* basics */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {margin:0; padding:0;}
.clear { clear:both; }

body {
	background:#70140e url('images/bg.jpg');
	font-family:Tahoma, Geneva, Verdana;
	font-size:0.8em;
	letter-spacing:1px;
	word-spacing:1px;
	font-weight:100;
	line-height:1.7em;
	color:#453e33;
}
	
/* Typography */

a:link, a:visited, a:active {
	text-decoration:none;
	color:#453e33;
}

a:hover {
	color:#950000;
}

h1, h2, h3 {
	color:#4b3516;
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-weight:100; 
	margin-bottom:15px;
	}
	
h1 { font-size:1.8em; margin:0 0 60px 0; }
h2 { font-size:1.3em; }
h3 { }
h4 { }
h5 { }
h6 { }

h1 a:hover, h2 a:hover, h3 a:hover {
  color:#333;
}

strong {
  font-weight:bold;
	color:#950000;
}

em {
  font-style:italic;
}
	
ul {
	list-style-type:none;
}

p {
	margin:10px 0;
}

img{ border: none; padding:0; }
img a { border:none; }

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote {
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
}

code {
	font-family:"Courier New", Courier, monospace;
}

.red {
  color:#7b1f19;
}

.newstitle {
  padding:20px 15px 0;
  display:block;
  border-bottom:1px dashed #f2dec0;
  margin:15px 18px 0 15px;
  padding:20px 0 10px;
}

#right h2 {
  padding:20px 15px 10px;
}

.button a {
  display:block;
  background:#ffe7c4;
  border:1px solid #f2dec0;
  color:#53442e;
  padding:5px 15px;
  margin:15px 0 0px;
}

.button a:hover { background:#a92b25; color:#f2dec0; }

.read_more a {
  background:#ffe7c4;
  border:1px solid #f2dec0;
  color:#53442e;
  padding:2px 15px;
  position:absolute;
  top:15px;
  right:15px;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
}

.read_more a:hover {
  background:#a92b25; 
  border:1px dashed #f2dec0; 
  color:#f2dec0;
}


/* container */


#container {
	width: 700px;
	background:#ffe7c4 url('images/contentbg.jpg') repeat-x;
	margin:50px auto 0px;
	padding:110px 50px 20px;
	position:relative;
	z-index:100;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.wp-caption {
  float:left;
  margin:10px;
}
	
/* header */


#header {
	margin:0 auto;
	width:800px;
	position:relative;
	height:1px;
	z-index:1000;
	}

#header img {
	position:absolute;
	top:0px;
	right:270px;
	z-index:10000;
}

#picture {
  width:700px;
  margin:0 auto;
  height:400px;
  border:1px solid #c0ae94;
}

.contactpic {
  width:700px;
  margin:0 auto;
  height:200px;
  background:url('images/contact.jpg') no-repeat;
  border:1px solid #c0ae94;
}

.voucherpic {
  width:700px;
  margin:0 auto;
  height:200px;
  background:url('images/voucher.jpg') no-repeat;
  border:1px solid #c0ae94;
}


.pictureshadow {
  background:url('images/pictureshadow.png') no-repeat;
  height:30px;
  z-index:110;
} 

.contentshadow {
  background:url('images/contentshadow.png') no-repeat;
  height:70px;
  width:800px;
  margin:0 auto;
}

#content {
  width:516px;
  float:left;
  min-height:600px;
  background:#ffecd0;
  border:1px solid #f2dec0;
  margin:0 0 30px 0px;  
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.entry {
  padding:0px 15px 10px 15px;
}


/* Sidebar */

#sidebar {
  position:absolute;
  right:32px;
  top:180px;
  width:200px;
  min-height:300px;
  margin:50px 0 0 0;
  background:#ffecd0;
  border-right:1px solid #f2dec0;
  border-top:1px solid #f2dec0;
  border-bottom:1px solid #f2dec0;
  display:block;
  /* CSS3 */
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

#sidebar h2 {
  background:#eedbbd;
	color:#453e33;
  display:block;
  padding:10px 15px;
  font-size:1.3em;
  /* CSS3 */
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

#respond h2, #responses h2, .title {
  background:#eedbbd;
  color:#333;
  display:block;
  padding:10px 15px;
  font-size:1.3em;
  /* CSS3 */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#sidebar li a, #right li a {
  display:block;
  padding:5px 15px 5px 15px;
  border-bottom:1px dashed #f2dec0;
  border-top:1px dashed #f2dec0; 
}

#sidebar li a:hover, #right li a:hover { background:#a92b25; color:#f2dec0; }

#respond {
  background:#ffecd0;
  border:1px solid #f2dec0;
  margin:20px 0;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#responses {
  background:#ffecd0;
  border:1px solid #f2dec0;
  margin:10px 0;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}






/* main menu */


#leftmenu {
	position:absolute;
	top:10px;
  left:40px;
}

#rightmenu {
	position:absolute;
	top:10px;
  right:40px;
}


#rightmenu ul, #leftmenu ul {
	margin:0;
	padding:0;
}

#leftmenu ul li {
	list-style-type: none;
	float:left;
	margin:0 17px 0 0;
	padding: 0;
}

#rightmenu ul li {
	list-style-type: none;
	float:left;
	margin:0 0 0 7px;
	padding: 0;
}

#leftmenu ul li a, #rightmenu ul li a {
	padding:10px 10px;
	margin: 0;
	display:block;
  border:1px solid transparent;
  /* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#leftmenu ul li a, #rightmenu ul li a {
	text-decoration:none; 
	color:#453e33;
}

#leftmenu ul li a:hover, #rightmenu ul li a:hover {
  background:#a92b25; 
  color:#f2dec0;
  border:1px solid #f2dec0;
  /* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Home Page */

#left {
  width:370px;
  padding:20px 0;
}

#right {
  float:right;
  width:300px;
  min-height:300px;
  background:#ffecd0;
  border:1px solid #f2dec0;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#boxright {
  float:right;
  width:250px;
  min-height:300px;
  padding:20px;
  background:#ffecd0;
  border:1px solid #f2dec0;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.previous, .next {
  padding:10px 15px;
  background:#ffecd0;
  border:1px solid #f2dec0;
  /* CSS3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.previous a, .next a {
  padding:10px 15px;
  line-height:25px;
}

.previous {
  float:left; 
  margin:5px 0 20px 0px;
}

.next {
  float:right; 
  margin:5px 0px 20px 0;
}

.previous:hover, .next:hover {
  display:block;
  background:#a92b25; 
  color:#f2dec0;
  border:1px dashed #f2dec0;
}


/* Contact Form Map */

#map {
  background:#ffecd0;
  border:1px solid #f2dec0;
}

iframe {
  border:1px solid #f2dec0;
  margin:0 0 0 8px;
}

/* Testimonials */ 

#quote {
  background:#ffecd0 url('images/quote.jpg') no-repeat left center;
  border:1px solid #f2dec0;
  margin:30px 0;
  padding:40px 10px 40px 190px;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}

.testimonials_page {
  display:block;
  background:#ffecd0 url('images/quote.jpg') no-repeat left center;
  margin:30px 0;
  padding:40px 10px 40px 190px;
  border:1px solid #f2dec0;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Edit Link */

.editlink {
  position:absolute;
  right:50px;
  top:50px;
}

/* content */ 

.post {
position:relative;
	}
	
.post h2 a {
	text-decoration: none;
	color:#857762;
}
	
.post h2 a:hover{
	text-decoration: none;
	color:#6f130d;
}

.entry p { 
  margin:12px 0;
}

.postmetadata {
	clear: both;
	padding:6px;
	margin: 20px 0;
}

.navigation {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* comments */


#commentform{
}
	
#commentform p{
	color:#453e33;
}
	
#commentform a{
  color: #111; 
  text-decoration: none; 
  border-bottom: 1px dotted #465D71;
  line-height: 14pt;
}
	
#comment {
	width:370px;
}

#respond p {
  margin-left:50px;
}

#author, #email, #url, #comment, #submit {
  background:#ffecd0;
  border:1px solid #f2dec0;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
	
#submit {
	width:250px;
	padding:10px 0px;
	display:block;

  background:#ffecd0;
  border:1px solid #f2dec0;
	color :#93836c;
	font-weight: bold;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#submit:hover {
  background:#a92b25; 
  color:#f2dec0;
  border:1px dashed #f2dec0;
  cursor:pointer;
  cursor:hand;
}

#comments {
}
	
ol.commentlist {
  list-style-type: none; 
}

.avatar{
  float:left; 
  margin:0 12px 0 0;
}

ol.commentlist li {
  background:#ffecd0;
  border:1px solid #f2dec0;
	margin:10px;
	padding:5px 0 5px 10px;
	list-style-type:none;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

ol.commentlist li.alt {
  background:#ffecd0;
  border:1px solid #f2dec0;
	margin:10px;
	padding:5px 0 5px 10px;
	list-style-type:none;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

ol.commentlist li p {
  margin: 6px 0 6px 0; 
  padding: 0 12px 0 0; 
  line-height: 14pt;
}

ol.commentlist a {
  color:#000;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#menu img.alignright {
	padding: 4px;
	margin:25px 0px 0px;
	display: inline;
  background:#ffecd0;
  border:1px solid #f2dec0;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* footer */

#footer {
	clear: both;
	width: 100%;
}
	
/* Contact Form Code */

.form {
	padding:0px 0;
	width:300px;
	margin:0px 0 20px 0px;
	display:block;
}

.form fieldset {
	border:none;
}

.form legend {
	display:none;
}

.form p, .form br {
  margin:0;
  padding:0;
}

 .form label {
  display:none;
} 

.form input[type="text"] {
	width: 240px;
  background:#ffecd0;
  border:1px solid #f2dec0;
	padding:5px;
	color:#93836c;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:20px 0;
}

.form input[type="checkbox"] {
	width: 240px;
	padding:5px;
	color:#333;
	font-size:1em;
	margin:35px 0 0;
}

.form input[type="checkbox"]:hover{
	cursor:pointer;
	cursor:hand;
}

.form textarea {
	width: 240px;
	height: 100px;
	overflow:hidden;
  background:#ffecd0;
  border:1px solid #f2dec0;
	margin-top:-10px;
	color:#93836c;
	font-size:1em;
	padding:5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form select {
  background:#ffecd0;
  border:1px solid #f2dec0;
	color:#333;
	width:201px;
	margin-top:20px;
	padding:12px 5px;
}

.form textarea:hover, .form input:hover {
	cursor:text;
}

input.submitbutton:hover{
	cursor:pointer;
	cursor:hand;
}

.submitbutton {
	width:250px;
	padding:10px 0px;
	display:block;
  background:#ffecd0;
  border:1px solid #f2dec0;
	margin:20px 0px;
	color :#93836c;
	font-weight: bold;
	/* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.submitbutton:hover {
  background:#a92b25; 
  color:#f2dec0;
  border:1px dashed #f2dec0;
} 

/* Food Menu */

#menu {
  padding-bottom:60px;
}

dl {
  padding:20px 0 30px;
}

dt{
  position:relative;
  margin:25px 0 15px;
  background:url(images/dot.gif) bottom left repeat-x;
}

dt strong{
	background: #ffecd0;
  font-size:14px;
  font-weight:100;
  color:#6f130d;
  padding:0.1em 0.3em 0.2em 0;
}
dt span{
  position:absolute;
  right:0;
  top:0;
	background: #ffecd0;
  padding:-15px 0 0.2em 0.3em;
}

dd {
  margin:0 0 40px 0;
}

/* Vouchers Cart */

.buyvouchers {
  margin:50px 0 0;
}

.buy {
  display:block;
  background:#ffe7c4;
  border:1px solid #f2dec0;
  color:#53442e;
  padding:5px 15px;
  margin:35px 0 0px;
  width:245px;
  border-bottom:1px dashed #f2dec0;
  border-top:1px dashed #f2dec0; 
}

.buy:hover { 
  background:#a92b25; 
  color:#f2dec0; 
  cursor:pointer; 
  cursor:hand 
}

/* Menu Tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #f2dec0;
	border-left: 1px solid #f2dec0;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #f2dec0;
	border-left: none;
	margin-bottom: -1px;
	background: #eedbbd;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	border: 1px solid #e8dcca;
	outline: none;
}

ul.tabs li a:hover {
	background: #ffecd0;
}
	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ffecd0;
	border-bottom: 1px solid #ffecd0;
}

.tab_container {
	border: 1px solid #f2dec0;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #ffecd0;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.tab_content {
	padding: 20px;
}

.tab_content h2 {
	padding-bottom: 10px;
	border-bottom: 1px dashed #f2dec0;
}

.tab_content h3 a {
	color: #254588;
}

.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.maintitle { font-size:2.4em; line-height:1.5em; margin-top:-10px; margin-bottom:20px; }

.vouchers { margin:50px 0 0 0; }
.vouchers form { margin:0 0 25px 0; }