/*
Theme Name: Cosmo's Pizza
Theme URI: http://www.cosmospizzas.com/
Author: Marc @ Hookson
Author URI: http://www.hookson.com
Version: 1.0
*/
/*
Colors: red: #a41913; green: #086b20;
*/
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* =============================================================================
   Base
   ========================================================================== */
* {
	margin: 0; padding: 0;
	background-repeat: no-repeat;
}
html {
	font-size: 65%;
	background: #3f3f3f url(images/css/html_bg.jpg) repeat;
  	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%; }

body, input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #222; }

a img {border: none;}

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none; }

#access {position:absolute; top: -99px; left: -99px;}
.assistive-text { display: none; }
.ie-notification {
	width: 938px;
	padding: 10px ; margin: 0 0 10px 0;
	text-align: center;
	background: #facce8;
	border: solid 1px #eb008b;
	border-top: none;
}
	.ie-notification p, .ie-notification a {
		color: #b01872;
	}

/*= Cookie Notice*/
.cookie-notice {
	width: 100%; padding: 5px 20px;
	background: rgb(0, 0, 0); /* The Fallback */
  	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	border-bottom: 1px solid #ccc;
	position: absolute; z-index: 50;
}
	.cookie-notice p {
		font: 12px/14px Arial, Helvetica, sans-serif;
		color: #fff;
		margin: 1px 0;
	}
	.cookie-notice a {
		color: #f1f1f1;
		text-decoration: underline;
	}
/* =============================================================================
   Decorative Elements
   ========================================================================== */
.decor_objects {
	position: absolute;
	z-index: 0;
}
	/* Christmas

	.decor_objects#decorLeft {
		width: 313px; height: 751px;
		top: 170px; left: -100px;
	}
	.decor_objects#decorRight {
		width: 289px; height: 671px;
		top: 328px; right: 0;
	}
		.pagename-about .decor_objects,
		.pagename-cosmos-pizza-taste-tour .decor_objects,
		.pagename-taste-tour-gallery .decor_objects {
			display: none;
		} */
	/* Burns

	.decor_objects#decorLeft {
		width: 313px; height: 751px;
		top: 70px; left: -100px;
	}
	.decor_objects#decorRight {
		width: 289px; height: 1000px;
		top: 28px; right: 0;
	}
		.pagename-about .decor_objects,
		.pagename-cosmos-pizza-taste-tour .decor_objects,
		.pagename-taste-tour-gallery .decor_objects {
			display: none;
		} */

	/* Default */

	.decor_objects#decorLeft {
		width: 313px; height: 751px;
		top: 170px; left: -100px;
	}
	.decor_objects#decorRight {
		width: 289px; height: 349px;
		top: 328px; right: 0;
	}
		.pagename-our-pizzas .decor_objects#decorRight,
		.pagename-food-services .decor_objects#decorRight {
			top: 600px; right: 0;
		}
		.pagename-about .decor_objects,
		.pagename-cosmos-pizza-taste-tour .decor_objects,
		.pagename-taste-tour-gallery .decor_objects {
			display: none;
		}

/* =============================================================================
   Layout
   ========================================================================== */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	background: transparent url(images/css/body_bg.jpg) no-repeat top center;
}
	body.home, body.pagename-competition {
		background: transparent url(images/css/body_bg-home.jpg) no-repeat top center;
	}
	body.pagename-cosmos-pizza-taste-tour {
		overflow: hidden;
		background: transparent url(images/css/body_bg-tastetour.jpg) no-repeat top center;
	}
	body.pagename-taste-tour-gallery {
		overflow: hidden;
		background: transparent url(images/css/body_bg-tour_gallery.jpg) no-repeat top center;
	}
.wrap {
	width: 900px; margin: 0 auto;
	clear: both;
}
#topbar {
	width: 100%; height: 76px;
	overflow: hidden;
	background: #002e6c url(images/css/topbar_bg.jpg);
	border-bottom: solid 1px #7ab2e1;
}
#masthead {
	width: 1000px; height: 128px;
	margin: 0 auto 100px auto;
	overflow: hidden; position: relative;
}
	.home #masthead {
		margin: 0 auto;
	}
	#masthead .logo {
		position: absolute;
		top: 0; left: 0;
	}
		#masthead .logo img {
			border: 0;
		}

	#tweet-stream {
		width: 660px; height: 36px;
		margin: 92px 0 0 321px;
		background: #fff url(images/css/tweet-stream_bg.jpg);
	}

#content {
	width: 1000px;
	margin: 0 auto; padding: 0 0 30px 0;
	clear: both;
	position: relative; z-index: 20;
}
	.strapline {
		width: 256px;
		height: 70px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		position: absolute;
		z-index: 30;
		top: -40px;
		left: 45px;
		background: transparent url(images/css/sprite_transparent.png) no-repeat -364px -864px;
	}
		.home .strapline {
			top: -579px; left: 37px;
		}
		.pagename-cosmos-pizza-taste-tour .strapline {
	top: -34px;
		}
	.home #content {
		height: 640px;
		padding: 0;
	}
	.pagename-about #content {
		height: 2000px;
		background: transparent url(images/css/notepad-large_bg.jpg) no-repeat 0 320px;
	}
	#content #header {
		margin: -80px 0 0 0;
	}
	#content .article {
		width: 1000px;
		margin: 0 20px 0 0; padding: 0 20px 0 40px;
		float: left;
	}
		.home #content .article {
			width: 658px; height: 492px;
			margin: 0; padding: 0;
		}
		.pagename-about #content .article {
			width: 570px; height: 1669px;
			margin: 0 20px 0 0; padding: 20px 0 0 90px;
		}
		.pagename-news-blog #content .article,
		.category-news #content .article,
		.category-blog #content .article,
		.pagename-our-pizzas #content .article,
		.pagename-competition #content .article,
		.pagename-taste-tour-gallery #content .article {
			width: 1000px;
			margin: 0; padding: 0;
		}
		.pagename-competition #content .article {
			width: 1000px; height: 120px;
			margin: 0; padding: 0;
		}
		.pagename-cosmos-pizza-taste-tour #content .article {
			width: 750px;
			margin: 30px 125px; padding: 0 0 20px 0;
			overflow: hidden;
		}
	#content .aside {
		width: 300px;
		list-style: none;
		float: left;
		position: relative;
	}
		.home #content .aside {
			width: 342px; height: 477px;
		}
		#content .aside.baseline {
			width: 960px; height: 300px; /* temp height */
			padding: 0 20px;
			clear: both;
		}

