/*
Theme Name: Foggy Goggle Restaurant and Bar
Theme URI: 
Description: Wordpress Theme Developed for the Foggy Goggle Restaurant in Halifax, Nova Scotia, Canada
Version: 1.0
Author: Kerri Dawe
Author URI: http://kerridawe.com/
*/

/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sup,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

html, body{height:100%;}
body{
	background: #bf9d7a url(images/bg.jpg) top left repeat;
	font-family:  Arial Narrow, Arial, Sans-Serif;	
	font-size: 110%;
	color:#232323;
	line-height: 1.500em;
}

/* TEXT ELEMENTS */
h1, h2, h3{font-weight:normal;font-family:Impact, Arial, Verdana, Sans-Serif;}
h1{font-size:2.000em;margin:0.250em 0;line-height:0.850;}
h2{font-size:1.700em;margin:0.500em 0 0 0;}
h3{font-size:1.400em;margin:0.500em 0 0 0;}

p{font-size:0.850em;margin:0.750em 0;line-height:1.30em;}
p span.first-char{float:left;font-size:4em;font-weight:bold;line-height:0.85em;margin-right:3px;}
strong{font-weight:bold;}
em{font-style:oblique;}

/* LINKS */
a, a:visited, a:hover, a:active{text-decoration:none;color:#232323;}

#content a{padding:0 0.15em;border-bottom:1px dotted #232323;background-color:#d0b69d;color:#232323;}
#content a:hover{background-color:#e3b117;}
#content a:visited{background-color:transparent;}
#content a:active, #content a:focus{background-color:#c9aa89;}

#content .ngg-album-compact{padding-bottom:25px;}
#content .ngg-album-compactbox a, #content .ngg-gallery-thumbnail a{border:0;background:none;}

#content a.cut-here{
	position: relative;
	display: inline-block;
	border-bottom: none;
	border: 5px dashed #816b50;
	background-color: transparent;
	padding: 5px;
	margin: 10px 0;
}
#content a.cut-here strong{
	position: absolute;
	top: 30px; right: 10px;
	width: 44%;
	font-size: 1.85em;
	line-height: 1.00em;
	font-family: Impact, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	color: #c0bbb4;
}
#content a.cut-here strong span.value{display:inline-block;font-size:1.50em;line-height:1.00em;margin-bottom:10px;}

/* LAYOUT */
#logo{
	position: absolute;
	top: 50px; left: 0;
	z-index: 2;
	width: 280px; height: 200px;
}

#header{
	position: absolute;
	top: 50px; left: 280px;
	z-index: 2;
	width: 409px; height: 210px;
	background: transparent url(images/wordmark_2.png) top left no-repeat;
}

#menu{
	position: absolute;
	bottom: 10px; right: 15px;
	z-index: 3;
	width:355px;
	height:78px;
}
/*
#menu li{display:block;float:left;background:transparent url(images/slash.gif) 0 40px no-repeat;margin:0 5px 0 0;padding:0;}
#menu a, #menu li.current_page_item a{display:block;float:left;padding:15px 10px 16px 21px;font-family:Impact, Arial, Verdana, Sans-Serif;font-size:1.400em;}
#menu a span{color:#e3b117;}
#menu a:hover{background:transparent url(images/circle.png) top center no-repeat;}
#menu li.current_page_item a, body.home #menu li.home-page a{color:#736451;}
#menu li.current_page_item a span{color:#cba74f;}
*/

#menu li.nav_menu,#menu li.nav_events,#menu li.nav_photos,#menu li.nav_shop{display:block;float:left;}
#menu li.nav_menu a,#menu li.nav_events a,#menu li.nav_photos a,#menu li.nav_shop a{
	float:left;
	display:block;
	height:78px;
	overflow:hidden;
	text-indent:-5000px;
}

#menu li.nav_menu a{width:95px;background:transparent url(images/nav/nav_menu.png) 0 0 no-repeat;}
#menu li.nav_events a{width:91px;background:transparent url(images/nav/nav_events.png) 0 0 no-repeat;}
#menu li.nav_photos a{width:92px;background:transparent url(images/nav/nav_photos.png) 0 0 no-repeat;}
#menu li.nav_shop a{width:75px;background:transparent url(images/nav/nav_shop.png) 0 0 no-repeat;}

#menu li.nav_menu a:hover, #menu li.current_page_item.nav_menu a{background-image:url(images/nav/nav_menu_hover.png);}
#menu li.nav_events a:hover, #menu li.current_page_item.nav_events a{background-image:url(images/nav/nav_events_hover.png);}
#menu li.nav_photos a:hover, #menu li.current_page_item.nav_photos a{background-image:url(images/nav/nav_photos_hover.png);}
#menu li.nav_shop a:hover, #menu li.current_page_item.nav_shop a{background-image:url(images/nav/nav_shop_hover.png);}

