#page {
    width: 310px;    
    margin: 10px auto;
}

.left {float:left;}
.right {float: right;}

.red {color: red;}
.blue {color: #3c3c3c;}

.small{font-size: 12px;}

.round {
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.shadow{
    -webkit-box-shadow: 0px 1px 4px #ddd;
    -moz-box-shadow: 0px 1px 4px #ddd;
}

.effect{
    color: #aaa;
    font-size: 14px;
    text-decoration: none;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear, left top, left 30, from(#f1f1f1), color-stop(4%, #ffffff), to(#f4f4f4));
    background: -moz-linear-gradient(top, #f1f1f1, #ffffff 1px, #f4f4f4 30px);
    border: 1px solid #dadada;
    text-shadow: 1px 1px 0px #fff;
}

.add_comment a:hover,.write input[type="submit"]:focus{
    -webkit-box-shadow: 0px 0px 5px #f363a5;
    -moz-box-shadow: 0px 0px 5px #f363a5;
    box-shadow: 0px 0px 5px #f363a5;    
}

.error{
    -webkit-box-shadow: 0px 0px 5px #FF0000;
    -moz-box-shadow: 0px 0px 5px #FF0000;
    box-shadow: 0px 0px 5px #FF0000;    
}

.comment {
    position: relative;
    float:left; width: 310px;
    padding:5px;
    margin: 4px 0;
    border: 1px solid #DDD;
    background-color: #505050;
    border-left-width: 5px;
    border-left-color: black;
  
}
.comment .body {width: 310px;color: #666666;background-color: #f8d3e4;}
.comment .timer {display: inline;}
.comment .details {position: absolute; bottom: 3px; left: 10px;color: #666666;}

.add_comment a{display: block;margin-top: 4px; padding: 2px 5px;}

.add_comment .write{display: none;}
.add_comment .write .textarea{width: 310px;}
.add_comment .write textarea{height:33px;width: 240px; font-size: 14px;border: 1px solid #DDD;}
.add_comment .write input[type="submit"]{margin-left: 250px; margin-top:-29px; padding: 5px 5px; background-color: #f8d3e4;border: 1px solid #DDD;}