#footer {
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
	#footer .article {
		width: 658px; height: 360px;
		margin: 0;
		float: left;
	}
	#footer .aside {
		width: 342px; height: 360px;
		list-style: none;
		float: left;
	}
	#footer .list-row {
		width: 940px;
		padding: 40px 20px 20px 20px;
		list-style: none;
		float: left;
	}
		#footer .list-row.legal {
			padding: 0 20px 20px 20px;
		}
		#footer .list-row li {
			float: left;
			padding: 0 10px;
			color: #fff;
			border-left: solid 1px #fff;
		}
		#footer .list-row li:first-child {
			padding: 0 10px 0 0;
			border: none;
		}
			#footer .list-row li.credit {
				text-align: right;
			}


	.pagename-cosmos-pizza-taste-tour #footer li.page-roadshow a,
	.pagename-competition #footer .page-competition a,
	.pagename-our-pizzas #footer .page-products a,
	.pagename-news-blog #footer .page-news a,
	.single #footer .page-news a,
	.category-blog #footer .page-news a,
	.category-news #footer .page-news a,
	.pagename-about #footer .page-about a,
	.pagename-contact #footer .page-contact a {
		color: #8e1a1b;
		background: #fff;
		text-decoration: none;
		font-weight: bold;
		padding: 5px;
	}

/* =============================================================================
   Navigation
   ========================================================================== */
ul#nav-main {
	width: 627px; height: 92px;
	margin: 20px 0 0 321px; padding: 0 0 0 33px;
	float: left;
	overflow: hidden; list-style: none;
	background-image: url(images/css/nav-main_bg.png);
}
	#nav-main li {
		height: 62px;
		padding: 30px 0 0 0;
		float: left;
		display: block;
	}
		#nav-main li.page-roadshow {
			width: 96px;
		}
		#nav-main li.page-competition {
			width: 101px;
		}
		#nav-main li.page-products {
			width: 97px;
		}
		#nav-main li.page-news {
			width: 94px;
		}
		#nav-main li.page-about {
			width: 101px;
		}
		#nav-main li.page-contact {
			width: 115px;
		}

	#nav-main a {
		height: 56px;
		font: 12px/14px "Courier New", Courier, monospace;
		color: #333; padding: 10px 12px;
		text-decoration: none; text-align: center;
		display: block;
		-moz-text-shadow:0 1px 1px rgba(255,255,255,0.3);;
		-webkit-text-shadow:0 1px 1px rgba(255,255,255,0.3);
		text-shadow:0 1px 1px rgba(255,255,255,0.3);
	}
		#nav-main li.page-roadshow a {
			height: 54px;
			padding: 6px 10px 0 10px;
		}
		#nav-main li.page-competition a {
			height: 57px;
			padding: 3px 10px 0 10px;
		}
		#nav-main li.page-products a {
			height: 51px;
			padding: 9px 14px 0 6px;
		}
		#nav-main li.page-news a {
			height: 50px;
			padding: 10px 2px 0 2px;
		}
		#nav-main li.page-about a {
			text-align: right;
			height: 60px;
			padding: 0 20px 0 0;
		}
		#nav-main li.page-contact a {
			text-align: right;
			height: 56px;
			padding: 4px 22px 0 0;
		}
	#nav-main a:hover {
		color: #8e1a1b;
		-moz-text-shadow: none;
		-webkit-text-shadow: none;
		text-shadow: none;
	}
	.pagename-cosmos-pizza-taste-tour #nav-main li.page-roadshow a,
	.pagename-competition #nav-main .page-competition a,
	.pagename-our-pizzas #nav-main .page-products a,
	.pagename-news-blog #nav-main .page-news a,
	.single #nav-main .page-news a,
	.category-blog #nav-main .page-news a,
	.category-news #nav-main .page-news a,
	.pagename-about #nav-main .page-about a,
	.pagename-contact #nav-main .page-contact a {
		color: #8e1a1b;
		-moz-text-shadow: none;
		-webkit-text-shadow: none;
		text-shadow: none;
		text-decoration: underline;
		font-weight: bold;
	}



#nav-crumb {
	width: 960px; height: 30px;
	margin: 80px 20px 0 20px;
	list-style: none; overflow: hidden;
}
	.pagename-competition #nav-crumb {
		margin: 30px 20px 0 20px;
	}
	.pagename-cosmos-pizza-taste-tour #nav-crumb {
		margin: 60px 20px 0 20px;
	}
	#nav-crumb li {
		font: 12px/24px Georgia, "Times New Roman", Times, serif;
		margin: 0; padding: 0 10px 6px 32px;
		color: #fff;
		float: left;
		-webkit-text-shadow:0 -1px -1px rgba(0,0,0,0.5);
		-moz-text-shadow:0 -1px -1px rgba(0,0,0,0.5);
		text-shadow:0 -1px -1px rgba(0,0,0,0.5);
		background: transparent url(images/css/sprite_transparent.png) no-repeat -506px -480px;
	}
	#nav-crumb li:first-child {
		padding: 0 10px 0 0;
		background: none;
	}
	#nav-crumb li a {
		color: #fff;
	}

