/*
Theme Name: moo cafeteria
Theme URI: 
Description: 
Version: 1.0
Author: Scott Presly
Author URI: 
*/

/*
palette:
blue:0063b4
*/

/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form {
	margin:0;
	padding:0;
}

body{	
	text-align:center;
	font-family:helvetica, arial, sans-serif;
	font-size:75%;
	background:#ebdbd3 url(img/wallpaper1.jpg) center top fixed;
}

#wrapper{
	width:100%;
	float:left;
}
#container{
	margin:0 auto;	
	width:906px;
	text-align:center;
	background:#fff;
}
#containerInner{
	float:left;
	width:906px;
	text-align:left;
	background:#fff;
}
#header{
	float:left;
	width:888px;
	text-align:left;
	height:176px;
	position:relative;
	margin-left:12px;
}

#logo{
	position:absolute;
	left:12px;
	top:17px;
}
	#logo a{
		display:block;
		width:120px;
		height:31px;
		background:url(img/logo.png) left top no-repeat;
	}
		#logo a span{
			display:none;		
		}

#search{
	position:absolute;
	right:8px;
	top:17px;
}
#searchform{
	float:left;
	width:209px;	
	border:1px solid #888;
}

#searchform #s{
	float:left;
	width:148px;	
	border:none;	
	padding:2px 3px 4px;
}
#searchform #searchsubmit{
	float:right;
	width:30px;	
	border:none;	
	text-indent:-9000px;
	background:url(img/iconSearch.png) right .2em no-repeat;
	padding:.1em 10px;
	margin-right:2px;
}

#navigation{
	position:absolute;
	left:223px;
	top:17px;
}

	#navigation ul{
		float:left;
		width:223px;
		text-align:left;
		list-style:none;
	}
		#navigation ul li{
			float:left;
			line-height:1em;
			width:223px;
		}

		#navigation ul li a{
			text-decoration:none;
			float:left;
			width:211px;
			display:block;
			color:#0064b4;
			padding:.1em 0 .3em;
		}
		

		#navigation ul li#m1 a{
			background:url(img/navMenu.png) left bottom no-repeat;
			text-align:left;
		}
		#navigation ul li#m2 a{
			background:url(img/navCatering.png) left top no-repeat;
		}
		#navigation ul li#m3 a{
			background:url(img/navBlog.png) left top no-repeat;
		}
		#navigation ul li#m4 a{
			background:url(img/navAbout.png) left top no-repeat;
		}
		#navigation ul li#m5 a{
			background:url(img/navRecipes.png) left top no-repeat;
		}		
		#navigation ul li#m6 a{
			background:url(img/navLikes.png) left top no-repeat;
		}				
		#navigation ul li#m7 a{
			background:url(img/navPress.png) left top no-repeat;
		}			
		#navigation ul li#m8 a{
			background:url(img/navAboutYou.png) left top no-repeat;
		}					
		#navigation ul li#m9 a{
			background:url(img/navContact.png) left top no-repeat;

		}			
		
		#wrapper #navigation ul li a:hover, #wrapper #navigation ul li.active a{
			background-position:right top;
			color:#000;
		}
		#wrapper #navigation ul li.current_page_item a,
		#wrapper #navigation ul li.current_page_parent a
		{
			background-position:right top;
			color:#000;
		}
		


#contentArea{
	clear:left;
	float:left;
	width:906px;
	text-align:left;
	background:#fff;
}
#content{
	float:left;
	width:888px;
	text-align:left;
	margin-left:12px;
	margin-bottom:12px;
	display:inline;
}

.panel{
	float:left;
	width:211px;
	min-height:130px;
	height:auto !important;
	height:130px;
}
	#content .panel h3{
	/*	position:absolute;
		text-indent:-9000px;
		width:211px; */ 
		float:left;
		width:200px;
		margin:.6em 0 0 12px;
		padding:0;
		color:#fff;
		font-size:1.4em;
	}
	
	.panelInner {
		float:left;
		margin-left:12px;
		display:inline;
		width:187px;
		height:80px;
		min-height:80px;
		height:auto !important;
		height:80px;
		overflow:hidden;
		padding-top:3px;
	
	}
		#content .panel div p{
			padding:.2em 0;
			margin:0;
			color:#fff;
			line-height:1.2em;
		
		}
	
