/* Jag's Style Sheet */

html {
	margin: 0px;
	padding: 0px;
	background: #000;
}

body { 
	font-size: 76%;
	font-family: Times, serif;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

img {
    border: none;
}

/* TEXT STYLES */

h1 {
    margin: 20px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    font-family: "Times New Roman", Times, serif;
    font-size: 180%;
    font-weight: normal;
    color: #F8A506;
}

h2 {
    margin: 20px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    font-family: "Times New Roman", Times, serif;
    font-size: 140%;
    font-weight: normal;
    color: #F8A506;
}

.orange {
    color: #F8A506;
}

.galleryTitle {
    margin: 20px 0px 20px 20px;
}

.newsCopy,
div#mainContent p,
div#galleryHome,
div#photoGallery p {
    color: #FFF;
    font-family: verdana, san-serif;
    font-size: 94%;
}

div#mainContent p {
    margin: 20px 20px 0px 20px;
}

div#photoGallery p {
    margin: 0px 0px 10px 20px;
}

.newsCopy {
    width: 320px;
    margin: 5px 0px 0px 10px;
    text-align: center;
}

div#galleryHome {
    line-height: 1.4em;
}

.newsCopy a,
div#mainContent a,
div#galleryHome a {
    color: #F8A506;
    text-decoration: none;
    border-bottom: 1px dotted #F8A506;
}

div#photoGallery a {
    color: #F8A506;
    text-decoration: none;
}

.newsCopy a:hover,
div#mainContent a:hover,
div#galleryHome a:hover {
    color: #F8F506;
    text-decoration: none;
    border-bottom: 1px dotted #F8F506;
}

div#photoGallery a:hover {
    color: #F8F506;
    text-decoration: none;
}

.newsRule {
    border-top: 1px solid #9E4332;
    padding-top: 5px;
}

#nav p {
    margin: 5px 0px 0px 0px;
    font-size: 116%;
    font-family: "Times New Roman", Times, serif;
}

#nav a {
    color: #000;
    padding: 5px 6px 4px 6px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    font-weight: bold;
}

#nav a:hover {
    color: #F8A506;
    background: #000;
}

.menu {
    padding-left: 10px;
}

div#mainContent ul {
    margin: 5px 20px 0px 20px;
    color: #FFF;
    font-family: verdana, san-serif;
    font-size: 94%;
}

table {
    margin: 20px 0px 20px 20px;
}

th {
    width: 150px;
    padding: 10px 20px 10px 0px;
    color: #FFF;
    font-family: verdana, san-serif;
    font-size: 94%;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}


/* LAYOUT STYLES */

div#container {
	width: 944px;
	height: 594px;
	margin: 0px auto;
	border: 1px solid #FFF;
}

div#container.calendar,
div#container.photoGallery {
	height: 1155px;
}

div#containerCalendarDetails {
	width: 538px;
	height: 926px;
	margin: 0px auto;
	border: 1px solid #FFF;
}

div#logo {
    float: left;
    margin: 24px 0px 0px 24px;
}

div#news {
    float: right;
    width: 553px;
    height: 148px;
    margin: 24px 24px 0px 0px;
    background: #781B0A;
}

#nav {
    float: left;
    width: 896px;
    height: 25px;
    margin: -2px 0px 0px 24px;
    background: #FFF;
    text-align: center;
}

div#slideShow {
    float: left;
    width: 342px;
    height: 330px;
    margin: 0px 0px 0px 24px;
    background: #781B0A;
}

div#mainContent {
    float: right;
    width: 554px;
    height: 330px;
    margin: 0px 24px 0px 0px;
    background: #781B0A;
    overflow: auto;
}

div#calendar,
div#photoGallery {
    float: left;
    width: 896px;
    height: 895px;
    margin: 0px 24px 0px 24px;
    background: #781B0A;
}

div#photoGallery {
    overflow: auto;
}

div#calendarDetails {
    float: left;
    width: 490px;
    height: 662px;
    margin: 0px 24px 0px 24px;
    background: #781B0A;
}

div#contact {
    float: left;
    width: 342px;
    height: 59px;
    margin: 0px 0px 0px 24px;
}

div#food {
    float: right;
    width: 553px;
    height: 59px;
    margin: 21px 24px 0px 0px;
    text-align: right;
}


/* PHOTO GALLERY STYLES */

div#thumbnails div {
    float: left;
    width: 135px;
    height: 135px;
    margin: 0px 0px 22px 22px;
    background: #781B0A url(/media/images/thumbnail-background.png) left top no-repeat;
}

div#galleryHome div {
    float: left;
    width: 22%;
    padding: 0px 0px 20px 20px;
}




/* EVENT CALENDAR STYLES */

div#calendar table {
    margin: 20px 0px 20px 0px;
    border: black solid 1px;
}

div#calendar table td.day {
    border: black solid 1px;
    min-width: 110px;
    width: 110px;
    height: 110px;
    min-height: 110px;
    vertical-align: top;
    padding-left: 5px;
}

