body{
color:#000;
background:#ccc url(../img/design/bg_body.gif) repeat;
}

#all{}
#main{}
#head{background-color:#fdde00;}
#body{background-color:#fff;}
#foot{}
#menu{}

/* html scheme */
h1{color:#000;}
h2{color:#5f5f5f;}
h3{ color:#5f5f5f;}
h4,h6{ color:#5f5f5f;}
h5{ color:#5f5f5f;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  HEAD FOOT CONTENT BOXAREA specials ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* special html design in content */
#content h3{}
#content .lighter{}


/* special html design in boxarea */
#boxarea {}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  OBJECTS and common classes  ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.txt_blue, #main .content .txt_blue{color:#05a4df;}
.txt_red, #main .content .txt_red{color: #CC0000;}
.txt_gray, #main .content .txt_gray{color: #5a5a5a;}

/* BACKGROUNDS -> this is usefull */

.bg_0{background-color:#fff;}
.bg_1{background-color:#f6f6f6;}
.bg_2{background-color:#dede42;}
.bg_3{background-color:#cdcdcd;}
.bg_4{background-color:#e5e5e5;}
.bg_5{background-color:#f3f3f3;}
.bg_6{background-color:#efefef;}
.bg_7{background-color:#e57516;}

/* END OF BACKGROUNDS */



/* status msgs */
.status_msg1{color:#90232b;} /* BAD */
.status_msg2{color:#000;} /* OK */


/* form validation */
.f_state1{background-color:#cd6068;} /* required */
.f_state2{background-color:#efeeb4;} /* not uniq */
.f_state3{background-color:#efefef;} /* min-length */
.f_state4{background-color:#fad675;} /* same values */
.f_state5{background-color:#fad675;} /* bad format */



/* common A states + dark + light */
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#461215; text-decoration:none;}
a:visited:hover {color:#461215; text-decoration:none;}
a:active {color:#461215; text-decoration:none;}
a:focus {color:#461215; text-decoration:none;}
a:focus:hover {color:#461215; text-decoration:none;}

a.dark:link {color:#000; text-decoration:underline;}
a.dark:visited {color:#000; text-decoration:underline;}
a.dark:hover {color:#000; text-decoration:none;}
a.dark:active {color:#000; text-decoration:none;}
a.dark:focus {color:#000; text-decoration:none;}
a.dark:focus:hover {color:#000; text-decoration:none;}

a.light:link {color:#333; text-decoration:underline;}
a.light:visited {color:#333; text-decoration:underline;}
a.light:hover {color:#461215; text-decoration:none;}
a.light:active {color:#461215; text-decoration:none;}
a.light:focus {color:#461215; text-decoration:none;}
a.light:focus:hover {color:#461215; text-decoration:none;}

span.graytxt{color:#999;}

/* IMG HEADERS */

/* BOXY */


/* END OF BOXY */


/* DEVELOP CSS */
.br_{border:1px solid red;}
.bb_{border:1px solid blue;}
.bg_{border:1px solid green;}
.by_{border:1px solid yellow;}
.bp_{border:1px solid purple;}
.bv_{border:1px solid violet;}