/* 

The flavour of Jam without a strong taste - version 0.5

                                                                                                                       
  *                                *                                                                              **    
**                               **                                                                                **   
**                               **                                                                                **   
**                               **                                                                                **   
**                               **                       ***  ****       ****    **   ****                        **   
** ****       ****       ****    **  ***        ****       **** **** *   * ***  *  **    ***  * ***  ****      *** **   
*** ***  *   * ***  *   * ***  * ** * ***      *  ***  *    **   ****   *   ****   **     ****   **** **** *  ********* 
**   ****   *   ****   *   ****  ***   *      *    ****     **         **    **    **      **     **   ****  **   ****  
**    **   **    **   **         **   *      **     **      **         **    **    **      **     **    **   **    **   
**    **   **    **   **         **  *       **     **      **         **    **    **      **     **    **   **    **   
**    **   **    **   **         ** **       **     **      **         **    **    **      **     **    **   **    **   
**    **   **    **   **         ******      **     **      **         **    **    **      **     **    **   **    **   
**    **   **    **   ***     *  **  ***     **     **      ***         ******      ******* **    **    **   **    **   
 *****      ***** **   *******   **   *** *   ********       ***         ****        *****   **   ***   ***   *****     
  ***        ***   **   *****     **   ***      *** ***                                            ***   ***   ***      
                                                     ***                                                                
                                               ****   ***                                                               
                                             *******  **                                                                
                                            *     ****                                                                  

THIS FLAVOUR IS INTENDED TO BE CUSTOMISED / OVERRIDDEN AT THE LEVEL OF THE BACKGROUND. SO DO THAT.
                                                                                                                      
*/

body 										{background: url(presets/wood.jpg) repeat fixed;}


/* Generic Typography
================================================== */

@font-face	{
	font-family: 'BreeSerifRegular';
	src: 	url('type/bree/BreeSerif-Regular-webfont.eot');
	src: 	url('type/bree/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('type/bree/BreeSerif-Regular-webfont.woff') format('woff'),
			url('type/bree/BreeSerif-Regular-webfont.ttf') format('truetype'),
         	url('type/bree/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3  								{font-family: 'BreeSerifRegular', Arial, sans-serif;letter-spacing: 0; text-shadow:0px;}


/* Generic Colours
================================================== */

article 									{background:#fff; border:10px solid #fff;-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5), 0px 0px 0px 1px #ccc;box-shadow: 			5px 5px 20px rgba(0, 0, 0, 0.5), 0px 0px 0px 1px #ccc;}
@media only screen and (max-width: 767px) {
	article 								{border:0;}
}
article, h1, h2, h3							{color:#222;}
section:nth-of-type(2n)						{background:#f4f4f4;} 				/* alternate sections have a pale grey background */
.cta 										{background:#000 !important;}		/* everything in a section with a call to action is reversed out */
.cta .content,
.cta label,
.cta h1, 
.cta h2, 
.cta h3										{color: #fff;}

.buttonise									{border:2px solid #ddd !important;	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
.buttonise:hover							{background: #555 !important;}

.file .buttonise 							{background: #000 url(images/download.png) no-repeat 4px ; color: #eee; padding-left:38px; padding-right:20px;}
.file .buttonise:hover						{background: #333 url(images/download.png) no-repeat 4px !important; color: #fff; }

a, a:visited 								{color: #00f; font-weight:bold; text-decoration:none; border-bottom: 2px solid #00f;}
a:hover 									{color: #000;}
.cta a, .cta a:visited						{color: #ccc !important; border-bottom: 2px solid #ccc}
.cta a:hover								{color: #fff !important; border-bottom: 2px solid #fff}

footer small 								{background: white;}
footer small, footer a, 
footer a:hover, footer a:visited 			{border:0;color:#000;}

/* Generic Structure
================================================== */

body 										{padding:30px 0 20px 0;}
article 									{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin:0 auto;}
section 									{padding:18px 0;}
a.buttonise									{margin-top:18px;}

/* Override responsive behaviour: on >=960px screen behave as if on 768
================================================== */

@media only screen and (min-width: 767px) {
	article									{max-width: 960px;}
	.container                              {width: 768px;}
	.armstrong_carousel						{min-width:568px;max-width:768px;width:auto;}
	.container .column,
	.container .columns                     {margin-left: 10px; margin-right: 10px;}
	.container .fullwidth.column        	{width: 748px;}
	.container .maybe-two.columns       	{width: 364px;}
	
}

@media only screen and (max-width: 960px) {
	article {
		-webkit-border-radius: 	0px;
		-moz-border-radius: 	0px;
 		border-radius:			0px;
		-webkit-box-shadow: 	none;
		box-shadow: 			none;
	}
}

.threepio_chk {
    display: none !important;
}

/* TODO: Improved responsive navigation
================================================== */

nav			{font-size:14px;}
nav a:hover	{color: #ccc;}

/* Footer: Jam credit & byline
================================================== */

footer 										{text-align:center; padding-top:20px;}
footer small 								{display:block;line-height:18px;margin: 0 auto;opacity:0.5;padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius:8px;}