#content .article ul#nav-below {
	width: 960px;
	margin: 20px 0;	padding: 10px 20px;
	list-style: none;
	display: block; clear:both;
	overflow: hidden;
	list-style: none;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
	#content .article ul#nav-below li {
		width: 480px; height: 25px; float:left;
		margin: 0;	padding: 0;
		list-style: none;
		display: block;overflow: hidden;
		font-size: 12px; line-height: 25px;
	}
	#content .article ul#nav-below li.nav-next {
		text-align: right;
	}


/* =============================================================================
   Typography
   ========================================================================== */

h1, h2, h3 { text-rendering: optimizeLegibility; }
#hero .caption h2 {
	color: #fff;
	-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.5);
	-moz-text-shadow:0 1px 1px rgba(0,0,0,0.5);
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
	/* Clear drop-shadows
	.message h2,.message h3,.message p,  blockquote,  p, #main p a.button-link {
		-moz-text-shadow:0 0 0 rgba(0,0,0,0.3);
		-webkit-text-shadow:0 0 0 rgba(0,0,0,0.3);
		text-shadow:0 0 0 rgba(0,0,0,0.3);
	}*/
h1, h2, p, ul.gallery li {
	font-weight: normal;
	color: #000;
}
h1 {
	font-size: 35px; line-height: 35px;
}
	#hero h1, #itinerary h1 {
		font-size: 26px; line-height: 28px;
	}
		/* Single headline */
		#hero h1 {
			font-size: 46px; line-height: 48px;
			padding-top: 10px;
			color: #a41913;
		}
	#itinerary h1 {
		color: #a41913;
		margin: 15px 10px;
	}
	#gallery h1 {
		color: #a41913;
		padding: 70px 0 0 130px; margin: 0;
	}
	#header span, .entry-summary span {
		font-size: 20px; line-height: 30px;
		color: #a41913;
	}
h2 {
	font-size: 28px; line-height: 32px;
	font-weight: normal;
	color: #fff;
}
	#hero h2, #itinerary h2 {
		font-size: 46px; line-height: 48px;
	}
	#itinerary h2 {
		margin: 15px 10px;
	}
	.baseline h2 {
		font-size: 22px; line-height: 24px;
		margin: 5px 20px;
	}
		.baseline .tight h2 {
			margin: 0 10px 0 20px;
		}
	#hero h2, #latest-blog h2, .baseline h2, .article .container-39 h2, .article .container-41 h2 {
		color: #a41913;
	}
	#itinerary h2 {
		color: #000;
	}

h3 {
	font-size: 16px; line-height: 20px;
	font-weight: normal;
	color: #000;
}
	#latest-blog h3 a {
		color: #000; text-decoration: none;
		margin: 0;
	}
	.product-summary h3 {
		color: #fff;
		margin: 10px 0 0 0;
	}


h4 {
	font-size: 1.4em; line-height: 1.2em;
	margin: 10px;
	font-weight: normal;
}

input, label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#hero p, #header p {
		font-size: 16px; line-height: 20px;
	}
	#latest-blog, #content p, #content li {
		font-size: 14px; line-height: 18px;
	}
	#tweet-stream h5, #twitter p, #tweet-stream a {
		font-size: 14px; line-height: 36px;
	}
		#tweet-stream a.follow-link {
			font-size: 12px; line-height: 36px;
		}
	#hero .gallery li {
		font-size: 16px; line-height: 18px;
	}
		#hero .gallery li a{
			font-size: 18px; line-height: 18px;
		}
	#content p, #content li {
		color: #fff;
		margin: 10px 0;
	}
	#content p a, #content li a {
		color: #fff;
	}
		.home #content p, .home #content li, #content .entry-summary p, #content .baseline p, #header p,
		#content li a.read-more, .pagename-about #content .details.container-39 p, .pagename-about #content .details.container-41 p, #content #itinerary p, #content #itinerary li {
			color: #000;
		}
		#content #latest-blog p a {
			color: #a41913;
		}
		#content .baseline p {
			margin: 5px 20px;
		}
			#content .baseline .tight p {
				margin: 5px 15px 5px 20px;
			}
		#content .entry-summary p {
			margin: 0;
		}
		#content p.entry-meta {
			color: #a41913;
		}
		.pagename-about #content p a {
			color: #a41913;
		}
		#content #itinerary p {
			font-size: 14px; line-height: 22px;
			width: 300px;
			margin: 0 0 15px 10px;
		}
		#content #itinerary li {
			font-size: 14px; line-height: 18px;
			list-style: none;
			margin: 0 0 5px 0;
		}
	.info-box p {
		padding: 20px 20px 5px 20px;
	}
	#footer .list-row li {
		font-size: 12px; line-height: 16px;
	}
	.aside .article-list ul li {
		font-size: 12px; line-height: 18px;
	}
		.aside .article-list ul li a {
			font-size: 14px;
		}
	/*
	#enquiryform label {
		display: block;
	}
	#demoForm input {
		font-size: 11px; line-height: 26px;
	}
	#enquiryform input {
		font-size: 12px; line-height: 26px;
	}*/
#content .article ul {
	margin: 10px 20px 20px 20px;
}
	#content .article li {
		margin: 5px 0;
	}
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: italic;
	margin: 20px;
}

#s {
	font-size: 1.2em;
	line-height: 2em;
}

/* =============================================================================
   Widgets - Masthead Hero Block
   ========================================================================== */