#sidebar{
	position: absolute;
	top: 50px; left: 689px;
	z-index: 2;
	width: 235px;
}
.sidebar-item{margin:10px 0 10px 25px;}

#container{
	position: absolute;
	top: 260px; left: 0;
	z-index: 2;
	width: 820px;
}
/*
#content{width:565px;margin-left:100px;border:10px solid #c9aa89;}
#content .hentry, #content .error404{border:1px solid #b29c84;background-color:#d0b69d;padding:10px;}
body.home #content{width:585px;border:0;}
body.home #content .hentry{border:0;background-color:transparent;padding:0;}
body.home #content .entry-content{float:right;width:317px;}
*/

#content{width:565px;margin-left:100px;border:10px solid #c9aa89;}
#content #category_list, #category_page, #content #static_page, #content .error404{border:1px solid #b29c84;background-color:#d0b69d;padding:10px;}
body.home #content{width:585px;border:0;}
body.home #content #static_page{border:0;background-color:transparent;padding:0;}
body.home #content .entry-content{float:right;width:317px;}

/* SHOP PAGE */
#content.shop{width:610px;border:0;}
#content.shop #static_page{border:0;background-color:transparent;padding:0;}


/* MENU PAGE */
#category_list h1{padding-bottom:20px;}
#category_list h2{margin-top:10px;}
#category_list .post{border-top:2px dashed #c9aa89;margin-bottom:10px;padding-bottom:10px;}
#category_list .price-700, #category_list .price-0900, #category_list .price-0975, #category_list .price-1100, #category_list .price-1200, #category_list .price-1300, #category_list .price-1400, #category_list .price-1500, #category_list .price-1475, #category_list .price-1600{float:right;display:block;width:75px;height:50px;margin-left:20px;text-indent:-5000px;}
#category_list .price-700{background:transparent url(images/7.png) 0 0 no-repeat;}
#category_list .price-0900{background:transparent url(images/9.png) 0 0 no-repeat;}
#category_list .price-0975{background:transparent url(images/975.png) 0 0 no-repeat;}
#category_list .price-1100{background:transparent url(images/11.png) 0 0 no-repeat;}
#category_list .price-1200{background:transparent url(images/12.png) 0 0 no-repeat;}
#category_list .price-1300{background:transparent url(images/13.png) 0 0 no-repeat;}
#category_list .price-1500{background:transparent url(images/15.png) 0 0 no-repeat;}
#category_list .price-1400{background:transparent url(images/14.png) 0 0 no-repeat;}
#category_list .price-1475{background:transparent url(images/1475.png) 0 0 no-repeat;}
#category_list .price-1600{background:transparent url(images/16.png) 0 0 no-repeat;}

