body{
    background:#fff;
    font-family:Arial;
}
header{
    background:#000;
    color:#fff;
    font-size:20px;
    padding:20px;
}
footer{
    position:fixed;
    bottom:0;
    left:0;
    background:#ccc;
    width:100%;
    padding:10px;
}
ol{
    border-bottom:1px solid #404040;
    padding-bottom:20px;
}
div.code{
    float:left;
    text-align:center;
    border:1px solid #ccc;
    padding:10px;
    font-weight:bold;
    font-size:18px;
    width:3cm;
}
div.code img{
    width:3cm;    
}
br.clear{
    clear:both;
    line-height:1px;
    font-size:1px;
}

@media print
{    
    header,footer{
        display:none;
    }
}
#votes{
    text-align:center;
    
}

#votes input{
    border:1px solid #000;
    padding:20px;
    line-height:20px;
    text-align:center;
    font-size:18px;
    
}
#votes button{
    padding:20px;
    line-height:20px;
    text-align:center;
    font-size:16px; 
    color:#fff;
    background:#000;
     
}
#votes p.comment{
    background:red;
    padding:10px;
    text-align:center;
    color:#fff;
    max-width:320px;
    margin:0px auto;
}

div.work{
    
    text-align:center;
    border:1px solid #ccc;
    padding:10px 10px 20px;
    font-weight:bold;
    font-size:18px;
    width:90%;
  
    background:#f5f5f5;
    margin:0px auto 50px;
}
div.code img{     
    margin:10px;    
}
div.work a {
    display:inline-block;
    padding:10px 20px;
    line-height:20px;
    text-align:center;
    font-size:16px; 
    color:#fff;
    background:#000; 
    text-decoration: none;
}