/*
    This is the Canvas skin for Chisimba. It is based on the
    CAZPIX skin by Paul Scott, and the metallic skin from which
    this skin was directly derived. It uses the skin engine version
    2 for Chisimba, and implements the canvas model as proposed
    by Derek Keats.

    Author: Derek Keats
    License: GPL V2
    
*/



/*
    The ovearll page, font and background
*/
html, body {
    background: url('images/bg.gif');
}

/*
    The container is the outer area within the page
*/
#container {
    background: url("images/overlay25.png") top left repeat;
    border: 2px solid yellow;
}

/*
    The header div. The content of the header is actually in a H1 heading
*/
#header {
    background: url("images/overlay-sm.png") top left repeat;
}


/**
    BEGIN: Content Feature Box as used for the blocks that
    appear in the page body
**/
.contentfeaturebox {
    background: url("images/overlay50.png") top left repeat;
}

.featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
    background: url("images/overlay25.png") top left repeat;
}

/*
The blog and some other content uses H3 within a contentfeaturebox.
It is styled here to produce the top part of each blog post so that
it is offset from the text content.
*/
.contentfeaturebox h3 {
    background: url("images/overlay25.png") top left repeat;
    border: solid yellow 1px;
}

/*
    The headder of the feature box,  that appears
    above the content.
*/
.featureboxheader
{
    background: url("images/overlay-sm.png") top left repeat;
}

/* The bottom part of each blog post with comments and tags, etc */
.blog-item-base {
    background: url('images/overlay25.png');
    border: 1px groove yellow;
}
#contentcontent{
    background: url("images/overlay-sm.png") top left repeat;
}

.featurebox,  body.help-popup {
    background: url("images/overlay-sm.png") top left repeat;
    border: 1px solid  yellow;
}

.toolbar_menuuser {
    background: url("images/overlay-sm.png") top left repeat;
    border: 1px solid  #fffff;
}
#nav-secondary {
    background: url("images/overlay-sm.png") top left repeat;
}

#nav-secondary li:before {
    content:url(images/bullet.png);
}

.fblinkbefore {
     background: url("images/bullet_grey.png") center left no-repeat;
fieldset {
    background: url("images/overlay-sm.png") top left repeat;
    border:0.5px solid yellow;
}

.tabcontentstyle {
    background: url("images/overlay50.png") top left repeat;
}

fieldset .tabbox {
    background: url("images/overlay25.png") top left repeat;
    border:0.5px solid yellow;
}

th {
    background: url("images/overlay-sm.png") top left repeat;
}

th a {
    color: #000000;
}

#tabpage1{
     background: transparent url("images/overlay-sm.png") top left repeat;
}



#footer {
    background: url("images/overlay-sm.png") top left repeat;
    border: 1px red;
}

#footer a {
    color: red;
}

#breadcrumbs {
    background: url("images/overlay-sm.png") top left repeat;
}

/* The top menu bar */
#menu>ul>li {
    background: url("images/overlay-sm.png") top left repeat;
    border: 1px solid yellow;
}
/* The top bar with the mouse over */
#menu>ul>li a:hover{
    background: url("images/overlay-sm.png") top left repeat;
}

/* The dropdown menu */
#menu li ul {
    background: url("images/overlay-menu.png") top left repeat;
    border: 1px solid silver;
}

/* Dropdown with the mouse over it */
#menu li ul li:hover a:hover{
    background: #FFFFCC;
}

form.inplaceeditor-form { /* The form */
   background-color: yellow;
}

/*
    Styles for odd/even table rows.
*/
td.odd {
     background: url("images/overlay-sm.png") top left repeat;
}

td.even {
     background: url("images/overlay50.png") top left repeat;
}

th.heading {
    background: url("images/overlay70.png") top left repeat;
}

.storytitle h3 {
    background: url("images/overlay25.png") top left repeat;
    border-bottom: solid yellow 1px;
}
.storyauthor {
    background: url("images/overlay25.png") top left repeat;
}

.currentstory {
    background: url("images/overlay25.png") top left repeat;
}

/************ news stories tabs *************/

/*

Styles for the Modern Brick Menu
Credits: Dynamic Drive CSS Library
http://www.dynamicdrive.com/style/csslibrary/item/modern-bricks-menu/

*/
    /*background: url("images/overlay-sm.png") top left repeat;
}*/

#modernbricksmenu a:hover{
    background: url("images/overlay-sm.png") top left repeat;
}

#modernbricksmenu #current a{ /*currently selected tab*/
	background: url("images/overlay50.png") top left repeat;
}
#modernbricksmenuline{
    background: url("images/overlay-sm.png") top left repeat;
}
/* ---    END - Styles for the Modern Brick Menu ---*/

