/**************************************
 * THEME NAME: sdc-anomaly-menu
 *
 * Files included in this sheet:
 *
 *   sdc-anomaly-menu/styles.css
 *   sdc-anomaly-menu/styles_select.css
 *   sdc-anomaly-menu/styles_yui_menu.css
 **************************************/

/***** sdc-anomaly-menu/styles.css start *****/

/**
 * SDC-Anomaly - A new Moodle theme for South Devon College by Paul Vaughan.
 *
 * Any line indented with 4 spaces is a new line added by me or an old line changed in some way.
 */

/* Core */

body {
  padding:0;
  margin:0;
}

body, p, th, td, li {
    font-family: "Droid Sans", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.95em;
  line-height:1.5;
}
/*h1 {
    font-family: "Droid Serif", "Times New Roman", Times, serif;
}*/

p {
  margin-top:0;
  margin-bottom:1em;
}

#page {
  margin:15px 2%;
}

#layout-table {
  margin:0;
  padding-top:15px; /* Some top padding is needed, or page looks too squished. */
    /* IE6+7 are not seeing top padding at all and refuse to move.*/
}

.weeks-format, .topics-format {
    margin-top: 0;
    padding-top: 10px;
}

.tabtree ul li ul li a.nolink span {
  color:#000;
}

/* Header */

#header h1.headermain,
#header-home h1.headermain {
  /*font-size:2.3em;*/
    font-size:1.75em;
  color:#fff;
    padding: 0 0 15px 15px;
  line-height:0.7;
  font-weight:normal;
}

h1.headermain span { /* Used I think for the VLE's description. Not used here. */
  font-size:0.45em;
    color: #ccc;
}
h1.headermain span p {
  margin-bottom: 0;
}

#header h1.headermain-img {
  /*font-size:2.3em;*/
    font-size:1.75em;
  color:#fff;
    padding: 0 0 0 15px;
  line-height:0.7;
  font-weight:normal;
}

.headermenu {
    color: #ccc;
  margin-right:15px;
}

/* Navbar */

.navbar {
  border:none;
  margin:0;
}

.navbar .breadcrumb .sep {
  font-size:0.8em;
  padding:0 5px;
}
/* Content */

#content {
  margin: 0 11px;
  background: #fff;
  /*padding: 0 0 20px;*/
    padding: 10px 0 20px;
}

#site-index #content,
#course-view #content {
  padding-top:0;
}

.sitetopic {
  border:none;
}

h2.headingblock {
    background: #f5e5ff;
  border-width: 1px 0;
  padding:4px 5px 2px;
}

/* Sideblocks */

.sideblock .header {
  padding:7px 8px 0;
  border:none;
  background:url(images/sideblock_t.png) no-repeat 0 0;
}

/*.sideblock .title h2 {
  font-size:1.1em;
}*/

.sideblock .content {
    background: #fff;
    border-width: 0 1px;
    border-color: #4f2170;
  padding-bottom:0;
}

.sideblock {
  background:url(images/sideblock_b.png) no-repeat 0 100%;
  padding-bottom:11px;
}

.block_login .header {
    background: url(images/sideblock-y_t.png) no-repeat 0 0;
}

.block_login .content {
    background: #f5fdc1;
    border-color: #a1bd0c;
}

.block_login {
    background: url(images/sideblock-y_b.png) no-repeat 0 100%;
}

#right-column .hidden .header,
#left-column .hidden .header {
  border-bottom:none;
}

#left-column .hidden {
  padding-bottom:11px;
}

.sideblock .title .commands {
  padding-bottom:5px;
}

.weeks-format #left-column,
.weeks-format #right-column,
.topics-format #left-column,
.topics-format #right-column {
  width: 200px;
}

.weeks-format #middle-column ,
.topics-format #middle-column {
  margin: 0 210px 0 210px;
}

.block_course_summary .content {
    border-top: 1px solid #4f2170;
}

.block_online_users .info {
  padding-bottom: 3px;
}

/* Calendar */

.sidecalendar .sideblock,
.sidecalendar .sideblock .header {
  background:none;
}

/* User */

.userinfobox {
  border:none;
}

.userinfobox .content {
  border:1px solid #ddd;
  background:#f2f2f2;
}


/* Course */

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

.categorybox {
  border:none;
}
.coursebox .info {
  width:35%;
}

.coursebox .summary {
  width:55%;
}

.coursebox .teachers {
  padding-left: 1.5em;
}

.courseboxes {
  width:60%;
  margin: 0 auto;
}

#intro {
    background: #f5e5ff;
}

/* Forums */

