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

body {
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size:0.7em; 
}

a:link {color:#FFFFFF;}      /* unvisited link */
a:visited {color:#FFFFFF;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */

.header {
	width: 640px;
	background-image: url('/static/images/bltf_header.png');
	margin-left: auto;
	margin-right: auto;
	height:113px;
}

.container {
	width: 640px;
	height:368px;
	background-image: url('/static/images/bobs-background.png');
	background-repeat:none;
	margin-top: -12px;
	margin-left: auto;
	margin-right: auto;
}

.content-container {
	margin-top: 2em;
	width: 640px;
	height:345px;
	clear:both;
}

.site_title {
	padding-top:2em;
	font-size:2em;
	font-weight:700;
	text-align:center;
}


/*
*	CSS menu Setup
*/

ul.cssmenu {
	list-style: none;
	padding: 0px;
}

.displace {
	position: absolute;
	left: -5000px;
}

ul.cssmenu li {
	float: left;
}

ul.cssmenu li a {
	display: block;
	width: 128px;
	height: 21px;
	background: url('/static/images/bobs-navigator.png');
}

/*
*	Normal Links
*/
/* multiples of 128 pixels (the width of a single image element) */
ul.cssmenu li.home a {
	background-position: 0 0;
}

ul.cssmenu li.menu a {
	background-position: -128px 0;
}

ul.cssmenu li.lunch a {
	background-position: -256px 0;
}

ul.cssmenu li.news a {
	background-position: -384px 0;
}

ul.cssmenu li.job a {
	background-position: -512px 0;
}

/*
*	Hover Links
*/
/* offset by multiples of 128 (width of image element) and 21 (height of image element) */
ul.cssmenu li.home a:hover {
	background-position: 0 -21px;
}

ul.cssmenu li.menu a:hover {
	background-position: -128px -21px;
}

ul.cssmenu li.lunch a:hover {
	background-position: -256px -21px;
}

ul.cssmenu li.news a:hover {
	background-position: -384px -21px;
}

ul.cssmenu li.job a:hover {
	background-position: -512px -21px;
}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 -42px;
}

ul.cssmenu li.menu a:active {
	background-position: -128px -42px;
}

ul.cssmenu li.lunch a:active {
	background-position: -256px -42px;
}

/*
*	Selected/Active Links
*/
/* 3x image height */
ul.cssmenu li.home a.selected {
	background-position: 0 -63px;
}

ul.cssmenu li.menu a.selected {
	background-position: -128px -63px;
}

ul.cssmenu li.lunch a.selected {
	background-position: -256px -63px;
}

ul.cssmenu li.news a.selected {
	background-position: -384px -63px;
}

ul.cssmenu li.job a.selected {
	background-position: -512px -63px;
}
/* end CSS menu */

/* menu items */
.menu_item_container {
	width:100%;
	height:340px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
	clear:both;
}

.menu_column_left {
	float:left;
	width:49%;
}
.menu_column_right {
	float:right;
	width:49%;
}

.menu_item {
	width:95%;
	font-size:1em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left: 1em;
	overflow: hidden;
}

.menu_title {
	font-size: 1.2em;
	font-weight: 600;
}

.menu_section_footer {
	clear: both;
}

.ordering_number {
	float:left;
	min-width:2em;
}

.item_name {
	float:left;
	padding-right:1em;
}

.item_price {
	
}

.item_description {
	font-style:italic;
	padding-left:3em;
}

.item_clear {
	clear:both;
}

.allergies {
	font-size:1.1em;
}

.footer {
	color:#grey;
	font-size:0.7em;
	margin-left: auto;
	margin-right: auto;
	width:640px;
	text-align:center;
}

.social {
	bottom:20px;
	width:640px;
	margin-left: auto;
	margin-right: auto;
}

/* job listing */
.job_item_container {
	width:100%;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
	clear:both;
}

.job_item {
	margin-top:2em;
}

.job_title {
	
}

.job_description {
	
}

/* news */
.news_item_container {
	width:100%;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
	clear:both;
}

.news_item {
	padding-bottom:0.5em;
	border-bottom: 1px dashed grey;
}

.news_title {
	
}

.news_description {
	
}

/* restaurant locations */
.restaurant {
	width:75%;
	margin-right:auto;
	margin-left:auto;
	margin-top:2em;
}

.street {
	font-size:1.5em;
	font-weight:700;
	text-transform: uppercase;
}

.display_detail {
	font-weight:700;
	text-align:right;
	font-size: 1.2em;
}

.map_link {
	text-align:right;
}