/************************************************
	    ARTICLE SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 02/03/2013

        
        !!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.

    ************************************************/
    

	/* News Items */
	
	.newsItem .newsHeading { border-bottom: dashed 1px #ccc; margin-bottom: 12px;  }
	    .newsItem .newsHeading h2 { font-size: inherit; float: left; clear: none; font-weight: lighter; margin: 0px; text-transform: uppercase; padding-bottom: 4px; margin-bottom: 4px; }
	    .newsItem .newsHeading .dateCreated { font-style: italic; color: #999; float: right; clear: none; width: auto;  }        
	
    .newsItem { margin-bottom: 20px; padding-bottom: 10px; height: auto; overflow: hidden; }
        .newsItem .content { width: auto; overflow: hidden; }
        .newsItem .content p { margin: 0px; }
            .newsItem .content .subHeading { font-weight: bold; margin-top: 0px;  }
            .newsItem .content a { }
        
        .newsItem .links a { text-transform: uppercase; text-decoration: none; font-size: inherit; font-weight: bold; }
        .newsItem img { float: left; clear: none; width: 100px;  margin-right: 0px; margin-right: 10px; }
        


    /* Calendar Boxes */      
		 .date { float: left; clear: none; position: relative; background-color: #ffffff; color: #ffffff; width: 58px; text-align: center; float: left; clear: none; margin-right: 10px; border: solid 1px #770f14; font-size: inherit; } 
		    .date .day {  font-size: 2.0em; font-weight: lighter; text-align: center; color: #000000; margin-bottom: 0px; margin-top: 0px;  }
		    .date .month { font-weight: bold; text-align: center; text-transform: uppercase; color: #ffffff; background-color: #770f14}
		    .date .year { text-align: center; font-weight: bold; color: #000000; margin-top: -px; font-size: 1.1em; }
		    
		 #content .date { border: solid 1px #770f14; }
    
    /* 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; }
    
    /* Article Collection Short Description */    
    .collectionDescription { padding-bottom: 2% !important; margin-bottom: 2%; border-bottom: solid 1px #ececec; }        

    
    /*************************************
		RESPONSIVE TWEAKS
	*************************************/ 

    @media (max-width: 767px), (max-device-width: 767px) {

    }
    
    @media (max-width: 600px), (max-device-width: 600px) {
        .newsItem img { display: block; }  
    }
    
    @media (max-width: 400px), (max-device-width: 400px) {
        .newsHeading .dateCreated { text-align: left !important; display: block !important; float: none !important; width: 100%; }
        .newsHeading h2 { float: none !important; display: block !important; width: 100% !important; }
        .newsItem img { display: block; float: none; clear: both; width: 100%; margin: 0px auto 10px; height: auto; }  
    }