/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #333;
  font: 76% Trebuchet MS, Arial, Helvetica, sans-serif;
  background: url(/drupal/themes/bluemarine/blackback.png);
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}


.headerdiv a:link {
  color: #eee;
}
.headerdiv a:visited {
  color: #eee;
}

.headerdiv a:hover {
  color: #c37f12;
}

.headerdiv li a.active {
	color: #c37f12;
}



a:link {
  color: #c37f12;
}
a:visited {
  color: #c37f12;
}

a:hover {
  color: #fff;
}

li a.active {
	color: #c37f12;
}


fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #fff;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #69c;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left; /* LTR */
  padding: 0 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  color: #fff;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}

#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ddd;
  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
margin-left:auto;
margin-right:auto;
text-align:center;
color:black;
clear:both;
padding-top:15px;
font-size:120%;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #fff;
  font-size: 0.8em;
}
.links {
  color: #fff;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}
.block {
 
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}
div.bodywrapper{
width:1020px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
/*background: url(/drupal/images/conbg.png);*/

}
.headerdiv{
width:100%;
text-align:left;
}
.headerdiv img{
float:left;
}
#block-menu-menu-mainmenu ul li{
margin-left:40px;
font-size:150%;
}
#block-menu-menu-mainmenu ul li a:link{

}
#block-menu-menu-mainmenu ul li a:hover{

}
.menunav{
font-size:145%;
margin: 30px 0 -30px 90px;
width: 900px;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  clear:left;
  background:black;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  width:1020px;
  color:white;
}


/* ---- Additions ---- */

.siteclear {
	clear: both;
	
}

.reviewbox {
	float: left;
	margin: 20px 15px 0 0;
	width:300px;
	
}

.centertxt {
	text-align: center;
	
}


/*---- Slider ----*/

.container { width:471px; height:600px; overflow:hidden; position:relative; cursor:pointer; }

.slides { position:absolute; top:0; left:0; }

.slides div { position:absolute; top:0; width:471px; display:none; }

#loopedSlider {
	float: right;
	width: 471px;
	margin: 53px;
	
}

#loopedSlider li {
	float: left;
	margin-right: 15px;
	list-style-type: none;

}

#loopedSlider ul {
	margin: 25px 0 0 150px;

}

div.view-calendar-calendar{
float:right;
width:500px;
}


.titlebar {
	background: #790c0c;
	height: 50px;
	padding: 15px;
	text-align: center;

}

.titlebar img {
	float: right;
	margin: -90px -25px 0 0;
	
}

.specialsp {
	float: left;
	width: 465px;

}

.titlebar h1 {
	margin-bottom: -45px;

}

#loopedSlidercon {
	background: url(/drupal/images/imageborder.png) no-repeat;
	height: 698px;
	width:577px;
	float: right;

}

.homeleft {
	float: left;
	width: 400px;

}

.corcon {
	height: 20px;
	width:400px;
	float: right;


}

.topcorner {
	position: relative;
	z-index: 10;
	margin: 20px 0 0 414px;
}

.botcorner {
	position: relative;
	z-index: 10;
	margin: 364px 0 0 780px;

}

#mainpage {
	background: url(/drupal/images/bigpennew.jpg) no-repeat;
	width: 884px;
	height: 1064px;
	padding-top: 14px;
	margin: 0 auto;

}

#maintext {
	width: 367px;
	margin-left: 237px;
	background: url(/drupal/images/maintextbg.png) ;
	font-size: 18px;
	color: #fff;
	padding: 15px;
	line-height: 26px;

}

/*
#appetizers, #seafood, #beef, #summer, #desserts, #drinks, #wine, #mini {
	background: url(/drupal/images/menupaper.jpg) no-repeat;
	width: 750px;
	margin: 0 auto;
	padding: 30px;

}*/



#buttons {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 25px;

}

#buttons li {
	float: left;
	margin-right: 25px;
	list-style-type: none;	

}
.maincontent{
width:760px;
float:right;
overflow:hidden;
}
.right{
float:left;
clear:none;
width:250px;
height:100%;
}
.pics img{
display:none;
}
div.view-MenuView .node{
margin-top:180px;
width:720px;
padding:10px;
}
ul#nav li{
display:inline;
font-size:150%;
margin-right:40px;
}
ul#nav ul{
text-align:center;
}

.view-MenuView .view-content{

	width: 740px;
	margin: 15px auto;
	padding: 10px 30px 20px;
	color:black;
	min-height:2300px;
	}
	
	.menucontainer .menus{
	background: url(/drupal/images/menupaper.jpg) #eaebef no-repeat;
	padding-top:160px;
	margin-top:0px;
	width: 710px;
	margin: 15px auto;
	padding: 10px 30px 20px;
	color:black;
	min-height:1300px;
	}
	.menus p{
	color:black !important;
	}
	.menus ul, .menus ul li{
	list-style-type:none;
	}
table.menutable, table.menutable td, table.menutable tr, table.menutable thead, table.menutable tbody, table.menutable table{
border:0px !important;
border-collapse:separate;
}
table.menutable tr, table.menutable td{
height:5px;
}
td.firstlevel{
height:40px !important;
font-size:20px;
font-weight:bold;
text-align:center;
margin:5px !important;
vertical-align:bottom;
}
td.secondlevel{
height:25px;
font-size:16px;
font-weight:bold;
}
div.view-WineList .views-row{
display:block !important;
}
ul#nav{
font-size:100%;
}
.views-field-field-bottleprice-value{
float:left;
margin-bottom:17px;
margin-left:400px;
margin-top:-18px;
}
.views-field-field-glassprice-value{
float:left;
margin-left:40px;
margin-bottom:17px;
margin-top:-18px;
}
.view-WineList .views-field-title, .view-WhiteWineList .views-field-title{
clear:both;
}
div.item-list h3{
clear:both;
}
.view-WineList, .view-DinnerMenu, .view-DessertMenu, .view-Lunch{
margin-top:140px;
float:left;
width:700px;
text-align:justify;
}
.view-WineList h3, .view-WhiteWineList h3, .view-DinnerMenu .views-field-title, .view-DessertMenu .views-field-title, .view-Lunch .views-field-title{
font-size:180%;
font-family:mistral;
font-weight:normal !important;
text-align:left !important;
}
div.view-DessertMenu h2{
font-size:180%;
font-family:mistral;
font-weight:normal !important;
text-align:center !important;
}

div.menucontainer h3{
font-size:220%;
font-family:mistral;
font-weight:normal !important;
width:100%;
text-align:center;
}

.menufooter{
width:100%;
text-align:center;
}
p{
font-size:130%;line-height:18px;color:#f4ffa7;
}
.view-WhiteWineList div.view-header p, .view-WineList div.view-header p{
clear:both;
font-family:mistral;
font-size:275%;
text-align:center;
margin-top:30px;
margin-left:30px;
}
.view-WhiteWineList, .view-WineList{
margin-top:140px;
}
.menuright{
width:300px;

z-index:99999;
top:100px;
left:-200px;
}
.menuright img{
position:absolute;
z-index:999999;
}
.right img{
margin-bottom:30px;
}
.view-Lunch .views-field-body, .footbody{
text-align:center !important;
font-family:tempus sans ITC;
}
.footbody{
font-size:150%;
}
.foottitle{
font-family:90%;
}
.view-Lunch .views-field-title, .foottitle{
text-align:center !important;
font-family:Baskerville Old Face, times new roman;
}
#block-block-1 p{
font-weight:bold;
}