/*
Theme Name: Laughing Buddha
Theme URI: http://laughingbuddhasudbury.com
Description: Restaurant theme with responsive layout
Version: 1.0
Author: Fuel Multimedia
Author URI: http://fuelmultimedia.ca
Tags: restaurant bar mobile responsive
*/

/**************************************************************
*  Normalize CSS - http://necolas.github.com/normalize.css/
***************************************************************/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline;zoom:1}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,button,input,select,textarea{font-family:sans-serif}a{color:#00e}a:visited{color:#551a8b}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{margin:0 2px;padding:.35em .625em .75em}legend{border:0;margin-left:-7px}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal;overflow:visible}table button,table input{overflow:auto}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio:not([controls]),[hidden]{display:none}body,figure,form{margin:0}

/**************************************************************
*  Global WordPress and Theme Styles
***************************************************************/

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; overflow: hidden; }
 @font-face {font-family: 'Populaire';src: url('webfonts/1C2F71_0_0.eot');src: url('webfonts/1C2F71_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1C2F71_0_0.woff') format('woff'),url('webfonts/1C2F71_0_0.ttf') format('truetype');}

body {
	position: relative;
	height: 100%;
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	font-family: myriad-pro-condensed,sans-serif;
	color: #362b1a;
}

a:link, a:visited { color: #614d2f; }

h1 { font-size: 48px; color: #b84709; line-height: 48px; font-family: 'Populaire'; margin: 0 0 10px 0; }
h2 { font-size: 28px; line-height: 28px; color: #4e3f27; font-family: 'Populaire'; margin: 0 0 10px 0; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }

.clear { clear: both; }
.aligncenter { text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.edit-this { clear:both; }

.home_slider { position: absolute; z-index: -1; width: 100%; overflow: hidden; }

	.home_slider ul { margin: 0; padding: 0; list-style: none; width: 400%; position: relative; overflow: hidden; }

	.home_slider ul li { width: 25%; float: left; }
	.home_slider ul li img { width: 100%; }

.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

h2.welcome_message { display: block; text-indent: -9999px; background: url('img/welcome_message.png') no-repeat; width: 416px; height: 175px; margin: 0 auto 30px auto; }

hr { border: 0; border-bottom: 1px solid #d5cfcc; }

#location { display: none; }

/**************************************************************
*  Header Styles
***************************************************************/

#top {
	position: absolute;
	background: url('img/top_bg.png') repeat-x;
	width: 100%;
	z-index: 100;
	height: 158px;
}

	#top .logo {
		position: absolute;
		left: 170px;
		top: 0;
		margin: 0;
		padding: 0;
	}

	#top .wrap {
		background: url('top_wrap_bg.png') no-repeat;
	}

	#top nav {
		position: absolute;
		top: 0;
		right: 0;
	}

		#top nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#top nav ul li {
				float: left;
			}

				#top nav ul li a {
					display: block;
					width: 46px;
					height: 210px;
					float: left;
					background: url('img/menu.png') no-repeat;
					text-indent: -9999px;
					margin: 0 1px;
				}

					#top nav ul #menu-item-27 a { background-position: 0 0; }
					#top nav ul #menu-item-26 a { background-position: -46px 0; }
					#top nav ul #menu-item-25 a { background-position: -94px 0; }
					#top nav ul #menu-item-24 a { background-position: -144px 0; }
					#top nav ul #menu-item-23 a { background-position: -195px 0; }
					#top nav ul #menu-item-22 a { background-position: -247px 0; }
					#top nav ul #menu-item-21 a { background-position: -293px 0; }
					#top nav ul #menu-item-28 a { background-position: -339px 0; }

						#top nav ul #menu-item-27.current_page_item a, #top nav ul #menu-item-27 a:hover { background-position: 0 -213px; }
						#top nav ul #menu-item-26.current_page_item a, #top nav ul #menu-item-26 a:hover { background-position: -46px -213px; }
						#top nav ul #menu-item-25.current_page_item a, #top nav ul #menu-item-25 a:hover { background-position: -94px -213px; }
						#top nav ul #menu-item-24.current_page_item a, #top nav ul #menu-item-24 a:hover { background-position: -144px -213px; }
						#top nav ul #menu-item-23.current_page_item a, #top nav ul #menu-item-23 a:hover { background-position: -195px -213px; }
						#top nav ul #menu-item-22.current_page_item a, #top nav ul #menu-item-22 a:hover { background-position: -247px -213px; }
						#top nav ul #menu-item-21.current_page_item a, #top nav ul #menu-item-21 a:hover { background-position: -293px -213px; }
						#top nav ul #menu-item-28.current_page_item a, #top nav ul #menu-item-28 a:hover { background-position: -339px -213px; }

/**************************************************************
*  Content Styles
***************************************************************/

.content_wrap {
	overflow: scroll;
	height: 100%;
	width: 100%;
}

#content {
	width: 415px;
	padding: 130px 74px 50px 74px;
	min-height: 100%;
	position: absolute;
	overflow: hidden;
	top: 47px;
	left: 0;
	background: url('img/body_bg.png');
}

.pic {
	float: left;
	padding: 0 15px 10px 0;
}


/**************************************************************
*  Aside Styles
***************************************************************/




/**************************************************************
*  Footer Styles
***************************************************************/

