    /************************************************
	    ARTICLE SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 1.2
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 02/03/2013
        Updated: 21/04/2015
        
        !!NB: DO NOT MODIFY THIS DOCUMENT DIRECTLY!!
        APPLY OVERRIDES IN STYLE.CSS, 
        (or main site style sheet)

        !!IMPORTANT REQUIRED OVERRIDES!!
        Set the following to those configured using 
        the Apollo admin.net for gallery thumbnail
        sizes. These values can be set automatically 
        by calling generateCss.aspx and passing this 
        file into it as the file paramter.

    ************************************************/
    

	/* Article Listing Items */
    .newsItem { margin-bottom: 15px; height: auto; overflow: hidden;  padding: 15px; border: solid 1px #ccc; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);  }
        .newsItem .content { width: auto; overflow: hidden; }
         .newsItem .content .description { margin-top: 5px; padding-top: 5px; border-top: solid 1px #ccc; }
            .newsItem .content h2 { font-size: inherit;  margin: 0px;  }
                .newsItem .content h2 a { text-decoration: none !important; }
            .newsItem .content .subHeading { margin-top: 0px;  }
            .newsItem .content a { }

            .newsItem .dateCreated { margin-top: 5px; }
            
        .newsItem img { float: left; clear: none; width: 150px;  margin-right: 10px; }

        
        .newsItem .date { display: block; float: left; width: auto; margin-right: 15px; padding-right: 15px; border-right: solid 1px #ccc; text-align: center; color: #ccc; }
        .newsItem .date span { display: block; }
        .newsItem .date .month { text-transform: uppercase; }
        .newsItem .date .day { font-size: 4.0em; line-height: 50px; }
        .newsItem.date .year {  }

    
    /* Article Filter Box */
    .articleFilterBox {display: block; color: #333333; padding: 5px; text-align: left; border-radius: 4px; background-color: #ececec; border: solid 1px silver; font-size: inherit; margin-bottom: 2%; }
        .articleFilterBox .filterItemGroup { display: inline-block; width: 24%; font-weight: bold; }
            .articleFilterBox .filterItemGroup .filterItemTitle { display: inline-block; width: auto; padding-right: 2%; }
            .articleFilterBox .filterItemGroup .filterItemControl { display: inline-block; width: 50%; }
                .articleFilterBox .filterItemGroup .filterItemControl select { width: 99.5%; }
        .articleFilterBox .filterItemSubmit { float: right; clear: none; }


    .articleImage { margin-bottom: 15px; }
    
    /*************************************
		RESPONSIVE TWEAKS
	*************************************/ 
    @media (max-width: 767px), (max-device-width: 767px) {
        .dateCreated { float: none !important; clear: both; text-align: left !important; width: 100%; display: block; }
        /* Set maximum width for thumbnails */
        .newsItem img { width: 30%; max-width: 150px; } 
    }
    
    @media (max-width: 480px) {
        /* Force artice listing pagination onto two lines */
        #articleResults, #articlePagination { display: block; float: none; width: 100%; }
        .pagination { float: none; clear: both; text-align: left; margin-bottom: 10px; }
    }