#hero {
	width: 1000px; height: 559px;
	margin: 0 auto;
	display: block;
	position: relative; z-index: 10;
}
#slideshow {
	width: 960px; height: 405px;
	padding: 0 20px;
	display: block;	overflow: hidden;
	position: absolute; z-index: 10;
	background: transparent url(images/css/large_frame.png) no-repeat 257px 20px;
}
	#slideshow .headline {
		position: absolute;
		left: 20px; top: 79px;
		z-index: 20;
	}
	#slideshow h1, #slideshow h2, #slideshow p {
		background: rgb(255, 255, 255); /* The Fallback */
		background: rgba(255, 255, 255, 0.8);
	}
	#slideshow h1 {
		padding: 10px 20px 10px 10px;
	}
	#slideshow h2 {
		padding: 0 20px 10px 10px;
	}
	#slideshow p {
		width: 400px;
		padding: 0 20px 10px 15px;
	}
		#slideshow  p a {
			color: #a41913;
		}
	#slideshow img {
		width: 693px; height: 352px;
		position: absolute; top: 37px; right: 16px;
		z-index: 10;
	}
#hero ul.gallery {
	width: 730px; height: 175px;
	display: block;	overflow: hidden;
	list-style: none;
	position: absolute; top: 350px; left: 270px; z-index: 30;

}
	#hero ul.gallery li {
		width: 142px; height: 142px;
		padding: 6px 13px 16px 13px; margin: 5px 3px 0 3px;
		display: block; float: left;
		background: transparent url(images/css/sprite_transparent.png) no-repeat 0 -204px;

	}
		#hero ul.gallery li.view-more:hover {
		 	margin: 0 3px;
		}
	#hero ul.gallery li.view-more {
		width: 100px; height: 102px;
		padding: 30px; margin: 5px 3px 0 3px;
		display: block; float: left;
		background: transparent url(images/css/sprite_transparent.png) no-repeat -204px -204px;

	}
		#hero ul.gallery li.view-more a {
			width: 100px; height: 102px;
			display: block; text-decoration: none;
			color: #a41913;
			background: transparent url(images/css/sprite_transparent.png) no-repeat 30px -420px;

		}

a.badge {
	width: 204px; height: 204px;
	text-indent: 100%; white-space: nowrap;
	overflow: hidden; display: block;
	position: absolute; z-index: 50;
	background-image: url(images/css/sprite_transparent.png);
}
	a.badge:hover {
		background-position: -204px 0;
	}

#hero a.badge {
	top: -10px; right: 0;
}
	.home #hero a.badge {
		top: 190px; right: 0;
	}
#content a.badge {
	top: -20px; right: 0;
}
	#content .aside a.badge {
		top: -200px; right: 0;
	}

/* =============================================================================
   Widgets - Masthead (Twitter headlines)
   ========================================================================== */
/* Twitter Ticker */
#tweet-stream h5 {
	float: left;
	width: 115px;
	color: #fff;
	text-indent: 25px;
}
	#twitter {
		width: 375px;
		float: left;
		padding: 0;
		overflow: hidden;
	}
		/* The marquee plug-in turns a marquee element into a div */
		#twitter p, #twitter marquee, #twitter div {
			float: left;
			width: 100%;
		}
			/* All the tweets will be links pointing to your page on twitter */
			#twitter marquee a,
			#twitter div a {
				color: #333;
				text-decoration: none;
				margin: 0 10px 0 0;
			}

				/* The i is used to display the date of the tweet */
				#twitter marquee a i,
				#twitter div a i {
					font-style: normal;
					color: #a80b0e;
				}
#tweet-stream a.follow-link {
	float: left; /* We'll make the heading sit on its own line next to the tweets */
	width: 170px; height: 36px;
	color: #fff; text-decoration: none;
	display: block;
	text-indent: 15px;
  margin-left: 115px;
}
	#tweet-stream a.follow-link:hover {
		text-decoration: underline;
	}
/* =============================================================================
   Widgets - Aside (Sidebar and Baseline)
   ========================================================================== */
ul.aside li.pizza-month {
	position: relative;
	margin: 0 0 100px 0;
}
	.aside .pizza-month h2 {
		width: 300px; height: 30px;
		padding: 90px 0 0 0; margin: 0 0 235px 0;
		text-align: right;
		background: transparent url(images/css/sprite_transparent.png) no-repeat 0 -864px;
	}
	.aside .pizza-month .imgframe-medium {
		margin: 0 30px;
		position: absolute; top: 120px; left: 0; z-index: 50;
	}

ul.aside li.article-list {
	width: 199px;
	padding: 0 60px 100px 40px;
	border-left: solid 1px #fff;
}
	ul.aside li.article-list h2 {

	}
	ul.aside li.article-list ul li {
		list-style: none;
		padding: 10px 0;
		font-style: italic;
		border-bottom: solid 1px #fff;
	}
		ul.aside li.article-list ul li:last-child {
			border-bottom: none;
		}
	ul.aside li.article-list ul li a {
		color: #fff;
		display: block;
		font-style: normal;
	}

/* Baseline widgets */
#content .aside.baseline li {
	width: 250px; height: 180px;
	margin: 0 10px; padding: 30px 0;
	float: left; position: relative; z-index:10;
	background-image: url(images/css/sprite_matt.jpg);
	background-position: 0 -1180px;
}
	#content .aside.baseline li.cta-blog {
		width: 240px; padding: 30px 0 30px 160px;
		background-position: 150px -1180px;
	}
	#content li.cta-blog h2, #content li.cta-blog p {
		padding: 0 0 0 50px;
	}
	#latest-blog a.photo, .cta-blog a.photo {
		width: 187px; height: 256px;
		padding: 15px 27px 28px 28px;
		display: block;
		position: absolute; top: -10px; left: -10px; z-index: 50;
		background: transparent url(images/css/sprite_transparent.png) no-repeat 0 -566px;
	}
	#latest-blog a.photo span.decor {
		width: 216px; height: 140px;
		display: block;
		position: absolute; top: -50px; left: 0px; z-index: 100;
		background: transparent url(images/css/decor_hat-festivals.png) no-repeat;
	}
