/*
 * kahlua.css - main CSS stylesheet for www.kahluamod.com.
 * (C) Copyright 2009 J. K Johnston. All rights reserved.
 */

/*
 * kahluapage is a whole-page container for all KahLua pages. It sets
 * the basic framework for the pages such as the background color etc.
 */
#kahluapage {
  margin:0 auto;
  width: 100%;
  background-color: #ffffff;
}

#header hr {
  color: #ff0000;
}

#leftnav {
  float: left;
  width: 150px;
  margin-left: 10px;
  margin-top: 10px;
}

#leftnav .navlink {
  width: 130px;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
}

#leftnav .navlink  a {
  margin: 0;
  background-color: #ffffff;
  color: #ff0000;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

#leftnav .navlink a:hover {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

#maincontent {
  margin-left: 165px;
  margin-right: 165px;
  margin-top: 20px;
}

#rightside {
  float: right;
  width: 150px;
  margin-right: 10px;
  margin-top: 10px;
}

#rightside .navlink {
  width: 130px;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: right;
}

#rightside .navlink  a {
  margin: 0;
  background-color: #ffffff;
  color: #ff0000;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

#rightside .navlink a:hover {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
}

#contentsection {
}

#contentsection .top {
  height: 24px;
  background-image: url("../images/HeaderMiddle.gif");
  background-repeat: repeat-x;
}

#contentsection .topleftcorner {
  float: left;
  height: 24px;
  width: 10px;
  background-image: url("../images/HeaderLeft.gif");
  background-repeat: no-repeat;
}

#contentsection .toprightcorner {
  float: right;
  height: 24px;
  width: 10px;
  background-image: url("../images/HeaderRight.gif");
  background-repeat: no-repeat;
}

#contentsection .topcontent {
  float: left;
  padding-top: 2px;
}

#contentsection .topcontent h1 {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

#contentsection .toprightcontent {
  float: right;
  padding-top: 2px;
}

#contentsection .toprightcontent h1 {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

#contentsection th {
  text-align: left;
}

#contentsection .mid {
  background-color: #e0e0e0;
  padding: 1px 20px;
  margin-bottom: -10px;
  font-size: 14px;
}

#contentsection .bot {
  height: 10px;
  background-color: #e0e0e0;
  margin-bottom: 20px;
}

#contentsection .botleftcorner {
  float: left;
  height: 10px;
  width: 10px;
  background-image: url("../images/BottomLeft.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

#contentsection .botrightcorner {
  float: right;
  height: 10px;
  width: 10px;
  background-image: url("../images/BottomRight.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
}

#contentsection a {
  color: #ff0000;
  text-decoration: underline;
}
#contentsection a:hover {
  background-color: #ff0000;
  color: #ffffff;
}

#contentsection .red {
  color: #ff0000;
}

/* Custom bullets - two sizes, big and small */
li.bigbullet {
  list-style-image:url("/images/KahLuaBullet.gif");
}

li.smallbullet {
  list-style-image:url("/images/KahLuaSmallBullet.gif");
}