/* Blog section */
img.blogimg {
    -webkit-transition: all 0.35s ease-out;
       -moz-transition: all 0.35s ease-out;
         -o-transition: all 0.35s ease-out;
}

img.blogimg:hover, div.blogbigbox:hover {
    -webkit-opacity: 0.9;
     -khtml-opacity: 0.9;
       -moz-opacity: 0.9;
         -o-opacity: 0.9;
            opacity: 0.9;

    border: solid 1px #999;
    -webkit-box-shadow: 0px 0px 4px #888;
     -khtml-box-shadow: 0px 0px 4px #888;
       -moz-box-shadow: 0px 0px 4px #888;
         -o-box-shadow: 0px 0px 4px #888;
            box-shadow: 0px 0px 4px #888;
}

div.blogbigbox {
    border: solid 1px #ededed;
    width:450px;
    height:300px;
    float:left;
    margin:8px;
    position:relative;
    overflow:visible;
}

div.blogbigbox p {
    margin:0;
    width:360px;
    height:50px;
    position:absolute;
    color:white;
    overflow:hidden;
    padding: 10px;
}

div.blogbigbox p.tl {
    left:0px;
    top:230px;
}
div.blogbigbox p.tr {
    left:70px;
    top:230px;
}
div.blogbigbox p.bl {
    left:0px;
    top:0px;
}
div.blogbigbox p.br {
    left:70px;
    top:0px;
}

p.blogtext {
    float:left;
    color: #777;
    margin: 0px;
    margin-left: 5px;
    margin-top:5px;
    width:205px;
    /* height:80px; */
}

p.blogtext a {
    color: #777;
}

div.blogdetail {
    float: left;
    margin: 0 5px 12px 12px;
    border-radius: 0px;
}

img.blogimg {
    padding: 4px;
    display:block;
    border: solid 1px #ddd;
}

div.blogdetaillink {
    float: left;
    width: 290px;
    height: 280px;
    overflow: visible;
    margin: 0 5px 20px 15px;
    border-radius: 0px;
}

.blogdetaillink img:hover {
    -webkit-opacity: 0.9;
     -khtml-opacity: 0.9;
       -moz-opacity: 0.9;
         -o-opacity: 0.9;
            opacity: 0.9;

    border: solid 1px #999;
    -webkit-box-shadow: 0px 0px 4px #888;
     -khtml-box-shadow: 0px 0px 4px #888;
       -moz-box-shadow: 0px 0px 4px #888;
         -o-box-shadow: 0px 0px 4px #888;
            box-shadow: 0px 0px 4px #888;
}