/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Default / for Grid 1200px             
2.  960px 
3.  720px
4.  lt 720px 


**********************************************************************************************/


/********************************************************************************************* 

1.  Default / for Grid 1200px             

*********************************************************************************************/   
/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: darkgreen;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: yellow;
} 




.title
{
	height: auto;
	display:block;
	text-align:center;
	margin:0px auto;
	padding:55px 0px 0px 0px;
	background-color: transparent;
	font-size: 5.5em;
	font-weight: 600;
	font-family: 'Stalemate', cursive;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.subtitle
{ /* NOT USED? */
	height: auto;
	text-align:center;
	margin:0px auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color: #000033;
	font-size: 1.25em;
	font-family: 'Lato', sans-serif;
}

.promote
{
	background-color: #FFFACD;
	color: navy;
	display:block;
	margin-left: .5em;
	margin-right: auto;
	vertical-align: middle;
	border-color: navy;
	border-style: solid;
	border-width: thin;
	max-width: 80%;
}

.cafe
{
	background-color: #CCFFFF;
	color: navy;
	display:block;
	margin-left: .5em;
	margin-right: auto;
	vertical-align: middle;
	border-color: navy;
	border-style: solid;
	border-width: thin;
	max-width: 80%;
}

.centre
{
	margin: 0 auto;
	display: block;
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

/* Quick Colors */
.fc-wht { color: white; }

.fc-nvy { color: navy; }

.fc-blk { color: black; }

.bg-bk { background-color: black; }

.bg-blush { background-color: #FFF0F5; }

.bg-mb { background-color: #B0E0E6; }

.bg-ylw
{
	background-color: #FFFFCC;
	width: 100%;
}

.bg-pop { background-color: #CCFFFF; }

.bg-dr { background-color: DarkRed; }

.bg-cs { background-color: Cornsilk; }

.bg-cy { background-color: Cyan; }

.bg-lg { background-color: LightGreen; }

.bg-wht
{
	background-color: white;
	width: 100%;
}

.bg-dots
{
	background-image:url(../img/extras/bg-dots.jpg);
	background-repeat: no-repeat;
}

.bg-eq
{
	background-image:url(../img/extras/bg-eq.jpg);
	background-repeat: no-repeat;
}

.bg-sq
{
	background-image:url(../img/extras/bg-sq.jpg);
	background-repeat: no-repeat;
}

/* Top & Bottom Padding */
.tbp-1em
{
	padding-top: 1em;
	padding-bottom: 1em;
}

.theDate
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.disblk
{
	display: block;
	margin: auto;
}

.right
{
	float: right;
	right: 0px;
	width: auto;
}

.left
{
	float: left;
	right: 0px;
	width: auto;
}

.fwb
{
	max-width: 100%;
	font-weight: 600;
}

.tal
{
	text-align: left;
	max-width: 100%;
}

.tac
{
	text-align: center;
	max-width: 100%;
}

.tar
{
	text-align: right;
	max-width: 100%;
}

.taj
{
	text-align: justify;
	max-width: 95%;
	margin-left: 1;
	margin-right: 1;
}

.vertleft
{
	border-left: thin solid gray;
	height: auto;
}

.vertright
{
	border-right: thin solid gray;
	height: auto;
}

.boxed
{
	display: block;
	margin: auto;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: thin;
}

.boxed-red
{
	display: block;
	margin: auto;
	border-color: red;
	border-style: solid;
	border-width: thin;
}

.special
{
	display: block;
	margin: auto;
	margin-top: .5em;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: thin;
	background-color: FFFFFF;
}

#aniframe
{
	float:left;
	text-align:center;
}

#header
{
	margin: 0em;
	padding: 0em;
	margin-top: 0em;
	padding-top: 0em;
}

/* main menu styles */
#nav
{
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	background-color: #380000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display:inline-block;
	width:100%;
	padding:0;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
}

#nav li
{
	margin:5px;
	float:left;
	position:relative;
	list-style-type: none;
}

/* text */
#nav a
{
	font-weight:bold;
	color:white;
	text-decoration:none;
	display:block;
	padding:8px 20px;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:0 2px 2px rgba(0, 0, 0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a
{
	background:#800000 url(../images/bg.png) repeat-x 0 -20px;
*/  color:yellow;
	border-top:1px solid #f8f8f8;
	box-shadow:0 2px 2px rgba(0, 0, 0, .7); /*some css3*/
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .7);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .7);
	text-shadow:0 2px 2px rgba(255, 255, 255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a
{
	background:none;
	border:none;
	color:white;
}

#nav ul li a:hover
{
	background:#380000 url(../images/bg.png) repeat-x 0 -100px;
*/  color:#fff;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:0 2px 2px rgba(0, 0, 0, 0.7);
}

#nav ul li:first-child > a
{
	-moz-border-radius-topleft:10px; /*some css3*/
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

#nav ul li:last-child > a
{
	-moz-border-radius-bottomleft:10px; /*some css3*/
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul
{
	opacity:1;
	visibility:visible;
}

#nav ul
{
	opacity:0;
	visibility:hidden;
	padding:0;
	width:175px;
	position:absolute;
	background:#800000 url(../images/bg.png) repeat-x 0 0;
*/  border:1px solid #7788aa;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
 -moz-transition:opacity .25s linear, visibility .1s linear .1s;
 -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
 -o-transition:opacity .25s linear, visibility .1s linear .1s;
 transition:opacity .25s linear, visibility .1s linear .1s;
	z-index: 2;
}

#nav ul li
{
	float:none;
	margin:0;
}

#nav ul a
{
	font-weight:normal;
	text-shadow:0 2px 2px rgba(255, 255, 255, 0.7);
}

#nav ul ul
{
	left:160px;
	top:0px;
}

/* main menu styles */
#vnav
{
	display:inline-block;
	width:175px;
	padding:0;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	background-color: #000099;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#vnav li
{
	margin:0px;
	float:left;
	position:relative;
	list-style-type: none;
	margin-top: 5px;
	width: 100%;
}

#vnav a
{
	font-weight:bold;
	color:#800000;
	text-decoration:none;
	display:block;
	padding:8px 20px;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:0 2px 2px rgba(0, 0, 0, .7);
}

/* selected menu element */
#vnav .current a, #vnav li:hover > a
{
	background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
*/  color:white;
	border-top:1px solid #f8f8f8;
	box-shadow:0 2px 2px rgba(0, 0, 0, .7); /*some css3*/
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .7);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .7);
	text-shadow:0 2px 2px rgba(255, 255, 255, 0.7);
	width: 135px;
}

/* sublevels */
#vnav ul li:hover a, #vnav li:hover li a
{
	background:none;
	border:none;
	color:#000;
}

#vnav ul li a:hover
{
	background:#335599 url(../images/bg.png) repeat-x 0 -100px;
*/  color:#fff;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:0 2px 2px rgba(0, 0, 0, 0.7);
}

#vnav ul li:first-child > a
{
	-moz-border-radius-topleft:10px; /*some css3*/
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

#vnav ul li:last-child > a
{
	-moz-border-radius-bottomleft:10px; /*some css3*/
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

/* drop down */
#vnav li:hover > ul
{
	opacity:1;
	visibility:visible;
}

#vnav ul
{
	opacity:0;
	visibility:hidden;
	padding:0;
	width:175px;
	position:absolute;
	background:#aabbcc url(../images/bg.png) repeat-x 0 0;
*/  border:1px solid #7788aa;
	border-radius:10px; /*some css3*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .5);
 -moz-transition:opacity .25s linear, visibility .1s linear .1s;
 -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
 -o-transition:opacity .25s linear, visibility .1s linear .1s;
 transition:opacity .25s linear, visibility .1s linear .1s;
	text-align: center;
}

#vnav ul li
{
	float:none;
	margin:0;
}

#vnav ul a
{
	font-weight:normal;
	text-shadow:0 2px 2px rgba(255, 255, 255, 0.7);
}

#vnav ul ul
{
	left:160px;
	top:0px;
}

html, body { height:100%; }

li.title
{
	font-size: 1.25em;
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
}

ul.center
{
	text-align: center;
	list-style: inside;
}

p
{
	font-size: 1em;
	margin-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
}

p.normal
{
	font-size: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

p.title
{
	font-size: 1.25em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	margin: 0px;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 0px;
}

p.titleHead
{
	font-size: 2.25em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
}

p.medtitle
{
	font-size: 1.25em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

p.lgtitle
{
	font-size: 2em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
}

p.titdetail
{
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	max-width: 96%;
	margin-top: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}

p.titdesc
{
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	max-width: 90%;
	margin-top: .75em;
	margin-left: .75em;
	margin-right: .75em;
	margin-bottom: 0px;
}

p.tinytitle
{
	font-size: 1em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

p.tinydetail
{
	font-size: 1em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
}

p.smtitle
{
	font-size: .85em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

p.smdetail
{
	font-size: .75em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
}

p.smdesc
{
	font-size: .65em;
	width: 100%;
	font-family: 'Lato', sans-serif;
	margin: 0px;
	padding: 0px;
}

p.minititle
{
	font-size: .5em;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	margin-top: .25em;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}

p.minidesc
{
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	max-width: 90%;
	margin-top: .25em;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}

p.minidetail
{
	font-size: .75em;
	font-family: 'Lato', sans-serif;
	max-width: 90%;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0px;
}

p.mini
{
	font-size: .75em;
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;/*	background-color: #7F0000;  */
}

.space1
{
	margin-top: 0.5em;
	background-color: #FFFFF0;
	color: navy;
}

.space2 { margin-top: 1em; }

.space3 { margin-top: 1.5em; }

#wrap { min-height: 100%;/*	background-image: url(../img/daily/2-4-1.jpg);
	background-repeat:no-repeat;
	background-size: cover; */
}

#main
{
	overflow:auto;
	padding-bottom: 10px;
}  /* must be same height as the footer */

.footer
{
	position: relative; /* negative value of footer height */
	height: 1.5em;
	clear: both;
	width: 100%;
	font-size: 1em;
	text-align: center;
	border-width: 1px;
	border-color: #000000;
	margin: 0px;
	padding: 0px;
}

.google-maps
{
	position: relative;
	padding-bottom: 75%;
// This is the aspect ratio  height: 0;
	overflow: hidden;
}

.google-maps iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.newsfeed-box
{
	display: inline-block;
	vertical-align: top;
	background-color: #0066FF;
	margin: .5em;
	padding: .5em;
	border-radius: 2px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}

.calendar-box
{
	display: inline-block;
	vertical-align: top;
	background-color: maroon;
	margin: .5em;
	padding: .5em;
	border-radius: 2px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}

.twitfeed-box
{
	display: inline-block;
	vertical-align: top;
	background-color: #333333;
	margin: .5em 0 .5em .5em;
	padding: .5em;
	border-radius: 2px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}

.fb-box
{
	/*   background-color: #4D0000; */
   color: white;
	text-align:justify;
	margin: 0;
	position: relative;
	padding-bottom: 100%;
// This is the aspect ratio  height: 0;
	overflow: hidden;
}

.fb-box div
{
	position: absolute;
	margin: 5% auto;
	max-width: 100% !important;
	max-height: 100% !important;
}

/*  Header styles */
/* h1,h2,h3,h4,h5,h6{line-height:1.2em;text-transform:uppercase;font-family: 'Anton', sans-serif;font-weight:normal;padding-bottom:18px;color:#f1ede6} */

h1
{ /* MAIN PAGE HEADER */
	font-size: 1.25em;
	font-family: 'Lato', sans-serif;
	/*	background-color: #000099; */
	margin: 0px;
}

h2
{ /* MAIN PAGE DRINK SPECIALS */
	font-size: 1.25em;
	margin: 2%;
	/*	font-family:;  */
  	font-family: 'Lato', sans-serif;
}

h3
{ /* MAIN PAGE MANCHESTER ROOM */
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	margin-top: .5em;
}

h4
{ /* MAIN PAGE DINING SPECIALS*/
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin: 3% auto 3% auto;
}

h5
{ /* MAIN PAGE INFORMATION */
	margin: 1% auto 1% auto;
	font-family: 'Lato', sans-serif;
	font-size: 1.15em;
}

h6
{ /* MAIN PAGE MAIN STAGE */
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	margin: 2% auto 2% auto;
}

hr.fade
{
	display: block;
	margin: 3%;
	border: 0;
	height: 3px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Style for demo REMOVE THIS SECTION 
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,  .grid-13,  .grid-14,  .grid-15,  .grid-16 {
	background:#ccc!Important;
	height:50px;
	color:#333;
	margin-bottom:15px;
}3

*/



body
{
	color: black;
	/*	font-family: 'Josefin Slab', serif; */
/*	font-family: 'Sigmar One', cursive; */
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	background-color: #282828;
	max-width: 100%;
	background-image: url("../img/extras/GAMB-bg.png");
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0 auto;
	height: 100%;/*
	font-size: 100%;
	background:#151515;
	font-family: Tangerine;
	color: #00FFFF;
*/
}

/*p{
	padding:15px;
	text-shadow:1px 1px 1px #FFF;   }
/*
	
	
/********************************************************************************************* 

1.  Default / for Grid 1200px             

*********************************************************************************************/  

body
{
	/*	font-family: Tangerine;} */
/*	font-family: 'Josefin Slab', serif; */
	font-family: 'Lato', sans-serif;
	height: 100%;
}


/********************************************************************************************* 

2.  960px 

*********************************************************************************************/  

@media only screen and (min-width: 960px) and (max-width: 1199px) {
}
	

/********************************************************************************************* 

3.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
}
 
 

/********************************************************************************************* 

4.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {
}