#bottom {
	background: #000;
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 47px;
	font-family: 'Populaire';
}

	#bottom p { margin: 0; padding: 0; color: #fff; font-size: 18px; float: left; }

	#bottom nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #614d2f;
		font-size: 12px;
		float: right;
		font-family: myriad-pro-condensed,sans-serif;
		text-transform: uppercase;
	}

		#bottom nav ul li { display: inline; padding: 0 4px; }
			#bottom nav ul li:after { content: "|"; padding: 0 0 0 8px; }
				#bottom nav ul li:last-child:after { content: ""; padding: 0; }
			#bottom nav ul li a { color: #614d2f; text-decoration: none; }


/**************************************************************
*  News Styles
***************************************************************/

	.news_archive h2 { margin: 0; }
		.news_archive h2 a { color: #4e3f27; text-decoration: none; }
	p.post_meta_data { font: 11px/21px Arial, Helvetica, Sans-Serif; color: #4e3f27; margin: 0;  }
		p.post_meta_data a { color: #4e3f27; font-weight: bold; text-decoration: none; text-transform: uppercase; }

	p.readmore a {
		display: block;
		width: 98px; height: 29px;
		 background: url('img/readmore.png') no-repeat;
		 color: #4e3f27;
		 text-decoration: none;
		 font-family: 'Populaire';
		 font-size: 21px;
		 text-align: center;
		 line-height: 29px;
	}

	.news_archive article {
		border-bottom: 1px solid #d5cfcc;
		margin-bottom: 20px;
	}

	.news_archive .cat_list {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		font-family: myriad-pro-condensed,sans-serif;
		font-size: 18px;
	}

		.news_archive .cat_list li { display: inline; padding: 0 8px 0 0; }
			.news_archive .cat_list li:after { content: "|"; padding: 0 0 0 8px; }
				.news_archive .cat_list li:last-child:after { content: ""; padding: 0; }

			.news_archive .cat_list li a {
				color: #614d2f;
				text-decoration: none;
				text-transform: uppercase;
			}

				.news_archive .cat_list li a:hover {
					color: #898810;
				}

/**************************************************************
*  Menu Styles
***************************************************************/

.menu_list {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		font-family: myriad-pro-condensed,sans-serif;
		font-size: 16px;
	}

	.menu_list li { display: inline; padding: 0 4px 0 0; }
		.menu_list li:after { content: "|"; padding: 0 0 0 4px; }
			.menu_list li:last-child:after { content: ""; padding: 0; }

		.menu_list li a {
			color: #614d2f;
			text-decoration: none;
			text-transform: uppercase;
		}

			.menu_list li a:hover {
				color: #898810;
			}

/***********************************
*  Media Queries
************************************/

@media screen and (max-width: 1024px) {

	.wrap { width: 720px; }

	html, body { overflow: hidden; }

	body {
		background: url('img/home_photo1.jpg') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home_photo1.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home_photo1.jpg', sizingMethod='scale')";
	}

	.home_slider { display: none; }

	#top nav {
		top: 60px;
		left: 514px;
	}

		#top nav ul li {
			float: none;
		}

			#top nav ul li a {
				float: none;
				background: #000;
				text-indent: 0;
				font-family: 'Populaire';
				height: 46px;
				line-height: 46px;
				color: #fff;
				text-decoration: none;
				width: auto;
				margin: 2px 0;
				padding: 0 0 0 15px;
				font-size: 31px;
			}

				#top nav ul li a:hover, #top nav ul li.current_page_item a {
					color: #ffb700;
				}

		#location {
			position: absolute;
			top: 570px;
			right: 75px;
			color: #fff;
			display: block;
			font-family: 'Populaire';
		}

			#location h4 {
				margin: 0 0 10px 0;
				font-size: 36px;
			}

				#location p {
					margin: 0;
					font-size: 24px;
					line-height: 25px;
				}

		#content { padding-bottom: 60px; }


}

@media screen and (max-width: 700px), only screen and (-webkit-min-device-pixel-ratio: 2) {

	.wrap { width: 100%; }

	html, body { overflow: auto; height: auto; }

	body { background: url('img/home_photo1.jpg') 50% 0 no-repeat; overflow: scroll-y;}

	.home_slider, #bottom, #location { display: none; }

	#top { background: none; width: 100%; position: relative; margin: 0 auto; height: auto; }
		#top .logo {
			position: relative;
			text-align: center;
			left: auto;
			top: auto;
			margin: 10px 0;
		}

	#top nav {
		position: relative;
		top: 0;
		left: 0;
	}

		#top nav ul li {

		}

			#top nav ul li a {
				float: none;
				background: #000;
				text-indent: 0;
				font-family: 'Populaire';
				height: 46px;
				line-height: 46px;
				color: #fff;
				text-decoration: none;
				width: auto;
				margin: 0;
				padding: 0;
				font-size: 31px;
				text-align: center;
				border-bottom: 1px solid #9a7f4c;
			}

				#top nav ul li a:hover, #top nav ul li.current_page_item a {
					color: #ffb700;
				}

		.content_wrap {
			overflow: hidden;
			height: auto;
			width: auto;
		}

		#content {
			width: 100%;
			height: auto;
			min-height: inherit;
			background: #fff;
			padding: 20px;
			position: initial;
			margin: 0 auto;
		}

		h2.welcome_message {
			width: 100%;
		}


}