/*
Theme Name: Kettle Of Fish
Theme URI: http://www.kettleoffishltd.co.uk/
Description: Kettle Of Fish - Design: Fiona Hamilton
Version: v1
Author: Kate Mills + Fiona Hamilton
Author URI: http://www.kettleoffishltd.co.uk/
Tags: Floral, Victorian, Catering
*/


/* YUI RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clearfix{
	zoom: 1; /* triggers hasLayout for IE6 & 7 MOVE TO CONDITIONAL STYLE SHEET */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}
body{
	background:#fff;
	font-family:Georgia,Palatino,PalatinoLinotype,Times,TimesNewRoman,serif;
}
p{
	color:#a1a49b;
}
a{
	color:#CDDED8;
}
a:hover{
	color:#369;
}
hr{
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

#content h3{
	font-size:16px;
	color:#A1A49B;
	margin:0 0 1em 0;
}
#content h2{
	font-size:20px;
	color:#A1A49B;
	margin:0 0 1em 0;
}

.comment-meta{
	font-size:11px;
	margin:0 0 1em;
}

/* MAIN CONTAINERS */
#bg-deco-1{background:transparent url(images/bg-site-deco.jpg) no-repeat 5% 95%;}
#bg-deco-2{background:transparent url(images/bg-site-deco2.jpg) no-repeat 95% 0%;}
#container{
	width:810px;
	padding:20px 10px 20px 30px;
	margin:20px auto 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	position:relative;
	background:#fff;
}
#header{
	clear:both;
	position:relative;
	margin:0 0 30px;
}
.logo-image{
	float:right;
	display:block;
	margin:0 15px 0 0;
}
h1 a{
	text-indent:-9999px;
	display:block;
	width:304px;
	height:75px;
	background:transparent url(images/gfx-main-title.jpg) no-repeat;
	overflow:hidden;
	float:left;
	margin:20px 0 0 0;
}

h4.phone-number{
	text-indent:-999px;
	display:block;
	background:transparent url(images/gfx-phone-number.jpg) no-repeat;
	overflow:hidden;
	width:157px;
	height:25px;
	float:right;
	margin:78px 0 0 0;
}

#navigation{
	clear:both;
	float:left;
	margin:10px 0 20px;
}
#nav-deco{
	background:transparent url(images/bg-navigation.png) no-repeat 0 0;
	width:797px;
	height:53px;
	display:block;
	position:absolute;
	top:145px;
	left:-5px;
}
#navigation ul{
	background:transparent url(images/bg-nav-sprite.jpg) no-repeat 0 0;
	height:40px;
	width:785px;
}
#navigation ul li{
	float:left;
}
#navigation ul li a{
	display:block;
	float:left;
	height:40px;
	text-indent:-9999px;
	
}

#nav-home{width:151px;}
#nav-about{width:144px;}
#nav-events{width:145px;}
#nav-menus{width:137px;}
#nav-inspiraton{width:204px;}
#nav-home:hover, .active #nav-home{background:transparent url("images/bg-nav-sprite.jpg") no-repeat scroll 0 -40px;}
#nav-about:hover, .active #nav-about{background:transparent url("images/bg-nav-sprite.jpg") no-repeat scroll -151px -40px;}
#nav-events:hover, .active #nav-events{background:transparent url("images/bg-nav-sprite.jpg") no-repeat scroll -295px -40px;}
#nav-menus:hover, .active #nav-menus{background:transparent url("images/bg-nav-sprite.jpg") no-repeat scroll -440px -40px;}
#nav-inspiraton:hover, .active #nav-inspiraton{background:transparent url("images/bg-nav-sprite.jpg") no-repeat scroll -577px -40px;}

#content{
	color:#a1a49b;
}

#sidebar{
	background:#e7e7df;
	width:150px;
	height:370px;
	float:left;
	clear:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
}
#sidebar h3{
	padding:20px;
	color:#a1a49b;
	font-size:18px;
	text-align:center;
}
#sidebar img{
	position:absolute;
	bottom:20px;
	left:10%;
}
#side-nav{
	font-size:14px;
	margin:0 0 0 20px;
}

