/*
Theme Name: Harbourside
*/

/*RESET  ###################################################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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; }li{list-style:none; }caption,th{text-align:left; }h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }q:before,q
{content:''; }abbr,acronym {border: 0;font-variant:normal; }sup{vertical-align:text-top; }sub{vertical-align:text-bottom; }

a img { border: none; }

body {
		background: #50A9B9 url(images/body.jpg) repeat-x 50% 0;
		color: #666;
		font: 14px/1.5 georgia, "times new roman", serif;
		padding-top: 20px;
}

a { color: #3271A4; text-decoration: none; }

a:hover { text-decoration: underline; }

strong, b, .bold { font-weight: bold; }

em, i, .italic { font-style: italic; }

#container {
	min-width: 980px;
	max-width: 1010px;
	margin: 0 auto;
	position: relative;
}

#content-wrap { width: 980px; margin: 0 auto; }

h1 a {
	height: 0;
	overflow: hidden;
	width: 224px;
	padding-top: 120px;
	background-image: url(images/logo.png);
	clear: both;
	margin: 24px 0 20px 35px;
	display: block;
}

h2 {
	font-size: 38px;
	color: #3155A6;
	text-transform: uppercase;
	line-height: 1.2em;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

h3 {
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	margin: 0 -3px 9px;
	padding: 8px 0 18px 16px;
	white-space: nowrap;
}

h3.green {
	background: url(images/green-heading.png) no-repeat;
}

h3.blue {
	background: url(images/blue-heading.png) no-repeat;
}

h4, h4 a {
	color: #6D9041;
	font: bold 18px/1.2 arial, "helvetica neue", helvetica, sans-serif;
	margin-bottom: 5px;
}

h5 { 
	font: bold 15px/1.2 arial, "helvetica neue", helvetica, sans-serif;
}

p { margin-bottom: 1em; }

#main ul, #main ol { margin-bottom: 1em; }

#main li { margin-bottom: .25em; }

#main ul li { padding-left: 13px; background: url(images/bullet.png) no-repeat 0 8px; }

blockquote {
	border-left: 2px solid #A8CB5F;
	padding-left: 10px;
	color: #999;
	font-style: italic;
	margin-left: 5px;
}

blockquote.pull-quote {
	border-top: 2px solid #A8CB5F;
	border-left: none;
	float: left;
	font-size: 20px;
	margin: 5px 30px 0 0;
	padding: 10px 0 0; 
	width: 220px;
}

/*MISC CLASSES #############################################################*/

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

.dashed, .wpcf7 {
	background: url(images/dashed-line.png) repeat-x bottom;
}

.more { 
	background: url(images/dashed-line.png) repeat-x top left;
}

.more a { 
	background: url(images/more-arrow.png) no-repeat 2px 13px;
	border-bottom: 2px solid #A8CB5F; 
	display: block; 
	font-size: 11px; 
	font-weight: bold;
	padding: 10px 0 7px 12px;
	text-transform: uppercase; 
}

.small { font-size: 12px; }

.large { font-size: 16px; }

.normal { font-size: 14px; }

.intro {
	color: #333;
	font-size: 16px;
	line-height: 1.4;	
}

.text-right { text-align: right; }

.alignright { float: right; }

.alignleft { float: left; }

.wp-caption-text { display: none; }

/*PRIMARY NAV  #############################################################*/

#primary-nav { 
	display: block; 
	margin: 0 auto; 
	width: 940px;
}

#primary-nav a { 
	background-image: url(images/primary-nav.png);
	clear: none;
	display: block;
	float: left; 
	height: 0; 
	overflow: hidden;
	padding-top: 50px; 
}

.page-item-16 a	{ background-position: 0 0;				width: 93px;	}
.page-item-3 a	{ background-position: -93px 0;		width: 172px;	}
.page-item-14 a	{ background-position: -265px 0;	width: 87px;	}
.page-item-5 a	{ background-position: -352px 0;	width: 86px;	}
.page-item-7 a	{ background-position: -438px 0;	width: 106px;	}
.page-item-9 a	{ background-position: -544px 0;	width: 148px;	}
.page-item-11 a	{ background-position: -692px 0;	width: 121px;	}
.page-item-2 a	{ background-position: -813px 0;	width: 127px;	}