/* main cols */
#sub{
	float:left;
	width:211px;
	margin-right:12px;
}
#content #sub h3{
	color:#000;
	font-size:1em;
	margin:.2em 0 .2em;
}
	.subPanel{
		margin-top:1.25em; /* match H1 margin */
		margin-bottom:1em; 
		background:#efe5e3;
		float:left;
		width:211px;
	}

		#content .subPanel ul
		{
			clear:left;
			float:left;
			width:199px;
			margin-top:.5em;		
			margin-bottom:.5em;	
			padding-left:0px;
			display:inline;
			list-style:none;
		}
			.subPanel ul li{
				clear:left;
				float:left;
				width:190px;
				color:#0063b4;
			}
			.subPanel ul li a{
				float:left;
				display:block;
				width:175px;
				padding:.1em 0 .3em;
			}
			#content .subPanel ul li.current_page_item a{ 
				color:#000;
			}
	
	#subNav div, .subPanel div{
		float:left;
		width:199px;
		margin-left:12px;
		margin-top:3px;
		display:inline;
	}
	

	
	
	#navHdgQuicklinks{
		margin:0 0 0 12px;
		padding:0 0 0 12px;
		height:1em;
		float:left;
		width:199px;
		text-indent:-9000px;	
		background:url(img/navHdgQuicklinks.png ) 12px top no-repeat;
		
		
	}
	
	#subNav ul{
		list-style:none;
		padding:0;
		margin:0;
	}
#mainCol{
	float:left;
	width:434px;
	margin-right:12px;	
}
	.blogPage #mainCol{
		float:left;
		width:657px;
		margin-right:0px;	
	}


#more{
	float:left;
	width:211px;
}

/* panels */
#intro{	
	height:414px;
	min-height:414px;
	height:auto !important;
	height:414px;
	background:#0064b4;
	background:url(img/intro.png) left top no-repeat;
	margin-bottom:12px;
}

#address{
	background:url(img/contactPanel.png) left top no-repeat;
}
#addressLink a{
	float:left;
	width:211px;
	min-height:130px;
	height:auto !important;
	height:130px;
	display:block;
	
}


#mainColSplit{
	margin-top:12px;
	float:left;
	width:434px;
}

#panelBlog{
	margin-right:12px;
	display:inline;
	background:#f79453;
	position:relative;
}
#panelBlog h3{
	color:#fff;
}

	#iconBlogUp{
		position:absolute;
		top:5px;
		left:169px;
		width:36px;
		height:38px;
		background: url(img/iconBlogRt.png) right top no-repeat;		
	}
		#iconBlog{
			position:absolute;
			top:0;
			left:0px;
			width:36px;
			height:38px;
			background: url(img/iconBlog.png) right top no-repeat;
		}	

#panelFavourite{
	background:#50b6ab;	
	position:relative;
}
	#iconFavourite{
		position:absolute;
		bottom:0;
		right:0px;
		width:45px;
		height:41px;
	
	}
	#iconF{
		float:left;
		width:45px;
		height:41px;
		background:#50b6ab url(img/iconFavourite.png) left top no-repeat;		
		float:none;
		margin-left:0;
		padding-top:0;
		
		
	}
#panelMenu{
	background:#000;
	margin-bottom:12px;
	position:relative;			
}
		#content .panel#panelMenu div a:hover{
			color:#ccc;		
		}
	#iconMenuUp{
		position:absolute;
		top:7px;
		left:173px;
		width:31px;
		height:31px;
		background: url(img/iconMenuUp.png) right top no-repeat;		
	}
		#iconMenu{
			position:absolute;
			top:0;
			left:0px;
			width:31px;
			height:31px;
			background: url(img/iconMenu.png) right top no-repeat;
		}			
		
#panelPrivateDining{
	background:#f04c89; 
	margin-bottom:12px;
	position:relative;	
}
	#iconPrivateSquash{
		position:absolute;
		top:6px;
		left:160px;
		width:45px;
		height:41px;
		background: url(img/iconPrivateSquash.png) right top no-repeat;		
	}
		#iconPrivate{
			top:0;
			left:0;
			width:45px;
			height:41px;
			background: url(img/iconPrivate.png) right top no-repeat;		
		}

	#iconPrivate .iconHolder{

	}	
/*	#hdgPrivate{
		position:absolute;
		top:10px;
		left:12px;
		width:126px;
		height:17px;
		background: url(img/hdgPrivateDiningTrim.png) right top no-repeat;
	}*/

#panelSpecialOffer{
	background:#5dbf6a;
	margin-bottom:12px;
	position:relative;
}
	#iconOfferBlink{
		position:absolute;
		top:9px;
		left:173px;
		width:32px;
		height:31px;
		background: url(img/iconOfferBlink.png) right top no-repeat;		
	}
		#iconOffer{
			position:absolute;
			top:0;
			left:0px;
			width:32px;
			height:31px;
			background: url(img/iconOffer.png) right top no-repeat;
		}	
#panelFollow{
	background:#ac9c85;
	position:relative;
}
	#panelFollow .panelInner{
		position:relative;
	}
	#iconFollowAlt{
		position:absolute;
		top:5px;
		left:171px;
		width:35px;
		height:36px;
		background: url(img/iconFollowAlt.png) right top no-repeat;		
	}
		#iconFollow{
			position:absolute;
			top:0;
			left:0;
			width:35px;
			height:36px;
			background: url(img/iconFollow.png) right top no-repeat;
		}		
	


#socialNetworks{
	position:absolute;
	bottom:0;
	left:0;
}

#copy{
	float:left;
	width:493px;

}

