@charset "UTF-8";
/* CSS Document */

body{
	background-color:rgb(206,179,158); /* tan */
	font-family:"quatro-slab", "Klinic Slab", serif;
	font-size:14px;
	font-weight:400;
	font-style:normal;
}

div#wrapper { 
	display:block;
	max-width:960px;
	margin: 0px auto 0px auto;
	padding-top:50px;
	padding-bottom:200px;
	background-image:url(assets/footer-windmill-960pxw.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

header{ 
	display:block;
	width:100%;
	margin: 20px auto 20px auto;
}

h1{
	display:block;
	width: 64.583%; /* 620/960 */
	height: 100px;
	background-image: url(assets/logo_rv5_justlogo.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0px auto 15px auto;
}

div#hgroup{
	display:block;
	width: 64.583%; /* 620/960 */
	margin: 0px auto 0px auto;
	
}

h2{
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
	color:rgb(206,179,158); /* tan */
	font-size:125%;
	
}

h2#add{
	width:66.12903226%;  /* 410/620 */
	background-color:rgb(122,90,56); /* green-brown */
	padding-left:.80645161%; /* 5/620 */
	padding-right:.80645161%; /* 5/620  */
}

h2#num{
	width:30.64516129%; /* 190/620 */
	background-color:#9C5822; /* orange */
	padding-left:.80645161%; /* 5/620 */
	padding-right:.80645161%; /* 5/620  */
}

div.clear{
 clear:both
}


div.catagory{
	width: 64.583%; /* 620/960 */
	margin: 20px auto 20px auto;
	padding-bottom:20px;
	background-color:rgba(206,179,158,.7); /* tan */
}

div.subcatagory {
	width:93.5483817%; /* 580/620 */
	margin: 20px auto 10px auto;
	padding-bottom: 10px;
	border-bottom: 2px solid rgb(110,24,16); /* red */
}

div#coolers.subcatagory, div#salads.subcatagory, div#fish.subcatagory, div#kids.subcatagory, div#sweets.subcatagory {
	border-bottom:none;
	padding-bottom: 0px;
}

div.subcatagory ul{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
}



h3 { 
	font-family:"lobster", "wrexham script", script;
	font-size:275%;
	text-align: center;
	line-height: 100%;
	padding-top:7px;
	padding-bottom:15px;
	color:rgb(218,198,180); /* lt.tan */
	/*color:rgb(206,179,158); tan */
}



div#drinks h3, div#sweet h3 {
	background-color:rgb(110,24,16); /* red */
}

div#starters h3, div#kid h3 {
	background-color:rgb(122,90,56); /* green-brown */
}

div#entrees h3 {
	background-color:rgb(156,88,34); /* orange */
}

div#entrees{
	border: 2px solid rgb(156,88,34); /* orange */
}

div#starters, div#kid{
	border: 2px solid rgb(122,90,56); /* green-brown */
}

div#drinks, div#sweet{
	border: 2px solid rgb(110,24,16); /* red */
}


h4 { 
	display:block;
	width: 100%;
	font-family:"bebas-neue", "Bebas Neue", sans-serif;
	font-size:200%; 
	margin: 15px auto 10px auto;
	color:rgb(156,88,34); /* orange */
	text-align:center;
}

h4:before { 
 content:url(assets/star_icon.png);
 padding: 0 1.5% 0 1.5%;
}

h4:after { 
 content:url(assets/star_icon.png);
 padding: 0 1.5% 0 1.5%;
 }

h5{
	font-size:150%; 
	color:rgb(0,0,0); /* black */
	margin: 0 0 5px 0;
}

h6{
	color:rgb(122,90,56); /* green-brown */
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	line-height: 120%;
}

	

p {
	color:rgb(122,90,56); /* green-brown */
	font-style:italic;
	margin-top: 5px;
	margin-bottom:5px;
	padding-bottom:2px;
}

ul{
	line-height:20px;
}
 
 
span.price:before {
	 content: "  "; /* green-brown */
} 

p, h6 {
	text-align:center;
}

p span.dp:before {
	 content: " [ ";
}  
p span.dp:after {
	 content: " ] ";
} 

h6 span.dp:before {
	 content: " [ ";
}  
h6 span.dp:after {
	 content: " ] ";
}  


dl dd { 
	font-style:normal;
	padding-top:3px;
}

dt { 
	color: rgb(110,24,16); /* red */
	font-weight: bold;
}

dt span.price { 
	color: rgb(122,90,56); /* green-brown */
}


dd { 
	line-height: 120%;
	margin-bottom: 20px; 
	}

aside{ 
	border: 1px solid rgb(122,90,56); /* green-brown */
	color: rgb(122,90,56); /* green-brown */
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left:.86206892%; /* 5/580 */
	padding-right:.86206892%; /* 5/580 */
	margin: 10px 0 5px 0;
}

div.note{ 
Padding-top: 5px;
Padding-bottom: 10px;
font-style:italic;
color: rgba(110,24,16,.8); /* lt. red */}

/* Misc Stuff */
Span.hide{
	display:none;
}

a{
text-decoration:none;
color:rgb(218,198,180); /* lt.tan */
}


h2#add a:hover{
	color:white;
}

h2#num a:hover{
	color:white;
}

@media screen and (min-width:800px) {
	
	div#wrapper {
	background-image:none;
	}

	body { 
	background-image:url(assets/Sunset.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

	
}

@media screen and (max-width:799px){
	
	h1{
	width: 100%;
	}
	
	div#hgroup{
	width:100%;
	}
	
	h2{
	margin: 0 auto 0 auto;
	float:none;
	}
	
	h2#num{
		width:100%;
	}
	
	h2#add{
		width:100%;
	}
	
	div.catagory{
		width:90%;
	}


	div.catagory{
		width:90%;
		background-color:rgb(218,198,180); /* lt.tan */
	}
	
	div.subcatagory ul{
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	}

}

@media screen and (max-width:400px) {
	
	div.catagory{
		width:90%;
		background-color:rgb(218,198,180); /* lt.tan */
	}

	div.subcatagory ul{
	-webkit-column-count:1; /* Chrome, Safari, Opera */
	-moz-column-count:1; /* Firefox */
	column-count:1;
	}
}