/*
-----------------------------------------------
Original Blogger Template Style
Original Name:     Rounders 4
Original Designer: Douglas Bowman
Original URL:      www.stopdesign.com
Original Date:     27 Feb 2004

Modified By: Michael Chu for use on Cooking For Engineers
http://www.cookingforengineers.com
----------------------------------------------- */


/* Page body */  
 body {
	background:#068;
	margin:0;
	color:#A9CFB2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	font-size: smaller;
}

#fixed{
	position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
	text-align: center;
}

body > #fixed {
    position: fixed;
}

/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

/* Begin CSS Popout Menu */

#menu{
	width: 158px;
	z-index:2;
	margin: 0 auto auto auto;
	padding-top:20px;
	padding-bottom:4em;
	/* To allow room for bottom dropdown */
	border-width: 0 0 0 0;
}


#menu a, #menu a:visited, #menu h2{
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	border-width: 0 0 0 0;
	white-space:nowrap;
	margin:0;
}

#menu h2{
	text-transform:uppercase;
	padding: 10px 0px 0px 0px;
	font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

#menu a:active:focus, #menu a.x:active:focus{
	color:#060;
	background: url('nav/Active.gif') no-repeat;
}

#menu a,#menu a:active,#menu a:focus,#menu a:visited{
-moz-outline-style: none;/* no rubber band selection rect (dotted line) around button images in Mozilla*/
	color:#fff;
	background: url('nav/Normal.gif') no-repeat;
	text-decoration:none;
	padding:0px 0px;
		cursor: hand;
}

#menu a.x,#menu a.x:active,#menu a.x:focus, #menu a.x:visited{
	color:#fff;
	background: url('nav/NormalExpand.gif') no-repeat;
	text-decoration:none;
	padding:0px 0px;
}

#menu a:hover, #menu a.x:hover{
color:#a00;
background: url('nav/Hover.gif') no-repeat;
}

/* Styling for First submenu item*/
#menu a.first:active:focus, #menu a.firstx:active:focus{
color:#060;
background: url('nav/FirstActive.gif') no-repeat;
}

#menu a.first,#menu a.first:active,#menu a.first:focus, #menu a.first:visited{
	color:#fff;
	background: url('nav/First.gif') no-repeat;
	text-decoration:none;
	padding:0px 0px;
}

#menu a.firstx,#menu a.firstx:active,#menu a.firstx:focus, #menu a.firstx:visited{
	color:#fff;
	background: url('nav/FirstExpand.gif') no-repeat;
	text-decoration:none;
	padding:0px 0px;
}

#menu a.first:hover, #menu a.firstx:hover{
color:#a00;
background: url('nav/FirstHover.gif') no-repeat;
}

#menu ul{
list-style:none;
margin:0px 0px;
padding:0px 0px;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0px;
left:100%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li:hover ul ul ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Begin Content Area for Menu*/
/*
#content{
	margin:0 0 0 10em;
	padding:0.5em;
	border: 0px none #000;
	background: Fuchsia;
}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2{font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em Verdana, Arial, Helvetica, sans-serif;margin:.25em;}
*/
/* End Content Area for Menu*/
  

  
/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */

#sitecontent {
	margin-left: 200px;
	padding: 20px 0 20px 0;
	/* give space for fixed menu*/
	text-align: center;
}

#main {
	margin: 0 auto auto auto;
	width:675px;
	/* width of main box*/
	background:#446 url('nav/bottomCorners.gif') no-repeat left bottom;
	padding: 0 0 15px  0;
	/* give space for bottom corners image*/
	line-height:1.5em;
	text-align : justify;
}
#main2 {
	width:675px; /* width of main box*/
	background:url('nav/topCorners.gif') no-repeat left top;
	padding: 15px 0 0 0; /* give space for top corners image */

}
#main3 {
	width:575px; /* textwidth */
	padding: 10px 50px 10px 50px; /* paper margins in main block (excluding margins by background pictures in #main and #main2)*/
}

hr{
	border: 0;
	width: 80%;
	color: #A9CFB2;
	background-color: #A9CFB2;
	height: 1px;
	text-align: center;
}

h1, h2 ,h3 ,h4{
	color: #A9CFB2;
}


/* Links
----------------------------------------------- */

a:link {
  color:#fff;
  text-decoration: none;
  }
a:visited {
  color:#6a7;
  text-decoration: none;
   }
a:hover {
  color:#fff;
  text-decoration: underline;
  }
a img {
  border-width:0px;
  }

.photoGallery table {
margin:0 0 0 0;
	width:100%;
	text-align: center;
	font-size:80%;
	padding: 5px 0px 5px 0px;
	border: 0;
	vertical-align: middle;
	text-align: center;
	display: inline;  
	//vertical-align: top;
}
  
.recipe table {
  margin:0 0 0 0;
  border:2px solid #6a7;
  width:100%;
  font-size:80%;
  color:#A9CFB2;;
  padding: 0px 0px 0px 0px;
  border-collapse:collapse;
  text-align: left;
  }
.recipe table.noborder {
  margin:0 0 0 0;
  border: 0px hidden;
  font-size:80%;
  color:#ffffff;
  padding: 0px 0px 0px 0px;
  width:100%;
  border-collapse:collapse;
  }
.recipe td {
 /* text-align:center;*/
  border:1px solid #6a7;
  padding: 2px 2px 2px 2px;
  line-height:1.1em;
  }
.noborder td {
 border:0px hidden;
  padding: 2px 2px 2px 2px;
  line-height:1.1em;
  }
 
.recipe td.righthide {
  border-collapse:collapse;
  border-right: 1px solid #446; /* Can't get hidden to work. Drawing border of background color */
  border-right: 1px solid #446;
  padding: 2px 2px 2px 2px;
  line-height:1.1em;
  }
.recipe td.toprighthide {
  border-right: 1px solid #446; /* Can't get hidden to work. Drawing border of background color */
  border-top: 1px solid #446; /* Can't get hidden to work. Drawing border of background color */
  /* border-right: hidden; */
  /* border-top: hidden; */
  padding: 2px 2px 2px 2px;
  line-height:1.1em;
  }
.recipe td.empty {
  background-color: #446;
}
.recipe td.vertical{
  text-align:center;
  /*layout-flow: vertical-ideographic;*/
  vertical-align: middle;
}
.recipe th {
  border:1px solid #6a7;
  border-bottom:2px solid #6a7;
  padding: 2px 2px 2px 2px;
  font-weight:bold;
  }
.copy {
	font-size:60%;
	text-align:right;
}
.vertical {
  /*layout-flow: vertical-ideographic;*/
}

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin: 0 auto auto auto;;
  padding:15px 0 0;
  width:675px;
  font-size:smaller;
  }
#footer div {

	background:#446 url('nav/topCorners.gif') no-repeat left top;
/*  background:#466 url('http://www.blogblog.com/rounders4/corners_cap_top.gif') no-repeat left top;*/
  padding:15px 0 0 0;
  }
#footer div div {
/*  background:url('http://www.blogblog.com/rounders4/corners_cap_bot.gif') no-repeat left bottom;*/
  background:#446 url('nav/bottomCorners.gif') no-repeat left bottom;
  padding:0 0 15px 0;
  }
#footer hr {display:none;}
#footer p {margin:0;}
/*#footer a {color:#fff;} */