/*
Theme Name: Foxy's Roast & Grill
Theme URI: http://www.phenotype.net/
Description: Custom Foxy's theme.
Version: 1.0
Author: Phenotype
Author URI: http://www.phenotype.net/
Tags: custom theme
*/

/*-------------------------------------------------------------------
// Global reset
-------------------------------------------------------------------*/

@import 'reset.css';

/*-------------------------------------------------------------------
// Page layout and appearance
-------------------------------------------------------------------*/
html, body {
	width: 100%;
	}
	
body {
	background: #060606;
	}
	
#container {
	width: 550px;
	margin: 30px auto 10px auto;
	padding: 0 215px;
	position: relative;
	}
	
	#header {
		width: 550px;
		height: 150px;
		position: relative;
		background: #000;
		}
			
		#header h1 {
			margin: 0;
			}
			
			#header h1 a { /* Logo */
				width: 230px;
				height: 120px;
				display: block;
				position: absolute;
				top: 10px;
				left: 10px;
				text-indent: -999em;
				overflow: hidden;
				background: url(images/common/foxys-logo.gif) right center no-repeat;
				}
	
		#header #logo {
			display: none;
			}
			
		#header #details {
			position: absolute;
			top: 10px;
			right: 10px;
			}
			
	#navigation {
		width: 530px;
		height: 50px;
		position: relative;
		padding: 10px 10px;
		background: #000;
			float: left;
			}
		
		#navigation ul {
			position: absolute;
			top: 10px;
			left: 10px;
			height: 25px;
			float: left;
			}
			
			#navigation ul ul {
				display: none;
				top: 35px;
				left: 0;
							float: left;
				}
		
			#navigation ul li.current_page_item ul, #navigation ul li.current_page_parent ul {
				display: block;
							float: left;
				}

	#content {
		width: 530px;
		height: 430px;
		padding: 10px 10px;
		background: #000 url(images/screen/background-welcome.jpg) left bottom no-repeat;
		}
		
	.menu #content {
		height: auto;
		}

		#contact #content .meta {
			width: 530px;
			height: 130px;
			margin: 0 auto;
			overflow: hidden;
			}
			
			#content .meta .post-meta-key {
				display: none;
				}
				
		/*#welcome #content .meta, #about #content .meta, #page-not-found #content .meta {
			width: auto;
			height: auto;
			margin: 0;
			overflow: auto;
			}*/
		
		.menu #content .entry {
			width: 510px;
			/*height: 280px;*/
			margin: 0 auto;
			padding: 10px 10px;
			/*overflow-y: auto;
			overflow-x: hidden;*/
			background: url(images/screen/entry-background.png) 0 0 repeat;
			}
			
		* html .menu #content .entry {
			background: #999;
			}
			
		/*#contact-us #content .entry {
			width: 520px;
			height: 300px;
			padding: 0;
			overflow: hidden;
			}
			
		#welcome #content .entry, #about #content .entry, #page-not-found #content .entry {
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			overflow: auto;
			background: none;
			}*/
		
	#footer {
		width: 550px;
		padding: 10px 0;
		clear: both;
		}
		
.edit-entry {
	position: absolute;
	top: -30px;
	left: 215px;
	}
	
/* 
Column system
---------------------------
*/

.row {
	clear: both;
	}
	
	.row br {
		clear: both;
		}
  
.column {
	float: left;
	}
	
		.column .column {
			}
	
	.last {
		}
  
	.column.quarter-page {
		width: 25%;
		}

	.column.third-page {
		width: 33.3%;
		}
  
	.column.half-page {
		width: 50%;
		}
	  
	.column.two-thirds-page {
		width: 66.6%;
		}
	  
	.column.three-quarter-page {
		width: 75%;
		}
			
	.column.full-page {
		width: 100%;
		float: none;
		}
		
/* 
Polaroids
---------------------------
*/
	
#polaroids-left {
	width: 205px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#polaroids-right {
	width: 205px;
	height: 600px;
	position: absolute;
	top: 0;
	right: 0;
	}
	
/*-------------------------------------------------------------------
// Page background images
-------------------------------------------------------------------*/

#eat-in-menu #content {
	background-image: url(images/screen/background-eat-in-menu.jpg);
	}
	
#take-out-menu #content {
	background-image: url(images/screen/background-take-out-menu.jpg);
	}
	
#drinks-menu #content {
	background-image: url(images/screen/background-drinks-menu.jpg);
	}
	
#promotions #content {
	background-image: url(images/screen/background-promotions.jpg);
	}
	
#reviews #content {
	background-image: url(images/screen/background-reviews.jpg);
	}
	
#contact-us #content {
	background-image: url(images/screen/background-contact-us.jpg);
	}
	
#about #content {
	background-image: url(images/screen/background-about.jpg);
	}
	

/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px;, so 1em = 10px; */
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
a {
	color: #ccff33;
	}
	
a:hover {
	text-decoration: none;
	}
  
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
cite, q {
	font-size: 1.1em;
	line-height: 1.559;
	font-style: italic;
	}
  
dl {
	margin: 0 0 1.364em 0;
	font-size: 1.1em;
	line-height: 1.364;
	text-align: left;
	}

em, i {
	font-style: italic;
	}
	
h1 {
	margin: 0 0 1em 0;
	font-size: 4.8em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	}
	
