/*
Theme Name: Pizza Cookery
Description: The Official Theme of Pizza Cookery
Updated: 19 March 2015
*/ 

/* Global 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; vertical-align:middle;}
address,caption,cite,code,dfn,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; } 

/* Image Preload */

#img1 {
	background: url('images/pizza.jpg') no-repeat -9999px -9999px;
}
#img2 {
	background: url('images/soup-salad.jpg') no-repeat -9999px -9999px;
}
#img3 {
	background: url('images/aboutus.jpg') no-repeat -9999px -9999px;
}
#img4 {
	background: url('images/pasta-spec.jpg') no-repeat -9999px -9999px;
}
#img5 {
	background: url('images/sandwiches.jpg') no-repeat -9999px -9999px;
}
#img6 {
	background: url('images/glutenfree.jpg') no-repeat -9999px -9999px;
}
#img7 {
	background: url('images/drinks.jpg') no-repeat -9999px -9999px;
}
#img8 {
	background: url('images/catering.jpg') no-repeat -9999px -9999px;
}
#img9 {
	background: url('images/home.jpg') no-repeat -9999px -9999px;
}
#img10 {
	background: url('images/whyyoullloveus.jpg') no-repeat -9999px -9999px;
}
#img11 {
	background: url('images/contact-us.jpg') no-repeat -9999px -9999px;
}

/* Font Size Reset */
html{ font-size:16px; } /* Make sure the default is always 16px */
body{
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
}

/* Wordpress Default Stylings */

.alignleft { 
	float:left; 
	margin:0 10px 5px 0;
	padding: 0 0 0 10px;
	display:none;
}
.alignright { 
	float:right;
	padding:10px 0 0;
	margin: 0 10px 0 0;
	display:none;
}
.alignleft-pages { 
	float:left; 
	margin:0 10px 5px 0;
	padding: 0 0 0 10px;
}
.alignright-pages { 
	float:right;
	padding:10px 0 0;
	margin: 0 10px 0 0;
	color:#e7d8c5;
}
.aligncenter { 
	display:block; 
	margin:0px auto; 
}

.wp-caption { 
	border:1px solid #ccc; 
	background:#eee; 
	padding:5px; 
}
.wp-caption .wp-caption-text { 
	text-align:center; 
	margin-top:5px; 
}

li.page_item { }
.cat-item { }
.current-cat-item { }
.current-cat-parent { }


/* Global Styles */
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#e7d8c5;
	background:#000 url('images/bg.jpg') top center no-repeat;
scrollbar-face-color: #E7D8C5; 
scrollbar-highlight-color: #E7D8C5;
scrollbar-shadow-color: #E7D8C5; 
scrollbar-3dlight-color: #E7D8C5;
scrollbar-arrow-color: #000; 
scrollbar-track-color: #000;
scrollbar-darkshadow-color: #E7D8C5;
}
span{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1 {
	font-size:4.2em;
	text-transform:capitalize;
}
h2 {
	font-size:24px;
	text-transform:capitalize;
}
h3 {
	font-size:18px;
}
p, li, label {
	font-size:16px;
	margin:20px 0;
} 
blockquote {
	width:80%;
	margin:10px auto; 
}
cite {
	font-style:italic;
}

a {
	text-decoration:none;
	color:#e7d8c5;
}
	a:hover {
		text-decoration:underline;
	}
	a:visited {
		color:#e7d8c5;
	}

table {
	border:none;
	border-spacing:0px 5px;
	margin:15px 0;
}
table td {
	padding:0 13px 0 0;
}
table.toppings {
	border:1px #e7d8c5 solid;
	border-spacing:0px 5px;
	margin:15px 0;
	padding:10px;
}
table.toppings td {
	padding:0 13px 0 0;
}

.button, label { 
	cursor:pointer;
}

.clearit { 
	clear:both; 
	height:0px;
	overflow:hidden;
}

/* Site Structure */
#wrapper {
	width:100%;
}
#site_wrapper {
	width:960px;
	margin:0 auto;
	padding:0 0 20px;
	overflow:hidden;
}

#main {
	margin-top:-50px;
	overflow:auto;
	max-height:575px;
	height:100%
}

#mainbg {
	position:absolute;
	overflow:hidden;
	/*height:403px;*/
	width:960px;
	margin-top:-37px;
	z-index: -1;
	display:none;
}

#main-home {
	overflow:hidden;
	/*height:403px;*/
	display:none;
}

