/*
    Final Project
     
	Firehouse Grill and Pub
	Author: Ola Vincent
	Date: August 4, 2014  
	Filename:         fhtables.css
	Supporting Files: 
*/

/*  Styles for table  */

table-responsive {
	position: relative;
	/*background: white;*/
	background: #EFF7ED;
	width: 1100px;
}


thead {
	background-color: rgb(2, 0, 0);
	color: white;
}


/*  Style to the images with Border radius and Box Shadow  */

table tbody tr td  p img{
	border-radius: 0px 25px 0px 25px;
	-moz-border-radius: 0px 25px 0px 25px;
	-webkit-border-radius: 0px 25px 0px 25px;
	
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
	box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
}


td {
	border: 3px inset rgb(102, 153, 51);
	padding: 10px 15px;
}

th{
	font-size:15px;
	color: black;
}

tr{
	padding: 5px 0px 5px 10px;
	margin: 10px 15px;
	margin-left:30px;
	margin:right:auto;
	background-color: #bdd0c3;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}


/* Style for Media Queries */

@media only screen and (min-width : 700px) and (max-width : 1000px)
{
table-responsive {
	position: relative;
	background: #EFF7ED;
	width: 600px;
}
}


@media only screen and (min-width : 500px) and (max-width : 700px)
{
table-responsive {
	position: relative;
	background: #EFF7ED;
	width: 400px;
}

td {
	display: inline-table;
}
}


@media only screen and (min-width : 250px) and (max-width : 500px)
{
table-responsive {
	position: relative;
	background: #EFF7ED;
	margin-left: -20px;
	width: 250px;
}

p.pic {
	margin-left: -5px;
}

td {
	display: inline-block;
}

td p{
	margin-left: -5px;
}
}