/* reset global style  */
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
.lofcontent_right_col {
    float: left;
    padding-left: 10px;
    
}
input, textarea {
    margin-left: 0;    
}
/* ------------------ CATEGORY VIEW ------------------------*/
.lofcontent_category_item {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
}
.lof_link_title {
    font-weight: bold;
    padding: 0 !important;
    text-transform: uppercase;
}
.lof_link_title a {
    color: #676761;
    height: 25px;
    line-height: 25px;
}

.lofcontent_category_item .s_title_block {
    margin: 0 0 10px;
    text-align:left;
}
.lofcontent_category_item > div {
    float: left;
	
}

.lof_item_thumb img {
    box-shadow: 1px 1px 2px #000000; 
	width: 124px;
}
.lof_item_desc .article_infor {
    float: left;
    margin: 0 !important;
    width: 59%;
}
.lof_item_desc .lof_link_title a {
    text-decoration: none;
    font-weight: bold;
}
.lof_item_desc p {
    padding: 5px 0;
}

.lof_description {
    color: #676761;
    float: left;
    font-size: 13px;
    margin-top: 10px;
    text-align: justify;
    width: 98%;
}
.lofcontent_cleantheme > h2, #lofcontent_content > h2 {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #F1F1F1; 
    padding-bottom: 10px; 
}
.lofcontent_cleantheme > h2 > span {
    color: #CCCCCC;
    font-size: 0.7em;
    font-style: italic;
    margin-left: 10px;
}

/* 404 PAGE */
.lofblogs_not_found {
    background-color: #000;
    float: left;
    width: 100%;
}
.lofblogs_not_found h3 {
    background-color: darkRed;
    color: #F1F1F1;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 5px;
}
.lofblogs_not_found .lofblogs_note {
    background-color: #F1F1F1;
    box-shadow: 1px 1px 100px #FFFFFF;
    color: #2B2B2B;
    margin-bottom: 100px;
    margin-left: 60px;
    margin-top: 100px;
    padding-bottom: 5px;
    width: 80%;
}
.lofblogs_not_found .note_title {
    background-color: darkred;
    color: #F1F1F1;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0;
    text-transform: uppercase;
}

.lofblogs_not_found .lofblogs_note ul {
    font-size: 12px;
    font-style: italic;
    list-style: square outside none;
    margin-left: 20px;
}
/* ---------------------- ARTICLE VIEW -----------------------------*/

/* main content */
.lofcontent_main_content img.primary_image {
    float: left;
    margin: 0 5px 5px 0;
}
.lofcontent_block {
    margin: 10px 0;
}
.lofcontent_content_main {
    color: #676761;
    font-size: 13px;
    text-align: justify;
}
.article_infor {
    color: #ccc;
    font-style: italic;
}
.lofcontent_rating_container {
    font-size: 11px;
}
.article_infor span.lofcontent_authorname {
    color: #555555;
    margin: 0 3px;
}
#article_rating, .rating_star, .lofcontent_rating_container > div {
    float: right;
}
/* Related products */
#lofcontent_related_product ul, #lofcontent_related_product ul li a, #lofcontent_related_product ul li img {
    float: left;
    width: 100%;
    text-align: center;
}
#lofcontent_related_product ul li {
    box-shadow: 1px 1px 2px #DDDDDD;
    float: left;
    font-weight: bold;
    margin: 5px;
    padding: 2px 2px 10px;
    width: 100px;    
}
#lofcontent_related_product ul li a, #lofcontent_related_product ul li img {

}

.lofcontent_line input, .lofcontent_line label {
    height: 25px;
    line-height: 25px;    
}

.lofcontent_line input {
    font-style: italic;
    padding-left: 5px;
    width: 200px;
}
.lofcontent_line input:hover, .lofcontent_line textarea:hover {
    background-color: lightgoldenrodyellow;
}
/* Tags */
#lofcontent_tags h3 {
    float: left;
    margin: 0;
    padding: 5px;
    width: 10%;
}
#lofcontent_tags {
    float: left;
    width: 100%;
}
#lofcontent_tags ul {
    float: left;
    margin-top: 5px;
    width: 75%;
}
#lofcontent_tags ul li {
    float: left;
}
#lofcontent_tags ul li a {
    float: left;
    padding:0 5px;
    border-right: 1px solid #ddd;
}