/** Wiki specific styles **/
#ratingDiv {
    background: url("images/overlay25.png") top left repeat;
}

#ratingTabnav1 {
    background: url("images/overlay25.png") top left repeat;
}

#input_value {
    background: url("images/overlay-sm.png") top left repeat;
}

.WCHhider {
    background: url("images/overlay-sm.png") top left repeat;
}

/** Discussion forum specific styles */

/** Discussion forum specific styles */

.forumBlock legend {
    background: url("images/overlay70.png") top left repeat;
    border: solid yellow 1px;
}
.newForumContainer {
    background: transparent url("images/overlay-sm.png") top left repeat;
    border: 1px solid yellow;
}

.newForumTopic {
    background:transparent url("images/overlay50.png") top left repeat;
}

.newForumContent {
    border-top: 1px solid yellow;
}

.allforums {
    background: url("images/overlay-sm.png") top left repeat;
}
.allforums th {
    border-bottom: solid 1px yellow;
}

/** Twitter module blocks styles **/
.query {
  color: #085258;
}
.query .tweet_list li a {
    color: #0C717A;
}
.query .tweet_list .tweet_even {
    background: url("images/overlay50.png") top left repeat;
}

.query .tweet_list .tweet_odd {
    background: url("images/overlay-sm.png") top left repeat;
}
#myLastTweet {
  color: #085258;
}
#lastten p:before {
    content:url(images/bullet.png);
}

/** Fix latest post for forum */
/*@todo*/

/** Fix up personal blocks **/

.middleblock {
    background: url("images/overlay25.png") top left repeat;
    border: solid yellow 1px;
}

/** Fix up some photogallery styles */

#albums .album {
    background: url("images/overlay25.png") top left repeat;
}
.imagethumb a {
    background: url("images/overlay25.png") top left repeat;
}

.imagethumb a:visited {
    background: url("images/overlay50.png") top left repeat;
}
/* The layer that the thumbs are displayed into */
#main2 {
    background: url("images/overlay-sm.png") top left repeat;
}

/**

Ext javascript styles
It will be quite complicated to do this in the skin

*/
.x-panel-body {
    background: url("images/overlay-sm.png") top left repeat;
}

/**
For the blog blocks displayed as a middle block
**/
.blogpreview {
    background: url("images/overlay-sm.png") top left repeat;
}

/**
Homepage styles
**/
#homepagestats {
    background: url("images/overlay-sm.png") top left repeat;
}

/**
Can we wrap standard forms so they can be styled?
**/
.standard_form {
    background: url("images/overlay-sm.png") top left repeat;
}

.warning:before {
    content:url(images/warning-icon.png);
}
.error:before {
    content:url(images/error-icon.png);
}

/**
Skin chooser dropdown
**/
#input_skinlocation {
    background: url("images/overlay-menu.png") top left repeat;
    width: 170px;
}

/**
Creative commons file license selectors
**/

#input_creativecommons_fileupload1,
#input_creativecommons_fileupload2,
#input_creativecommons_fileupload3 {
    background: url("images/overlay-sm.png") top left repeat;
}

/**
File create folder
**/
form#form_createfolder{
    background: url("images/overlay-sm.png") top left repeat;
}

/*
Module catalogue specific
*/
.moduleupdate {
    background: url("images/overlay-sm.png") top left repeat;
}

/*
eLearning styles
*/
#form_createcontext, #form_updateplugins table {
    background: url("images/overlay-sm.png") top left repeat;
}
ul.htmlliststyle li:before {
    content:url(images/bullet.png);
}

#paginationresults_pagenavigation_context,
#paginationresults_pagenavigation_all,
.chapterlisting, .addchapterform, .wrappedsegment,
.innerwrapper {
    background: url("images/overlay-sm.png") top left repeat;
}
.outerwrapper {
    background: url("images/overlay25.png") top left repeat;
}
.adminadd {
    background: transparent url("images/icons/add.png") no-repeat;
}
.adminedit {
    background: transparent url("images/icons/edit.png") no-repeat;
}
.admindelete {
    background: transparent url("images/icons/delete.png") no-repeat;
}
.modulehome {
    background: transparent url("images/icons/modulehome.png") no-repeat;
}
.adminicon {
    background: transparent url("images/icons/admin.png") no-repeat;
}

/******   ALL RESETS FOR SPECIFIC SELECTORS ********/
.colorbox h3 {
    background: transparent;
    margin:0;
    border:0;
    outline:0;
    padding: 0;
    margin-bottom:10px;
    margin-top:10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
}

hr {
    color: #999999;
    height: 5px;
}