h2 {
	color: #ccff33;
	margin: 0 0 0.5em 0;
	font-size: 2em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	
h3 {
	color: #ccff33;
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	line-height: 1.25;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}

h4 {
	color: #ccff33;
	margin: 0.429em 0 1em 0;
	font-size: 1.4em;
	line-height: 1.429;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	
hr {
	display: none;
	visibility: hidden;
	}
  
img {
	border: 0;
	}
	
ol {
	margin: 0 1em 1.364em 1em;
	font-size: 1.1em;
	line-height: 1.364;
	text-align: left;
	list-style-position: inside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.364em 0;
	font-size: 1.1em;
	line-height: 1.364;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.786em;
	color: #777;
	}
	
strike {
	text-decoration: line-through;
	color: #777;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 1em 1.364em 1em;
	font-size: 1.1em;
	line-height: 1.364;
	text-align: left;
	list-style-position: inside;
	}
	
	ul li {
		list-style-type: disc;
		}
  
	ul dl, ul h2, ul h3, ul h4, ul ul, ul ol, ul p, ol dl, ol h2, ol h3, ol h4, ol ul, ol ol, ol p, dl dl, dl h2, dl h3, dl h4, dl ul, dl ol, dl p, ol label, ol input, ol select, ol textarea {
		font-size: 1em !important;
		}

/*
Section-specific styles 
---------------------------
*/

#header #details {
	
	}

	#header #details h2 {
		color: #999;
		margin: 0 0 10px 0;
		font-size: 1.1em;
		line-height: 1.2;
		text-align: right;
		text-transform: none;
		}
		
	#header #details p {
		margin: 0 0 10px 0;
		color: #999;
		text-align: right;
		line-height: 1.2;
		}
	
#navigation ul {
	margin: 0 0 10px 0;
	list-style: none;
	list-style-position: outside;
	font-size: 1.2em;
	line-height: 1.25;
	}
	
	#navigation ul ul {
		font-size: 0.846em !important;
		line-height: 1.364;
		}
	
		#navigation ul li {
			margin: 0 2px 0 0;
			padding: 0 0 0 10px;
			display: inline;
			list-style: none;
			background: url(images/screen/navigation-divider.gif) 0 center no-repeat;
			}
			
			#navigation ul li li {
				background: url(images/screen/sub-navigation-divider.gif) 0 center no-repeat;
				}
			
		#navigation ul li.first {
			background: 0;
			padding: 0;
			}
			
		#navigation ul li.last {
			margin: 0;
			}
			
			#navigation ul li a {
				text-decoration: none;
				color: #999;
				}
				
				#navigation ul li.current_page_item a, #navigation ul li.current_page_parent a {
					color: #ccff33;
					}
					
					
					#navigation ul li.current_page_item ul li a, #navigation ul li.current_page_parent ul li a {
						color: #999;
						}
				
			#navigation ul li a:hover, #navigation ul li ul li.current_page_item a, #navigation ul li.current_page_item ul li a:hover, #navigation ul li.current_page_parent ul li a:hover {
				color: #fff;
				}

#content {
	}

#content a {
	padding: 0 0 1px 0;
	text-decoration: none;
	color: #bbb;
	/*border-bottom: 1px solid #aaa;*/
	}
	
#content a:hover {
	color: #ddd;
	border-bottom: 1px solid #ccff33;
	}

#content h2, #content h3 {

	}
	
	#content p img {
		margin: 0 15px 10px 0;
		float: left;
		}
		
#content p.edit-entry {
	margin: 0;
	padding: 10px 10px;
	font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size: 1.4em;
	line-height: 1;
	background: #464646;
	}
	
	#content p.edit-entry a {
		color: #fff;
		border-bottom-color: #999;
		}
		
	#content p.edit-entry a:hover {
		border-bottom-color: #ccff33;
		}
		
#content p.wp-caption-text {
	padding: 15px 0;
	margin: 0.429em 0 1em 0;
	font-size: 1.4em;
	line-height: 1.429;
	font-weight: bold;
	}
	
#content .entry p {
	margin: 0 0 1.167em 0;
	font-size: 1.4em;
	line-height: 1.167;
	}
	
	/*#content .entry p strong {
		margin: 0 0 1.25em 0;
		font-size: 1.143em;
		line-height: 1.25;
		}*/
		
.menu #content .entry p {
	margin: 0 0 1.364em 0;
	font-size: 1.1em;
	line-height: 1.364;
	}
	
	/*.menu #content .entry p strong {
		margin: 0 0 1.364em 0;
		font-size: 1.1em;
		line-height: 1.364;
		}*/

#content ul {
	margin-left: 36px;
	margin-right: 24px;
	}
	
	#content ul li {
		text-indent: -13px;
		}
		
#content .meta ul.post-meta {
	margin: 0 0 1.364em 0;
	list-style: none;
	list-style-position: outside;
	}
	
	#content .meta ul.post-meta li {
		text-indent: 0;
		list-style: none;
		}
		
.menu #content .entry {
	color: #000;
	}

#footer {
	color: #fff;
	}
	
	#footer a {
		padding: 0 0 1px 0;
		text-decoration: none;
		color: #999;
		/*border-bottom: 1px solid #aaa;*/
		}
		
	#footer a:hover {
		color: #ddd;
		border-bottom: 1px solid #ccff33;
		}
	
	#footer p {
		font-size: 1em;
		margin: 0;
		text-align: right;
		color: #666;
		}
		
	/*#footer p#credits {
		color: #999;
		}*/