/******************************************/
/*************** CONTENT CSS **************/
/******************************************/

.red        {color:#e40521}  /***/  .bgRed        {background-color:#e40521; color:#fff}
.lightGrey  {color:#59595b}  /***/  .bgLightGrey  {background-color:#e40521; color:#fff}
.darkGrey   {color:#2d2c2d}  /***/  .bgDarkGrey   {background-color:#2d2c2d; color:#fff}
.black      {color:#000000}  /***/  .bgBlack      {background-color:#000000; color:#fff}


/*** item page ***/

#full-width .item-page {padding:5.208333333333333% 5.208333333333333% 10% 5.208333333333333%; background:#fff; color:#000;} /*** 50px padding ***/
.contentpane           {background:#fff; color:#000;} /*** 50px padding ***/


/*** text styles ***/

#left h1               {font-size:2.95em;  margin:0 0 0.7em 0;   padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#e40521;}
#left .page-header h2  {font-size:2.95em;  margin:0 0 0.7em 0;   padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#e40521;}
#left h2               {font-size:1.45em;  margin:2em 0 0.7em 0; padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#000;}
#left h3               {font-size:1.45em;  margin:0 0 0 0;       padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#e40521;}
#left p                {font-size:1.20em;  margin:0 0 0.7em 0;   padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#000;}
#left p .price         {color:#777; display:inline-block; width:3.5em;}
#left ul               {font-size:1.20em;  margin:0 0 0.7em 0;   padding:0 0 0 0; line-height:inherit; font-weight:normal; letter-spacing:0em; text-transform:none; color:#000;}
#left ul ul            {font-size:1em; margin:0;}
#left ul ul a          {color:#ee7f8d}

#left a                {color:#e40521; text-decoration:none}
#left a:hover          {color:#7f0514; text-decoration:none;}

/*** reviews ***/

.itemid-111 #left p em    {color:#888; width:50%; display:inline-block; text-align:right;}


/*** cookie tables ***/

.itemid-121 .item-page table                {float:right; font-size:1.2em; margin:0 0 0.7em 0; width:100%;}
.itemid-121 .item-page table td             {background-color:#eaeaea; padding:0.2em 1em;}


/*** wine tables ***/

.wine-menu                     {text-align:right; font-size:1.2em; width:100%; margin:0 0 2em 0;}
.wine-menu td                  {text-align:right; padding:0 0 0.9em 1.2em; vertical-align:baseline; color:#888; }
.wine-menu td + td             {width:4em;}
.wine-menu td:first-child       {color:#000;}
.wine-menu thead td:first-child {font-size:1.45em; color:#e40521;}
.wine-menu td em               {font-size:0.7em; color:#888;}


/*** calendar ***/

.dp-container  {padding:5.208333333333333% 5.208333333333333% 5.208333333333333% 20%; background:#fff; color:#000;} /*** 50px padding ***/

/*** happenings ***/

.itemid-168 #left {background:#fff; padding:0 0 140px 0;}

#happenings-wrapper .happening         {position:relative; float:left; width:23.25581395348837%; height:280px; margin:0 1.511627906976744% 23px 0; padding:1.27906976744186%; text-align:left;}
.happening         {background:#ccc;}
.happening-bar     {background:#2ab7c8;}
.happening-library {background:#ed9624;}
.happening-kitchen {background:#f1d122;}
.happening-lounge  {background:#5dc13e;}
.happening-gallery {background:#e40521;}
.happening-tag     {background:#000;}

#left .happening h2         {margin:0; padding:0; color:#000; text-transform:uppercase; font-size:18px; font-weight:bold; height:50px; line-height:1.2;}
#left .happening h2 a       {color:#000;}
#left .happening h2 a:hover {text-decoration:underline;}
#left .happening-image      {width:100%; height:0px; margin:0 0 5px 0; padding:0 0 70.2247191011236% 0;}
#left .happening p          {margin:0; padding:0; color:#000; font-size:12px;}

#left .happening-button                    {color:#fff; text-transform:uppercase; font-size:16px; margin:0px; background:#000; padding:4px 12px 4px 25px; position:absolute; bottom:10px; left:0px;}
#left .happening-button:hover              {color:#fff; padding:4px 12px 4px 28px;}
#left .happening-bar .happening-button     {background:#1b7d89;}
#left .happening-library .happening-button {background:#be7d27;}
#left .happening-kitchen .happening-button {background:#bda105;}
#left .happening-lounge .happening-button  {background:#51a139;}
#left .happening-gallery .happening-button {background:#940215;}

.happenings-date                 {position:relative; float:left; width:80%; text-align:left; margin:0 0 4px 0;}
#left .happenings-date p         {font-size:14px; line-height:1;}
#left .happenings-date a         {color:#fff; padding:3px 10px; opacity:0.8; background:#a0a0a0; text-transform:uppercase; font-size:12px;}
#left .happenings-date a.active,
#left .happenings-date a:hover   {opacity:1;}

.happenings-archive                 {position:relative; float:right; width:20%; text-align:right; margin:0 0 4px 0;}
#left .happenings-archive p         {font-size:14px; line-height:1;}
#left .happenings-archive a         {color:#fff; background:#ccc; padding:3px 10px; opacity:0.8; background:#a0a0a0; font-size:12px;}
#left .happenings-archive a.active,
#left .happenings-archive a:hover   {opacity:1;}

.happenings-tags                 {position:relative; float:left; width:100%; text-align:left; margin:0 0 10px 0;}
#left .happenings-tags p         {font-size:14px; line-height:1;}
#left .happenings-tags a         {color:#fff; padding:3px 10px; opacity:0.8;}
#left .happenings-tags a:hover,
#left .happenings-tags a.active  {opacity:1;}

.happenings-areas                {position:relative; float:left; width:100%; text-align:left; margin:0 0 10px 0;}
#left .happenings-areas p        {font-size:14px; line-height:1;}
#left .happenings-areas a        {color:#fff; padding:3px 10px; opacity:0.8;}
#left .happenings-areas a.active,
#left .happenings-areas a:hover  {opacity:1;}

@media (max-width: 1740px) { 
#happenings-wrapper .happening {width:31.7%; height:300px;}
#left .happening h2            {height:50px; font-size:15px;}
}

@media (max-width: 1540px) { 
#happenings-wrapper .happening {height:280px;}
}

@media (max-width: 1340px) { 
#happenings-wrapper .happening {height:265px;}
}