body, html {
	height: 100%;
	font: 100% "Comic Sans MS", cursive;
	background: url(../webImages/gray_back.jpg);
	color: #000;
}
* {
	margin: 0;
	padding: 0;
	border: none;
}
#container {
	min-height: 100%;
	min-width: 820px;
	margin: 0 0 -144px; /* bottom margin is the negative value of footer's height */
	position: relative;
	overflow: auto;
}
#ie6Warning {
	width: 600px;
	padding: 25px;
	background: #f00;
}
/*-----------------------------------------------------------------*/
/*------------------------header-----------------------------------*/
#header {
	height: 80px;
	background: #CCC url(../webImages/small%20aniRam.gif) no-repeat right;
	font-size: 3em;
	padding: 0 0 0 20px;	
	line-height: 80px;
}
	#parenthesis {font-size: 0.4em;}
/*-----------------------------------------------------------------*/
/*------------------------content----------------------------------*/
#wrapper {
	padding: 40px 20px 144px 20px;			/* bottom padding height of the footer */
}

#pic_wrapper {
	width: 70%;
	margin:  40px 20px 20px;
	padding: 20px 20px 24px;			/* bottom padding height of the footer */
	overflow: auto;
	background: #ffffcc;
}
	#pic_wrapper #comments, #comments  {    
		text-align: left;
		margin: 10px;
		padding: 10px;
		width: 400px;
		float: left;
		background: #ccc;
	}
		#pic_wrapper #comments2, #comments2  {    /*extra #comments selector for cooking pages*/
			text-align: left;
			margin: 40px 10px 10px 440px;
			padding: 10px;
			background: #ccc;
		}
		#pic_wrapper #comments p, #comments p
		#pic_wrapper #comments2 p, #comments2 p {   /*extra #comments p selector for cooking pages*/
			display:block; 
			text-indent: 15px;
		}			
			#pic_wrapper #comments p a:link, #pic_wrapper #comments p a:visited,
			#pic_wrapper #comments2 p a:link, #pic_wrapper #comments2 p a:visited {
				color: #000;
				text-decoration: underline;
			}
			#pic_wrapper #comments p a:hover, #pic_wrapper #comments p a:active,
			#pic_wrapper #comments2 p a:hover, #pic_wrapper #comments2 p a:active {color: #f00;}
/*******************************************************/
/********************thumbnail styles*******************/		
		#pic_wrapper p {display: inline;}
		#pic_wrapper span {
			width: 200px;
			margin: 10px;
			vertical-align: top;
			display: table-cell;
			display: inline-table; 
			display: inline-block;
		}
		#pic_wrapper p img {margin: 10px 0;}
		#pic_wrapper a {
			color: #000;
			text-decoration: none;
		}
/*-----------------------------------------------------------------*/
/*------------------------footer-----------------------------------*/
#footer {
	height: 144px;			/* height of the footer */
	width: 100%;
	position: absolute;
	bottom: 0;
}
	#award {margin: 0 0 0 20px;}
		#icons {
			margin: 0 0 0 151px;
			overflow: auto;
		}
			#icons a img {
				margin: 0 0 16px 0;
				clear: left; 
			}
	#ftrLinks {
	height: 20px;
	line-height: 20px;
	clear: both;
	padding: 0 20px 0;
	font-size: 0.9em;
	background: #CCC;
	text-align: right;
	}
		#ftrLinks #email {
			width: 100px;
			float: left;
			text-align: left;
		}
	#ftrLinks #email:link, #ftrLinks #email:visited {color: #000;}
	#ftrLinks #email:hover, #ftrLinks #email:active {color: #f00;}
		#ftrLinks p, #ftrLinks p a:link, #ftrLinks p a:visited {color: #000;}
		#ftrLinks p a:hover, #ftrLinks p a:active {color: #f00;}
/*-----------------------------------------------------------------*/
/*---------------------Scroll to Top-------------------------------*/
a#scroller {
	height: 80px;
	width: 70px;
	position:fixed;
	bottom:50px;
	right:100px;
	background: url(../webImages/greenArrow65.png) no-repeat left top;
}
a#scroller:active {background: url(../webImages/greenArrow65.png) no-repeat right bottom;}
/*-----------------------------------------------------------------*/
/*---------------------------classes-------------------------------*/
					.floatL{ float: left;}
					.floatR{ float: right;}
/*-----------------------------------------------------------------*/
/*-------------------cooking pages---------------------------------*/
.back {
	height: 30px;
	width: 400px;
	float: right;
	text-align: center;
	line-height: 30px;
	background: #ccc;
	display: block;
}
.back:link, .back:visited {color: #000;}
.back:hover, .back:active {color: #f00;}
/*-----------------------------------------------------------------*/
/*-------------------computer page---------------------------------*/
			body#computer #pic_wrapper {
				background: url(../webImages/comp023.gif);
				font-size: 0.8em;
			}
			body#computer ul#specs {list-style: none;}
			body#computer ul#settings {
				margin: 0 0 0 50px;
				list-style: disc outside;
			}
			body#computer #pic_wrapper p a:link, #pic_wrapper p a:visited {color: #00f;}