#imageReflection {
	padding: 3px; border:
	5px solid black;
	-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

#wrapper {
	width: 900px;
	position: relative;
}

#innerContent {	
	padding: 20px;
}

#header {
	border: 1px dotted gray;
	width: 910px;
	padding: 5px;
	margin-bottom: 10px;
}

#header h1 {
	float: left;
	display: inline;
}

#content {
	float: left;
	width: 700px;
	margin-left: 220px;
	border: 1px dotted gray;
}

* html #content {
	display: inline;	
}

#leftColumn {
	float: left;
	width: 200px;
	margin-left: -920px;
}

#forums table {
	border: 1px solid gray;
	border-width: 1px 1px 0px 0px;
}

#forums th, td {
	border: 1px solid gray;
	border-width: 0px 0px 1px 1px;
	padding: 2px;
}



th, td {
	vertical-align: top;
	text-align: left;
}

.humanReadableDictionary {
	text-align: left;
	border: 1px solid gray;
	background-color: rgb( 245, 245, 245 );
	margin: 10px;
}

.humanReadableDictionary TD {
	border-bottom: 1px solid gray;
	text-align: left;	 
	padding: 1px 10px;	 
}

.transactionTable {
	empty-cells: show;
}

.transactionTable TD {
	border-bottom: 1px solid gray;
	empty-cells: show;
}

/*
#rightColumn {
	float: left;
	width: 200px;
	
}
*/
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}

/* easy clearing */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrapper {
	display: inline-block;
}

/*\*/
#wrapper {
	display: block;
}

/* end easy clearing */	

body {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}

a {
	color: #cb8800;
}

h1 {
	margin-top: 0px;
	padding-top: 0px;
}

h1 a {
	text-decoration: none;
}

h2, .title {
	font-size: 140%;
	font-weight: bold;
}

#login {
	float: right;
	text-align: right;
}

#login input {
	border: 1px solid gray;
	width: 100px;
	padding: 2px;
	margin: 0px;
}

#searchField {
	border: 1px solid white;
	margin-left: -10px;
	width: 200px;
	font-size: 16px;
	background-color: rgb( 255, 200, 0 );
	color: black;
}

.submenu {
	padding: 0px 10px;
	margin-bottom: 20px;
}
/*
.submenu ul {
	list-style-type: none;
}

.submenu li {
	color: gray;
}
*/
.submenu A {
	text-decoration: none;
}

.submenu h1 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 3px 10px 0px 10px;
	margin: 0px -10px;
	border-bottom: 1px dotted gray;
}

.errorMessage {
	color: red;
	font-weight: bold;
	font-size: large;
}

#recipeInfo {
	float: right;
	width: 200px;
	background-color: rgb( 240, 240, 240 );
	border: 1px dotted gray;
	border-width: 0px 0px 1px 1px;
	margin: -20px -20px 10px 10px;
	padding: 10px;
}

#recipeInfo li {
	padding-bottom: 10px;
}

#recipeInfo ul {
	padding-left: 15px;
}

.frontPageBox {
	float: left;
	margin: 5px;
	width: 320px;
}

.frontPageBox h2 {
	font-size: 15px;
}

.frontPageBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.frontPageBox li {
	padding-bottom: 5px;
}

#content textarea {
	height: 80px;
	width: 400px;
	font-size: 14px;
}

#content label {
	display: block;
	font-size: larger;
	font-weight: bold;
	padding: 10px 0px 0px 20px;
}

#content input, #content select {
	margin: 5px 0px 0px 20px;
}

.smallDate {
	color: gray;
	font-size: 10px;
	font-style: italic;
}

#ingredients {
	padding-left: 20px;
}

#ingredients ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#tocCharacterList li {
	display: inline;
}

#tocCharacterList a {
	margin: 1px;
	padding: 5px;
	font-size: 15px;
	background-color: blue;
}

.submenu H1 a {
	color: black;	
}

.submenu a {
	display: block;
	width: 100%;
}

/**
 * Generic messages, for example, the license you accept when submitting a recipe.
 */
.fdmessage {
}

/**
 * Forums
 */
.post {
	border: 1px solid black;
	margin-bottom: 20px;
}

.postinfo {
	background-color: gray;
	padding: 3px;
	color: white;
}

.postbody {
	padding: 10px;
}

/**
 * Put here as a bugfix for the input css-stuff.
 */ 
#recipeInfo form {
	margin: 0px;
}

#recipeInfo input, #recipeInfo select  {
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

#myCategories {
	width: 300px;
}

.myCategory {
	padding: 5px;
	border: 1px solid gray;
}

#socialSites {
	float: right;
	text-align: center;
	border: 1px solid gray;
	background-color: white;
}

#socialSites img {
	padding: 5px;
}