ul#grid {
    list-style: none;
    list-style-type: none;
    margin-left: -37px;
    width: 650px;
    margin: 0 auto; 
}

#grid li {
    float: left;
    margin: 0 5px 10px 5px;
    text-align: center;
    display: inline-block;
}

.portfolio
{
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    clear: both;
}

    .portfolio h2
    {
        font-size: 1.7em;
        font-weight: normal;
        color: #fff;
        background-color: rgb(44, 31, 22);
        text-align: left;
        margin-left: 10px;
    }

    .portfolio p
    {
        font-size: 15px;
        color: #58595b;
    }

    .portfolio a
    {
        color: rgb(44, 31, 22);
        background-color: #fff;
        font-weight: bold;
    }

        .portfolio a:link
        {
            text-decoration: none;
        }

        .portfolio a:visited
        {
            text-decoration: none;
        }

        .portfolio a:hover
        {
            text-decoration: underline;
        }

        .portfolio a:active
        {
            text-decoration: underline;
        }

#grid li a:hover img
{
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#grid li img
{
    background-color: white;
    padding: 7px;
    margin: 0;
    border: 1px dotted #58595b;
    width: 129px;
    height: 145px;
}

#grid li a
{
    display: block;
}




.portfolio-list
{
    padding-top: 13px;
}

.portfolio-item
{
    padding: 5px 2px 2px 2px;
    width: 100%;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
    clear: both;
    float: left;
}

    .portfolio-item h2
{
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
    clear: both;
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(44, 31, 22);
    text-align: left;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 0px;
    /*border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(145, 132, 64);*/
}

.portfolio-item a:hover
{
    opacity: 0.3;
    filter: alpha(opacity=30);
    color: rgb(145, 132, 64);
}

.portfolio-item img
{
    background-color: white;
    padding: 7px;
    margin: 0;
    border: 1px dotted #58595b;
    width: 129px;
    height: 145px;
}

.portfolio-item a
{
    /*display: block;*/
    color: rgb(145, 132, 64);
}

.portfolio-item-pager {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    padding: 10px 5px 5px 5px;
    /*border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(44, 31, 22);*/
}

.portfolio-item-image
{
    clear: both;
    float: left;
}

.portfolio-item-data
{
    float: left;
    padding: 0px 5px 5px 5px;
/*    width: 550px;
*//*    height: 145px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(145, 132, 64);*/
}

.portfolio-item-description
{
    float: left;
    padding: 5px 5px 5px 5px;
/*    width: 440px;
*/    text-overflow: ellipsis;
    /*white-space:nowrap;*/
    /*height: 115px;*/
    overflow: hidden;
    display: inline-block;
}

.portfolio-item-action
{
    float: left;
    padding: 5px 5px 5px 15px;
    width: 80px;
    text-align: right;
    vertical-align: central;
}