/* search element, top right ------------------------------------------------------------------------*/

input, textarea {
	color: #4c4c4c;
	font-size: 95%;
}

input.textField, textarea {
	border: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	padding: 2px;
	margin-right: 4px;
	background-color: #fcfcfc;
	font-family: trebuchet MS, helvetica, sans-serif;
}

#search input.textField {
	width: 83px;
}

input.button {
	border: 1px solid #ccc !important;
	border-bottom: 1px solid #666 !important;
	border-right: 1px solid #666 !important;
	padding: 2px 10px;
	width: 48px;
	background: #E3FFB9 url(../images/nav1.gif) repeat-x;
	font-family: tahoma, verdana, sans-serif;
}

#search input.button {
	width: 48px;
}

#contact input.button {
	width: 120px;
}

#commentform textarea {
	width: 100%;
}

#commentform input.button {
	width: 150px;
}

/* contact form table ------------------------------------------------------------------- */

#form table {
	text-align: left;
	margin: 0;
	width: 90%;
}

#form td {
	padding: 4px;
}

.textlabels {
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
	width: 100px;
}

#contact input, #contact textarea {
	width: 200px;
}

#contact textarea {
	height: 75px;
	width: 250px;
}


ul.alphalist li {
	 list-style-type: decimal;
}

.mandatory {
	font-size: 125%;
	color: #f00;
}

/* common elements --------------------------------------------------------------------- */

#main a:link  {
	color: #36f;
} 

#main a:visited {
	color: #937d93;
}

#main a:hover, #main a:active {
	color: #f3c;
}

h3 a {
	text-decoration: none;
	color: #937d93 !important;
}

.date {
	color: #69f;
}

/* page control elements - date, article foot links, top, previous etc.----------------------------- */

.control {
	font: normal normal normal 110%/normal arial, helvetica, sans-serif;
	letter-spacing: -1px;
}
 

/* inline images ------------------------------------------------------------------------*/

.thumb, .photo {
	border: 1px solid #999;
	background-color: #fff;
	padding: 3px;
	margin: 5px;
}

.thumb {
	float: right;
}

.icon {
	position: relative;
	top: 3px;
	left: 1px;
}

/* sitemap ------------------------------------------------------------------------------------------------------------ */

div.map
{
	width: 45%;
}

div.map ul
{
	margin: 6px 0 15px;
	padding-left: 20px;
}

div.map ul ul
{
	margin: 0 0 10px 30px;
	padding-left: 0;
}

div.map ul ul ul
{
	margin: 0 0 0 30px;
	padding-left: 0;
}

/* incomplete warning --------------------------------------------------------------- */

.warn
{
	border: 1px dashed #c00;
	color: #900;
	background-color: #fff;
	text-align: center;
	margin: 10px 0;
	padding: 10px;
	font: normal normal normal medium/normal tahoma, verdana, sans-serif;
}

/* accessibility page --------------------------------------------------------------------*/

#accesskey
{
	border: 1px solid #999;
	font-family: tahoma, verdana, san-serif;
	margin: 30px auto;
	width: 65%;
}

#accesskey th {
	color: #666;
	background-color: #faffe8;
	border-bottom: 1px solid #999;
}

#accesskey td {
	vertical-align: top;
}

td.hilite {
	width: 60%;
	background-color: transparent;
	font-family: tahoma, verdana, san-serif;
}

kbd {
	font-size: small;
	font-family: "Courier New", Courier, monospace;
}

a.img, a.img:visited, a.img:active, a.img:hover /* for w3c buttons  */ {
	border: 0;
	background-color: transparent;
}

/* folio ------------------------------------------------------------------------------------------------ */

.foliothumb
{
	float: left;
	margin-right: 15px;
	border: 1px solid #ccc;
}

#holder
{
	border: 1px solid #666;
	margin-top: 15px;
	padding: 3px;
}	

.cleft
{
	clear: left;
	margin-top: 12px;
}

/* photos ------------------------------------------------------------------- */

.ThumbTable td
{
	vertical-align: top;
	text-align: center;
	border: 4px solid #fff;
	border-top-width: 0;
	border-left-width: 0;
	background-color: #e5e5e5;
	padding-bottom: 4px;
}

.ThumbTable img
{
	border: 1px solid #999;
	margin: 3px;
	display: block;
}

.ThumbTable
{
	margin-bottom: 50px;
}

/*-------------------------------------------------------------------------------- */

.comic p, .comic h2, .comic a:link, .comic a:visited
{
	font-family: Comic Sans MS, sans-serif !important;
}

/* robot krunk image caption ---------------- */

.caption
{
	margin: 2px 0 0 0;
	text-align: center !important;
	font-size: 80% !important;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

.left
{
	margin-left: 0;
	margin-right: 10px;
	float: left;
}

.right
{
	margin-left: 10px;
	margin-right: 0;
	float: right;
}

div.thumb img
{
	border: 0;
}

/* bcl -------------------------------- */

.bcltable
{
	width: 90%;
	border: 1px solid #999;
	margin: 6px 5% 5% 5%;
}

	.bcltable td
	{
		text-align: center;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 1px 2px;
	}
	
	.bcltable .beer
	{
		text-align: left;
		padding-left: 2px;
		background-color: #f3f3f3;
	}
	
	.bcltable th
	{
		background-color: #d3d3d3;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		text-align: center;
		font-weight: normal;
		padding: 1px 2px;
	}
	
	.bcltable .total
	{
		background-color: #e3e3e3;
		font-weight: bold;
		border-left: 1px solid #999;
	}	
	
	.bcltable th.total
	{
		background-color: #d3d3d3;
	}