/* CSS Document */


body,td,th {
	font-family: Verdana;
	font-size: 12px;
	background: black;
}

a{
	color: black;
}


.wholesite{
width: 980px;
height: 670px;
margin: auto;
}

.leftside{
width: 210px;
height: 670px;
float: left;
}

.rightside{
width: 750px;
height: 650px;
float: left;
}


.header{
height: 170px;
width: 750px;
float: left;
}

.logo{
height: 250px;
width: 200px;
float: left;
border: none;
background: url(logo.jpg);
}

a.sugginsbutton{
height: 70px;
width: 70px;
float: left;
margin-top: 158px;
background: url(sugginsbutton.jpg);
} 

a.sugginsbutton:hover{
background: url(sugginsbuttonover.jpg);
} 


a.rootsbutton{
height: 70px;
width: 70px;
float: left;
margin-left: 30px;
margin-top: 158px;
background: url(rootsbutton.jpg);
} 

a.rootsbutton:hover{
background: url(rootsbuttonover.jpg);
} 
 

.welcome{
height: 178px;
width: 210px;
float: left;
color: #ffffff;
text-align: center;
}

.padding{
width: 20px;
height: 440px;
float: left;
}

.map{
height: 318px;
width: 158px;
margin-bottom: 20px;
background: url(map.gif);
float: left;
border-style: solid;
border-width: 1px;
border-color: black;
}

.address{
height: 118px;
width: 158px;
background: #f7f2ef;
float: left;
border-style: solid;
border-width: 1px;
border-color: black;
}

a.addresslink{
text-decoration: none;
color: white;
}

a.addresslink:hover{
text-decoration: underline;
}


.main{
height: 458px;
width: 758px;
border-style: solid;
border-width: 1px;
border-color: black;
float: left;
background: #e8e8e8;
}


.black{
background: black;
}

.menuholder{
margin-top: 140px;
width: 760px;
height: 20px;
float: left;
}

a.menuitem{
height: 30px;
margin-left: 30px;
float: right;
text-decoration: none;
text-align: right;
color: white;
font-size: 14px;
}

a.menuitem:hover{
text-decoration: underline;
}

a.menuitemon{
height: 30px;
margin-left: 30px;
text-align: right;
float: right;
color: white;
text-decoration: underline;
font-size: 14px;
}

.storytext{
margin: 25px 30px 0px 30px;
color: black;
text-align: justify;
}

.storyimage{
width: 298px;
height: 390px;
margin: 30px 30px 30px;
border-style: solid;
border-width: 1px;
border-color: black;
float: right;
}

.twitter_content{
color: black;
margin-top: 10px;
float: left;
width: 350px;
}


.divider{
background: url(divider.gif);
width: 350px;
height: 1px;
float: left;
margin-top: 10px;
}

.thedate{
width: 350px;
height: 20px;
float: left;
font-weight: bold;
margin-top: 10px;
}

.sidebar_title{
color: black;
float: left;
font-size: 14px;
font-weight: bold;
}

.scroller{
overflow: auto;
}

.twittertext{
height: 380px;
overflow: auto;
float: left;
width: 400px;
}


a.menuselect{
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: black;
text-decoration: none;
color: #black;
float: left;
margin: 5px 0px 0px 5px;
}

a.menuselect:hover{
color: #e8e8e8;
background:  black;
}

a.menuselecton{
padding: 5px;
margin: 5px 0px 0px 5px;
border-style: solid;
border-width: 1px;
border-color: black;
text-decoration: none;
color: #e8e8e8;
background:  black; 
float: left;
}

.menuselectholder{
float: left;
width: 700px;
}

.menuarea{
margin: 10px;
display: inline;
}

.menutext{
width: 405px;
float: left;
margin: 10px 0px 0px 10px;
height: 400px;
overflow: auto;
}

.menutextcolumn{
width: 200px;
float: left;
}

.visittext{
width: 738px;
float: left;
margin: 10px 0px 0px 10px;
height: 398px;
overflow: auto;
display: inline;
}

.menuimage{
width: 300px;
height: 400px;
margin: 10px 8px 10px 10px;
border-style: solid;
border-width: 1px;
border-color: black;
float: left;
background: black;
}

.announcemargin{
margin: 25px 8px 10px 10px;
}

.textimage{
border-style: solid;
border-width: 1px;
border-color: black;
float:right
}

