@charset "utf-8";

/* sticky footer */
html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 56px;
}

#footer {
	position: relative;
	margin-top: -56px;
	height: 56px;
	clear:both;
	background-color: #3d372f;
}

/* opera fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* base layout */
body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #55504a;
	background: #c3965d url(./gfx/bg.jpg) repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
}

a {
	color: #3d372f;
	text-decoration: none;
	border-bottom: 1px dotted #7a6d5d;
}

a:hover {
	color: #7a6d5d;
	text-decoration: underline;
	border-bottom: none;
}

/* header */
#header {
	position: relative;
	margin: 40px auto 32px auto;
	width: 886px;
	height: 225px;
	z-index: 30; /* fix for ie 7 z-index bug */
}

#header img {
	border: 0;
	padding: 0;
}

#stamp-uknz {
	position: absolute;
	top: -30px;
	left: -99px;
	background: transparent url(./gfx/stamp-uknz.png) no-repeat left top;
	width: 146px;
	height: 145px;
	z-index: 50;
}

#stamp-customs {
	position: absolute;
	bottom: -104px;
	left: -70px;
	background: transparent url(./gfx/stamp-customs.png) no-repeat left top;
	width: 237px;
	height: 157px;
	z-index: 50;
}
#stamp-delicious {
	position: absolute;
	right: 24px;
	bottom: -56px;
	background: transparent url(./gfx/stamp-delicious.png) no-repeat left top;
	width: 266px;
	height: 132px;
	z-index: 50;
}

/* nav */
#nav {
	position: absolute;
	top: 231px;
	left: 178px;
	height: 23px;
	width: 396px;
	list-style-type: none;
	font-size: 120%;
	margin: 0;
	padding: 2px 0 1px 4px;
	background-color: #fff;
	padding-bottom: 1px;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0 4px 0 4px;
}

.nav-divider {
	color: gray;
}

#nav-left {
	position: absolute;
	top: 231px;
	left: 166px;
	background: transparent url(./gfx/nav-ends.png) no-repeat left top;
	width: 12px;
	height: 26px;
}

#nav-right {
	position: absolute;
	top: 231px;
	left: 578px;
	background: transparent url(./gfx/nav-ends.png) no-repeat -12px top;
	width: 12px;
	height: 26px;
}

/* sidebar */
#pie-times-header {
	padding: 0;
	margin: 24px 0 4px 4px;
}

#pie-times {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#pie-times li a {
	color: #6e0804;
	border-bottom: 1px dotted #6e0804;
}

/* ie6 hack */
* html #pie-times a {
	text-decoration: underline;
	border-bottom: none;
}

.pie-times-msg {
	margin: 4px 8px 0 8px;
}

.pie-times-time {
	color: #7a572c;
	font-style: italic;
	font-weight: bold;
	margin: 2px 8px 4px 8px;
	text-align: right;
}

#social-media {
	padding: 8px 0 8px 0;
	margin: 0;
	text-align: center;
}

#social-media img {
	border: 0;
	margin: 0;
	padding: 0;
}

#social-media a {
	border-bottom: 0 !important;
}

.social-media-spacing {
	padding-right: 5px !important;
}

#facebook-like {
	width: 190px;
	margin: 0 10px 0 10px;
	padding-top: 8px;
	border-top: 1px dashed #7a572c;
	text-align: center;
}

/* main content */
#main {
	position: relative;
	margin: 0 auto 0 auto;
	padding-top: 6px;
	width: 886px;
	z-index: 10; /* fix for ie 7 z-index bug */
}

/* rounded corners */
.corner-tl {
	position: absolute;
	left: 0;
	top: 0;
	width: 9px;
	height: 9px;
}

.corner-tr {
	position: absolute;
	right: 0;
	top: 0;
	width: 9px;
	height: 9px;
}

.corner-bl {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 9px;
	height: 9px;
}

.corner-br {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 9px;
	height: 9px;
}

#sidebar {
	position: relative;
	float: left;
	width: 212px;
	margin: 0 0 20px 0;
}

.sidebar-topbot {
	width: 194px;
	height: 8px;
	background-color: #fff;
	margin: 0 9px 0 9px;
	padding: 0;
}

#sidebar-top {
	border-top: 1px solid #7c5f3b;
}

#sidebar-bot {
	border-bottom: 1px solid #7c5f3b;
}

#sidebar-tl {
	background: transparent url(./gfx/side-corners.gif) no-repeat left top;
}

#sidebar-tr {
	background: transparent url(./gfx/side-corners.gif) no-repeat -9px top;
}

#sidebar-bl {
	background: transparent url(./gfx/side-corners.gif) no-repeat -18px top;
}

#sidebar-br {
	background: transparent url(./gfx/side-corners.gif) no-repeat -27px top;
}

#sidebar-mid {
	width: 210px;
	margin: 0;
	padding: 0;
	background: #fff;
	border-left: 1px solid #7c5f3b;
	border-right: 1px solid #7c5f3b;
}

#content {
	position: relative;
	float: right;
	width: 668px;
	margin: 0 0 20px 0;
}

.content-topbot {
	width: 650px;
	height: 8px;
	background-color: #ddc6a9;
	margin: 0 9px 0 9px;
	padding: 0;
}

#content-top {
	border-top: 1px solid #7c5f3b;
}

#content-bot {
	border-bottom: 1px solid #7c5f3b;
}

#content-tl {
	background: transparent url(./gfx/content-corners.gif) no-repeat left top;
}

#content-tr {
	background: transparent url(./gfx/content-corners.gif) no-repeat -9px top;
}

#content-bl {
	background: transparent url(./gfx/content-corners.gif) no-repeat -18px top;
}

#content-br {
	background: transparent url(./gfx/content-corners.gif) no-repeat -27px top;
}

#content-mid {
	width: 666px;
	margin: 0;
	padding: 0;
	background: #ddc6a9;
	border-left: 1px solid #7c5f3b;
	border-right: 1px solid #7c5f3b;
}

/* footer */
#footer-inner {
	margin: 0 auto 0 auto;
	width: 850px;
	padding-top: 3px;
	font-size: 11px;
	color: #999;
}

#footer-inner a {
	color: #ddd;
}

#footer-left {
	float: left;
	width: 520px;
	text-align: left;
}

#footer-right {
	float: right;
	width: 320px;
	text-align: right;
}

#kith-designs a {
	border-bottom: none !important;
}

#kith-designs img {
	border: none;
	vertical-align: bottom;
}

/* ie6 fixes */
* html a { text-decoration: underline; border-bottom: none; }
* html .corner-tl { display: none; }
* html .corner-tr { display: none; }
* html .corner-bl { display: none; }
* html .corner-br { display: none; }
* html #content { width: 648px !important; }
* html .content-topbot { width: 630px !important; }
* html #content-mid { width: 646px !important; }