/* Top Section */
#header {
	margin:10px 0 0px;
	overflow:hidden;
} 
	#logo {
		margin:0px;
	}
		#logo h2 {
			text-indent:-9999px;
			position:absolute;
		}
		#logo h2 a {
			color:#333;
			text-indent:-9999px;
		}
		#logo h3.phone {
			font-size:25px;
			font-weight:bolder;
			margin: 40px 0 0;
			float:right;
			text-align: right;
			color:#e7d8c5;
		}
		#logo h3.phone a, #logo h3.phone a:hover, #logo h3.phone a:active {
			color:#e7d8c5;
			text-decoration:none;
		}		

	#navigation {
	background: url('images/nav-footer-bg.png') top left repeat-x;
	height:37px;
	font-size:12px;
	font-weight:bolder;
	text-align:right;
	display:none;
	top: 0px;
	position: fixed;
	width: 960px;
	}
		#navigation ul {
			overflow:hidden;
			text-align:right;
			float:right;
			padding:0px;
			margin:0 30px 0 0;
			height:37px;
			display:none;
		}
			#navigation li {
				margin:10px 0 0 30px;
				display:block;
				float:left;
				height:15px;				
			}
				#navigation li a {
					text-decoration:none;
				}
				#navigation li:hover {
					height:50px;
				}
				#navigation li.current_page_item {
				}
				#navigation	li.current_page_parent { 
				} 
				#navigation li li:hover {
					height:15px;
				}

#navigation li li a, #navigation li li a:link, #navigation li li a:visited {
	width: 170px;
	font-size: 12px;
	font-weight: bolder;
	float: none;
	margin: 0px;
	padding: 7px 0px 7px 0px;
	}
	
#navigation li li a:hover, #navigation li li a:active {
	color: #FFFFFF;
	padding: 7px 0px 7px 0px;
	}

#navigation li ul {
	background: url('images/nav-dd-bg.png') top left repeat;
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: px 0 0 -30px;
	padding: 0 0 15px 0;
	}

#navigation li li { 
	margin: 10px 20px 0px 30px;
}

#navigation li ul a { 
	width: 140px;
	}

#navigation li ul a:hover, #navigation li ul a:active { 
	}

#navigation li ul ul {
	margin: -32px 0 0 171px;
	}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
	}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
	}

#navigation li:hover, #navigation li.sfhover { 
	position: static;
}

#navigation-pages {
	background: url('images/nav-footer-bg.png') top left repeat-x;
	height:37px;
	font-size:16px;
	font-weight:bolder;
	text-align:right;
	top: 0px;
	position: fixed;
	width: 960px;
}
#navigation-pages ul {
	overflow:hidden;
	text-align:right;
	float:right;
	padding:0px;
	margin:0 30px 0 0;
	height:37px;
}
#navigation-pages li {
	margin:10px 0 0 30px;
	display:block;
	float:left;
	height:15px;				
}
#navigation-pages li a {
	text-decoration:none;
}
#navigation-pages li:hover {
	height:50px;
}
#navigation-pages li.current_page_item {
}
#navigation-pages li.current_page_parent { 
} 

#navigation-pages li li:hover {
	height:15px;
}

#navigation-pages li li a, #navigation-pages li li a:link, #navigation-pages li li a:visited {
	width: 170px;
	font-size: 14px;
	font-weight: bolder;
	float: none;
	margin: 0px;
	padding: 7px 0px 7px 0px;
	}
	
#navigation-pages li li a:hover, #navigation-pages li li a:active {
	color: #FFFFFF;
	padding: 7px 0px 7px 0px;
}

#navigation-pages li ul {
	background: url('images/nav-dd-bg.png') top left repeat;
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px 0 0 -30px;
	padding: 0 0 15px 0;
}

#navigation-pages li li { 
	margin: 10px 20px 0px 30px;
}

#navigation-pages li ul a { 
	width: 140px;
}

#navigation-pages li ul a:hover, #navigation-pages li ul a:active { 
}

#navigation-pages li ul ul {
	margin: -32px 0 0 171px;
}

#navigation-pages li:hover ul ul, #navigation-pages li:hover ul ul ul, #navigation-pages li.sfhover ul ul, #navigation-pages li.sfhover ul ul ul {
	left: -999em;
}

#navigation-pages li:hover ul, #navigation-pages li li:hover ul, #navigation-pages li li li:hover ul, #navigation-pages li.sfhover ul, #navigation-pages li li.sfhover ul, #navigation-pages li li li.sfhover ul {
	left: auto;
}

