/* This is based on the tutorial at 
   http://www.howtojoomla.net/2006092520/how-tos/templates/how-to-create-a-basic-template/page-4
   */
 
 table {
   border-spacing: 0
   }
 
 /* Real bar color should be  #0F0F0F */
 
 
body {
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
}

td.sidebar {
  vertical-align: top;
  padding: 0;
  background-color: #292929;
  }
  
  td.mainbar {
  width: 100%;
  vertical-align: top;
  padding: 0;
  }

#sitetitle, td.contentheading {
   height: 55px;
   margin: 0;
   padding: 5px 0 0 5px;
   width: 100%;
   border-bottom: 10px #0f0f0f solid;
  background: #000;
}

table tbody tr td.contentheading {
  font-size: 28px;
  font-weight: bold;
  color: white;
}

table.contentpaneopen {
  width: 100%;
}

h1#sitetitle a, h1#sitetitle a:link, h1#sitetitle a:visited {
  text-decoration: none;
  color: #fff;
}
h1#sitetitle a:hover {
  text-decoration: none;
  color: #fff;
}
h2#siteslogan {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
  color: #fff;
}

div.mainBox {
  background: #292929;
  padding: 3px 0 0 0;
}

div.borderTop {
  background: url('../images/borderTop.png') 0 0 no-repeat #292929;
}

div.borderTop div {
  background: url('../images/borderLeft.png') 0 0 no-repeat transparent;
}

div.borderTop div div {
  background: url('../images/borderBottom.png') 0 100% no-repeat transparent;
}

div.borderTop div div div {
  background: url('../images/borderRight.png') 100% 0 no-repeat transparent;
}

div.borderTop div div div div {
  background: url('../images/borderBottomRight.png') 100% 100% no-repeat transparent;
}

div.borderTop div div div div div {
  background: transparent;
  text-align: left;
  padding: 8px 5px 8px 10px;
}
 
#sidebar {
  clear:left;
  float: left;
  color: #fff;
  background-color: #292929;
}

div#sidebarcontents {
  background: #000 url('../images/middleedge.png') center top repeat;
}
 
#mainbar {
}

#breadcrumbs {
  margin: 10px 10px 10px 10px;
  }

 table.componentHead {
   height: 70px; /* Border is taken out of this */
   margin: 0;
   padding: 0;
   border-bottom: 10px #0f0f0f solid;
   width: 100%;
 }
 
 table.componentBody {
   width: 100%;
 }
 
table.componentBody tbody tr td {
  padding: 0;
}

 
/* Joomla Elements */
 
/* Moduletable DIV's */
#sidebar .moduletable {
  margin: 0;
}
#sidebar .moduletable h3 {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 0 0 5px;
}
 
/* Main Menu */
ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0px;
}
li {
  list-style-type: none;
  padding: 3px 0 3px 18px;
  background: transparent url('../images/button10.png') 0 5px no-repeat;
}

a, a:link {
  text-decoration: none;
  color: #ffb;
}

a:visited {
  text-decoration: none;
  color: #fdb;
}
a:hover {
  text-decoration: none;
  color: #fff;
}

a img {
  border: 0;
}

ul#mainlevel a, ul#mainlevel a:link {
  text-decoration: none;
  color: #ff7;
}

ul#mainlevel a:visited {
  text-decoration: none;
  color: #fd7;
}
ul#mainlevel a:hover {
  text-decoration: underline;
  color: #fff;
}
 
/* Login Form */
#mod_login_username {
  width: 205px;
  margin: 0 5px 5px;
  border: 1px solid #ccc;
}
#mod_login_password {
  width: 205px;
  margin: 0 5px 5px;
  border: 1px solid #ccc;
}
#mod_login_remember {
  margin: 0 0 0 5px;
}
input.button {
  border: 1px solid #ccc;
  background-color: #eee;
  color: #fff;
  padding: 3px;
  margin: 5px;
  font-size: 10px;
}
label {
  margin: 0 0 0 5px;
}

td.contentheading {
  text-align:right;
}
 
/* Search Form */
#mod_search_searchword {
  width: 205px;
  margin: 0 5px 5px;
  border: 1px solid #ccc;
}
 
/* Main Content Area */
.componentheading {
  display: block;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
}
 
.small, .createdate, .modifydate {
  font-size: 10px; 
  font-weight: normal;
}
 
a.readon {
  display: block;
  padding: 3px 0 3px 18px;
  background: #000 url('../images/button10.png') left center no-repeat;
  margin: 5px 0 0;
}
 
.article_seperator {
  display: block;
  height: 10px;
}