.page-item-16 a:hover	{ background-position: 0 -50px; 			}
.page-item-3 a:hover	{ background-position: -93px -50px; 	}
.page-item-14 a:hover	{ background-position: -265px -50px;	}
.page-item-5 a:hover 	{ background-position: -352px -50px;	}
.page-item-7 a:hover	{ background-position: -438px -50px;	}
.page-item-9 a:hover	{ background-position: -544px -50px;	}
.page-item-11 a:hover	{ background-position: -692px -50px;	}
.page-item-2 a:hover	{ background-position: -813px -50px;	}

.page-id-16 .page-item-16 a,	.parent-pageid-16 .page-item-16 a		{ background-position: 0 -100px;			}
.page-id-3 .page-item-3 a,		.parent-pageid-3 .page-item-3 a			{ background-position: -93px -100px;	}
.page-id-5 .page-item-5 a,		.parent-pageid-5 .page-item-5 a			{ background-position: -352px -100px;	}
.page-id-7 .page-item-7 a,		.parent-pageid-7 .page-item-7 a			{ background-position: -438px -100px;	}
.page-id-9 .page-item-9 a,		.parent-pageid-9 .page-item-9 a			{ background-position: -544px -100px;	}
.page-id-11 .page-item-11 a,	.parent-pageid-11 .page-item-11 a		{ background-position: -692px -100px;	}
.page-id-2 .page-item-2 a,		.parent-pageid-2 .page-item-2 a			{ background-position: -813px -100px;	}
.blog .page-item-14 a, 				.single .page-item-14 a							{ background-position: -265px -100px;	}

/*MAIN #####################################################################*/

.page #main {	
	background-image: url(images/two-column.png); 
}

.page #main-top {
	background-image: url(images/two-column-top.png);
}

#left-column {
	background: #FFF url(images/left-column.png) bottom right no-repeat;
	float: left;
	min-height: 200px;
	padding: 10px 20px 20px;
	width: 619px;
}

#left-column img { margin-bottom: 20px; }
img.alignright { margin-left: 9px; }
img.alignleft { margin-right: 9px; }

.page #right-column { 
	background-color: #DAEBF6;
}

#right-column p { margin-bottom: .5em; }

div.panel { margin-bottom: 30px; line-height: 1.2; }

div.panel img { display: block; margin: 15px auto;}

#opening-times {
	height: 0;
	padding-top: 51px; 
	width: 184px;
	margin: 15px 0 0 40px;
	background: url(images/opening-times.png) no-repeat;
	overflow: hidden;
}

#email-updates {
	height: 118px;
	background-image: url(images/email-updates.png);
	position: relative;
}

#email-updates h3 { font-size: 14px; padding-bottom: 0; padding-top: 13px;}

#email-updates legend, #email-updates label { display: none; }

#email-updates fieldset { margin-left: 15px; }

#email-updates input.text { 
	background-color: #F3F8FC; 
	border: none; 
	color: #666;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	margin: 2px 5px 10px 2px;  
	width: 162px; 
	padding: 5px 5px 6px;
}

#submit { position: absolute; bottom: 6px; right: 6px; height: 42px; overflow: hidden; cursor: pointer; }

#submit:hover input { position: relative; top: -42px; }

/*SINGLE COLUMN ############################################################*/

#single-column {
	margin: 0 auto; 
	width: 940px;
	padding-top: 12px;
}

#main, body.page-template-single-column-php #main, body.home #main { background: url(images/one-column.png) repeat-y 50% 0; position: relative; z-index: 1; }

#main-top, body.page-template-single-column-php #main-top, body.home #main-top {
	background: url(images/one-column-top.png) no-repeat 50% 0;
	height: 23px;
}

#right-column, body.page-template-single-column-php #right-column { 
	background-color: #FFF;	
	color: #333;
	float: left;
	line-height: 1.2;
	padding: 20px 20px 0;
	width: 280px; 
}

#footer, body.page-template-single-column-php #footer, body.home #footer { 
	background: url(images/footer-one-column.jpg) no-repeat 50% 0;
	color: #2B6F73;
	height: 222px;
	padding: 30px 30px 0 35px;
}

/*NEWS #####################################################################*/

.blog #left-column, .single #left-column, .archive #left-column { background-image: none; }

.blog h2, .single h2, .archive h2 { margin-bottom: 5px; }

#main h4.archive {
	font: bold 24px arial, "helvetica neue", helvetica, sans-serif;
	color: #666;
	margin-bottom: 18px;	
}