#navigation-pages li:hover, #navigation-pages li.sfhover { 
	position: static;
}
	
/* Content */
#prop {
	width:1px;
	height:329px;
	float:left;
}

#content {
	background: url('images/contentbg.png') top center repeat-y;
	width:630px;
	/*height:329px;*/
	overflow-x:hidden;
	overflow-y:auto;
	margin:0px;
	float:right;
	display:none;
	top:200px;
	bottom:37px;
}
#content-home {
	width:630px;
	margin:0px;
	float:right;
}
	#content h1 {
		margin:0 0 10px;
	}
	#content h2 {
		text-transform:uppercase;
	}
	.breadcrumb {
		margin:10px 0;;
		padding:5px;
		border:2px dashed #ddd;
		background:#eee;
		font-size:1.2em;
	}
	.post {
		margin:0 0 20px;
		padding:10px 10px 0 60px;
		overflow:hidden;
		display:none;
	}
		.post ul, .post ol {
			margin:0 0 0 30px;
		}
		.post li {
			list-style:disc; 
		}
			.post ul ul, .post ol ul, .post ul ol, .post ol ol {
				margin:0 0 0 30px;
			}
		.odd {
		}
		.even {
			background:#ebebeb;
		}
		.meta {
			margin:0 0 20px;
		}
		.meta p {
			font-size:1em;
		}
	.posttitle {
		visibility:hidden;
		position:absolute;
		font-size:17px;
		font-weight:bolder;
		width:225px;
		text-align:left;
		margin-top:-38px;
		margin-left:-285px;
		color:#e7d8c5;
	}
/* Comments and Responses */
#comments {
	margin:10px 0;
}
	#comments ol {
		margin:10px 0 0 30px;
	}
	#comments li {
		margin:0 0 10px;
		list-style:decimal;
		background:#eee;
	}
	#comments li.alt {
		background:#fff;
	}
#respond { 
}

/* Search Results Page */
.search-terms {
	background:#eee;
	border:1px dotted #ccc;
}
.search-excerpt {
	background:#eee;
	border:1px dotted #ccc;
}

/* Sidebar */
#sidebar {
	margin:20px 0 0;
	width:300px;
	float:right;
}
	#sidebar ul {
		margin:10px 0 0 30px;
	}
	#sidebar li {
		list-style:disc;
		margin:0 0 10px;
	}
	#sidebar ul.children {
		margin:10px 0 0 20px; 
	} 
		#sidebar ul.children li {
			font-size:1em;
			list-style:circle;
		}
		#sidebar ul.children ul.children {
			margin:10px 0 0 20px; 
		}
			#sidebar ul.children ul.children li {
				font-size:1em;
				list-style:square;
				} 
	.sidebar-box {
		margin:0 0 20px;
	}
	#search-form {
		width:300px
	}

/* Footer */
#footer {
	background: url('images/nav-footer-bg.png') top left repeat-x;
	height:37px;
	font-size:12px;
	font-weight:bolder;
	display:none;
	position:absolute;
	bottom:0px;
}
	.footer-menu ul { 
	}
	.footer-menu li {
		margin:0 10px 0 0;
		display:inline;
	} 

#footer-pages {
	background: url('images/nav-footer-bg.png') top left repeat-x;
	height:37px;
	font-size:12px;
	font-weight:bolder;
	position:absolute;
	bottom:0px;
}
	
.slideshow {
	position:absolute;
	z-index:-1;
}

.wpfblike {
	color:#fff;
}

.connect_widget_connected_text {
	color:#fff;
}

.social {
	height:36px;
	float:left;
	line-height:36px;
	margin:0 10px 0 0;
}
.social p {
	margin:0px;
	font-size:12px;
	float:right;
}	
.social img {
	margin: 2px 0 0;
}

#footeroffer {
	float: left;
	margin: 25px 0 0 0;
}

#footeroffer span.offer {
	font-size: 12px;
}

/* Turn on a 13x13 scrollbar */
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}
 
::-webkit-scrollbar-button:vertical {
    background-color: red;
    border: none;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    background: url('images/bottomarrow.png') top center no-repeat;
    border: none;
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    background: url('images/toparrow.png') top center no-repeat;
    border: none;
}
 
::-webkit-scrollbar-track:vertical {
    background: transparent;
    border: none;
}
 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: none;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: none;
}
 
/* Track below and above */
::-webkit-scrollbar-track-piece {
    background: transparent;
}
 
/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #E7D8C5;
}
 
/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
 
/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}