/* CSS for specific interior pages */

/* ----- GENERAL ----- */
#intTop
{
  position: absolute;
  top: 0px;
  left: 132px;
}
#intNavCol
{
  position: relative;
  float: left;
  width: 120px;
  height: 340px;
  border-right: 2px solid #d3d3d3;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}
#intNavCol ul { margin: 0px; padding: 0px; list-style-type: none; }
#intNavCol ul li { margin: 0px; padding: 3px 0px; }
#intContent
{
  position: relative;
  float: left;
  width: 600px;
}
#intContent h1
{
  margin: 0px;
  padding: 0px 0px 12px 0px;
  font-size: 14px;
  font-weight: bold;
}
.spanh1
{
  font-size: 14px;
  font-weight: bold;
}
#intSearch
{
  position: absolute;
  bottom: 12px;
  right: 220px;
}
#intSearch input { vertical-align: middle; }
.yellow { color: #ffb753; }
#eventSearch
{
  position: absolute;
  bottom: 6px;
  left: 100px;
}
#eventSearch span { font-size: 11px; color: #ffffff; }


/* ----- EVENTS ----- */
#yearSel { margin-left: 56px; }
.year
{
  margin: 0px 0px 12px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
  color: #8c8c8c;
}
.year span { font-size: 13px; }

.itemBox
{
  position: relative;
  float: left;
  width: 180px;
  margin: 0px 12px 12px 0px;
  font-size: 14px;
}
.itemBox span { font-size: 11px; font-weight: bold; color: #ffb753; }
.itemBox a { color: #000000; }
.itemBox a:hover { color: #ab0534; text-decoration: none; }

table.eList1
{
  border-collapse: collapse;
  font-size: 11px;
  width: 100%;
  border-top: 1px solid #666666;
}
table.eList2
{
  border-collapse: collapse;
  font-size: 11px;
  width: 100%;
  border-top: 1px solid #666666;
  background: #e2e2e2;
}
table.eList1 td, table.eList2 td { padding: 2px 0px; }
#printer { position: absolute; top: 10px; right: 20px; }


/* ----- RECIPES ----- */
#categories
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 120px;
  height: 340px;
  border-right: 2px solid #d3d3d3;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}
#categories ul { margin: 0px; padding: 14px 0px 0px 0px; list-style-type: none; }
#categories ul li { margin: 0px; padding: 3px 0px; }
#recipeContent
{
  position: absolute;
  top: 0px;
  left: 122px;
  width: 600px;
}
#recipeContent h1
{
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
}
#recipeLeft
{
  position: relative;
  float: left;
  margin-right: 12px;
  width: 234px;
  line-height: 1.6em;
}
#recipeRight
{
  position: relative;
  float: left;
  width: 320px;
}
#recipeRight img { display: block; margin-bottom: 10px; }
#recSearch
{
  position: absolute;
  bottom: 12px;
  right: 230px;
}
#recSearch input { vertical-align: middle; }

/* ----- PHOTOS ----- */

.imgBox
{
  position: relative;
  float: left;
  margin-right: 6px;
  margin-bottom: 8px;
  padding: 2px;
  background: #cccccc;
  border: 1px solid #000000;
}
#imgPanel
{
  position: relative;
  float: left;
  width: 204px;
  background: #dfdfdf;
}
#bigImg { position: relative; width: 480px; float: right; }
#bigImg p { margin: 0px; padding: 3px; }