html {
	height: 100%;
}

body {
	height: 100%;
	background: 			#CCE6FF;
	color: 					black;
	font-family: 			"Garmaond","Palatino", Times, Serif;
	margin: 				0px;	
	padding: 				0px;
}

a:link{
    color:                  #1164B4;
}
a:visited{
    color:                  #ff2b2b;
}

a {
 	text-decoration: 		none;
}

a:hover {
	text-decoration: 		underline;
}


a.AdminLink {
	color:					#AA2222 ! important;
}

h1 {
	font-family: 			"Garmaond","Palatino", Times, Serif;
	color:					gray;	
}


img {
	border: 				none;
}

.DropCaps:first-letter { 
	font-size: 				175%; 
	float: 					left;
}

blockquote, div.Code {
	border:					none;
	border-left:			solid blue 1pt;
	padding-left:			.5em;
	margin-left:			1em;
}

td {
	padding:				4px;
	margin:					0px;
	vertical-align: top;
}

/* classes used by the page header */

.Page {
	height: 100%;
	width:	100%;
}

.Page .Header td {
	padding-top:			15px;
	border-bottom:			solid #B0B0B0 1px;
	font-family:			"HelveticaNeue", Helvetica, Sans-Serif;
	font-size:				x-large;
	font-weight:			normal;
	letter-spacing:			.15em;
}

.Page .Header a {
	color:					#3579DC;
}

/* rules used by the side navigation */

td.SideNav {
	width:					73px;

	border-right:			dotted #B0B0B0 1px;
	
	vertical-align:			top;
	
	white-space:			nowrap;
	
	padding-left:			6px;
}

.SideNav .SectionLink A {
	color:					gray;
	padding:                5px;
	font-family:			"HelveticaNeue", Helvetica, Sans-Serif;
	line-height:			30px;
}

/* rules used by actual page contents */

.Document {
	vertical-align:			top;
	height:					100%;
}

.Code {
	font-family:			monospace;
	white-space:			pre;
}

.Caption {
	color:					gray;
	font-family:			"HelveticaNeue", Helvetica, Sans-Serif;
	font-weight: 		    bold;
	font-size:              small;
	vertical-align:         bottom; 
	}


.BlogHeader {
	color:					gray;
	font-family:			"HelveticaNeue", Helvetica, Sans-Serif;
	font-weight: 		    bold;
    font-size:              120%;
	}

.BlogHeader .Timestamp {
	float:					right;
	font-size: 				xx-small;
}

.BlogHeader A {
	color:				black;
}

.BlogEntry {
	padding-bottom:		8px;
	width:              90%;
}

/* rules used by forms */

table.Form td {
	vertical-align:		top;
}

table.Form tr.SectionHeader {
	background-color:	#333366;
	color:				white;
	
	font-weight: 		bold;
}

table.Form tr.Field td.Name {
	background-color:	#E0E0E0;
	color:				black;
	
	text-align:			right;
}

table.Form tr.Field td.Name:after {
	content:			":";
}

/* Rules for the recipes section */
.RecipeHeader {
	background-color: 	#E0E0FF;
	color:				black;
	
	line-height:		18px;

	padding-top:		2px;
	padding-bottom:		0px;
	padding-left:		3px;		
	padding-right:		3px;		
	
	border-bottom:		dotted #333366 1px;
	margin-bottom:		4px;
}

.RecipeHeader .Timestamp {
	float:				right;
	font-size: 			xx-small;
}

.RecipeHeader A {
	color:				black;
}

.RecipeEntry {
	padding-bottom:		8px;
}

ul.DocumentList {
	list-style:			square;
}