/* 
Theme Name: Matchbox
Description: A custom WordPress Theme developed for Matchbox.
Author: ripe.com
Author URI: http://www.ripe.com
Version: 1.0
*/

/*
COLORS:
Red - c30002

*/
/*---------------
Stylesheet Reset
-----------------*/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
* {margin: 0; padding: 0;}


/*------------------
GENERAL ELEMENTS
-------------------*/
html,body {
	height: 100%;
	width: 100%;
	}

body{
	background-color: #891300;
	font-family:"Century Gothic", Trebuchet, "Avant Garde", Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
p{
	margin-bottom: 15px;
	line-height: 160%;
}
a {
	outline: none;
}
address{
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
	address a:link, address a:visited{
		color: #c30002;
		text-decoration: none;
	}
	address a:hover, address a:hover{
		color: #000;
		border-bottom: 1px dotted #c30002;
	}
	
h1{
	font-size: 16.5px;
	font-weight: bold;
	margin: 20px 0 5px;	
}


h2{
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}
h3{
	font-size: 14px;
	margin: 10px 0;	
}
h4{
	
}
h5{
	
}
h6{
	
}
hr{
	clear: both;
	margin: 30px 0;
}
iframe{
	border: 1px solid #000;
}

.alignleft{
	float: left;
	margin: 0px 10px 5px 0px;
}

.alignright{
	float: right;
	margin: 0px 0px 5px 10px;
}

.border{
	border: 1px solid #000;
}

.clear {
	clear:both;
}
	
#container{
	background-image: url("images/background-paper-tile.png");
	background-repeat: repeat-y;
	width: 100%;
}
#container-foot{
	background-image: url("images/background-footer-paper.png");
	background-position: 0 -40px;
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 52px;
	padding-top: 10px;
	width: 100%;
}
.copyright{
	color: #fff;
	float: right;
	margin-top: -15px;
}

.ddsg-wrapper h2{  /*Sitemap Plugin*/
	font-size: 16.5px;
}

	.ddsg-wrapper ul{
		list-style: disc inside;
		margin-top: 10px;
		font-size: 12px;
	}
	.ddsg-wrapper ul li{
	}
	.ddsg-wrapper ul li ul{
		margin-left: 20px;
		list-style: circle inside;
	}

.fleft{
	float: left;
}

.footer-text{
	color: #fff;
	font-size: 9px;
	margin-left: 20px;
	margin-top: 10px;
}

.fright{
	float: right;
}
.alignright{
	float: right;
}


#header{
	background-image: url("images/wood.png");
	background-repeat: repeat-x;
	height: 250px;
	width: 100%;
}

hr{
	background-color: #ddd;
	color: #ddd;
}

.leftcolumn{
	float: left;
	margin-left: 52px;
	padding-right: 10px;
	width: 370px;
}
	.leftcolumn a:link, a:visited{
		color: #c30002;
		text-decoration: none;
	}
	.leftcolumn a:hover{
		color: #000;
		border-bottom: 1px dotted #c30002;
	}
	.leftcolumn ul{
		margin: 15px 0;
	}
	.leftcolumn li{
		text-indent: -12px;
		margin-left: 12px;
		margin-top: 10px;
	}
	#locations_left{
		margin-top: 15px;
		float: left;
		width: 380px;
	}

	#locations_right{
		margin-top: 15px;
		width: 380px;
		float: right;
	}
		#locations_left h1 a, #locations_right h1 a{
			color: #000;
			text-decoration: none;
		}
		#locations_left h1 a:hover, #locations_right h1 a:hover {
			text-decoration: underline;
		}
		#locations_left a img, #locations_right a img{
			height: 20px;
		}
		#locations_right p a, #locations_left p a {
			color: #c30002;
		}
		
#logo{
	margin: 0px auto;
	padding-top:25px;
	padding-left: 5px;
	position: relative;
	width: 870px;
	height: 100px;
}

#map{
	margin-top: 20px;
	border: 1px solid #000;
}

.menu-spacer {
	margin-top: 10px;
}

#pressPage a img{
	display: inline-block;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}	

