body{
	text-align:			center;
	padding:			0;
	margin:				0;
}
form{
	margin:				0;
	padding:			0;
}
button{
	padding:			0 4px;
	line-height:		1em;
}
#container{
	width:				750px;
	margin:				auto;
	text-align:			left;
	position:			relative;
	height:				100%;
}
.skip{
	display:			none;
}
#logo{
	display:			block;
	cursor:				pointer;
}
#eyecandy{
	height:				150px;
	display:			block;
	cursor:				pointer;
}
#content {
	float:				right;
	width:				545px;
	position:			relative;
	overflow:			hidden;
}
#content img{
	margin:				15px;
}
#userContent{
	margin-bottom:		20px;
}
#content .inner{
	position:			relative;
}
#footer{
	clear:				both;
}
#breadcrumbs{
	font-size:			0.9em;
	margin-bottom:		10px;
}
#breadcrumbs a{
	text-decoration:	none;
}
input,button{
	vertical-align:		middle;
}
input{
	border:				1px solid silver;
	background-image:	url(css/images/input-background.jpg);
	background-repeat:	repeat-x;
}
input:focus{
	background-image:	none;
	border-color:		black;
}
.searchInput{
	color:				#666;
	padding-left:		5px;
}
/* --------- side content sizing ------------ */
#column1{
	width:				200px;
	float:				left;
	clear:				both;
}
/* ------------------ search ---------------- */
#search{
	float:				right;
	text-align:			right;
	font-size:			0.8em;
}
#search label{
	display:			none;
}
#search button{
	margin-left:		5px;
}
/* ---------- search results ---------------- */
.nextLink{
	position:			absolute;
	right:				0;
}
.prevLink{
	position:			absolute;
	left:				0;
}
#upperPageNav .nextLink,#upperPageNav .prevLink{
	top:				5px;
}
#lowerPageNav .nextLink,#lowerPageNav .prevLink{
	bottom:				5px;
}
.pageNavigation{
	position:			absolute;
	width:				100%;
	left:				0;
}
#upperPageNav{
	top:				0;
}
#lowerPageNav{
	bottom:				0;
}
.endPageNav{
	clear:				both;
	border:1px solid  black;
}
/*-------- subscription options ------------- */
#subscribeOptions{
	margin:				20px 0;
	padding-bottom:		30px;
	margin-left:		15px;
}
#subscribeOptions h3{
	font-size:			0.9em;
	margin:				5px 0;
	margin-left:		10px;
	font-weight:		bold;
}
.subscriptionMode{
	font-size:			.9em;
}
#feedburnerCredit{
	font-size:			.8em;
	margin:				5px 0;
}
#emailSubscribe{
	height:				18px;
	padding-top:		1px;
	background-image:	url(css/images/mail_icon.gif);
	background-repeat: 	no-repeat;
	background-position:3px 4px;
}
#rssSubscribe{
	display:			block;
	padding-top:		0px;
	line-height:		1.6em;
	height:				20px;
	text-decoration:	none;
	background-image:	url(css/images/feed_icon.png);
	background-repeat: 	no-repeat;
	background-position:4px 2px;
	margin-bottom:		5px;
}
#emailSubscribe, #rssSubscribe{
	padding-left:		30px;
}
#subscribeButton{
	float:				right;
	margin-top:			2px;
}
/* sizing */
#rssSubscribe{
	margin-right:		10px;
}
#subscribeButton{
	margin-right:		10px;
}
#emailSubscribe{
	width:				130px;
}
.subscriptionMode{
	margin-left:		5px;
}
/* ----------- navigation and subNavigation ------------- */
#navigation li, #subNavigation li{
	margin-left:		0;
	padding:			0;
}
#navigation{
	margin:				10px 0;
	display:			block;
}
#navigation li{
	float:				left;
}
#navigation li a, #navAnchor{
	display:			block;
	padding:			3px 12px;
	text-decoration:	none;
	font-weight:		normal;
	border-width:		0;
}
#navigation li.selected a{
	color:				#666;
	background-color:	white;
}
/* #navAnchor is a little hack to get around the fact that 
floated content does not scale it's containing element in Mozilla. Using this
liitle piece of text we can stretch the nav-container to the same size as its 
navigation. It's messy but it works*/
#navAnchor{
	padding-left:		0;
	padding-right:		0;
	visibility:			hidden;
}
#navigation li a:hover{
	color:				black;
	background-color:	white;
}
#navigation ul,#subNavigation ul{
	padding:			0;
	margin:				0;
	list-style:			none;
}
#subNavigation ul ul{
	padding:			0;
}
#subNavigation ul ul a{
	padding-left:		35px;
}
#subNavigation ul a{
	padding:			1px 0;
	display:			block;
	text-decoration:	none;
	padding-left:		10px;
	font-weight:		normal;
	border-width:		0;
}
/* ------------------ news page ---------------- */
.newsItem .date{
	margin-top:			5px;
	float:				right;
}
.newsItem .link{
	text-align:			right;
	margin-top:			-10px;
}
.newsItem .title{
	margin-top:			10px;
}
.newsItem{
	border-bottom:		1px dotted silver;
	padding-bottom:		5px;
}
/* ---------------- footer --------------------- */
#footer{
	font-size:			0.8em;
	text-align:			left;
}
#upperFooter{
	margin-bottom:		5px;
	border-bottom:		1px solid silver;
	height:				30px;
	position:			relative;
}
#footerNav{
	margin:				0;
}
#footerNav label{
	display:			none;
}
#footerRSSLink{
	width:				16px;
	height:				16px;
}
#rssSubscribe{
	border-width:		0;
	font-weight:		normal;
}
#footerRSSLink .wrapper{
	display:			block;
	float:				left;
	position:			relative;
	top:				4px;
	background-image:	url(css/images/feed_icon.png);
	background-repeat:	no-repeat;
	width:				16px;
	height:				16px;
	margin-right:		5px;
	cursor:				pointer;
}
#footerRSSLink .liner{
	display:			none;
}
#footNavLinks,#miscLinks{
	height:				2em;
	position:			absolute;
	top:				3px;
}
#miscLinks{
	left:				10px;
}
#footNavLinks{
	right:				10px;
}
#footNavLinks button{
	margin-left:		10px;
}
#webkitchenCredit{
	float:				right;
}
#webkitchenCredit a{
	display:			block;
	width:				133px;
	height:				15px;
	background-position:right 0px;
	background-repeat:	no-repeat;
	background-image:	url(css/images/webkitchen-footer.gif);
	text-decoration:	none;
}
#webkitchenCredit a span{
	display:			none;
}
#customFooterText{
	font-size:			1.2em;
	line-height:		1.2em;
}
/* ==================== COLOURS ====================== */
/* -------- subscriptions ------------------------ */
#rssSubscribe:hover{
	background-color:	#E5E5E5;
}
#subscribeOptions h3{
	margin-left:		5px;
	color:				#444;
}