/**************************************
 * THEME NAME: OtakeBlueLight
 *
 * Files included in this sheet:
 *
 *   OtakeBlueLight/otakes.css
 *   OtakeBlueLight/otakes_color.css
 **************************************/

/***** OtakeBlueLight/otakes.css start *****/

/******************************************************************

*	Version: 20081020
 
*******************************************************************/

body {
  margin:0;
  padding:0;
  background:url(images/body.png) repeat-x 0 0;
}

#middle-column {
	width:100%;
}

body, table, td, th, li {
  font-family:Arial, Verdana, sans-serif;
  font-size:0.95em;
  line-height:1.4;
}

#page {
  margin:0 5%;
}

#site-index #page {
  width:900px;
  margin:auto;
}

#content {
  background:#fff;
}

h2.headingblock {
  border-width:0 0 3px 0;
  border-color:#ddd;
  padding-bottom:0;
  color:#333;
}

.sitetopic {
  background:url(gradients/gradient.gif) repeat-x 0 0;
  border-color:#eee;
}

/* Header */

#wrapper {
  margin:0 5%;
}

#rotater {
  background:url(gradients/gradient_r.png) repeat-x 0 0;
}

#pictures {
  width:900px;
  margin:0 auto;
  padding:8px;
  background: #fff;
}

#spictures {
  width:930px;
  margin:0 auto;
  padding:5px;
  background: #fff;
}

/* Navbar */

.navbar {
  border:none;
  font-size:0.9em;
}

.breadcrumb .sep {
  font-size:0.9em;
}

/* Footer */

.copyright {
    font-size:.7em;
}

/* Sideblocks */

#left-column .sideblock {
	width: 180px;
}

#right-column .sideblock {
	width: 200px;
}

.sideblock .content li {
  line-height:1.6;
}

.block_course_summary .content {
  border-top-width:1px;


/*Because it doesn't have a header */
}

.editing .block_course_summary .content {
  border-top:none;
}

/* Course */

.coursebox {
  border-width:0 0 1px 0;
  padding-bottom:10px;
}

.coursebox .info {
  width:40%;
}

.coursebox .summary {
  width:50%;
}

.categorybox {
  border:none;
}

/* User */

.userinfobox {
  border:none;
}

.userinfobox td.content {
  border:1px dotted #aaa;
  background:#eee;
}

/* Admin */

/* Messages */

.messages #page {
  margin:0;
}/***** OtakeBlueLight/otakes.css end *****/

/***** OtakeBlueLight/otakes_color.css start *****/

/* Use this file to alter your colors */

/* Edit the color values below to change your link font colors */

a:link,
a:visited,
div.tabtree ul li ul li a span {
  color:#4F58C2;
}

/* Edit the color value below to change your link font colors when hovered over. */

a:hover,
a:active {
  color:#151A3E;
}

/* Edit the following color value to change the font color of H1, H2, and H3 elements placed in the "topic section" of the front page. */

.sitetopic h2,
.sitetopic h3,
.sitetopic h4 {
  border-bottom:1px dotted #ddd;
  margin-top:0;
  color:#151A3E;
}

/* Edit the hex code in the "border-bottom" line below to change the color of the header bottom border. And, of course, the background hex will alter the background image color */

#header-home {
  background:#151A3E;
  padding:30px 0 20px;
  color: #fff;
}

#header {
  background:#151A3E;
  padding:30px 0 20px;
  border-bottom: 4px #9E7623 solid; 
  color: #fff;
}

/* This sets the color of your site and course titles  that appear in your header of each page */
h1.headermain {
  color:#fff;
}

/* This sets the color of span items in your course or site titles. This is further explained in README.html */

h1.headermain span {
  color:#bbb;
}

/* Sets the color of "You are logged in as ..." text */
.headermenu {
  color:#ddd;
}

/* Sets the color of your connected user */
#header-home a:link,
#header-home a:visited,
#header a:link, 
#header a:visited {
    font-weight: bolder;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-style: italic;
    color: #8B95D7;
}

/* Sets the color of your tagline */

h2.headertag {
  float:left;
  margin:0;
  font-size:0.8em;
  clear:both;
  color:#ccc;
  line-height:1em;
}

/* Sideblock link color */

.sideblock a:link,
.sideblock a:visited {
  color:#333;
}

/* Sideblock link color while hovered over */

.sideblock a:hover,
.sideblock a:active {
  color:#151A3E;
  text-decoration:none;
}

/* You can alter the color and border of the sideblocks here */

#left-column .sideblock .header {
  border-width:1px 1px 0 1px;
  background:#fff;
  background: url(gradients/gradient_lc.png) repeat-x 0 0;
  border:0px;
  padding:5px;
  height: 40px;
  text-align: right;
}

#right-column .sideblock .header {
  border-width:1px 1px 0 1px;
  background:#fff;
  border-style:dotted;
  border-color:#8B95D7;
  padding:5px;
}

#left-column .sideblock .content {
  border-width:0 1px 1px 1px;
  background:#fff;
  border: 0px;
  padding:5px;
  line-height:1.5;
}

#right-column .sideblock .content {
  border-width:0 1px 1px 1px;
  background:#fff;
  border-style:dotted;
  border-color:#8B95D7;
  padding:5px;
  line-height:1.5;
}

/* Sets the color of sideblock titles */

#left-column .sideblock .title h2 {
  font-size:1.2em;
  border-bottom:0px dotted #8B95D7;
  color:#8B95D7;
}

#right-column .sideblock .title h2 {
  font-size:1.2em;
  border-bottom:1px dotted #8B95D7;
  color:#8B95D7;
}

/* This will change the color of "selected" weeks or topics in course view */

#course-view .weeks .current td.side,
#course-view .topics .current td.side {
  background:#8B95D7;
  color:#fff;
}

/* Sets the color of fieldset titles (legends) in profile, admin, etc. */

legend {
  background:url(gradients/gradient.jpg) repeat-x 0 0;
  border:1px solid #ddd;
  color:#4F58C2;
  padding:1px 4px
}

/* Determines the color of forum list header background color */

.forumheaderlist th {
  background:#8B95D7;
  border-bottom:1px solid #000;
}/***** OtakeBlueLight/otakes_color.css end *****/