/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

.hidden { display: none; }
.no-margin { margin: 0!important; }
.no-back { background: none; }

/* Main custom rules
------------------------------ */

html { background-color: #333; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #333} 



#site { 
    width: 800px;
    margin: 0 auto; 
    background-color: #fff; 
    border: solid 10px; 
    }
#layout {
    width: 100%;
    }
#col-left { 
    width: 320px; 
    padding: 15px; 
    }
#col-right { 
    width: 450px; 
    padding: 160px 20px 20px;
    }
#col-left img { 
    padding: 10px; 
    background: #fff; 
    }
#p-frame { 
    width: 335px;
    height: 483px;
    background: url(../skin/frame.png) no-repeat;
    }
#author a { 
    width: 100%;
    text-align: center;
    font-size: 11px; 
    font-weight: bold; 
    margin-top: 15px; 
    }
/* Colors
------------------------------ */


.g a { background-color: #739A38}
.y a { background-color: #B1A25F}
.b a { background-color: #889FD7}
.v a { background-color: #9676A0}

.active { background-color: #ccc;}
/* Text decoration
------------------------------ */
h1 { 
     font: 23px/1.6 Verdana, Arial, Helvetica, sans-serif;
     font-weight: bold;
     }
h2 { 
     font: 18px/1.7 Verdana, Arial, Helvetica, sans-serif;
     }
h3 {
     color: #E38323; 
     font: bold 14px/1.7 Verdana, Arial, Helvetica, sans-serif;
     text-transform: lowercase;     
      }
p { padding: 10px 0; margin: 5px 0 10px 0; }

#col-right ul li { 
             list-style-position: inside; 
             list-style-type: square; 
             padding-bottom: 10px;
             }
#col-right img { border: 1px solid; padding: 2px;}             
#col-left p { color: #000}
.menu li { list-style: none; }
.menu { padding: 20px 0 90px 0;}
.menu a, .active {
     padding: 2px 8px; 
     color:#fff; 
     border: 2px solid #fff;
     font: bold 14px/2.0 Verdana, sans-serif;
     text-decoration: none;
margin-left:4px;
     }