#content h1 {
	font-size:2em;
	padding:.6em 0 .3em;
	margin:0;
	color:#0063b4;
}
#content h2 {
	font-size:1.5em;
	font-weight:normal;
	padding:.8em 0 .3em;
	margin:0;
	color:#0063b4;
}
#content h2 {
	font-size:2em;
	font-weight:bold;
	padding:.3em 0 .3em;
	margin:0;
	color:#0063b4;
}

#content.blogPage h2 {
	font-size:2em;
	font-weight:bold;
	padding:.3em 0 .3em;
	margin:0;
	color:#000;
}
#content h3{
	font-size:1.2em;
	color:#0063b4;
	margin:.2em 0 .2em;
	padding:.2em 0 .2em;
}
#content h4 {
	font-size:1em;
	color:#0063b4;
}
#content h5 {
	font-size:1em;
	color:#0063b4;
	font-weight:normal;
}
#content p {
	margin:.3em 0 0em;
	padding:.3em 0 .1em;
	line-height:1.4em;
	color:#000;
}
	#content a{
		color:#0063b4;
		text-decoration:none;		
	}

	#content a:hover{
		color:#000;
		text-decoration:none;
	}
#content ul{

}
	#content ul li{

	}
#content table{
	margin:.2em 0;	
}
/* posts */
.post{
	clear:left;
	float:left;
	width:657px;
}
	.postCopy{
		float:left;
		width:434px;	
		display:inline;	
		border-bottom:1px solid #000;
		padding-bottom:.5em;
		margin-right:12px
	
	}
	.postMeta{
		float:left;
		width:211px;
	
	}
	.postMetaInner{
		margin:1.5em 12px 1em;
		float:left;
		width:187px;
	}

.navigation{
	margin-top:.5em;
	float:left;
	width:434px;
}
.alignleft{
	float:left;
	width:210px;
}
.alignright{
	float:right;
	width:210px;
	text-align:right;
}


/* comments */
ul.commentlist{
	list-style:none;
}
ul.commentlist li{
	margin-bottom:1em;
}


.formRow{
	clear:left;
	float:left;
	width:434px;
	margin-bottom:.5em;

}
.formRow label{
	float:left;
	width:150px;
	margin-right:10px;
}
.formRow input.std{
	float:left;
	width:270px;
	border:1px solid #aaa;
}
.formRow input.short{
	float:left;
	border:1px solid #777;

}
.formRow.submit label{
	visibility:hidden;
	display:none;

}
.formRow.submit input{
	float:left;
}
.formRow textarea{
	border:1px solid #aaa;
	width:434px;
}

fieldset{
	border:none;
}

#footer{
	clear:left;
	margin:12px auto;
	width:906px;
	text-align:center;
	background:#fff;
}
		#footer p{
			margin:0;
			padding:0;
		}
#footerInner{
	float:left;
	width:882px;
	text-align:left;
	padding:12px 12px;
	margin-top:12px;
	background:#fff;	
}

	#bookmarks{
		float:left;
		width:211px;	
		margin-right:12px;
	}
	#credits{
		float:left;
		width:211px;	
	}


	#footerNav{
		float:left;
		width:434px;
		margin-right:12px;
		list-style:none;
		display:inline;
	}

	#footer ul{
		float:left;
		width:434px;
		list-style:none;
	}
		#footer ul li{
			float:left;
			border-left:1px solid #0063b4;
			padding:0 5px;
		}
			#footer ul li.first{
				border:none;
				padding-left:0;
			}

		#footer ul li a{
			float:left;
		}
		#wrapper #footer ul li.active a{
			color:#000;
		}		
		

		
		#footer a{			
			color:#0063b4;
			text-decoration:none;
		}
		
		#footer a:hover{
			color:#000;
		}		



/*
Misc. Classes
*/

.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}		

.offScreen{
	position:absolute;
	top:-9000px;
	left:-9000px;
	width:211px;
	
}

/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{
	border:0;
}

/* AddThis*/

.addthis_toolbox a{

}


#wrapper .addthis_button,
#footer .addthis_button{
	background:#0063b4;
	color:#fff;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	font-family:helvetica, arial, sans-serif;	
}

#content #submit{
	background:#0063b4;
	font-family:helvetica, arial, sans-serif;
	font-size:1em;
	color:#fff;
	padding:3px;
	border:none;
	font-weight:bold;
}

/* slider */
#coverImage{
	float:left;
	width:434px;
	height:414px;
	position:relative;
}
#coverImage li{
	list-style:none;
	position:absolute;
	top:0;
	left:0
}

/* Twitter */
 .twtr-doc{
	width:200px !important;
}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
	background:#fff !important;
	color:#000 !important;
	font-family:helvetica, arial, sans-serif;
}
.twtr-tweets a{
	color:#0063b4 !important;
}
.twtr-ft{
	display:none !important;}

/* Archives */
h4.pagetitle{
	border-bottom:1px solid #000;
	padding-bottom:.5em;
}