.post { color: #666; margin-bottom: 30px; }

.entry { padding-bottom: 1px; margin-bottom: 5px; }

.postmetadata { color: #999; }

.single .entry p:first-child {
	color: #333;
	font-size: 16px;
}

#news-sidebar { 
	background: #E1EFF8 url(images/news-bottom.png) no-repeat bottom; 
	padding: 18px 24px 1px;
	position: relative;
	margin-top: -10px;
}

#news-top { 
	background-image: url(images/news-top.png); 
	height: 6px; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%;
}

#news-sidebar h4 { font-family: georgia, "times new roman", serif; font-size: 14px; color: #333; }

#main #news-sidebar li { padding-left: 0; background: none;}

#news-sidebar ul { margin-bottom: 24px;}

/*FOOTER ###################################################################*/

.page #footer {
	background-image: url(images/footer.jpg);
	color: #2B6F73;
	height: 222px;
	padding: 30px 30px 0 35px;
}

#footer a { color: #1E4F52; }

#footer-nav { 
	display: block; 
	margin-bottom: 18px;
	padding: 0 0 11px 8px;
	position: relative;
}

#footer-nav li { 
	background: url(images/bullet.png) no-repeat 0 8px; 
	float: left; 
	margin-right: 12px; 
	padding-left: 15px; 
}

#footer-nav li:first-child { padding-left: 0; background: none; }

#footer-nav #back-to-top {
	background: url(images/back-to-top.png) no-repeat;
	bottom: 2px;
	font-size: 12px;
	height: 27px;
	margin-right: 0; 
	padding: 12px 3px 0 97px;
	position: absolute;
	right: 0;
}

#contact { 
	float: left; 
	line-height: 1.25; 
	margin-right: 20px; 
	padding-left: 5px; 
	width: 295px;
}

#copyright {
	float: left;
	width: 375px;
}

#positively-wellington {
	float: right;
}

#fish { 
	background: url(images/fish.jpg) no-repeat;
	height: 82px;
	position: absolute;
	width: 74px;
	left: -47px;
	top: 700px;
	z-index: 0;
}

/*TABLES ###################################################################*/

table { width: 100%; margin: 14px 0 30px;}

thead th { 
	border-bottom: 1px solid #CCC; 
	color: #666; 
	font-size: 12px; 
	padding-bottom: 3px;
}

td { 
	padding: 8px 20px 7px 0; 
	background: url(images/dashed-line.png) repeat-x bottom; 
}

#main .sells { margin-bottom: 0; color: #333; font-size: 11px; }

#main .sells li { 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #CCC; 
	border-radius: 5px;
	display: inline-block; 
	font-family: arial, "helvetica neue", helvetica, sans-serif; 
	margin-right: 3px; 
	padding: 2px 5px 1px; 
}

.view-stall { 
	text-transform: uppercase; 
	font-size: 11px;
	background: url(images/more-arrow.png) no-repeat 2px 5px;
	padding-left: 12px;
	display: inline-block;
}

/*HOME PAGE ################################################################*/

.home {	background-image: url(images/body-home.jpg); }

.home h1 a { 
	width: 375px; 
	padding-top: 199px; 
	background-image: url(images/logo-home.png); 
	margin: 34px 0 140px 44px;
}

.home #single-column {
	position: relative;
	top: -28px;
	padding-top: 0;
}

#home-pullout { 
	background: url(images/home-pullout.png) no-repeat; 
	height: 60px; 
	padding: 15px 0 5px 18px;
	margin-bottom: 30px;
}

#home-intro { padding-bottom: 15px; margin-bottom: 20px;}

.home .intro { color: #666; width: 460px; }

#oldest-market {
	background: url(images/oldest-market.png) no-repeat top left;
	height: 0;
	margin-bottom: 14px;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 23px;
}

.home-column {
	width: 300px;
	margin-right: 20px;
	float: left;
}

.last-column { margin-right: 0; }

#opening-hours { 
	width: 454px; 
	height: 0;
	padding-top: 51px;
	overflow: hidden;
	float: left;
	background: url(images/opening-hours.png) no-repeat;
}

#view-map { 
	float: left; 
	width: 64px; 
	margin-left: 10px; 	
}

#view-map a { 
	background-image: url(images/view-map.png);
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 47px;
}

.home #email-updates {
	background-image: none;
	float: left; 
	height: auto;
	margin: -5px 0 0 33px;
	width: 360px;
}

.home #email-updates h3 { 
	padding: 0; 
	margin-left: 2px;
	font-size: 16px;
	margin-bottom: 7px;
}

.home #email-updates fieldset { margin-left: 0; }

