/*
 * wettone.com CSS file, version 2006.2, 15 Mar 2006
 *
 * Copyright 2006 Stephen Wettone
 */


/****************************************************************** =defaults */

html, body, form, fieldset, table, h1 {
	margin: 0;
	padding: 0;
	/*font: normal 10pt "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Arial, sans-serif;*/
}
h2, h3, h4, h5, h6, p, pre, label,
blockquote, ul, ol, dl, address, table, fieldset {
	font-size: 1em;
	margin: 1.1em 0 0;
	padding: 0;
}
ul, li, dd, blockquote {
	margin-left: 1em;
}

/********************************************************************* =types */

body {
	background-color: #fff;
	color: #222;
	font: normal 76% "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 1.3;
}
a {
	color: #007bff;
	text-decoration: none;
}
	a:focus,
	a:hover {
		text-decoration: underline;
	}
	/*a:visited {
		color: #007bff;
	}*/
	#main a[href^="http"],
	#main a[href^="/weblog/out"] {
		background: url("../_img/external.gif") right center no-repeat;
		padding-right: 8px;
	}
	a[href^="http://wettone.com"],
	a.nobg {
		background: none !important;
		padding-right: 0 !important;
	}
	a.permalink {
		margin-left: 0.5em;
	}
	#main p a:visited,
	#main dl a:visited {
		background: url("../_img/tick.gif") right center no-repeat;
		padding-right: 11px;
	}
	p.breadcrumb a,
	a.permalink,
	a.permalink:visited {
		background: none !important;
		padding-right: 0 !important;
	}
caption {
	font: bold 0.9em "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Arial, sans-serif;
	margin: 0 auto;
}
code, tt {
	font: normal 1em "Lucida Console", Courier, "Courier New", monospace;
}
dd {
	margin: 0 0 1em 0;
}
em {
	font-style: italic;
}
fieldset {
	background-color: #ffe;
	border: solid #eed 1px;
	/*border-radius: 8px;
	-moz-border-radius: 8px;*/
	color: #333;
	padding: 1em;
}
form {
	margin-top: 1em;
}
h1 {
	/*color: #667280;
	color: #005cbf;*/
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 1.4em;
	text-align: left;
}
h2 {
	/*color: #667280;
	color: #005cbf;*/
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 1.4em;
	text-align: left;
}
h3 {
	/*color: #667280;
	color: #005cbf;*/
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 1.4em;
	text-align: left;
}
h4, h5, h6 {
	/*color: #667280;
	color: #005cbf;*/
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 1.4em;
	text-align: left;
}
a img {
	border: none;
}
input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}
label {
	cursor: pointer;
	display: block;
	text-align: left;
}
ol {
	margin-left: 2em;
}
pre {
	background-color: #f6f6f6;
	border: solid #bbb 1px;
	/*border-radius: 8px;
	-moz-border-radius: 8px;*/
	color: #005cbf;
	font: normal 1em "Lucida Console", Courier, "Courier New", monospace;
	margin-bottom: 1em;
	max-height: 30em;
	overflow: auto;
	padding: 8px;
	width: auto;
}
table {
	border-collapse: collapse;
}

/******************************************************************* =classes */

.breadcrumb {
	font-size: 0.9em;
	margin-top: 0;
}
.clear {
	clear: both;
}
.errors {
	color: #f00;
	font-weight: bold;
}
.first {
	margin-top: 0;
}
.footnote {
	border-top: dotted #bbb 1px;
	margin: 32px 0;
	padding-top: 1em;
}
.lfig {
	float: left;
	margin: 0 10px 10px 0;
}
.rfig {
	float: right;
	margin: 0 0 10px 10px;
}
.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
.input {
	background: #fff url("../_img/input-bg.gif") left top repeat-x;
	border: solid #999 1px;
	display: block;
	padding: 0.2em;
	width: 100%;
}
.noborder {
	border: none;
}
.thumb {
	float: left;
	font-size: 0.8em;
	margin-right: 16px;
	width: 160px;
}
	.thumb span {
		clear: both;
		display: block;
		text-align: center;
	}

/****************************************************************** =calendar */

.calendar {
	margin: 0 auto 1em;
}
	.calendar tbody {
		border: solid #ccc 1px;
	}
	.calendar caption,
	.calendar tr,
	.calendar th,
	.calendar td {
		padding: 3px 5px;
		text-align: center;
	}
	.calendar tbody th {
		background-color: #eee;
		border-bottom: solid #ccc 1px;
		font-size: 0.8em;
	}
	.calendar tbody td {
		background-color: #fff;
		font-size: 0.8em;
	}
	.calendar tbody td.n {
		background-color: #f9f9f9;
	}
	.available,
	.calendar tbody td.available {
		background-color: #9f9;
	}
	.booked,
	.calendar tbody td.booked {
		background-color: #f99;
	}
	.calendar tbody td.weekend {
		background-color: #999;
	}
	.calendar tbody td.today {
		background-color: #9cf;
	}

