.page-content
{
    margin-left:5%;
    margin-top:2%;
}
.comment-container
{
    width:60%;
    margin-top:10px;
    background-color:#5B8D08;
    height:auto;
}
#comments
{
    width:100%;
    list-style:none;
    float: left;
}
#comments li
{
    margin-top:5px;
}
.comment-box
{
    margin-top:10px;
    list-style:none;
    float:left;
}   
.comment-box li
{
    float:left;
}   
.author
{
    width:100%;
    min-height:40px;
    margin-left:3.5%;
    margin-top:10px;
    border-bottom:1px solid #008500;
} 

.author-name
{
    margin-left:5px;
    font-style:italic;
    font-family:Segoe UI Light;
    
}

.profile-img
{
    width:30px;
    height:30px;
    border:1px solid white;
    float:left;
    display:block;
}     

#profile-img
{
    width:30px;
    height:30px;
    border:1px solid white;
    float:left;
    display:block;
    margin-top:5px;
}       

.comment-text
{
    display:block;
    margin-left:40px;
}   

.comment-text p
{
    font-family:Segoe UI;
    font-size:small;
}

.comment-text input[type=text]    
{
    width:60%;
    background-color: black;
    color: #333333;
    font-size: .8em;
    border: 1px solid #0E6D38;
    padding: 3px;
} 

.comment-button
{
    padding:5px;
    background-color:#0E6D38;
    color:black;
    border:1px solid gray;
    float:left;
    margin-left:5px;
}

img  
{
    -ms-interpolation-mode: bicubic; 
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod='scale');
}
      
.comment-view-box
{
    height:auto;
    margin:2px;
    background-color:#6A922A;
}

.comments-controls
{
    margin:5px;
    margin-top:10px;
}
      
 .post-controls
{
    margin-left:3.5%;
    margin-top:20px;
    width:100%;
    border-top:1px solid #008500;
    padding:4px;
    background-color:#8BBF36;
    height:20px;
}

.post-controls ul
{
    background-color:#82A981;
}

.post-controls ul li
{
    
}

.vote-up
{
    background:transparent url('images/voteup_active.png') no-repeat center; background-size:100% auto;
    
   position:relative;
   float:left;
    height:20px;
    width:20px;
}   

.vote-up:hover
{
    background:transparent url('images/voteup.png') no-repeat center; background-size:100% auto;
    cursor:pointer;
}    

.vote-down
{
    background:transparent url('images/downvote_active.png') no-repeat center; background-size:100% auto;
    
   position:relative;
   float:left;
    height:20px;
    width:20px;
}   

.vote-down:hover
{
    background:transparent url('images/downvote.png') no-repeat center; background-size:100% 100%;
    cursor:pointer;
}