#content .aside.baseline li {

}


/* =============================================================================
   Widgets - Content
   ========================================================================== */
/*#main a, .aside_base a, .footer.legal a, .nav-quicklinks a, .nav-quicklinks span {
	color: #0b4685;
}
	#main h1 a, #main h2 a, .nav-quicklinks a, #nav-crumb ul li a, .aside_base .casestudies h3 a,
	#main a:hover, .aside_base a:hover, .footer.legal a:hover {
		text-decoration: none;
	}
	#main h1 a:hover, #main h2 a:hover, .nav-quicklinks a:hover, #nav-crumb ul li a:hover,.aside_base .casestudies h3 a:hover {
		text-decoration: underline;
	}
	#main a.button-link, .aside_base a.button-link, #nav-crumb ul li a {
		color: #fff;
	}
*/
#content hr {
	clear: both;
  	margin: 0;
  	display: block;
  	visibility: hidden;
  	border: none;
  	height: 0;
}

/* Page Headline */
#header, .entry-summary {
	width: 920px;
	padding: 0 40px;
	display: block; overflow: hidden; clear: both;
}
#header.featured-image, .entry-summary.featured-image {
	height: 352px;
	position: relative; z-index: 10;
	background: transparent url(images/css/medium_frame.png) no-repeat 395px 0;
}
#header.featured-image {
	height: 352px;
}
#header.foodservice {
	height: 470px;
}
.pagename-competition #header.featured-image {
	height: 432px;
	background: transparent url(images/css/medium_frame.png) no-repeat -15px 80px;
}
	#header .headline {
		margin: 20px 0; position: relative;
	}
		#header.featured-image .headline {
			margin: 0;
			position: absolute; left: 40px; top: 136px;
			z-index: 20;
		}
	.entry-summary .headline {
		margin: 20px 0;
	}
		.entry-summary.featured-image .headline {
			margin: 0;
			position: absolute; left: 40px; top: 36px;
			z-index: 20;
		}
	#header h1, #header span, #header p, .entry-summary h2, .entry-summary span, .entry-summary p {
		background: rgb(255, 255, 255); /* The Fallback */
		background: rgba(255, 255, 255, 0.8);
	}
	#header span, .entry-summary span {
		padding: 10px 20px 3px 10px;
		display: inline;
	}
	#header h1, .entry-summary h2 {
		padding: 10px 20px 10px 10px;
		max-width: 500px;
	}
		#header .intro h1 {
			padding: 10px 20px 0 10px; margin: 0;
		}
	#content #header p {
		width: 400px;
		padding: 10px 20px 20px 15px; margin: 0;
	}
		#content #header p a {
			color: #a41913;
		}
		/*#header h1, .entry-summary h2 {
			padding: 10px 20px 3px 10px;
		}*/
	#header img, .entry-summary img {
		width: 500px; height: 300px;
		position: absolute; top: 17px; right: 66px;
		z-index: 10;
	}
		.entry-summary img {
			position: absolute; top: 17px; right: 67px;
		}
		.pagename-competition #header img {
			position: absolute; top: 97px; left: 22px;
		}
	.entry-summary p {
		width: 400px;
		padding: 0 20px 10px 15px;
	}
		#content .entry-summary p a {
			color: #a41913;
		}

/* Post List Content (based on #header.featured-image) */
.entry-summary {
	margin: 0 0 20px 0;
	border-bottom: solid 1px #fff;
}
	.entry-summary h2 a {
		color: #000; text-decoration: none;
	}

.entry-meta {
	font-size: 1.4em; line-height: 1.2em;
	color: #7ab2e1;
	clear: both; display: block;
}
	.entry-list .entry-meta {
		margin: 5px 0 10px 0;
	}
	.single .entry-meta {
		margin: 5px 0 20px 0;
	}

/* Product List Content */
.product-summary {
	margin: 0 0 20px 0; clear: both;

}
	.product-summary .details {
		float: left;
		width: 550px;
		padding: 20px 0;
	}
	.container-1289 .details {
		float: none;
		width: 550px;
		padding: 20px 0;
	}
		.product-summary.container-18 {
			width: 960px;
			position: relative;
			padding: 20px;
		}
	.product-summary .data {
		width: 550px; padding: 0;
		overflow: hidden;
		list-style: none;
	}
		#content .product-summary .data li {
			width: 265px; margin: 0 3px;
			float: left;
		}
	 .product-summary table {
		width: 260px;
		border: none;
	}
		.product-summary table th, .product-summary table td {
			padding: 6px;
			color: #fff;
			font: 11px/12px Arial, Helvetica, sans-serif;
		}
		.product-summary table th {
			border-bottom: solid 1px #fff;
		}
		.product-summary table td {
			border-right: solid 1px #fff;
			border-bottom: solid 1px #fff;
		}
		.product-summary table td:first-child {
			border-left: solid 1px #fff;
		}
		.img-container {
			margin-top: 40px;
		}
	#content .product-summary .details h2 {
		padding: 0 0 20px 0; margin: 0 0 5px 0;
		background: transparent url(images/css/sprite_transparent.png) no-repeat 0 -1570px;
	}
	#content .product-summary .details h2.pizzini {
		padding: 0 0 20px 0; margin: 0 0 5px 0;
		background: transparent url(images/css/sprite_transparent.png) no-repeat 0 -1532px !important;
	}
	#content .info-box h3 {
		color: #a41913;
		padding: 20px 20px 0 20px; margin: 0;
	}
	#content .info-box p {
		color: #000; padding: 0 0 0 10px;
	}
		#content .pizza-month .info-box p {
			color: #000; padding: 20px 20px 0 20px;
		}
	#content .product-summary .details p {
		margin: 10px;
	}
		#content .product-summary.container-18 .details p {
			padding: 0; margin: 10px 0;
		}
		#content .product-summary .details p.footnote.narrow {
		 	margin: 10px 0;
		}
	.product-summary span.imgframe-large {
		float: left;
		margin: 0 40px 0 0;
	}
	#content .product-summary:nth-child(2) span.imgframe-large {
		margin: 0 30px 0 0;
	}
	.product-summary span.imgframe-large {
		float: left;
		margin: 70px 5px 0 0;
	}
	.product-summary.container-18 span.imgframe-medium  {
		width: 225px; height: 225px;
		position: absolute; top: 50px; right: 40px;
	}