/******************************************************************** =sudoku */

.sudoku td {
	border-spacing: 0;
	border: solid #000 2px;
	color: #666;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
}
	.sudoku td {
		border: solid #666 1px;
	}
	.sudoku td input {
		border: 0;
		color: #666;
		display: block;
		height: 25px;
		line-height: 25px;
		text-align: center;
		width: 25px;
	}
	.sudoku td strong {
		color: #000;
		font-weight: bold
	}
	.sudoku td.t,
	.sudoku td.tl,
	.sudoku td.tr {
		border-top: solid #000 2px;
	}
	.sudoku td.r,
	.sudoku td.tr,
	.sudoku td.br {
		border-right: solid #000 2px;
	}
	.sudoku td.b,
	.sudoku td.br,
	.sudoku td.bl {
		border-bottom: solid #000 2px;
	}
	.sudoku td.l,
	.sudoku td.tl,
	.sudoku td.bl {
		border-left: solid #000 2px;
	}

/******************************************************************* =comments */

.commentodd {
	background-color: #f6f6f6;
	border: solid #bbb 1px;
	/*border-radius: 8px;
	-moz-border-radius: 8px;*/
	margin: 1em 0;
	padding: 16px;
}
.commentodd h4 a {
	background-image: none !important;
	padding-right: 0 !important;
	text-decoration: none !important;
}
.commentodd h4 a em {
	color: #f6f6f6 !important;
	text-decoration: none !important;
}
.commentodd h4 a:hover em,
.commentodd h4 a:focus em {
	color: #999 !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-decoration: none !important;
}
.commenteven {
	margin: 32px 0;
}

/********************************************************************** =date */

.weblogdate {
	color: #555;
	border: solid #ccc 1px;
	/*border-radius: 4px;
	-moz-border-radius: 4px;*/
	float: left;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	margin: 1em 1em 0.5em 0;
	padding: 2px 4px;
	text-align: center;
	text-transform: capitalize;
	width: 25px;
}
	.weblogdate em {
		font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	}

/********************************************************************** =head */

#head {
	background-color: #000;
	height: 64px;
	margin: 0;
	width: 100%;
}
	#head a {
		display: block;
		height: 64px;
		margin: 0 auto;
		outline: none;
		width: 750px;
	}
	#head a img {
		margin-top: 16px;
	}

/********************************************************************** =menu */

#menu {
	background-color: #cce5ff;
	background-image: url("/_img/menu-bg.gif");
	height: 24px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
	#menu ul {
		margin: 0 auto;
		width: 750px;
	}
	#menu li {
		display: inline;
		list-style: none;
	}
	#menu a {
		background-position: top left;
		background-repeat: no-repeat;
		height: 0px;
		float: left;
		outline: none;
		overflow: hidden;
		padding-top: 24px;
		width: 75px;
	}
	#menu a:hover {
		background-position: 0 -24px;
	}
	#menu a:active,
	#menu li.selected a {
		background-position: 0 -48px;
	}
	#thome a {
		background-image: url("/_img/menu-new/home.gif");
	}
	#tweblog a {
		background-image: url("/_img/menu-new/weblog.gif");
	}
	#twork a {
		background-image: url("/_img/menu-new/work.gif");
	}
	#tcode a {
		background-image: url("/_img/menu-new/code.gif");
	}
	#tetc a {
		background-image: url("/_img/menu-new/etc.gif");
	}

/********************************************************************** =main */

#main {
	clear: both;
	margin: 64px auto;
	width: 750px;
}

#centre {
	float: left;
	margin-bottom: 64px;
	text-align: justify;
	width: 468px;
}

#side {
	border-left: dotted #bbb 1px;
	font-size: 0.9em;
	margin-left: 500px;
	padding-left: 32px;
	width: 217px;
}
	* html #side {
		width: 185px;
	}
	#side h3.first {
		margin-top: 0;
	}

#solo {
	margin: 0 auto 64px;
	text-align: justify;
	width: 750px;
}

#slimstatimg {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/********************************************************************** =foot */

#foot {
	background: #fff url("/_img/foot-bg.gif") left top repeat-x;
	clear: both;
	padding: 4px 0 48px 0;
}
	#foot p {
		font-size: 0.9em;
		margin: 1em auto 0;
		width: 750px;
	}