/*

STRUCTURE

UL
    LI           LI
+-----------+-----------+
|UL         |UL         |
|    LI/LI  |    LI/LI  |
+-----------+-----------+
|    LI/LI  |    LI/LI  |
|           |           |
+-----------+-----------+
|    LI/LI  |    LI/LI  |
|/UL        |/UL        |
+-----------+-----------+
    /LI          /LI
/UL

  first     last
+--------+--------+
| 1      | 2      | first
+--------+--------+
|        |        |
+--------+--------+
| 1      | 2      | last
+--------+--------+
*/
.pierre,
.yinyang {
    border:           2px solid darkorange;
   -moz-border-radius:.5em;
    margin:           .5em 0;

    font-size:        12pt;
    line-height:      14pt;
}
.pierre {
    background:       url("/_img/Merkaba-15-trans.png") bottom right no-repeat navajowhite;
    padding:          .5em 0 .5em 10em;
}
.yinyang {
    background:       url("/_img/yin-yang-trans.png") bottom right no-repeat navajowhite;
    padding:          .5em 1em .5em 1em;
}
.pierre img {
    margin:           0 0 0 -9.5em;   
}

.pierre>ul,
.yinyang>ul {
    list-style:       none;
    margin:           0em .4em .1em;
    height:           10em;
}
.yinyang>ul {
    margin:           0 2em 0 3em;    
}
.pierre>ul>li,
.yinyang>ul>li {
    float:            left;
    color:            orange;
    border:           0px solid black;
}

.pierre>ul>li:first-child {
    width:            8em;   
}
.pierre>ul>li:last-child {
    width:            20em;   
}
.pierre>ul>li>ul {
    display:          block;
}

.yinyang>ul>li>ul {
    display:          block;
    width:            16em;
}

.pierre>ul>li>ul>li,
.yinyang>ul>li>ul>li {
    display:          block;
    border:           dotted orange;
    border-width:     0 0 2px 0;
    list-style:       none;
}

.pierre>ul>li:last-child,
.yinyang>ul>li:last-child {
    text-align:       right;
    color:            red;
}

.pierre>ul>li:first-child,
.yinyang>ul>li:first-child {
    color:            black;    
}
.pierre>ul>li>ul>li:first-child {
    color:            maroon;
}
.pierre>ul>li:first-child>ul>li:after {
    content:          " :";
}
.pierre>ul>li:last-child>ul>li:first-child {
    font-weight:      bold;
}
.pierre>ul>li:last-child>ul>li:first-child {
    letter-spacing:   .5em;
    font-variant:     small-caps;
}
.yinyang>ul>li>ul>li:first-child {
    color:            maroon;   
    font-weight:      Bold;
    font-variant:     small-caps;
    border-color:     maroon;
    margin:           0 0 .5em;
}

.pierre>ul>li>ul>li{}

table.rock tbody{
border:none;width:430px;margin-bottom:20px;background:none}
table.rock tbody td.nameRock{width:120px;background:none}
table.rock tbody td.detRock{width:300px;background:none}