div#calendar table h2 {
    margin: 5px 0px 10px 0px;
}

div#calendar table th {
    padding: 10px 0px 10px 5px;
}

div#calendar table li {
    color: #F8A506;
}

div#calendar h1 a,
div#calendar table li a {
    color: #F8A506;
    text-decoration: none;
    border-bottom: 1px dotted #F8A506;
}

div#calendar h1 a:hover,
div#calendar table li a:hover {
    color: #F8F506;
}

/* Calendar details page */

div#event-details {
    width: 548px;
    margin: 10px;
    color: #FFF;
    background: #781B0A;
    border: 1px solid #FFF;
}

div#event-details h2 {
    font-size: 180%;
}

div#event-details h3 {
    font-size: 100%;
    font-family: verdana, san-serif;
    margin: 20px 0px 10px 20px;
}

div#event-details p {
    width: 508px;
    margin: 0px 20px 15px 20px;
    color: #FFF;
    font-family: verdana, san-serif;
}

div#event-details a {
    color: #F8A506;
    text-decoration: none;
    border-bottom: 1px dotted #F8A506;
}

div#event-details a:hover {
    color: #F8F506;
    text-decoration: none;
    border-bottom: 1px dotted #F8F506;
}

div.event_actions {
    margin: 30px 0px 20px 20px;
}

table.event_times {
    color: #FFF;
    font-family: verdana, san-serif;
    margin: 10px 0px 10px 20px;
}

table.month li {
    margin: 0px 0px 10px 0px;
}


/* VIDEO PAGE STYLES */

div.videoRow {
    float: left;
}
 
div.videoItem {
    float: left;
    width: 168px;
    margin: 0px 0px 30px 0px;
    text-align: center;
}

div#mainContent div.videoItem p {
    margin: 0px 10px 15px 20px;
    text-align: left;
}

div#mainContent div.videoItem a {
    text-decoration: none;
    border-bottom: none;
}


/* GRAPHIC STYLES */

div#mainContent a.socialIcons {
    border: 0px;
    text-decoration: none;
}

.newsGraphic {
    float: right;
    padding: 5px 10px 0px 0px;
}

.copyGraphic {
    float: right;
    padding: 0px 0px 5px 10px;
}

.limoPadding {
    padding: 0px 20px 0px 0px;
}

.pdfIcon {
    float: left;
}

div.videoItem img {
    margin: 0px 0px 10px 0px;
}


/* HTML EMAIL BLAST STYLES */

table.emailBlast,
table.emailBlast td,
table.emailBlast tr {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}


/* Open Table Styles */
/***********  Vertical Layout **************/

/* Overall Wrapper for Client Supplied Snippet */
	#OT_searchWrapperAll {   
        width:100%;
        height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
        padding:0;
        background:#fff;
    }
    
/* wrapper */

	#OT_searchWrapper
    {
        border: none;
        background: #fff;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        width:100%; 
        height:120px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
    }

/* Title of Search */
	 #OT_searchWrapper .OT_feedTitle
    {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0px 0px 1px 5px;
        padding: 20px 0px 0px 0px;
        font-size:16px;
        font-weight:normal;
        line-height:1em;
        color: 000;
    }
 
 /* Definition List */   
    #OT_searchWrapper dl 
    {
		position: absolute;
		top: 0;
        left: 0;
		padding:0;
		margin: 20px 0px 0px 0px;
	}

/* Party Size Label Wrapper - dt tag */
    #OT_partySizeLbl
    {
        position: absolute;
        top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */
        left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
        margin: 0 0 0 5px;
        padding:3px 0;
        text-align:right;
        width:110px;
        display:block;
    }
    
/* Party Size Wrapper - dd tag */    
    #OT_partySize
    {
        position: absolute;
        top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */
        left: 120px;/* for horizontal layout: 90px, for vertical layout: 85px */
        margin:0;
       	padding:0;
    }

/* Date Label Wrapper - dt tag */    
    #OT_dateLbl
    {
        position: absolute;
        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */
        margin: 0 0 0 5px;
        padding:3px 0;
        text-align:right;
        width:110px;
    }
    
/* Date Label Wrapper - dd tag */    
    #OT_date
    {
        position: absolute;
        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 120px;/* for horizontal layout: 195px, for vertical layout: 85px */
        width:100px;
        margin:0;
       	padding:0;
    }

/* Time Label Wrapper - dt tag */     
    #OT_timeLbl {
        position: absolute;
        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 210px;/* for horizontal layout: 300px, for vertical layout: 185px */
        width:60px;
        padding:3px 0;
        text-align:right;
    }

