/* @override http://174.121.246.162/~bennetts/assets/css/style.css */

Copyright (c) 2011, Jared Loman Creative. All rights reserved.
Code based on Eric Meyer's CSS Reset and YUI Base:
http://www.jaredloman.com
version: 0.0.4
*/
/* v.0.0.2 - Added Fonts Reset and Float to Layout Elements */
/* v.0.0.3 - Changed Reset to Reflect Eric Meyer's CSS Reset */
/* v.0.0.4 - Fixed weird spacing issues by defining width and 
height for html and body element */
/******************************************************
 CSS Reset - Sets Browser Defaults to Defined values. 
******************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}

ol, ul, li { list-style:none }

caption, th {
	text-align: left
}

q:before, q:after {
	content: ''
}

/* Start Base CSS */
html, body {width: 100%; height: 100%;margin: 0;}
body {position: absolute;top: 0;left: 0;}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h1,h2,h3,h4 {margin:.75em 0;}
h1,h2,h3,h4,h5,h6,strong {color: #1c3c2b;}
strong {font-weight: bold;}
.strong {font-weight: bold;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
.em {font-style: italic;}
del {text-decoration:line-through;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th,td {border:1px solid #000;padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre {margin-bottom:1em;}
hr {
	height: 2px;
	border-top: 3px solid #5e0d06; 
	border-left: none; 
	border-bottom: 1px solid #5e0d06;
	margin-bottom: 10px;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* End Base CSS */

/* Default Body Elements */
body {
	background: #12191d url(../images/template/body-bg.jpg) repeat;
	color: #000;
	font: .75em "Trebuchet MS", Georgia;
}

/* Headings */
h1, h2, h3, h4 {
	font-family: Podkova, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0f344e;
}

/* Link Styling */
a:link {
	color: #871000;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #670904;
}
a:active {
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}

/* Form Elements */
input.text {
	width: 200px;
	height: 18px;
	color: #871000;
	padding-left: 6px;
	background: #fff url(http://www.bennettsdining.com/assets/images/template/bg_input.png) repeat-x;
	border: 1px solid #edeeee;
}

input.text:hover, textarea.textarea:hover {
	border: 1px solid #cecece;
}

textarea.textarea {
	width: 200px;
	height: 100px;
	padding-left: 6px;
	color: #871000;
	background: #fff url(http://www.bennettsdining.com/assets/images/template/bg_input.png) repeat-x;
	border: 1px solid #e4e4e4;
}

/* Grid CSS */
.jwrapper {
	width: 800px;
	height: 100%;
	margin: 0 auto;
}

.jleft {
	width: 470px;
	height: 100%;
	margin-left: 15px;
	float: left;
}

.jright {
	width: 295px;
	height: 100%;
	float: left;
}

.jfull {
	width: 780px;
	padding: 10px;
}

.jonehalf {
	width: 48%;
	float: left;
	margin-right: 8px;
}

.jonethird {
	width: 32%;
	float: left;
	margin-right: 8px;
}

/* Navigation */
ul.jnav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 40px;
}

ul.jnav li {
	list-style-type: none;
	display: inline;
}

ul.jnav li a {
	font: 18px "Podkova","Courier New", Courier, mono;
	padding: 0 20px;
	text-decoration: none;
	border-right: 1px solid #1a1d4d;
}

ul.jnav li a:link, ul.jnav li a:visited {
	color: #fff;
}

ul.jnav li a:hover {
	color: #fff13e;
}

/* Layout */
#jtop {
	height: 260px;
	background: url(../images/template/header-bg.jpg) repeat-x center;
	border-bottom: 1px solid #0d0d0b;
}


#logo {margin: 0;}

#logo a {
	width: 527px;
	height: 187px;
	display: block;
	position: relative;
	top: 10px;
	background: url(../images/template/logo-head.png) no-repeat 0 0;
	text-indent: -999999px;
}


#jbottom {
	width: 100%;
	float: left;
}

#jbanner {
	width: 100%;
	height: 322px;
	background: url(../images/template/800px-box-shadow.png) 0 bottom;
}