.forumpost {
  border-width:0;
}

.forumpost td.left {
  background:none;
}

.forumpost td.content {
  border-width:1px 0 2px 0;
  border-style:solid;
  padding-top:10px;
}

.forumpost .topic {
  background:#f2f2f2;
}

.forumpost .topic.starter {
    background: #f5e5ff;
}

.forumpost .topic.starter .subject {
  font-size:1.2em;
}

/* Tables */

#participants th,
#user-grade th,
.logtable th,
.editcourse th,
#admin-roles-override th,
#admin-roles-assign th,
.forumheaderlist th {
  background:#f2f2f2;
  border-bottom:1px solid #bbb;

}

/* Login */

.loginbox {
  margin-bottom: 0;
  padding-bottom: 15px;
}

/* Modules */

#mod-forum-search #wrapper-br {
  padding-bottom: 21px;
}

#mod-forum-search .generalbox {
  padding-bottom: 0;
  margin-bottom: 0;
}

#mod-forum-search #content {
  padding:0 5% 20px 5%}

/* Footer */

#footer {
  margin:0 !important;
    color: #4f2170;
}
#footer-logo {
  float:left;
  padding-left:20px;
  line-height: 0;
}

#footer-loggedinas {
  float:right;
  padding-right:20px;
}

#footer-helplink {
  font-size: 0.8em;
  float: left;
  padding-left: 15px;
  line-height: 1em;
  padding-top: 3px;
}

#footer-helplink img {
  margin-bottom: 5px;
}

/* Various Hacks */

#theme-index #page {
  min-width: 900px;
}

/*.admin #page {
  min-width: 700px !important;
}*/

/* This style goes with the div in the header (and footer) and selectively feeds the transparent png into IE. */
/* Luckily, with Moodle, style sheets get processed by the PHP engine so we can use PHP to get the image paths. */
#iefix-header {
    position:relative;
    width:460px;
    height:84px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://moodle.southdevon.ac.uk/theme/sdc-anomaly-menu/images/jul07-logo-main-01.png');
}
#iefix-footer {
    position:relative;
    width:246px;
    height:22px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://moodle.southdevon.ac.uk/theme/sdc-anomaly-menu/images/jul07-logo-footer.png');
    cursor: pointer;
}
.calendar-controls .current {
    background-color: none !important;
}

/**
 * This whole section is code I want to chanage in the standard stylesheets but I don't want to
 * import the whole darned sheet.
 *
 * A lot of declarations need '!important' after them to make them work.
 */

/* This code stolen from standard/styles_color.css as it's not defined in this theme elsewhere
 * and we DON'T want any grey. */
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
    background-color: #f5e5ff !important;
}

/* I just wanted the dimmed text italic. :) */
a.dimmed:link,
a.dimmed:visited {
    color: #cac;
    font-style: italic;
}

/* Admin block 'current link' style */
.block_admin_tree.sideblock .link.current {
    background-color: #c194e0 !important;
}

td#left-column, td#right-column, .block_adminblock {
    width: 200px !important;
}

/* For some reason the (crappy) course category icons were being displayed with white backgrounds. No idea why.*/
body#admin-index .c0 {
    background-color: transparent !important;
}

/* Background for messages turns out to be dark purple. With black text. Ugh. */
body#message-messages {
    background-image: none !important;
    background-color: #fff !important;
}

/* Potential fix for IE7 which collapses the headers of the gradebook and mis-aligns the grades */
/* Didn't achieve anything 
td.controls, th.controls {
    height:3em !important;
}
.grade-report-grader div.left_scroller tr,
.grade-report-grader div.right_scroller td,
.grade-report-grader div.right_scroller th {
    height:4.3em;
}*/

/* Addition to highlight user's courses */
.mycourse {
    font-weight: bold;
}
/***** sdc-anomaly-menu/styles.css end *****/

/***** sdc-anomaly-menu/styles_select.css start *****/

/**
 * SDC-Anomaly - A new Moodle theme for South Devon College by Paul Vaughan.
 */

body {
    background: #c194e0 url(images/bg-body.png) repeat-x fixed 0 0 !important; 
}

a:link,
a:visited,
.tabtree ul li ul li a span {
    color: #352773;
}
a:hover {
    color: #8276b9;
}

.headermenu a:link,
.headermenu a:visited {
    color: #ccc;
}
.headermenu a:hover {
    color: #fff;
}

h2.headingblock,
.forumpost .content {
    border-color: #c194e0;
}

.navbar,
#course-view .weeks .current td.side,
#course-view .topics .current td.side {
    background: #4f2170;
}

