/* 
Document   : FocusArticle
Created on : 29-05-2009, 08:41:30
Author     : Nguyen Anh Tuan
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


.module {
    clear:both;
    width: 625px;
}
#section-a-photo{
    margin: 10px;
    border: 1px solid #c1c1c1;
}
.clearfix {
    display:block;
}
.section-bar{
    padding: 3px;
    background: #f7f7f7;
    overflow: hidden;
    height: 25px;
}
.typography .section-bar h2{
    margin: 0;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 5px;
}
.section-bar .prev, .section-bar .next{
    cursor: pointer;
}

.left {
    float:left;
}
.right {
    float:right;
    text-align:right;
}

.photo-module{
    width:100% !important;
    margin-bottom: 10px;

}
.photo-module ul li {
    background: none;
    padding: 5px 4px 0px 5px;
    width:150px;
    height: 180px;
    border: 1px solid #f7f7f7;
}
.photo-module ul li:hover {
    background: #d9d9d9;
}
.photo-module ul li img {
    float: left;
    margin-bottom: 0px;
}
.photo-module ul li .photo-module-text {
    padding: 5px;
    float: left;
    width: 140px;
    height:180px;
    background-color:#fff;
    line-height: 1.3em;
}

.photo-module-text a{
    color: #A71717;
    font-weight: bold;
}
.photo-module-text a:hover{
    text-decoration:none;
}