@charset "UTF-8";
/* Written by Ryan Neff for CIS 245 Winter 2014*/

/*This is a univeral reset, to negate any margin and padding settings the browser may have*/
* {
	margin:0px;
	padding:0px;
}
	
html,
body {
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	font-family:'Ubuntu', sans-serif;
	font-weight:400;
	/*this inserts a gradient as the page background - a solid background color is required as well, because the gradient will only extend to the height of the window when the page is loaded. */
	background:rgba(216,161,138,1);
	background-image:-webkit-linear-gradient(rgba(170,57,36,1),rgba(170,57,36,.75)); /* For Safari 5.1 to 6.0 */
	background-image:-o-linear-gradient(rgba(170,57,36,1),rgba(170,57,36,.75)); /* For Opera 11.1 to 12.0 */
	background-image:-moz-linear-gradient(rgba(170,57,36,1),rgba(170,57,36,.75)); /* For Firefox 3.6 to 15 */
	background-image:linear-gradient(rgba(170,57,36,1),rgba(216,161,138,1)); /* Standard syntax */
	/* when scrolling below the fold, this allows the solid background color to appear*/
	background-repeat:no-repeat;
}

#wrapper {
	width:900px;
	min-height:100%; 
	height:auto;
	padding:20px 20px 0px 20px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	clear:both;		
}

/*.....Logo, title, and tagline styling...............................................*/		
h1 {
	font-size:9.6em;
	float:right;
	font-weight:400;
	margin-left:-10px;
	width:673px;
}
	
h2 {
	margin-top:-.6em;
	margin-right:-.05em;
	text-transform:uppercase;
	font-weight:500;
	font-size:3.036em;
	float:right;
	width:673px;
	letter-spacing:.3em;
}
	
p {
	clear:both;
	padding:.5em;
	width:100%;
	text-align:center;
}
	
#logo {
	float:left;
	margin-top:10px;
}

/*.....Social Media styling...............................................*/	
#socialmedia {
	position:fixed;
	right:20px;
	top:20px;
	/* Filter effects are only supported in webkit browsers*/
	-webkit-filter:drop-shadow( 1px 1px 3px #707070 );
}

/*.....Navigation bar styling...............................................*/	
.navigation {
	float:left;
	width:100%;
	margin:0;
	list-style:none;
	background-color:rgb(170,57,36);
}

.navigation li {
	float:left;
	width:20%;
}
	
.navigation a {
	text-transform:uppercase;
	display:block;
	padding-top:.7em;
	padding-left:.5em;
	padding-bottom:.2em;
	font-weight:500;
	font-size:1.5em;
	color:white;
	text-decoration:none;
}	

.navigation a:hover {
    background:#233;
    color:grey;
}

#currentpageindicator {
background-color:rgb(183,93,62);	
}

/*.....Body content styling...............................................*/	
.content {
	clear:both;
	padding-top:1em;
	padding-bottom:1em;
}

.content h1 {
	font-family:'Lobster', sans-serif;
	font-weight:400;
	width:100%;
	margin-left:0;
	font-size:2em;
	text-align:left;
}

/*.....body links styling...............................................*/	
.content a {
	color:maroon;
	text-decoration:underline;
}

.content a:hover {
	color:blue;
}

.content a:visited {
	color:gray;
}

.content a:active {
	color:purple;
}

.content h2 {
	font-size:1.5em;
	margin-top:.5em;
	margin-bottom:0;
	text-transform:none;
	font-weight:500;
	float:none;
	width:auto;
	letter-spacing:0;
}

.content p {
	text-indent:2em;
	text-align:left;	
}

.contentcolumn {
	width:25%;
	height:auto;
	float:left;
	padding-bottom:1em;
}

.contentcolumn h1,
.contentcolumn h2,
.contentcolumn p{
	text-align:center;
	text-indent:0;
}

#happyhourexcpetion {
	float:none;
	width:95%;
	text-align:right;
}	
	
/*this is the container for the food images*/	
.foodimages {
	clear:both;
	width:100%;
    list-style: none;
}
	
/*this truncates the food images and lines them up*/
.foodimages li {
	float:left;
	overflow:hidden;
	width: 20%;
}

address {
	clear:both;
	/*default for address is italics, this clears it*/
	font-style:normal;
	width:100%;
	text-align:center;
}	

.footer {
	float:none;
	padding:1em;
}