/* Taste Tour Content */
#content #itinerary .summary {
 	overflow: hidden;
	margin: 10px 0 0 0;
	background: transparent url(images/css/taste-tour_badge.png) no-repeat 320px 70px;
}
#content #itinerary button {
 	width: 260px; height: 30px;
	padding: 0 20px;
	margin: 0 10px;
	font: 14px/30px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #a41913; cursor: pointer;
	border: none; background-color: transparent;
	background-image: url(images/css/sprite_transparent.png);
}
button#up {
	background-position: -506px 0px;
}
button#down {
	background-position: -506px -30px;
}
#itinerary ul {
	width: 300px;
	margin: 10px;
	overflow: hidden;
}
	#content #itinerary li {
		padding: 7px;
		color: #fff; background: #333;
	}
	#itinerary li strong {
		color: #f2f4ee;
		display: block;
		font-weight: strong;
	}


/* Post Content */
.entry-content {
	display: block; overflow: hidden;
}
	.entry-content div {
		float: left;
	}
	.entry-content div.copy {
		width: 440px; margin: 0 10px 0 0;
	}
	.entry-content div.media {
		width: 500px;
	}
		.pagename-join-us .entry-content div.media {
			width: 480px; margin: 0 0 0 20px;
		}


.details.container-39, .details.container-41 {
	width: 480px;
	padding: 0 110px 0 0;
	display: block;
}
.details.container-39 {
	height: 820px;
}
	#content .container-39 h2 {
		margin: 10px 0 60px 0;
	}
	#content .container-41 h2 {
		margin: 0 0 20px 0;
	}
/* Gallery
#gallery-1 .gallery {
	width: 590px;
	margin: 10px; padding: 0;
}
	#gallery-1 .gallery-item {
		width: 150px;
		margin: 5px 10px; padding: 10px;
		float: left;
		/*background: #f1f1f1;
		border: solid 1px #e1e1e1;*//*
	}
	#gallery-1 .gallery-icon {
		width: 150px;
		margin: 0; padding: 0;
		float: left;
	}
		#gallery-1 .gallery-icon img {
			border: none; display: block;
			margin: 0 0 10px 0;
		}
	#gallery-1 .gallery-caption {
		color: #f1f1f1;
		margin: 10px 0 0 0; padding: 0;
		font: 1em/1.2em Verdana, Geneva, sans-serif;
		text-align: center;
		display: block;
	}*/

/* Chalk boxes */
.info-box {
	width: 330px; height: 477px;
	background-color: #fff;
	background-image: url(images/css/sprite_matt.jpg);
}
	.info-box.small {
		height: 180px;
	}
	.info-box.small-narrow {
		width: 250px;
		height: 192px;
		background-position: 0 -1422px;
	}
	.info-box.medium {
		height: 275px;
		background-position: 0 -180px;
	}
		.partners ul.info-box.medium {
			height: 185px;
		}
	.info-box.medium-narrow {
		width: 250px;
		height: 270px;
		background-position: 0 -1626px;
	}

	.info-box.large-narrow {
		width: 250px;
		height: 454px;
		background-position: 0 -1895px;
	}

	.info-box.large {
		height: 360px;
		background-position: 0 -460px;
	}

/* Notepaper boxes */
#footer .article div.frame-box {
	width: 318px; height: 340px;
	background-image: url(images/css/sprite_matt.jpg);
	background-position: 0 -820px;
}
	#footer .article div.frame-box iframe {
		background: #fff;
	}

/* Cosmo's Friends */
.partners h2 {
	margin: 20px 0 10px 0;
}
.partners ul {
	padding: 45px 10px;
}
.partners li {
	float: left;
	margin: 10px 5px 5px 5px;
}
	/*.partners li:hover {
		margin: 5px;
	}*/
.partners a {
	text-indent: 100%; white-space: nowrap;
	overflow: hidden; display: block;
	background-image: url(images/css/sprite_transparent.png);

}
	.partners a.simonhowie {
		width: 141px; height: 56px; margin: 6px 0 0 5px;
		background-position: 0 -1000px;
	}
	.partners a.macsween {
		width: 141px; height: 68px;
		background-position: -159px -988px;
	}
	.partners a.mclelland {
		width: 304px; height: 100px;
		background-position: 0 -1058px;
	}

/* Homepage Blog Summary */
#latest-blog {
	width: 658px; height: 477px;
	background: transparent url(images/css/notepad_bg.jpg) no-repeat;
	position: relative; z-index: 30;

}
	#latest-blog a {
		color: #a41913;
	}
	#latest-blog h2 {
		float: left;
		width: 190px;
		padding: 170px 21px 0 110px;
	}
	#latest-blog .summary {
		float: left;
		width: 200px;
		padding: 50px 21px 0 55px;
	}
	#latest-blog a.photo {
		top: -154px; left: 30px; z-index: 50;
	}

/* Social Widgets */
#footer .article div.info-box {
	width: 308px;
	margin: 0 10px;
	float: left;
}
#footer .twtr-widget {
	margin: 30px 14px 20px 14px;
}
#footer .article div.frame-box {
	width: 298px;
	margin: 0; padding: 10px;
	float: left;
}