.home #email-updates input.text { width: 120px; }

.home #email-updates #submit { bottom: 1px; }

.home h3.green { background-image: url(images/green-heading-home.png); }

h4.home-news, h4.home-news a {
	color: #3271A4;
	font-size: 16px;
	font-family: georgia, "times new roman", serif;
	font-weight: normal;
}

h4.home-news { margin-bottom: 3px; }

.home-read-more { margin-bottom: 6px; display: block;}

.home-entry { padding-bottom: 15px; margin-bottom: 10px; }

.home-entry p { margin-bottom: 0; }

.home-metadata { font: italic 12px Georgia, "times new roman", serif; color: #999; }

#home-more { background-image: none; margin-top: -10px; position: relative; }

#home-rss { 
	background-image: none;
	border-bottom: none;
	color: #FF6600; 
	font-size: 11px; 
	font-weight: bold; 
	position: absolute; 
	right: 0; 
	top: 0;
}

#twitter {
	color: #61D7FF;
	padding-left: 30px;
	background: url(images/twitter-bird.png) no-repeat 0 2px;
	margin-left: -8px;
	padding-bottom: 5px;
	float: left;
}

#twitter-panel { margin-top: -10px; }

.tweetable_latest_tweets { clear: both; }

.tweetable_latest_tweets .status-text { 
	border: 1px dashed #ADEBFF; 
	background-color: #EBFBFF;
	padding: 8px 12px; 
	margin-bottom: 3px;
	display: block;
}

.twitter_meta {
	font-size: 12px;
	font-style: italic;
	color: #999;
}

#follow-us-on-twitter {
	height: 0;
	overflow: hidden;
	float: right;
	width: 170px;
	padding-top: 37px;
	margin: -2px 5px 0 0;
	background: url(images/follow-us-on-twitter.png) no-repeat;
}

/*ALT PANEL ################################################################*/

.alt-panel {
	background: #D9E2D0 url(images/alt-panel.png) no-repeat bottom;
	padding: 16px 18px 4px;
	position: relative;
}

.alt-panel p { line-height: 1.3; margin-bottom: .75em;}

.alt-panel-top {
	position: absolute;
	top: 0;
	left: 0;
	height: 9px;
	width: 100%;
	background-image: url(images/alt-panel-top.png);
}

h3.green-text, h3.green-text a {
	margin: 0 0 12px 0;
	padding: 0;
	color: #6D9041;
}

h3.green-text a:hover { color: #557133; }

.alt-more a { 
	background: url(images/more-arrow.png) no-repeat 2px 4px;
	display: block; 
	font-size: 11px; 
	font-weight: bold;
	padding-left: 12px;
	text-transform: uppercase; 
}

.alt-more a:hover {
	color: #2C6898;
}

#apples { 
	position: absolute;
	top: -45px;
	right: -10px;
}

#blue-bag {
	float: right;
	position: relative;
	margin: -22px -28px 0 -30px;
}

/*MAPS LANDING #############################################################*/

.page-id-5 #left-column .alt-panel { float: left; width: 264px; }

.map-left { margin-right: 19px; }

.page-id-5 #left-column .alt-panel img { margin: -5px 0 14px -8px; }

/*FORM #####################################################################*/

#left-column div.wpcf7 { padding-bottom: 20px; margin-bottom: 25px; }

#left-column img.ajax-loader { margin-bottom: 0; }

.wpcf7-form input.text, .wpcf7-form textarea {
		background-color: #F3F8FC;
		border: 1px solid #7D99D8;
		color: #666;
		padding: 5px 5px 6px;
		font-size: 14px;
		font-family: arial, "helvetica neue", helvetica, sans-serif;
}

.wpcf7-form input.text { width: 290px; }

.wpcf7-form textarea { width: 450px; }

.wpcf7-form div.wpcf7-response-output { margin: 0 0 1em; }

.wpcf7-form input.submit { 
	color: #FFF; 
	font: italic 14px georgia, 'times new roman', serif;
	width: 70px; 
	height: 32px; 
	padding: 0 0 10px;
	border: none; 
	background: url(images/submit-green.png) no-repeat 0 0;
	cursor: pointer;
}

.wpcf7-form input.submit:hover {
	background-position: 0 -32px;
}

/*STALLHOLDER MAP ##########################################################*/

#flash-wrap { height: 700px; }

/*GOOGLE MAP ###############################################################*/

#map { height: 530px; margin-bottom: 20px; }