@charset "utf-8";

/* ---------------------------------------------------------------------------------------
[Articles Stylesheet]

Project:		Netrostar Ecommerce Template	
Version:		1.0
Date created:	7 October, 2008
Last change:	7 October, 2008

Table of Contents:

	Search
	Articles Categories List
    All Articles from Category
    Article Details

--------------------------------------------------------------------------------------- */

/* Articles Search
--------------------------------------------------------------------------------------- */
/* overwrite defaults headers from main css */
h1.page-title { width: 480px; }
h2.page-subtitle { font-size: 16px; }

.article .articles-search { width: 460px; float: left; text-align: right; margin: 10px 0px 0px 0px; border-bottom: 1px solid gray; padding: 0px 0px 5px 0px; }


/* Articles Categories List
--------------------------------------------------------------------------------------- */
.article .articles-category-list table.table { float: left; width: 960px; }
    .article .articles-category-list .article { float: left; width: 460px; margin: 25px 0px 10px 0px; position: relative; }
        .article .articles-category-list .article-image { float: left; width: 120px; height: 120px; margin: 0px 10px 0px 0px; padding: 5px; width: 120px; overflow: hidden; }
        .article .articles-category-list .article-title { width: 455px; padding: 0px 0px 5px 0px; background: none; font-size: 14px; border-bottom: 1px solid #a0a0a0; position: absolute; z-index: 3; top: -35px; left: 0px; }
            .article .articles-category-list .article-title .article-name { text-decoration: none; color: #707070 !important; font-weight: bold; }
            .article .articles-category-list .article-title .article-count { color: Gray; text-decoration: none; color: #0e5b89 !important; }
        .article .articles-category-list .article-description { float: left; height: 60px; overflow: hidden; padding-right: 10px; width: 300px; }
        .article .articles-category-list .article-more-link { background: transparent url(../../Images/ico_see-all.gif) no-repeat top right; padding: 0px 20px 0px 0px; font-weight: bold; font-size: 12px; }
        .article .articles-category-list .article-more-link:hover { text-decoration: underline; }
        
/* All Articles from Category
--------------------------------------------------------------------------------------- */
.all-articles-page table.table { float: left; width: 960px; }
    .all-articles-page .article { float: left; width: 460px; margin: 10px 0px 10px 0px; background: #eaf0f6; border: 1px solid #c0d3e5; }
        .all-articles-page .article-image { float: left; width: 120px; height: 120px; margin: 0px 10px 0px 0px; padding: 5px; border: 1px solid #e5e5e5; background: #d5dfe9; }
        .all-articles-page .article-title { float: left; width: 300px; padding: 1px; margin: 15px 0px 0px 0px; background: none; font-size: 15px; font-weight: bold; border-bottom: 0px; padding-left:0px; }
        .all-articles-page .article-date { font-size: 11px; float: left; width: 80px; margin-bottom: 5px; }
        .all-articles-page .article-author { font-size: 11px; font-weight: bold; width: 220px; float: left; margin-bottom: 5px; }
        .all-articles-page .article-description { float: left; height: 45px; font-size: 12px; overflow: hidden; padding-right: 10px; width: 300px; }
        .all-articles-page .article-more-link { float: left; width: 290px; text-align: right; background: transparent url(../../Images/ico_see-all.gif) no-repeat top right; padding: 0px 20px 0px 0px; font-weight: bold; font-size: 12px; }
        .all-articles-page .article-more-link:hover { text-decoration: underline; }
        
/* Article Details
--------------------------------------------------------------------------------------- */
#content .page.article .article-back-link-top, #content .page.article .article-back-link-bottom
{ float: left; padding-bottom: 5px; width: 938px; }
.article .article-back-link-bottom { display: none; }
.article .article-back-link-top { font-weight: bold; float: right; width: 200px; text-align: right; padding: 10px; font-size: 14px; }

#content .article-details { float: left; width: 950px; }
    #content .article-details .article-header { float: left; width: 950px; background: #084970; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 5px 0px; margin-bottom: 10px; }
        #content .article-details .article-header .article-title { float: left; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-left: 15px; color: #fff; }
        #content .article-details .article-header .article-author { float: left; margin-left: 10px; color: #fff; }
        #content .article-details .article-header .article-date { float: right; padding-right: 15px; color: #fff; }
        
    #content .article-details .article { float: left; width: 940px; } 
        #content .article-details .article .article-author { text-transform: uppercase; font-size: 11px; }
        #content .article-details .article .article-title { width: 920px; margin-top: 5px; font-weight: bold; font-size:18px; font-weight: bold; color:#7c461d; }
        #content .article-details .article .article-description { float: left; font-weight: bold; padding-top: 10px; }
        
    #content .article-details .article-content { float: left; width: 950px; margin-top: 10px; }
        #content .article-details .article-content .article-section { float: left; width: 940px; }
            #content .article-details .article-content .article-section .title { width: 940px; padding-top:20px; font-size:18px; font-weight: bold; color:#7c461d; }
            #content .article-details .article-content .article-section .subtitle { font-size: 11px; }
            #content .article-details .article-content .article-section .content { float: none; }
            
            #content .article-details .article-content .article-section .image-on-the-right { float: right; margin: 0px 0px 10px 10px; }
            #content .article-details .article-content .article-section .image-on-the-left { float: left; margin: 0px 10px 10px 0px; }
            
    #content .article-details .article-navigation-links { float: left; width: 950px; padding: 5px 0px; background: #ececec; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; text-align: center; }
        #content .article-details .article-navigation-links .article-previous, #content .article-details .article-navigation-links .article-next
        { padding: 4px 8px; }
        #content .article-details .article-navigation-links .article-previous:hover, #content .article-details .article-navigation-links .article-next:hover
        { background: gray; color: #fff; }
        #content .article-details .article-navigation-links .article-current {}