body
{
   /* background-color:#eeeeee; */
}

.portfolio-main {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    background-color:white;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

    /*
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #e0dede;*/
    
    padding: 10px;
}

.portfolio-item {
    text-align: center;
    font-size: 11px;
}

.blog-preview {
       width:450px;
       text-overflow:ellipsis;
       overflow:hidden;
       white-space:nowrap;
}

.white-text {
    color: white;
}

.black-text {
    color: black;
}

.portfolio-item img {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    font-family: Arial,Helvetica,sans-serif;
}

.portfolio-blog-date {
    color: silver;
    font-size: 12px;
    font-weight: bold;
}

img {
    border-style: none;
}

/* make links only underlined when hovered */
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline;}