/* EVENTS PAGE 
#post-12 h2{padding-bottom:10px;margin-top:20px;}
#post-12 h3{margin-top:10px;border-top:2px dashed #c9aa89;padding-top:10px;}
#post-12 p{margin-bottom:10px;padding-bottom:10px;}
#post-12 p:last-child{border-bottom:0;}
*/
.events-full{list-style-type:none;}
.events-full li{border-top:2px dashed #c9aa89;}

/* COMMENTS */
#comments{padding:10px 0;margin-top:40px;}
#comments-list{margin-top:10px;border-top:2px dashed #c9aa89;border-bottom:2px dashed #c9aa89;}
.comments ol li{margin:10px 0;}
.comments ol li.alt{background-color:#c9aa89;}
#content .comments-link a, #content .comments-link a:link, #content .comments-link a:visited, #content .comments-link a:hover, #content .comments-link a:active{
	border:0;
	background-color:transparent;
	width:133px;
	height:34px;
	display:block;
	background:transparent url(images/comment_count.gif) 0 0 no-repeat;
	overflow:hidden;
	font-weight:bold;
}
.comments-link a .count{
	padding:2px 0 0 15px;
	position:relative;
}
.comments-link a .count span{position:absolute;left:-5000px;}
.comment-user{float:left;width:100px;padding:10px;margin-right:20px;}
.comment-text{float:left;width:350px;border-left:1px dotted #232323;padding-left:10px;margin:10px 0;}
.form-textarea{
	display: block;
	width: 395px;
	height: 248px;
	background:transparent url(images/notepad.png) top left no-repeat;
}
.form-textarea #comment{
	width: 270px;
	height: 180px;
	background: none;
	margin: 38px 0 0 25px;
	border: 0;
	font-family:Arial Narrow, Arial, Verdana, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
}
.post-comment{background:transparent;border:1px dotted #816b50;color:#232323;font-family:Impact, Arial, Verdana, Sans-Serif;margin-top:5px;}

#footer{clear:both;width:820px;height:200px;padding-left:100px;margin-left:45px;margin-top:-50px;background:transparent url(images/bg_footer.png)  0 0 no-repeat;}
#footer #contact{float:left;width:331px;margin:73px 0 0 220px;}
#footer img.address{width:331px;}
#footer img.email{width:181px;margin:5px 0 0 0;}
#footer img.phone{width:96px;margin:5px 0 0 50px;}
#footer .social{float:left;margin:65px 0 0 20px;width:175px;}
#footer .social a{margin:0;padding:0;}
#footer #menu{position:relative;bottom:auto;right:auto;margin-left:310px;}
#footer #menu a, #footer #menu span.current{width:auto;height:auto;padding-top:0;margin-left:8px;font-size:1.000em;color:#514535;}
#footer #menu a:hover{background:none;}

/* EVENTS CAROUSEL */
.events{float:left;width:248px;height:392px;background:transparent url(images/bg_events.png) top left no-repeat;}

.jcarousel-container{position:relative;margin:50px 0 0 25px;}
.jcarousel-clip{z-index:2;position:relative;overflow:hidden;}
.jcarousel-list{z-index:1;position:relative;top:0;left:0;overflow:hidden;}
.jcarousel-list li, .jcarousel-item{float:left;list-style:none;width:190px;height:392px;}
.jcarousel-next, .jcarousel-prev{z-index:3;display:none;}
.jcarousel-skin-events .jcarousel-clip-horizontal, .jcarousel-skin-events .jcarousel-item{width:190px;height:392px;}

	/* buttons */
	.jcarousel-skin-events .jcarousel-next-horizontal{
		position: absolute;
		left: 85px; bottom: 73px;
		width: 30px; height: 36px;
		overflow: hidden;
		background: transparent url(images/next.png) 0 0 no-repeat;
		cursor: pointer;
	}
	.jcarousel-skin-events .jcarousel-next-horizontal:hover{background-position:-30px 0;}
	.jcarousel-skin-events .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-events .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-events .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:-60px 0;}
	.jcarousel-skin-events .jcarousel-prev-horizontal{
		position: absolute;
		left: 50px;	bottom: 70px;
		width: 30px; height: 36px;
		overflow: hidden;
		background: transparent url(images/prev.png) 0 0 no-repeat;
		cursor: pointer;
	}
	.jcarousel-skin-events .jcarousel-prev-horizontal:hover{background-position:-30px 0;}
	.jcarousel-skin-events .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-events .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-events .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-60px 0;}
	
/*TWITTER*/
#twitter_div{
	float:left;
	width: 248px;
	height: 273px;
	background:transparent url(images/twitter_notepad.png) top left no-repeat;
}
#twitter_update_list{
	margin:100px 25px  0 40px;
	padding: 0;
	font-size: 13px;
	line-height:1.5;
	height:110px;
}
#twitter-link{margin-left:90px;}

/* BACKGROUND ELEMENTS */
#fog{position:absolute;top:0;left:0;width:100%;height:400px;overflow:hidden;}

#fog-toggle{
	position: absolute;
	top: 15px; left: 772px;
	z-index: 2;
	width: 135px;
	height: 150px;
	background: transparent url(images/fog_toggle_labels.png) top right no-repeat;
	cursor: pointer;
}
#fog-toggle.off{left:734px;background:transparent url(images/fog_toggle_labels.png) top left no-repeat;}
#fog-toggle.on{left:772px;background-position:top right;}

.fog-one{
	position: absolute;
	top: 100px; left: -500px;
	z-index: -1;
	width: 333px; height: 177px;
	background: transparent url(images/cloud1.png) top left no-repeat;
}
.fog-two{
	position: absolute;
	top: 50px; left: -500px;
	z-index: -1;
	width: 484px; height: 277px;
	background:transparent url(images/cloud2.png) top left no-repeat;
}
.fog-three{
	position: absolute;
	top: -100px; left: -500px;
	z-index: -1;
	width: 499px; height: 277px;
	background: transparent url(images/cloud3.png) top left no-repeat;
}

#paint-top{
	position: absolute;
	top: 0; left: 0;
	z-index: 0;
	width: 960px; height: 500px;
	background: transparent url(images/bg_paint_top.png) top left no-repeat;
}
#paint-bottom{
	position: absolute;
	bottom: 0; left: 0;
	z-index: 0;
	width: 379px; height: 199px;
	background: transparent url(images/bg_paint_bottom.png) top left no-repeat;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}