.red{
	color: #c30002;
}

.rightcolumn{
	float: right;
	margin-right: 42px;
	padding-left: 20px;
	margin-top: 25px;
	width: 402px;
}
.ripe{
	color: #fff;
}
	.ripe a:link, .ripe a:visited{
		float: right;
		margin: 0 20px;
		color: #fff;
		text-decoration: none;
	}
	.ripe a:hover{
		color: #63c712;
	}

#sidebar ul{
	list-style: none;
}

div.textwidget{
	width: 100%;
	margin: 20px auto 0;
	list-style-type: none;
	padding: 0;
}
div.textwidget a:link, div.textwidget a:visited {
	text-decoration: none;	
	padding: 0;
	margin-left: 30px;
}

div.textwidget a:link:first-child, div.textwidget a:visited:first-child {
	margin: 0;
}

div.textwidget a:link.last, div.textwidget a:visited.last {
	margin: 0;
}

div.textwidget a img{
		height: 30px;
		padding: 0;
}

.threesixnine{
	margin-top: 90px;
	margin-left: 200px;
}

ul{
	list-style-position: inside;
}
li{
}

.widecolumn{
	width: 800px;
	margin-left: 52px;
	padding-top: 10px;
}

.widecolumn h1{
	margin-top: 0;
}

#wrapper{
	margin: 0 auto;
	margin-top: -70px;
	width: 902px;
}

	/*--------------------
		NAVIGATION
	--------------------*/
	#navigation{
		width: 100%;
		padding-left: 2px;
	}
	
	ul.nav li{
		display: inline;
	}
	

		.nav, #subnav{
		list-style: none;
		}
		
		#subnav{
			background-image: url("images/background-paper-tile.png");
			background-repeat: repeat-y;
			height: 40px;
			padding-left: 50px;
			padding-bottom: 10px;
			width: 100%;
		}
		
			#subnav li{
				display: inline;

			}
			
			#subnav .current_page_item a:link, #subnav .current_page_item a:visited {
				color: #c30002;
			}
				#subnav li a{
					display: block;
					float: left;
					font-size: 14px;
					font-weight: bold;
					margin: 15px 27px 0px 0px;
					text-decoration: none;
				}
				#subnav li a:link{
					color: #000;
				}
				#subnav li a:visited{
					color: #000;
				}
				#subnav li a:hover{
					color: #c30002;
				}
				#subnav li a:active{
					color: #000;
				}
			
			li#press a, li#gallery a{
				background: url('images/navigation-sprite-v2.png') no-repeat;			
				display: block;
				float: left;
				height: 37px;
				text-indent: -9999px;
				width: 124px;
				z-index: 999;
				margin: 0;
				padding: 0;
			}
			li#menu a, li#reservations a, li#locations a{
				background: url('images/navigation-sprite-v2.png') no-repeat;			
				display: block;
				float: left;
				height: 37px;
				text-indent: -9999px;
				width: 125px;
				z-index: 999;
				margin: 0;
				padding: 0;
			}
			li#home a{
				background: url('images/navigation-sprite-v2.png') no-repeat;			
				display: block;
				float: left;
				height: 37px;
				text-indent: -9999px;
				width: 139px;
				z-index: 999;
			}
			li#green a{
				background: url('images/navigation-sprite-v2.png') no-repeat;			
				display: block;
				float: left;
				height: 37px;
				text-indent: -9999px;
				width: 140px;
				z-index: 999;
			}
			
			li#home a:link{
				background-position: 0px -2px;
			}

			li#menu a:link{
				background-position: -139px -2px;
			}
			li#reservations a:link{
				background-position: -264px -2px;			
			}				
			li#locations a:link{
				background-position: -389px -2px;			
			}
			li#gallery a:link{
				background-position: -514px -2px;			
			}
			li#press a:link{
				background-position: -638px -2px;
			}
				
			li#green a:link{
				background-position: -762px -2px;
			}

