/*
Theme Name: WordPress - Black Cat Indexing
Theme URI: http://www.blackcatindexing.com/
Description: The default WordPress theme for Black Cat Indexing
Version: 1
Author: Ken Chase
Author URI: http://www.kenchase.com/

*/

/*** General Styles ***/

/* Remove margin and padding from all elements  */

*{
  margin: 0;
  padding: 0;
}

/* Set font style and colours */

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000;
  background: #fff;
  text-align: center;  /* centre page for bad browsers */
}
* html body{
  font-size: x-small; /* for IE 5/Win */
  f\ont-size: small;  /* for other IE versions */
}
.show{
  display: block;
}
.hide{
  display: none;
}

div#wrapper{
  width: 808px;
  text-align: left;  /* recover from text align centre in body for good browsers */
  margin: 20px auto;
}

/*** Header ***/

div#header{
  width: 808px;
  margin: 0 auto;
  text-align: left; 
  background: url(images/bg-header.gif) repeat-y top left;
  float: left;
}

/*** Left Header ***/

div#header-left{
  width: 478px;
  float: left;
  padding: 0 6px 0 0;
}
div#header-left div#header-img h1{
  background: url(images/bg-black-cat-logo.gif) no-repeat top left;
  width: 476px;
  height: 141px;
  text-indent: -5000px;
}
div#header-left h1 a{
  display: block;
  width: 477px;
  height: 141px;
}
div#header-left p{
  text-indent: -5000px;
}

/** Main Nav **/

div#main-nav{
  font-size: 160%;
  margin-top: 6px;
  padding: 6px 6px 6px 0px;
}
div#main-nav ul{
  background: #010080;
  list-style: none;
  text-align: center;
  padding: 6px 0;
}
div#main-nav ul li{
  display: inline;
  margin: 0 20px;
}
div#main-nav ul li a{
  color: #fff;
  text-decoration: none;
}
div#main-nav ul li a:hover{
  color: #fff;
  text-decoration: underline;
}

/** End Main Nav **/

/*** End Left Header ***/

/*** Begin Right Header ***/

div#header-right{
  width: 318px;
  margin: 0 0 0 6px;
  float: left;
  font-size: 110%;
}
div#header-right h2{
  background: #fef23a;
  text-align: center;
  font-size: 130%;
  padding: 6px 0 2px 0;
  color: #010080;
  font-weight: normal;
}
div#header-right ul{
  list-style: none;
  margin: 20px 0 0 20px;
}
div#header-right ul li{
  margin-bottom: 10px;
}
div#header-right ul li a{
  text-decoration: none;
  color: #010080;
}
div#header-right ul li a:hover{
  text-decoration: underline;
}

/*** Begin Right Header ***/

/*** Begin Content  ***/

div#content{
  clear: both;
  width: 808px;
  float: left;
  padding: 20px 0 20px 0;
  border-top: 1px solid #000;
  background: url(images/bg-content.gif) repeat-y top left;
}


/** Begin Secondary Navigation  **/

div#sec-nav{
  width: 165px;
  float: left;
  font-weight: bold;
  background: #800000;
  margin-right: 25px;
  padding: 16px 0 100px 0;
}
div#sec-nav ul{
  list-style-type: none;
  font-size: 120%;
}
div#sec-nav ul li{
  border-bottom: 1px solid #800000; 
}
div#sec-nav ul li ul li,
div#sec-nav ul li ul li ul li{
  border-bottom: none; 
}
div#sec-nav ul li a{
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4px 15px 4px 10px;
}
div#sec-nav li.current_page_item a, 
div#sec-nav li.current_page_parent a, 
div#sec-nav li.current_page_ancestor a{
  color: #800000;
  background: #fff;
  text-decoration: none;
}
div#sec-nav li.current_page_item a:hover{
  background: #800000;
  color: #fff;
}

/* Second Level */

div#sec-nav ul ul{
  margin: 0;
  font-size: 100%;
}
div#sec-nav ul ul li{
  display: inline;
}
div#sec-nav ul ul li a{
  padding: 0 15px 0 30px; 
}
div#sec-nav ul li.current_page_item ul li a,
div#sec-nav ul li.current_page_parent ul li a,
div#sec-nav li.current_page_ancestor ul li a{
  background: #800000;
  color: #fff;
}
div#sec-nav ul li.current_page_parent ul li.current_page_item a, 
div#sec-nav li.current_page_ancestor ul li.current_page_parent a{
  background: #fff;
  color: #800000;
}

/* Third Level */

div#sec-nav ul ul ul{
  text-align: right;
  font-size: 86%;
}
div#sec-nav ul ul ul li{
  display: inline;
}
div#sec-nav ul ul ul li a{
  padding: 0 15px 0 0;
}
div#sec-nav ul li.current_page_parent ul li.current_page_item ul li a,
div#sec-nav ul li.current_page_ancestor ul li.current_page_parent ul li a{
  background: #800000;
  color: #fff;
}
div#sec-nav ul li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a{
  background: #fff;
  color: #800000;
}

div#sec-nav ul li a:hover, 
div#sec-nav ul li.current_page_item a:hover,
div#sec-nav ul li.current_page_parent ul li a:hover,
div#sec-nav ul li.current_page_ancestor ul li ul li a:hover{
  color: #800000;
  background: #fff;
  text-decoration: none;
}

/** End Secondary Navigation  **/


/** Begin Main Content  **/

div#main-content{
  width: 570px;
  float: left;
  margin-left: 28px;
  padding: 0 20px 100px 0;
}
body.Home div#main-content, body.About div#main-content, body.Contact div#main-content{
  background: url(images/bg-home-faded.png) no-repeat bottom right;
}
body.Indexing div#main-content, body.Back-of-Book div#main-content, body.FAQ div#main-content, body.Estimate div#main-content, body.Web div#main-content{
  background: url(images/bg-index-faded.png) no-repeat bottom right;
}
body.Metadata div#main-content{
  background: url(images/bg-metadata-faded.png) no-repeat bottom right;
}
body.Taxonomy div#main-content{
  background: url(images/bg-taxonomy-faded.png) no-repeat bottom right;
}
body.Thesauri div#main-content{
  background: url(images/bg-thesauri-faded.png) no-repeat bottom right;
}
body.Architecture div#main-content{
  background: url(images/bg-web-architecture-faded.png) no-repeat bottom right;
}

div#main-content h2{
  color: #333;
  font-weight: bold;
  font-size: 200%;
  margin: 0 0 10px 0;
  font-family: "Times New Roman", Times, serif;
}
div#main-content h3{
  color: #333;
  font-size: 150%;
  font-family: "Times New Roman", Times, serif;
}
div#main-content p{
  margin: 6px 0 6px 0;
  line-height: 1.8em;
}
div#main-content ul{
  margin: 10px 10px 10px 2px;
}
div#main-content ul li{
  margin: 0 0 2px 50px;
  line-height: 1.6em;
}
div#main-content a{
  color: #010080;
  text-decoration: underline;
}
div#main-content a:hover{
  text-decoration: underline;
}

/*** Footer ***/

div#footer{
  clear: both;
  width: 808px;
  border-top: 1px solid #000;
  background: url(images/bg-footer.gif) no-repeat top left;
}
div#footer ul{
  background: #fef23a;
  color: #010080;
  list-style: none;
  margin:  4px 0 0 290px;
  padding: 16px 0 6px 10px;
}
div#footer ul li{
  display: inline;
  font-weight: bold;
}
div#footer ul li a{
  color: #010080;
  font-weight: bold;
}