.navbar {
    background: #fff;
    border-bottom: 1px solid #4f2170;
}

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

.navbar a:hover {
    color: #4f2170;
}

.navbar .breadcrumb .sep {
  color:#333;
}

#wrapper-t {
  background:url(images/wrapper_t.jpg) repeat-x 0 0;
}

#wrapper-l {
  background:url(images/wrapper_l.jpg) repeat-y 0 0;
}

#wrapper-r {
  background:url(images/wrapper_r.jpg) repeat-y 100% 0;
}

#wrapper-b {
  background:url(images/wrapper_b.jpg) repeat-x 100% 100%;
}

/*#wrapper-tl {
  background:url(images/wrapper_tl.jpg) no-repeat 0 0;
}

#wrapper-tr {
  background:url(images/wrapper_tr.jpg) no-repeat 100% 0;
}

#wrapper-bl {
  background:url(images/wrapper_bl.jpg) no-repeat 0 100%;
}

#wrapper-br {
  background:url(images/wrapper_br.jpg) no-repeat 100% 100%;
}*/

#header-t {
    background: url(images/header_t.png) repeat-x 0 0;
}

#header-r {
    background: url(images/header_r.png) no-repeat 100% 0;
}

#header-l {
    background: url(images/header_l.png) no-repeat 0 0;
    padding: 20px 0 0;
}

#header-m {
    background: #c194e0 url(images/bg-header.png) repeat-x 0 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  /*padding:0 10px;*/
}

#header-m.home {
    /*border-bottom: 1px solid #4f2170;*/
}

#footer-b {
    background: url(images/footer_b.png) repeat-x 0 100%;
}

#footer-l {
  background:url(images/footer_l.png) no-repeat 0 100%;
}

#footer-r {
  background:url(images/footer_r.png) no-repeat 100% 100%;
  padding-bottom: 11px;
}

#footer-m {
    background: #c194e0 url(images/bg-footer.png) repeat-x 0 100%;
  padding-top:11px;
    border-top: 1px solid #4f2170;
}
/***** sdc-anomaly-menu/styles_select.css end *****/

/***** sdc-anomaly-menu/styles_yui_menu.css start *****/

/***************************
** YUI Menubar styles
***************************/

.yuimenubar /* Entire bar */ 
{
  /*background: #eee;*/
    background: #f5e5ff;
  /*margin: 10px 0;*/
    margin: 0 1px;
    border-bottom: 1px solid #c194e0;
}

.yuimenu /* Sub container */ 
{
  /*background: #eee;*/
    background: #f5e5ff;
    border: 1px solid #c194e0;
}

.yuimenu a {
  text-decoration: none;
}

a.yuimenubaritemlabel /* Bar item link */ 
{
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #ddd;
  /*padding: 5px 24px;*/
  padding: 3px 24px;
  /*color: #000;*/
    color: #4f2170;
    font-weight: bold;
    font-size: 0.9em;
}

a.yuimenuitemlabel /* Sub item link */ 
{
  padding: 4px 24px;
  /*color: #000;*/
    color: #4f2170;
    font-weight: bold;
    font-size: 0.9em;
}

.yuimenubar li.first-of-type .yuimenubaritemlabel {
  border-width: 0; /* No border on the first bar item link */
}

.yuimenubaritem-hassubmenu /* Add down arrow to bar item */ 
{
  background: url(images/menu/menubaritem_submenuindicator.png) right center no-repeat;
}

.yuimenuitem-hassubmenu /* Add right arrow to sub item */ 
{
  background: url(images/menu/menuitem_submenuindicator.png) right center no-repeat;
}

/* Selected MenuItem */

li.yuimenubaritem-selected, /* Bar menu item */
li.yuimenuitem-selected  /* Sub menu item */ 
{
  /*background-color: #333;*/
    background-color: #c194e0;
}

a.yuimenubaritemlabel-selected, /* Bar menu item link selected */
a.yuimenuitemlabel-selected  /* Sub menu item link selected */ 
{
  text-decoration: none;
  color: #fff;
}

.yuimenubaritem-hassubmenu-selected /* Change down arrow on bar item */
{
  background-image: url(images/menu/menubaritem_submenuindicator_selected.png);
}

.yuimenuitem-hassubmenu-selected /* Change right arrow on sub item */
{
  background-image: url(images/menu/menuitem_submenuindicator_selected.png);
}

/* Added by Paul for extra fun */
.yuimenuitem img.bullet {
    float: left;
    margin-left: -20px;
}
/***** sdc-anomaly-menu/styles_yui_menu.css end *****/