/*********
This is very simple blue theme with not much color on the page
http://wellstyled.com/tools/colorscheme2/index-en.html
225 degrees with web safe colors selected
**********/

/****************************************
 * GLOBAL ATTRIBUTES
 * These apply to every page, as a whole.
 *****************************************/
body {
  /* Global font and font size */
  font-family: Comic Sans, Comic Sans MS, cursive;
  font-size: 90%; 

  /* Body background color */
  background: white;
}

/* Global link settings */
a {
  /* Global link text color */
  color: #0066CC;
  text-decoration: none;
}


/****************************************************
 * TOP NAVIGATION BAR 
 * These apply to the top navigation bar on each page
 ****************************************************/
/* The background color and bottom border of the whole top area including the 
 * main page title and the navigation menu
 */
#masthead {
  background: #99CCFF;
  border-bottom: 1px solid #000000;
}

/* The first level nav bar background color */
#top_nav {
  background-color: #99CCFF;
}

/* The background color for the second (lower) level of top navigation items */
#top_nav2 {
  background-color: #0A85FF;
}

/* Text color for navigation links in both levels */
#top_nav li a, #top_nav2 li a {
  color: black;
}

/* Background color for the selected item of upper level top navigation menu  */
#top_nav li a.selected 
{
  background-color: #0A85FF;
}

/* Hover color for mouseover of upper level top navigation menu items,
 */
#top_nav li a:hover {
  background-color: 	#99CCFF;
    text-decoration: underline;
}

/* Background color for mouseover of lower level top navigation menu items,
 * and for the selected item from this menu.
 */
#top_nav2 li a.selected {
  background: #0A85FF;
  color: white;
}
#top_nav2 li a:hover  {
  background-color: 	#0A85FF;
    text-decoration: underline;
  color: black;
}
/* The text color and font size of the main page title */
#masthead h1 a {
  color: black;
  font-size: 25px;
}

/****************************************************
 * LEFT NAVIGATION BAR 
 * These apply to the left navigation bar on each page
 ****************************************************/

/* Text color, background color, font size, border, and width
 * of the left navigation box.
 */
#left_nav {
  color: black;
  background-color: white;
  font-size: 80%;
  border: 1px solid white;
  width: 170px;
}

/****************************************************
 * CONTENT BOX
 * These apply to the main content box on each page
 ****************************************************/

/* Text color and border of the main content box */
#content {
  color: black;
  background-color: white;
}

/* Background and border for the top box in main content box*/
#content h1 {
  background-color: white;
  border-bottom: 3px solid #0A85FF;
}

/* Text color, background color, and border of the lower box in main content box */
#innercontent {
  color: #464646;
  background-color: white;
  border: 1px solid white;
}

/*************************************************8
 * Comments
************************************************/
/*This is what looks like border-left */
.comment_collapsed, .comment_expanded {
border-bottom:1px solid white;
border-left:4px solid #0A85FF;
border-top:1px solid #0A85FF;
}

div.comment_body {
background-color:#99CCFF;
border-top:1px solid #0A85FF;
font-size:0.9em;
padding:5px;
}