.imagine_mica {
    border: 1px dotted black;
    padding: 4px;
    display: inline;
    width: 140px;
    height: 140px;
}

*{
    padding: 0;
    margin: 0;
}

body {
    font: .8em Verdana, Arial, Sans-Serif;
    line-height: 1.6em;   
    text-align: center;
}

a {
    color: #0066B3;
    background: inherit;
    text-decoration: none;
}

h1 {
    font: bold 1.9em Arial, Arial, Sans-Serif;
    padding: 0;
    margin: 0;
}

h2 {
    font: bold 1.2em Arial, Arial, Sans-Serif;
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

p {
    margin-top: 5px;
}

#wrap {
    margin: 0 auto; 
    width: 900px;
    text-align: left;
}


/* TOP HEADER -------- */
#top {
    margin: 0 auto;
    padding: 0;
    color: #777;
    background: #FFF url(../images/top.jpg) repeat-x top;
    height: 81px;
}

#top h1 {
    padding: 10px 0 0 25px;
    color: #FFF;
    font-size: 160%;
    background: transparent;
}

#top h2 {
    padding: 0px 0 0 25px;
    color: #aaa;
    font-size: 80%;
    background: transparent;
}

#top .padding {
    padding-top: 5px;
}

#top .lefts {
    background: transparent url(../images/topl.jpg) no-repeat left;
    height: 81px;
}

#top .rights {
    background: transparent url(../images/topr.jpg) no-repeat right;
    float: right;
    height: 81px;
    width: 18px;      
}

/* SUBHEADER --------------------------------------*/
#subheader {
    clear: both;
    border-top: 1px dotted #888;
    border-bottom: 1px dotted #888;
    background: #eeeeee;
    color: #707070;
    padding: 0px 17px;
    margin: 7px 8px 0px 8px;
}

/* TOP MENU ---------- */
#topmenu {
    margin: 0px 8px 0 8px;
    padding: 0;
    background: url(../images/menu.jpg) repeat-x top;
    height: 35px;
}

#topmenu .lefts {
    background: url(../images/menul.jpg) no-repeat left;
    height: 35px;
    padding-left: 5px;
}

#topmenu .rights {
    background: url(../images/menur.jpg) no-repeat right;
    float: right;
    height: 35px;
    width: 8px;
}

#topmenu li a {
    color: #FFF;
    text-align: left;
    padding-left: 10px;
    padding-right: 15px;
    text-decoration: none;
    background: transparent;
    font-weight: bold
}

#topmenu li {
    padding: 0px;
    float: left;
    margin: 0;
    font-size: 11px;
    line-height: 35px;
    white-space: nowrap;
    list-style-type: none;
    width: auto;
    background: url(../images/sep.gif) no-repeat top right
}

#main {
    background: #FFF;
    margin: 25px 0 10px 0;
    color: #666;
}

#main #rightside {
    width: 220px;
    float: right;
    background: #FFF;
    margin-right: 8px;
    color: #666;
}

#main #rightside .box {
    background: #eeeeee;
    margin-bottom: 10px;
    padding: 5px;
    color: #666;
}


#main #rightside h2 {
    font: bold 1.0em Arial, Arial, Sans-Serif;
    background: #CDCDCD url(../images/greyc.gif) no-repeat top right;
    height: 18px;
    padding: 3px;
    color: #777;
}

#main #leftside a, #main #rightside a {
    border: 0;
    text-decoration: none;
}

/* LEFT SIDE - ARTICLES AREA -------- */
#leftside {
    padding-left: 8px;
    color: #888;
    background: #FFF;
    margin-right: 255px;
    margin-left: 8px;
}

#leftside h2 {
    color: #555;
    text-indent: 17px;
    background: #FFF url(../images/head.gif) no-repeat left;
}

/* FOOTER -----------------------------*/
#footer {
    clear: both;
    background: #FFF url(../images/footer.jpg) repeat-x;
    height: 46px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 75%;
    color: #777;
}

#footer p {
    padding: 5px;
}

#footer .dreapta {
    float: right;
    display: inline;
    padding: 5px;
    text-align: right
}