/* Time Label Wrapper - dd tag */     
    #OT_time {
        position: absolute;
        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */
        left: 275px;/* for horizontal layout: 275px, for vertical layout: 185px */
        margin:0;
    }
    
 /* Placeholder empty dt */
    #OT_empty 
    {
		position:absolute;
		width:0;
		height:0;
		padding:0;
		margin:0;
		top:100px;
		left:0;
	} 
 
 /* Submit Button Wrapper - dd tag */    
     #OT_submitWrap
    {
        position:relative;
        top: 115px; /* for horizontal layout: 25px, for vertical layout: 112px */
        left: 275px;/* for horizontal layout: 500px, for vertical layout: 275px */
        margin: 0 5px 0 0;
        z-index:5; /* do not change */
    }
   
 /* Wrapper for Powered By OpenTable Logo */
    #OT_logo {
        position:absolute;
		top:140px; /* for horizontal layout: 80px, for vertical layout: 120px */
		left:0px; /* for horizontal layout:0px, for vertical layout: 0px */
		width:100%;
		padding: 0px 0px 20px 0px;
		margin:0;
		display:block;
		background:#fff;
    }
    
  /* Wrapper for Text Link */   
    #OT_logoLink {
		position: absolute;
		top: 120px;/* for horizontal layout: 60px, for vertical layout: 100px */
		left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */
		width:100%;
		padding:0 0 10px 0;
		margin:0;
		font-size:9px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		display:block;
		background:#fff;
	}
    
    /* text link padding */
     #OT_logoLink a
     {
		padding:0 0 0 10px;
	}

    /* Logo Link Border and margin*/
    #OT_imglogo 
    {
		border: 0;
		margin:0 0 0 10px;
	}
    
	#OT_searchWrapper form {margin:0;padding:0;}
	#OT_searchWrapper input.hidden {display:none;}

	/* Text Form Fields*/ 
	#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {
		font-size:12px;
		margin:2px 2px 2px 2px;
	}
	/* Text Form Field for Date field */
	#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 
	{
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size:12px;
		margin:0;
		width:85px;
	}

	#OT_searchWrapper #dateDisplay
	{
		font-size:10px;
		color:#999;
 		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		float:right;
		margin:0px 30px 0px 0px;
		display:inline;
	}

	/*** calendar styles ***/

	/* Placeholder. Don't change this */
	#OT_searchWrapper .imgCal 
	{
		position: absolute; 
		display: none; 
		z-index:100;
	}

	/* Calendar Table properties */
	
	#OT_searchWrapper #imageCal table {
		font-size:12px;
 		width:150px;
		font-family:arial;
		font-weight: bold;
		background:#FFF;
	}
	#OT_searchWrapper #imageCal td {
		padding:0px 0px 0px 0;
		text-align:center;
	}

	/* Days in the future */
	#OT_searchWrapper .clickableDays 
	{	
		color: #000000; 
		text-decoration: none;
		height:18px;
	}

	/* Days in the past */
	#OT_searchWrapper .nonclickableDays 
	{	
		color: #CCCCCC;
		height:18px;
	}

	/* Name of the month at the top */
	#OT_searchWrapper .months 
	{
		color: #FFFFFF; 
		text-decoration: none 
	}

	/* Day of the week */
	#OT_searchWrapper .weekdays
	{
		color: #000000; 
		text-decoration: none; 
		color:#666666;
		background-color:#EFEFEF; 
		width:14%;
	}
	
	/* Horizontal stylesheet for Diners' Choice Widget */

#OTWrapper
{
	border: collapse;
	margin: 0px;
	padding: 0px;
}

#RestaurantName
{
	font-size: 12px;
	font-weight: bold;	
    text-align: center;
    white-space: nowrap;
}

#CityAndState
{
	padding: 2px 0px 0px 0px;
	font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

#WidgetLogoCell
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;
}

#WidgetLogo, #NSWidgetLogo
{
	top: 50%;
    text-align: center;
    clear: left;
	margin: 0px;  
}

#tdRestaurantText
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	
}

#RestaurantText
{
	font-family: Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	padding: 4px;
}

#RestaurantText a
{
	text-decoration: none;
	color: #61594E;	
}

#RestaurantText a:hover
{
	text-decoration: underline;	
}

#WidgetTopCenter
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	height: 5px;	
	vertical-align: top;
}

#WidgetTopLeft
{
	height:5px;
	width:5px;
}

#WidgetTopRight
{
	height: 5px;
	width: 5px;	
}

#WidgetBottom
{
	height:5px;
}

#WidgetBottomLeft
{
	height: 5px;
	width: 5px;
}

#WidgetBottomRight
{
	height: 5px;
	width: 5px;
}

#WidgetBottomCenter
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	height: 5px;
	text-align: bottom;
	vertical-align: bottom;
}

#WidgetLeftBorder
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	width: 5px;
	text-align: left;
	height: 100%;
}

#WidgetRightBorder
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	width: 5px;
	text-align: right;
	height: 100%;
}

#ImgWidgetLeftBorder, #ImgWidgetRightBorder
{
	height: 100%;
	width: 1px;
}

#ImgWidgetBottomCenterBorder, #ImgWidgetTopCenterBorder
{
	height: 1px;
	width: 100%;
}