/* BASE RULES */

body {
    margin: 0 ;
    padding: 0;
    color: #000;
    /* background-color: #FFF; 
    background-color: #f0f8ff; */
    background: url(/cartoons/artist_section/bg1.gif) #FFF 0 0 repeat-y;
    font: 100%/1.5em verdana, sans-serif;
    text-align: center;
}




/* TYPOGRAPHY RULES */
h1 {
    margin: 0.4em 0 0 0;
    padding-top: 0.2em;
    color: #069;
    border-bottom: 1px solid #069;
    font:  bold 160% "comic sans", cursive;
    text-align: center;
}
div {
}

.mitte {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

h2 {
    margin: 15px 0 0.5em 0;
    font:  bold 120% "comic sans", cursive;
    /* font-size: 120%; */
}

h3 {
    margin: 0 0 0px 0;
    font:  bold 100% "comic sans", cursive;
    /*font-size: 100%;*/
}


p {
   margin: 10px 75px 10px 125px;
   font-size: 80%;
   width: 85%;
   text-align: left;
}

p.centered {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 10px 0 10px 0;
    font-size:80%;
}

/* NAVIGATION RULES */

/* navigation footer */
#avigat {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 3px;
    padding: 0;
    color: #0FF; 
    width: 100%;
    border-top: 1px solid #069;
    font-size: 80%;
}

#avigat a {
    padding: 0  1em ;
    color: #00BFFF;
    text-decoration: none;
    margin: 0;
    width: 15%;
}

#avigat a:hover {
   color: #000;
   padding: 0 1em ;
   text-decoration: none;
   margin: 0; 
}


/* HYPERLINK RULES */

a:link {
    color: blue;
    text-decoration: underline;
}


a:visited {
    color: purple;
    /*text-decoration: underline; */
}

a:hover {
   color: red;
   text-decoration: none;
}

/*TABLE RULES */
table {
    margin-left: auto;
    margin-right: auto;
    border: none;
    width: 100%;
}

th, td {
    margin: 0;
    padding: 2px 4px;
}

th {
    color: #fff;
    text-align: center;
}

td {
   text-align: center;
}

caption {
   margin-left: auto;
   margin-right:auto;
   caption-side: top;
}

/* FORM RULES */
form {
    margin: 1em 100px 1em 100px;
}


fieldset {
   margin: 0 0 0 0;
   padding: 0.5em;
   text-align: center;
   border: 1px solid #000;
}


input, select, textarea {
    font: 100% verdana, sans-serif;
    border: 1px solid #000;
}

#submit {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
} 

#reset {
    color: #000;
    background: #ffa20f;
    border: 2px outset #d7b9c9
}


label {
    margin: 1em 0 0.3em 0; 
    display: block;
    font-weight: bold;
    font-size: smaller;
}

.radio_label {
    padding: 0 0 0 0;
    margin: 0;
    display: inline;
}
 

legend {
     text-align: center;
     color: #fff;
     background: #ffa20c;
     border: 1px solid #781351;
     padding: 1px 3px;
}

/* Lists */
ul {
    list-style:none ; 
}
 
li {
    margin: 0.4em 50px 2em 0;
    font-size: smaller;
}

li li {
    font-size: 12px;
}

ol { 
    padding: 0 6em;
}

ol li {
   text-align: left;
}