#side-nav li a{
	color:#a1a49b;
	text-decoration:none;
	padding:3px 0;
	display:block;
}
#side-nav .active{
	background: url(images/bullet-side-nav.jpg) no-repeat 75px 20px;
	line-height:40px;
}
#side-nav li a:hover, #side-nav .active a{
	color:#82847d;
}

.menu-nav{
	font-size:14px;
	margin:0 0 0 20px;
	clear:both;
}
.menu-nav li.menu-title{
	clear:both;
	float:none;
	margin:10px 0 0;
}
.menu-nav li h4{
	
	font-weight:bold;
}
.menu-nav li{
	float:left;
	margin:2px 2px 0 0;
}
.menu-nav li a{
	display:block;
	background:transparent url(images/bullet-menu-nav.gif) no-repeat;
	width:25px;
	height:22px;
	padding:4px 2px 0 0;
	color:#a1a49b;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.menu-nav li a:hover, .menu-nav li.active a {
	background:transparent url(images/bullet-menu-nav-on.gif) no-repeat;
	color:#d1cbcc;
}
#main, #main-blog{
	background:;
	float:left;
	padding:0 0 0 10px;
	width:620px;
}
#main{
}
#main-blog{
	
}
#footer{
	width:860px;
	margin:10px auto;
	color:#999;
}
#footer ul{
	float:right;
	font-size:11px;
}
#footer ul li{
	display:inline;
	padding:0 2px;
}
#footer ul li a{
	text-decoration:none;
	color:#999;
}
#footer ul li a:hover{
	color:#369;
}



/* Content */

.col-1{
	float:left;
	width:340px;
	clear:left;
}
.scroll{
	height:320px;
	overflow:auto;
}
.col-2{
	width:280px;
	float:left;
}
.banner{
	margin:0 0 20px;
}
#content p{
	font-size:12px;
	line-height:1.4em;
	margin:0 0 2em;
}

.col-2 blockquote{
	color:#cdded8;
	font-size:18px;
	line-height:1.2em;
	text-align:center;
	padding:0 20px;
	margin:0 0 10px 0;
}
.col-2 blockquote em{
	width:200px;
}
.openQuotes, .closeQuotes{
	text-indent:-9999px;
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	margin:0;
}
.openQuotes{background:transparent url(images/bg-speechmarks.png) no-repeat 0 0; float:left;}
.closeQuotes{background:transparent url(images/bg-speechmarks.png) no-repeat -20px 0; float:right; margin:0 0 0 3px;}

cite{
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}
#gallery-box{
	float:right;
}
.home #gallery-box{
	position:absolute;
	right:-45px;	
}
.flash #gallery-box{
	position:absolute;
	right:10px;	
}
.home-image-block{
	float:left;
	clear:left;
}

hr{
	border:none;
	border-bottom:1px dotted #ddd;
	clear:both;
	margin:1em;
}


h4 a{

	font-size:18px;
	text-decoration:none;
	margin:1em 0;
}

.text-column1{
	width:250px;
	float:left;
}
.text-column2{
	float:left;
}
#content li{
	font-size:12px;
	padding:4px 0;
}



/* Menu Pages */
.menu-page{
	
}

.menu-page dl{
	clear:both;
	font-size:12px;
	margin:0 0 20px 0;
	float:left;
}
.menu-page dt{
	width:70px;
	font-weight:bold;
	float:left;
	clear:left;
	padding:7px 0 0;
}
.menu-page dd{
	float:left;
	width:270px;
	padding:7px 0 0;
}

.menu-page .col-1 h4{
	clear:both;
	font-weight:normal;
	font-size:22px;
	margin:10px 0 0 0;
	text-align:center;
	font-family:"Monotype Corsiva", serif;
}

.menu-page ul li{
	font-size:12px;
	text-align:center;
}
.menu-page #sidebar{
	height:450px;
}


/* Page Navi Plugin Restyle */
.wp-pagenavi{
	font-size:12px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #369;
	color: #369;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #555;
	color: #999;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #99003a;
	color: #99003a;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #555;
	border: 1px solid #555;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #99003a;
	color: #99003a;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #999;
	color: #999;
	background-color: #FFFFFF;
}