/*
Theme Name: Station Tavern & Burgers 2011
Theme URI: http://wordpress.org/
Description: The Theme used for Station Tavern & Burgers Website. Choosing a different theme may result in a different look and feel to the site.
Author: Josh Hassin Designs
Version: 1.0
Tags: none
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background-color:#231f20;
	background-repeat:no-repeat;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a{text-decoration:none;}


/** Container and Layout Elements**/

	#container{
		background:url(./images/woodbg.jpg);
		width: 930px;
		margin: 10px auto;
		padding:5px;
		padding-bottom:0px;
	}

/** Header**/
	#header{
		float:right;
		margin:55px 15px 10px 0px;
		padding:0px;
		width:277px;		
	}
	
	#header #logo a{
		display:block;
		height:218px;
		width:277px;
		background:url(./images/logo.jpg) no-repeat;
		text-indent:-5000px;
	}
	
	#header #time-place{
		margin-top:25px;
		height:200px;
		width:277px;
		background:url(./images/timeplace.gif) no-repeat;
		text-indent:-5000px;
	}

/** Navigation **/

	#menu-main-navigation{float:right;margin-right:-275px;}

	#menu-main-navigation li{float:left;}

	#menu-main-navigation li a{
		display: block;
		padding: 15px 15px 10px 15px;
		color: black;
		font-size: 10pt;
		font-weight:bold;
		text-transform: uppercase;
	}

	#menu-main-navigation li a:hover,.current-menu-item a{
		color:#fff !important;
		background:#ec2028;
	}
	
	.news #menu-main-navigation .nav-news a{
		color:#fff !important;
		background:#ec2028;
	}

/** Content **/

	#content{
		background:#f1efdd;
		margin-top:50px;
		padding:15px;
	}
	
	#content a{color:#ec2028;}
	
	#content a:hover{text-decoration:underline;}
	
	#content p a{color:#ec2028;}
	
	#content .heading{
		height:30px;
		background-color:#ec2028;
		text-indent:-5000px;
	}
	
	#content .heading h2{background-repeat:no-repeat;}
	
	#content #content-area{
		background:#f9f8f1;
		min-height:350px;
	}
	
	#content #slideshow{margin-bottom:10px;}
	
	/*Section Titles*/
	.news .heading h2{background:url(images/heading-news.gif) no-repeat;}
	.menu .heading h2{background:url(images/heading-menu.gif) no-repeat;}
	.specials .heading h2{background:url(images/heading-menu.gif) no-repeat;}	
	.gallery .heading h2{background:url(images/heading-gallery.gif) no-repeat;}
	.station-foods .heading h2{background:url(images/heading-foods.gif) no-repeat;}
	.about-us .heading h2{background:url(images/heading-about.gif) no-repeat;}
	.reservations .heading h2{background:url(images/heading-res.gif) no-repeat;}
	.location .heading h2{background:url(images/heading-loc.gif) no-repeat;}
			
/* Main Column */
	#col-one{float:left;width:600px;}

/* Second Column */
	#col-two{float:right;width:277px;}

	
	/*Connect Buttons*/
	#col-two #connect-buttons{
		margin-left:10px;
	}

	#col-two #social li a{
		display:block;
		float:left;
		width:42px;
		height:42px;
		margin:5px 5px 10px 0px;
	}

	#col-two #connect-buttons li a{
		display:block;
		float:left;
		width:42px;
		height:42px;
		text-indent:-9999px;
		margin:5px 5px 10px 0px;
		background-image:url(./images/buttons_connect.jpg);
	}
	
	#col-two #connect-buttons li a.instagram{background-position:0px 0px;}	
	#col-two #connect-buttons li a.twitter{background-position:0px 0px;}
	#col-two #connect-buttons li a.facebook{background-position:-94px 0px;}


	/*Mailing List*/
	#col-two #mailing-list{
		margin-top:8px;
		padding-bottom:8px;
		background:#DED3BE;
	}
	
	#col-two form input,#col-two form textarea{
		border: 1px solid #dad5d7;
	}


/** FOOTER **/
	#footer{height:110px;background:url(./images/footerbg.jpg) no-repeat;}


/** Post Styles **/

	.post{
		border-bottom: 1px solid #dad5d7;
		margin:0px 0px 5px 0px;
		padding:5px 10px 10px 10px;
		width:580px;
		overflow:hidden;
	}

	.page-post{
		margin:0px 0px 5px 0px;
		padding:5px 10px 10px 10px;
		width:580px;
		overflow:hidden;
	}
	
	.post *, .page-post *{font-size:9pt;}
	
	.post p, .page-post p{margin:0px 0px 10px 0px;line-height:1.35;}
	.post ul, .page-post ul{list-style:disc;margin:0px 0px 10px 20px;line-height:1.25;}
	.post ol .page-post ol{list-style:decimal;margin:0px 0px 10px 20px;line-height:1.25;}
	
	.post .post-date{
		font-size:8pt;
		font-style:italic;
		margin:0px;
		padding-bottom:8px;
		text-transform:uppercase;
	}
	
	.post h3,.post .post-title, .page-post h3{
		font-size:10pt;
		font-weight:bold;
		margin-bottom:3px;
		text-transform:uppercase;
		color:#000;
	}
	
	.post-title a{
		color:#000 !important;
	}
	
	.post hr{
		margin:0px 0px 15px 0px !important;
		color:#d6cfd6;
		border:0px;
		border-top:1px solid #d6cfd6;
	}

/** Media Page **/
	
	/*Photo Gallery*/
	
	
	/* Videos */
	.video-post{
		float:left;
		margin-right:10px;
		min-height:145px;
	}
	
	.video-post .image{
		width:140px;
		height:100px;
		margin-bottom:5px;
		overflow:hidden;
	}
	
	.video-post .caption{
		width:130px;
	}	
	

/** Press Page **/
	.press-post{overflow:hidden;}
	.press-post .post-date, .press .post-content{float:left;}
	.press-post .post-date{width:100px;}
	.press-post .post-content{width:500px;}

/** Contact Page **/
	.contact-email strong{font-size:0.9em;}
	

/** MISC **/

	.floatLeft{float:left;}
	.floatRight{float:right;}
	.clear{clear:both;}
	.allCAPS{text-transform:uppercase;}
	.alignleft{float:left; margin:0px 15px 10px 0px;}
	.alignright{float:right; margin-left:0px 0px 10px 15px;}