/*
* HOW TO USE SKIN-testskin
*
* Some of the colors in this skin are determined here in the
* style sheet, others are burned into the background graphics
* linked from here.
*
* In order to do a proper job of creating a unified color scheme
* you should edit the colors here but also edit the graphical
* elements to match.
* 
*/

@import url('http://www.slumberlords.co.uk/cchost-4.5SVN/cctemplates/skin-simple.css');

/**********************
* Change color header *
***********************/

body {      /* area around the header  */
  background-position: 0% 0%; background-image:url('testskin/header-bg.gif'); background-repeat:repeat-x; background-attachment:scroll
}
#cc_header { /* main banner */
  background: url("testskin/header.gif") top center no-repeat;
}
#cc_header h1 { /* top left corner */
  background: url("testskin/header-tl.gif") top left no-repeat;
}
#cc_header form { /* top right corner */
  background: url("testskin/header-tr.gif") no-repeat top right;
}

/*************************************
* Main color background for the page *
* This MUST be below the previous    *
* body{} selector                    *
**************************************/

body {
        color:#003301
}

/*********************************
* Change color of navigator tabs *
**********************************/

/***** Normal state *******/
#cc_header li, #cc_sub_header li {  /* The tab */
  background: url('testskin/tab.gif') no-repeat 100% -600px;; font-family:Xirod; color:#333133; font-size:8pt
}

#cc_header ul a, #cc_sub_header ul a  {  /* The link inside the tab */
  background: url('testskin/tab.gif') no-repeat 0% -600px;; font-family:Xirod; color:#333133; font-size:8pt
}

/***** Selected state *******/
#cc_header ul li.selected_tab a, #cc_sub_header ul li.selected_tab a {
  background: url('testskin/tab.gif') no-repeat 0% 0px;
  color:#013388;font-family:Xirod; font-size:8pt
}

#cc_header ul li.selected_tab, #cc_sub_header ul li.selected_tab  {
  background: url('testskin/tab.gif') no-repeat 100% 0px;
  border-bottom: 1px solid #FFE2BF; font-family:Xirod; color:#333133; font-size:8pt
}

/****************************************
* Change color of search form *
*****************************************/
#cc_header form #cc_submit {
  background: #DDC4A6;
}

#cc_header form #search_text {
  border:  1px solid #FFE2BF;
  background: #DDC4A6 url('testskin/input.png') repeat-x bottom;; color:#00FF00
}


/**************************************************
* Change the width of the main link in the header *
***************************************************/
#cc_header h1 a {  
  width: 100px;    /* Use this value to expand or contract the link in the header */
}

/**********************************
* Shift the text of main link and *
* site description  to the right  *
* to make way for our logo        *
***********************************/

#cc_header h1 a { /* main site link */
  padding-left: 2px;
}

#cc_header p {    /* site description */
  padding-left: 2px;
}

/**********************************
* Change the color of the footer  *
***********************************/

.cc_rbroundbox { background: url('testskin/footer-nt.gif') repeat; }
.cc_rbtop div { background: url('testskin/footer-tl.gif') no-repeat top left; }
.cc_rbtop { background: url('testskin/footer-tr.gif') no-repeat top right; }
.cc_rbbot div { background: url('testskin/footer-bl.gif') no-repeat bottom left; }
.cc_rbbot { background: url('testskin/footer-br.gif') no-repeat bottom right; }


/***************************************
* Change the color of download, stream *
* review and other command buttons     *
***************************************/

a#cc_streamfile,
a#cc_downloadbutton, 
a.cc_gen_button, 
a#ratingscommand, 
a#commentcommand, 
a#replyremix  {
    background: url('testskin/button-left.gif') no-repeat left top;
}

a.cc_gen_button span, 
a#ratingscommand span, 
a#commentcommand span, 
a#replyremix span {
    background: url('testskin/button-right.gif') no-repeat right top;
}

a#cc_downloadbutton span {
    background: url('testskin/button-right-dl.gif') no-repeat right top;
}

a#cc_streamfile span {
    background: url('testskin/button-right-play.gif') no-repeat right top;
}

.cc_file_download_popup { /* the little download popup div */
    border: 1px solid #060;
    background: #FFE2BF;
}

.cc_podcast_link {
    background-image: url('testskin/flat-button-pod.gif');
}

.cc_stream_page_link {
    background-image: url('testskin/flat-button-strm.gif');
}

/*********************
* Change menu colors *
**********************/

#cc_leftside p { /* Menu header */
  color: #000000;font-family:Trajan Pro
}

#cc_leftside li a { /* Menu item */
  color: #003366;font-family:Trebuchet MS
}

.cc_more_menu_link { /* See more... link */
  font-weight: normal;
  margin-left: 18px;
  font-size: smaller;
  color: #000000;
}

/************************
* Generic Page Stuff    *
*************************/
#cc_centercontent h1, #page_title { /* Page title */
    color: #543B1C;
        font-family:Trajan Pro; font-weight:bold
}


a {                                     /* Default color for all links */
   color: #003300;font-family:Tahoma; font-weight:bold
}

.cc_system_prompt {
    background: #DDB7A6;
    color: #543B1C;
}

/************************
* Form colors           *
*************************/
.cc_form_label { /* Field labels */
   color: #336699;font-family:Trajan Pro; font-size:14pt; font-weight:bold
}

.cc_form_tip {   /* Little help tips under the label */
   color: #040;
}

.cc_form_submit {  /* Generic form submit button */
   background-color: #DDB7A6;
   color: black;
}

.cc_form_about, .cc_submit_form_help  { /* Submit form text */
   color: #040;
}

.cc_form_about, .cc_submit_forms { /* 'Submit Files' form container */
   border: 1px dotted #040;
}

.cc_submit_forms h2 { /* 'Submit Files' form title */
   color: #040;
}

/************************
* Color upload listing *
*************************/

#cc_record_listing h2 a { /* File name link */
        color: #000000;font-family:Trajan Pro; font-weight:bold
}        

#cc_file_info th { /* Field headings */
        color: black;
}


/************************
* Colors on user page   *
*************************/
.cc_user_listing_table th, .cc_user_listing_table .cc_user_avatar {  /* Avatar background */
        background: #FFC57F;
        border: 1px solid #14253D;
}


/***********************
*  Colors on remixes
************************/
#cc_downstream_mixes {
    background-color:#DDB7A6; /* "Uses samples from..." box */
}

#cc_upstream_mixes {
    background-color:#DDCFA6;   /* "Samples are used in..." box */
}

/***********************
*  testskin Specific
************************/
.testskin_hello {
    color: red;
    font-weight: bold;
    border: 1px solid red;
    padding: 4px;
    margin: 5px;
}