/* Sharing Icons */
.share {
	display: block; clear: both;
	margin: 20px 0;	padding: 20px 0;
}
	.home .share {
		display: none;
	}

#content .article.notes {
	width: 960px; height: auto;
	margin: 10px 20px;
	overflow: hidden;
}

/* Article CTA */
#content p.footnote {
	display: block; clear: both;
	margin: 10px 0 20px 0; padding: 0 0 10px 0;
	background-image: url(images/css/sprite_transparent.png);
}
	#content p.footnote a {
		color: #086b20;
	}
#content p.footnote.cta {
	width: 600px; height: 75px;
	font-size: 16px; line-height: 75px; text-indent: 25px;
	color: #a41913;
	background-position: -5px -1328px;
}
#content p.footnote.info, #content p.footnote.top {
	width: 555px; height: 50px;
	font-size: 16px; line-height: 20px;
	color: #000;
	padding: 20px 40px 20px 25px;
	background-position: -5px -1413px;
}
	#content p.footnote strong {
		color: #a41913;
	}
#content p.footnote.top {
	margin: 20px 0 10px 0;
}
#content p.footnote.narrow {
	width: 200px; height: 160px;
	font-size: 16px; line-height: 20px;
	color: #000;
	padding: 20px 40px 20px 20px;
	background-position: -789px -1158px;
}
	#content p.footnote.narrow strong {
		display: block;
	}

/*=============================================================================
   Links and Buttons
   ========================================================================== */
a {
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}
		#footer .list-row a {
			color: #fff;
		}

a.read-more {
	display: block; text-decoration: none;
	font-size: 16px; line-height: 18px;
	color: #000;
	position: absolute; z-index: 50;
}
a.read-more strong {
	font-size: 24px; line-height: 28px;
	display: block; font-weight: normal;
	color: #a41913;
}
a.read-more:hover {
	text-decoration: underline;
}
	#latest-blog a.read-more {
		width: 170px; height: 50px;
		display: block; text-decoration: none;
		font-size: 16px; line-height: 18px;
		color: #000;
		position: absolute; bottom: 133px; left: 115px; z-index: 50;
	}
	.aside a.read-more {
		width: 160px; height: 57px;
		padding: 12px 15px 15px 15px;
		background: transparent url(images/css/sprite_transparent.png) no-repeat -260px -466px;
	}
		.aside .pizza-month a.read-more {
			margin: -10px 0 0 100px;
		}
#content a.button {
	margin: 0 10px;
	display: block; text-decoration: none;
	color: #a41913;
	background-image: url(images/css/sprite_transparent.png);
}
#content #itinerary a.button {
	margin: -10px 10px 0 80px;
}
	#content .message a.button {
		margin: 20px 0 0 10px;
		float: left;
	}
		#content .message a.button.twitter {
			margin: -10px 0 0 90px;
		}
	#content a.button:hover {
		text-decoration: underline;
	}
	a.button.small {
		width: 230px; height: 50px;
		padding: 0 0 10px 0;
		font-size: 18px; line-height: 50px;
		text-indent: 20px;
		background-position: 0 -1158px;
	}
		#content a.button.small.facebook {
			font-size: 16px;
			color: #5067a2; text-indent: 50px;
			background-position: -260px -1158px;
		}
		#content a.button.small.twitter {
			font-size: 16px;
			color: #3d9cb0; text-indent: 46px;
			background-position: -506px -1158px;
		}
		a.button.small.tour {
			text-indent: 60px;
		}

/*=============================================================================
   Images
   ========================================================================== */
#content .alignright {
	float: right;
	margin: 0 20px;
}
#content .alignleft {
	float: left;
	margin: 0 20px 20px;
}
	.pagename-about #content .alignleft {
		margin: 0 20px 0 -50px;
	}
#content .aligncenter {
	float: none;
	margin: 10px auto;
	clear: both;
}
#content .alignnone {
	float: none;
	margin: 10px 0;
	clear: both;
}
#content .imgframe-medium {
	width: 225px; height: 225px;
	padding: 9px 21px 21px 18px;
	display: block;
	background: transparent url(images/css/sprite_transparent.png) no-repeat -242px -566px;
}
#content .imgframe-large {
	width: 350px; height: 350px;
	padding: 14px 32px 34px 29px;
	display: block;
	background: transparent url(images/css/sprite_transparent.png) no-repeat -760px -566px;
}
/*#content img {
	padding: 0;
	background-color: transparent;
	border: solid 6px #e6f0f9;
}*/
.wp-caption, .gallery-icon {
	padding: 0;
	background-color: transparent;
	border: none;
}
#content .wp-caption a, #content .gallery-icon a {
	padding: 0;
	border: none;
}
#content .wp-caption {
	text-align:center;
}
#content .wp-caption, #content .alignleft, #content .aligncenter, #content .alignright {
	padding: 10px 8px;
	text-align:center;
	background: #e8e2c1;
	-moz-box-shadow:1px 3px 3px rgba(0,0,0,0.4);;
	-webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.4);
	box-shadow:1px 3px 3px rgba(0,0,0,0.4);
}
#content .wp-caption.aligncenter {
	width: 610px;
}
p.wp-caption-text, dd.wp-caption-text {
	color: #333;
	font: normal 10px/12px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding: 0;
	margin: 5px 0 0 0;
	width: 100%;
}

/* =============================================================================
   Forms
   ========================================================================== */