/*			Visited*/

			li#home a:visited{
				background-position: 0 -2px;
			}

			li#menu a:visited{
				background-position: -139px -2px;
			}
			li#reservations a:visited{
				background-position: -264px -2px;			
			}				         
			li#locations a:visited{  
				background-position: -389px -2px;			
			}                        
			li#gallery a:visited{    
				background-position: -514px -2px;			
			}                        
			li#press a:visited{      
				background-position: -638px -2px;
			}                        
				                     
			li#green a:visited{      
				background-position: -762px -2px;
			}			
			
			/*Hover States*/
			li#home a:hover{
				background-position: 0 -56px;
			}

			li#menu a:hover{
				background-position: -139px -56px;
			}
			li#reservations a:hover{
				background-position: -264px -56px;			
			}				         
			li#locations a:hover{    
				background-position: -389px -56px;			
			}                        
			li#gallery a:hover{      
				background-position: -514px -56px;			
			}                        
			li#press a:hover{        
				background-position: -638px -56px;
			}                        
				                     
			li#green a:hover{        
				background-position: -762px -56px;
			}
			
			/*ACTIVE PAGE STATES*/
			
			#nav-home li#home a{
				background-position: 0px -125px;
			}

			#nav-menu li#menu a{
				background-position: -139px -125px;
			}
			#nav-reservations li#reservations a{
				background-position: -264px -125px;	
			}				                       
			#nav-locations li#locations a{         
				background-position: -389px -125px;	
			}                                      
			#nav-gallery li#gallery a{             
				background-position: -514px -125px;	
			}                                      
			#nav-press li#press a{                 
				background-position: -638px -125px;
			}                                      
				                                   
			#nav-green li#green a{                 
				background-position: -762px -125px;
			}
			
/*	FOOTER NAV - Populated by WP		*/
	#nav{
		margin-left: 20px;
		padding-bottom: 15px;
	}
	#nav li{
		border-left: 1px solid #fff;
		padding-left: 20px;
		list-style: none;
		display: inline;
	}
	
		#nav li a:link, #nav li a:visited{
			color: #fff;
			font-size: 10px;
			margin-right: 20px;
			text-decoration: none;
		}

		#nav li:first-child{
			border:none;
			padding-left: 0;
		}
		#nav li a:hover{
			color: #000;
		}

		#nav a:active,
		li.current_page_parent a,  
		li.current_page_parent a:visited,  
		#nav li.current_page_item a,  
		#nav li.current_page_item a:visited {  
		text-decoration: underline;
		}
			
			
			
			
/* Flash Background */

#holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}
	
#flashback {
	background-color: #891300;
	position: fixed;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	margin: 0px;
	}

#fire {
	position: fixed;
	z-index: -50;
	}
	
/* Press Page */

#pressPage p {
	width: 220px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin: 20px 23px 10px 23px;
	color: #000;
}

#pressPage strong {
	font-size: 14px;
}

#pressPage a:link, #pressPage a:visited {
	color: #c30002;
	text-decoration: none;
}

#pressPage i, #pressPage em {
	font-style: italic;
}

#pressPage a:link strong, #pressPage a:visited strong, #pressPage strong a:link, #pressPage strong a:visited {
	color: #000;
	text-decoration: none;
}

#pressPage a:hover, #pressPage a:hover strong, #pressPage strong a:hover {
	color: #c30002;
	text-decoration: underline;
}

#pressPage i a, #pressPage em a, #pressPage a i, #pressPage a em {
	
}
	
/*----------------------
		Gallery
----------------------*/
/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	border:2px solid #fff;
	display:block;  
	margin:0;
/*	padding:4px;*/
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
	border: 2px solid #c30002;
}

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	display: none;
}