/* -- comments form -- */
#lofcontent_comments {
    position: relative;
}
#lofcontent_comments, #view_comment_list, .item_comment_form {
    float: left;
    width: 100%;
}
#view_comment_list {
    min-height: 100px;
}
.loading_overlay {
    background-color: #000000;
    background-image: url("../images/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    z-index: 1000;
}
.loading_comments .loading_overlay {
    display: block;
}
.display_warning {
    background-color: lightyellow;
    border: 1px outset lightyellow;
    color: #2B2B2B;
    font-style: italic;
    padding: 15px 5px;
    width: 95%;
}
.article_subheader {
    border-bottom: 1px dotted #DDDDDD;
    color: #676761;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    width: 98%;
}
#refresh_captcha {
    cursor: pointer;
    margin-bottom: 10px;
    width: 24px;
}
.item_comment_form {
    width: 99%;
    position: relative;
}
.form_error_tip {
    display: none;
    font-style: italic;
    font-size: 0.8em;
    color: red;
}
#captcha_container {
    padding-left: 10px;
}
#button_container {
    margin: 20px 0;
    padding-left: 10px;
    text-align: left;
}
#button_container a {
    background-color: #2B2B2B;
    border-radius: 5px 5px 5px 5px;
    color: #E2E2E2;
    font-weight: bold;
    padding: 7px 10px;
    text-transform: uppercase;
}

#button_container a:hover {
    background-color: #999;
    color: #2b2b2b;
    -moz-transition-duration: 1s;
}

.comment-avatar {
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 10px;
    padding: 5px;
    text-align: center;
}
.comment-avatar img {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width: 64px;
}
.comment-main {
    float: left;
    margin-top: 10px;
    width: 82%;
}
#lofcontent_comments_list li {
    background: url("../images/bottom_line_bg.gif") repeat-x scroll left bottom transparent;
    float: left;
    margin: 15px 0;
    width: 100%;
}
.comment-name {    
    float: left;    
    width: 100%;
}
.comment-name span.author-name {
    color: #9F272A;
    font-weight: bold;
}

.comment-name span.say-text {
    color: #555555;
    font-size: 0.8em;
    font-style: italic;
    margin-left: 5px;
}
.comment-date {
    color: #9F272A;
    font-size: 0.7em;
    font-style: italic;
    margin-left: 5px;
}
.comment-content {
    float: left;
    margin-top: 10px !important;
    padding: 5px !important;
    width: 100%;
}
.comment-panel {
    float: left;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%;
}
.comment-panel .vote_btn_container  {
    float: right;
    margin: 0 3px;
}
.comment-panel img, .comment-panel span {
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0 1px;
}
#emoticons_panel {
    width: 150px;
    max-height: 200px;
    float: right;
    overflow: auto;
}
#comment_area_col {
    width: 430px;
}
#emoticons_panel img {
    cursor: pointer;
}
#emoticons_panel img:hover {
    box-shadow: 1px 1px 1px #ccc;
}
span.commentFormInputDesc {
    color: #2b2b2b;
    font-size: 0.9em;
    font-style: italic;
    margin-left: 10px;
}

/* Gallery style */
#lofcontent_gallery, #articleGallery {
    float: left;
    width: 100%;
}
#articleGallery li {
    float: left;
    margin: 5px;
    width: 70px;
}
#articleGallery li img {
    width: 100%;
    box-shadow: 1px 1px 5px #000;
}

/* Custom Html Blocks */

.bottomblock .lofblogsCustomBlocksContainer {
    width: 100%;   
}

.bottomblock .lofblogsCustomBlocksContainer .lofblogs_custom_block {
    margin-bottom: 10px;
    width: 100%;
}
.bottomblock .lofblogs_custom_block > h4 {
    border-bottom: 1px solid #999999;
    margin: 0 0 5px;
    padding-bottom: 5px;
}
p.lof_description{
width: 730px;
}