#competitionForm {
	width: 340px;
	padding: 30px;
	display: block; overflow: hidden;
	position: absolute; top: 10px; right: 40px; z-index: 10;
	background-color: rgba(0,0,0,0.5);
	-moz-box-shadow:    inset 0 0 5px #000000;
  	-webkit-box-shadow: inset 0 0 5px #000000;
   	box-shadow:         inset 0 0 5px #000000;
}
#searchform {
	display: block; overflow: hidden;
	margin: 20px 0;
}
#searchform label {
	display: none;
}
#competitionForm label, #content #competitionForm h2, #content #competitionForm p {
	font: 14px/16px Georgia, "Times New Roman", Times, serif;
	color: #fff; margin: 10px 0;
	-moz-text-shadow:0 -1px -1px rgba(0,0,0,0.5);
	-webkit-text-shadow:0 -1px -1px rgba(0,0,0,0.5);
	text-shadow:0 -1px -1px rgba(0,0,0,0.5);
	display: block;
}
#content #competitionForm h2 {
	font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
}
#competitionForm fieldset {
	border: none;
}
#searchform .field, #competitionForm .field {
	height: 26px;
	margin: 10px 0 0 0; padding: 0 5px;
	display:block;
	border: solid 1px #fff;
	-moz-box-shadow:0 -1px -1px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 -1px -1px rgba(0,0,0,0.5);
	box-shadow:0 -1px -1px rgba(0,0,0,0.5);
}
	#searchform .field {
		width: 400px; float: left;
	}
	#competitionForm .field {
		width: 328px;
	}
#competitionForm input.button-submit, #searchform .submit, #competitionForm .submit {
	width: 69px; height: 40px;
	margin: 10px 0 0 0; padding: 0;
	color: #fff;
	border: solid 1px #05671e;
	text-align: center;
	overflow: hidden; float: left;
	font: bold 16px/40px Georgia, "Times New Roman", Times, serif;
	background: #05671e;
}
#competitionForm .submit {
	width:  338px;
	margin: 10px 0 0 0; padding: 0;
}
	#competitionForm input.button-submit:hover, #searchform .submit:hover, #enquiryform .submit:hover {
		cursor: pointer;
	}

.article .message {
	display: block;
	padding: 10px;
	margin: 5px 0;
}
#content #competitionForm h2, #content #competitionForm p {
	margin: 0;
}
.error {
	background: #a41913;
}
	#competitionForm .error .field {
		width: 308px;
		background: #fff;
		border: solid 1px #a41913;
	}
	#competitionForm label.error {
		padding: 5px 10px;
	}
.message.success {
	background: #fff;
}
#content #competitionForm .success h2, #content #competitionForm .success p {
	color: #000;
	margin: 10px 0;
	-moz-text-shadow:0 0 0 rgba(0,0,0,0.5);
	-webkit-text-shadow:0 0 0 rgba(0,0,0,0.5);
	text-shadow:0 0 0 rgba(0,0,0,0.5);
}


/* =============================================================================
   Gallery
   ========================================================================== */
#gallery h1 {
   width: 870px; height: 80px;
   background: transparent url(images/css/note_header.png) no-repeat;
}
.gallery {
   width: 990px;
   padding: 5px;
}
.gallery-item {
	width: 330px; height:370px;
	float: left;
	position: relative;
	background: transparent url(images/css/gallery-item_bg.png) no-repeat;
}
.gallery-item img {
	width: 254px; height:239px;
	position: absolute;
	top: 25px; left: 37px;
}
.gallery-item .gallery-caption {
	width: 250px; height:60px;
	font-size: 14px; line-height: 16px; text-align: left;
	position: absolute;
	bottom: 0; left: 50px;
}

/* =============================================================================
   Twitter Feed
   ========================================================================== */
.info-box .tweets {
	margin: 30px 10px;
}
.tweet_content {
    width: 210px;
    padding-left: 55px;
}
.tweets {
    position: relative;
    background-color: #FFF;
    border: 1px solid #DBDBDB;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 290px;
    height: 300px;
    font-size: 14px;
    color: #474747;
}
.tweets a {
    color: #0084B4;
}
/* =============================================================================
   Media Queries
   ========================================================================== */

@media
(min-device-width:1024px) and (max-width:1450px) {
	/* Desktop 1024px min to -989px, iPad [landscape] */
	.decor_objects#decorLeft {
		left: -200px;
	}
	.decor_objects#decorRight {
		width: 89px;
		right: 0;
	}
}
@media
(min-device-width:1024px) and (max-width:1150px),
(min-device-width:481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* Desktop 1024px min to -989px, iPad [landscape] */
.decor_objects {
	display: none;
}
}
@media
(min-device-width:1024px) and (max-width:760px),
(max-device-width:480px) and (orientation:landscape),
(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
	/*  Desktop 1024px min to -760px, iPad [portrait], iPhone [landscape] */
 .decor_objects {
	display: none;
}
}

@media mobile,
(min-device-width:1024px) and (max-width:509px),
(max-device-width:480px) and (orientation:portrait) {
	/*  Desktop 1024px min to -509px, iPhone [portrait] */
.decor_objects {
	display: none;
}
}

/* =============================================================================
   Print
   ========================================================================== */

@media print {
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
}


/* Correct span glitch */
#header #nav-crumb span,
.entry-summary #nav-crumb span {
	font-size: 12px; line-height: 24px;
	color: #a41913;
	padding: 0;
	background: none;
	display: inline;
}

/* Margin Fix for share buttons */

.margin-fix span {
	margin: 3px !important;
}

.social {
	float: right;
	width: 200px;
	text-align: right;
}

.facebook {
	background-color: #3B5998;
}

.instagram {
	background-color: #125688;
	margin-left: 10px;
}

.social-button {
	color: white;
	text-align: center;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	border-radius: 50px;
	font-size: 24px;
}

.social img {
	color: white;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?25grwj');
  src:  url('fonts/icomoon.eot?25grwj#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?25grwj') format('truetype'),
    url('fonts/icomoon.woff?25grwj') format('woff'),
    url('fonts/icomoon.svg?25grwj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}