.piclenselink {
	display: none;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

/* OpenTable CSS */

#OT_searchWrapperAll{
width:100%;
height:100px;
position:relative;
margin:0 0 30px 0;
padding:0;
/* background:#fff; */
}
#OT_searchWrapperAll h2 {
display: none;
}
#OT_searchWrapper{
border:none;
/* background:#fff; */
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:12px;
width:100%;
height:100px;
position:relative;
margin:0;
}
#OT_searchWrapper .OT_feedTitle{
position:absolute;
top:0;
left:0;
margin:0 0 1px 5px;
font-size:12px;
font-weight:normal;
line-height:normal;
}
#OT_searchWrapper dl{
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
}
#OT_partySizeLbl{
position:absolute;
top:25px;
left:0;
margin:0 0 0 5px;
padding:3px 0;
text-align:right;
width:110px;
display:block;
}
#OT_partySize{
position:absolute;
top:25px;
left:120px;
margin:0;
padding:0;
}
#OT_dateLbl{
position:absolute;
top:55px;
left:0;
margin:0 0 0 5px;
padding:3px 0;
text-align:right;
width:110px;
}
#OT_date{
position:absolute;
top:55px;
left:120px;
width:100px;
margin:0;
padding:0;
}
#OT_timeLbl{
position:absolute;
top:55px;
left:210px;
width:60px;
padding:3px 0;
text-align:right;
}
#OT_time{
position:absolute;
top:55px;
left:275px;
margin:0;
}
#OT_empty{
position:absolute;
width:0;
height:0;
padding:0;
margin:0;
top:100px;
left:0;
}
#OT_submitWrap{
position:relative;
top:115px;
left:255px;
margin:0 5px 0 0;
z-index:5;
}
#OT_logo{
position:absolute;
top:120px;
left:0;
width:100%;
padding:0;
margin:0;
display:block;
/* background:#fff; */
}
#OT_logoLink{
position:absolute;
top:100px;
left:0;
width:100%;
padding:0 0 10px 0;
margin:0;
font-size:9px;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
display:block;
/* background:#fff; */
}
#OT_logoLink a{
padding:0 0 0 10px;
color: #c30002;
text-decoration: none;
}
#OT_imglogo{
border:0;
margin:0 0 0 10px;
}
#OT_searchWrapper form{
margin:0;
padding:0;
}
#OT_searchWrapper input.hidden{
display:none;
}
#OT_searchWrapper .feedFormField,
#OT_searchWrapper .feedFormField option{
font-size:12px;
margin:2px 2px 2px 2px;
}
#OT_searchWrapper #startDate,
#OT_searchWrapper .OT_feedFormfieldCalendar{
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:12px;
margin:0;
width:85px;
}
#OT_searchWrapper #dateDisplay{
font-size:10px;
color:#999;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
float:right;
margin:0 30px 0 0;
display:inline;
}
#OT_searchWrapper .imgCal{
position:absolute;
display:none;
z-index:100;
}
#OT_searchWrapper #imageCal table{
font-size:12px;
width:150px;
font-family:arial;
font-weight:bold;
background:#FFF;
}
#OT_searchWrapper #imageCal td{
padding:0;
text-align:center;
}
	#OT_searchWrapper #imageCal .clickableDays:hover {
		background: #ccc;
	}
	#OT_searchWrapper #imageCal a:hover {
		border: 0px;
	}
#OT_searchWrapper .clickableDays{
color:#000;
text-decoration:none;
height:18px;
}
#OT_searchWrapper .nonclickableDays{
color:#CCC;
height:18px;
}
#OT_searchWrapper .months{
color:#FFF;
text-decoration:none;
}
#OT_searchWrapper .weekdays{
color:#000;
text-decoration:none;
color:#666;
background-color:#EFEFEF;
width:14%;
}


/* OpenTable widget (sidebar) */

#sidebar #OT_searchWrapperAll {
	border-top: 1px solid #67130D;
	border-bottom: 1px solid #67130D;
	height: 120px;
	padding: 0px;
	color: #333;
	margin: -4px 0 0 0;
}
#sidebar #OT_searchWrapper #dateDisplay {
	color: #fff;
}
#sidebar #OT_searchWrapper dl {
	margin: -10px 0 0 -20px;
}
#sidebar h1 {
	font-size: 20px;
}
#sidebar #OT_submitWrap {
position:relative;
top:90px;
left:255px;
margin:0 5px 0 0;
z-index:5;
}

/* Palm Springs: OT Diner's Choice Widget */

.OT_Widget_Wrapper {
	margin-top: 15px;
	margin-bottom: 15px;
}