.jcontent {
	width: 100%;
	float: left;
	background: #fff url(../images/template/800px-box-shadow.png) no-repeat 0 111%;
}

.bcont {
	margin-top: 10px;
	text-align: center;
}

.bcont h2 {
	margin-bottom: 50px;
	color: #fff13e;
}

.bcont h3 {
	font-size: 22px;
	margin-bottom: 0;
	color: #fff;
}

.bcont h4 {
	font: italic 16px "Brush Script MT", Georgia, "Times New Roman", Times, serif;
	color: #e5d1b9;
	margin-top: 0;
}

.bcont p {
	font-size: 18px;
	color: #fff;
}

.bcont p span {
	display: block;
	font-size: 14px;
}

.copyright {
	font-size: 11px;
	color: #688187;
	text-align: center;
}

/* Menus */
#Menus h1 {margin-bottom: 0;}

#Menus p {margin-bottom: 30px;}

#Menus a.button {
	display: block;
	margin: 0 100px 30px;
}

.menuCat {
	padding: 0 0 15px 10px;
	border-bottom: 1px dotted #355275;
}

.menuSpec {
	background: url(../images/template/bg-special-tall.png) no-repeat 0 top;
}

#FishShack h2, #Restaurant h2 {
	text-decoration: underline;
}

/* Contact */
#Contact h2, #Contact p, #Contact h3 {
	margin-left: 10px;
}

#Contact ul {
	margin: 0 0 20px;
	padding: 0 25px;
}

#Contact .mapImg {
	padding-top: 50px;
	text-align: center;
}

#Contact a.button {
	display: block;
	margin: 30px 60px;
}

/* Boxes */
.jbox {
	margin: 25px 0 10px 20px;
	padding: 10px;
	text-align: center;
	background-color: #f9fdfd;
	border: 1px solid #e2eeee;
}

.jbox h2 {
	margin: .25em 0;
}

.jbox a.button {
	display: block;
	margin: 10px 30px;
	
}

/* Images */
a.rounded, a.rounded img {
	display: block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.rounded {
	margin: 0 5px 15px 0;
	float: left;
}

a:link.rounded, a:visited.rounded {
	border: 1px solid #e9e9e9;
}

a:hover.rounded {
	border: 1px solid #c7c7c7;
}

a:link.rounded img, a:visited.rounded img {
	border: 5px solid #fff;
}

a:hover.rounded img {
	border: 5px solid #e3e3e2;
}


/* Buttons */
a.button {
	cursor: pointer;
	padding: 8px 14px;
	text-shadow: 0px 0px 3px rgb(255, 255, 255);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 0px rgb(0, 0, 0);
	-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
	font: 18px Qlassik, "Trebuchet MS", Georgia;
}

a:link.button, a:visited.button {
	text-decoration: none;
	border: 1px solid rgb(222, 222, 222);
	color: #13594c;
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(239, 239, 239));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(239, 239, 239)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(239, 239, 239));
}

a:hover.button {
	border: 1px solid rgb(190, 190, 190);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(239, 239, 239));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(239, 239, 239)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(239, 239, 239));
}
a.button:active {
	border: 1px solid rgb(190, 190, 190);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(239, 239, 239), rgb(255, 255, 255));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(239, 239, 239)), to(rgb(255, 255, 255)));
	background-image:-moz-linear-gradient(-90deg, rgb(239, 239, 239), rgb(255, 255, 255));
}

/* Classes */
.hide {display: none;}

.highlighted {background-color: yellow;}

.fl {float: left;}
.fr {float: right;}

/* Text */
.j1 {font-size:30px;}
.j2 {font-size:24px;}
.j3 {font-size:18px;}
.j4 {font-size:14px;}

.j1,.j2,.j3,.j4 {
	margin: .5em 0;
}

/* jlc */
p.jlc {
	float: right;
	margin-right: 10px;
}

p.jlc a {
	width: 23px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url(../images/template/jlc.png) no-repeat;
}

p.jlc a:link, p.jlc a:visited {
	background-position: left bottom;
}

p.jlc a:hover {
	background-position: left top;
}

.jright img.full {
    margin-left: -20px;
}