.diningimage{
width: 300px;
height: 380px;
border-style: solid;
border-width: 1px;
border-color: black;
background: url(slideshow/diningimage1.jpg);
float: right;
}

.carte{
width: 195px;
float: left;
height: 12px;
}

.title{
font-weight: bold;
width: 380px;
text-decoration: underline;
float: left;
margin: 15px 0px 10px 0px;
}

.beertitle{
font-weight: bold;
width: 200px;
text-decoration: underline;
float: left;
margin: 15px 0px 10px 0px;
}

.smalltitle{
font-weight: bold;
width: 400px;
float: left;
margin: 10px 0px 5px 0px;
}

.visitingtitle{
font-weight: bold;
width: 400px;
float: left;
margin: 0px 0px 5px 0px;
}

.menuwords{
float: left;
}

.credits{
width: 930px;
text-align: right;
margin: auto;
color: grey;
font-size: 9px;
}

a.ninjalink{
color: grey;
text-decoration: none;
}

a.ninjalink:hover{
color: grey;
text-decoration: underline;
}

a.ninjalink2{
color: grey;
text-decoration: none;
}

a.ninjalink2:hover{
color: grey;
text-decoration: underline;
}

.hidden{
display: none;
}





/**
Reservation

*/

#OT_searchWrapperAll{width:740px;height:600px; float: left; margin: 20px 0 0 30px; position:relative;padding:0;}
#OT_searchWrapper{border:none;font-family:Tahoma, serif;font-size:14px;width:100%;height:100px;position:relative;margin:0;}
#OT_searchWrapper .OT_feedTitle{position:absolute;top:50px;left:0;margin:0 0 1px 0;font-size:14px;font-weight:normal;line-height:normal;}
#OT_searchWrapper dl{position:absolute;top:0;left:0;padding:0;margin:0;}
#OT_partySizeLbl{position:absolute;top:75px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;display:block;}
#OT_partySize{position:absolute;top:75px;left:120px;margin:0;padding:0;}
#OT_dateLbl{position:absolute;top:125px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;}
#OT_date{position:absolute;top:125px;left:120px;width:100px;margin:0;padding:0;}
#OT_timeLbl{position:absolute;top:125px;left:210px;width:60px;padding:3px 0;text-align:right;}
#OT_time{position:absolute;top:125px;left:275px;margin:0;}
#OT_empty{position:absolute;width:0;height:0;padding:0;margin:0;top:100px;left:0;}
#OT_submitWrap{position:relative;top:195px;left:275px;margin:0 5px 0 0;z-index:5;}
#OT_logo{position:absolute;top:320px;left:0;width:100%;padding:0;margin:0;display:block;}
#OT_logoLink{position:absolute;top:0px;left:0;width:100%;padding:0 0 0 0;margin:0;font-size:16px;font-family:Tahoma, serif;display:block;}
#OT_logoLink a{padding:0 0 0 0px;}
#OT_imglogo{border:0;margin:0 0 0 10px;background:#ffffff;}
.restname{font: normal 18px Tahoma; color: #ffffff; text-decoration: none;}
#OT_searchWrapper form{margin:0;padding:0;}
#OT_searchWrapper input.hidden{display:none;}
#OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option{font-size:14px;margin:2px 2px 2px 2px;}
#OT_searchWrapper #startDate,#OT_searchWrapper .OT_feedFormfieldCalendar{font-family:Tahoma, serif;font-size:14px;margin:0;width:85px;}
#OT_searchWrapper #dateDisplay{font-size:10px;color:#999;font-family:Tahoma, serif;float:right;margin:0 30px 0 0;display:inline;}
#OT_searchWrapper .imgCal{position:absolute;display:none;z-index:80;background:#ffffff;}
#OT_searchWrapper #imageCal table{font-size:14px;width:150px;font-family:arial;font-weight:bold; background: #ffffff;}
#OT_searchWrapper #imageCal td{padding:0;text-align:center;background:#ffffff;}
#OT_searchWrapper .clickableDays{color:#000;text-decoration:none;height:18px;}
#OT_searchWrapper .nonclickableDays{color:#CCC;height:18px;}
#OT_searchWrapper .months{color:#000;text-decoration:none;}
#OT_searchWrapper .weekdays{color:#000;text-decoration:none;color:#666;background-color:#ffffff;width:14%;}