/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/


.right{
	float:right;
}
.container { 
	padding: 0 20px; 
    }
	
	.row { 
		width: 100%; 
		max-width:730px;  
		margin: 0 auto; 
	}
	/* To fix the grid into a certain size, set max-width to width (duh) */
	.row .row { min-width: 0; }
	
	.column, .columns { margin-left: 4.4%; float: none; min-height: 1px; position: relative; }
	.column:first-child, .columns:first-child { margin-left: auto; margin-right:auto; }
	.column:last-child, .columns:last-child { float: none;} /* What does that *= even mean ?  */
	
	.row .one 		{ width: 95.6%; }
	.row .two 		{ width: 95.6%; }
	.row .three 	{ width: 95.6%; }
	.row .four 		{ width: 95.6%; }
	.row .five 		{ width: 95.6%; }
	.row .six 		{ width: 95.6%; }
	.row .seven 	{ width: 95.6%; }
	.row .eight 	{ width: 95.6%; }
	.row .nine 		{ width: 95.6%; }
	.row .ten 		{ width: 95.6%; }
	.row .eleven 	{ width: 95.6%; }
	.row .twelve 	{ width: 95.6%; }
	
	.row .offset-by-one 	{ margin-left: 13.1%;  }
	.row .offset-by-two 	{ margin-left: 21.8%;  }
	.row .offset-by-three 	{ margin-left: 30.5%;  }
	.row .offset-by-four 	{ margin-left: 39.2%;  }
	.row .offset-by-five 	{ margin-left: 47.9%;  }
	.row .offset-by-six 	{ margin-left: 56.6%;  }
	.row .offset-by-seven 	{ margin-left: 65.3%;  }
	.row .offset-by-eight 	{ margin-left: 74.0%;  }
	.row .offset-by-nine 	{ margin-left: 82.7%;  }
	.row .offset-by-ten 	{ margin-left: 91.4%;  }
	
	.row .centered { float: none; margin: 0 auto; }

	.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
	.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
	.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
	.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
	.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
	.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
	.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
	.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
	.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
	.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
	.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }
	
	/* Source Ordering */
	.push-two 		{ left: 17.4% }
	.push-three 	{ left: 26.1%; }
	.push-four 		{ left: 34.8%; }
	.push-five 		{ left: 43.5%; }
	.push-six 		{ left: 52.2%; }
	.push-seven 	{ left: 60.9%; }
	.push-eight 	{ left: 69.6%; }
	.push-nine 		{ left: 78.3%; }
	.push-ten 		{ left: 87%; }
	
	.pull-two 		{ right: 17.4% }
	.pull-three 	{ right: 26.1%; }
	.pull-four 		{ right: 34.8%; }
	.pull-five 		{ right: 43.5%; }
	.pull-six 		{ right: 52.2%; }
	.pull-seven 	{ right: 60.9%; }
	.pull-eight 	{ right: 69.6%; }
	.pull-nine 		{ right: 78.3%; }
	.pull-ten 		{ right: 87%; }

	
	img, object, embed { max-width: 100%; height: auto; }
	img { -ms-interpolation-mode: bicubic; }
	#map_canvas img, .map_canvas img {max-width: none!important;}
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }

	 /* ======================================= 
	                    Menu
	    ======================================= */

	   
	    aside{
	    	width:86.6% !important;
	    	padding: 20px 2.5% 10px 2.5% !important;
	    	margin-bottom:2em;
	    }
	    .outnav-full{
	    	display:none;
	    }
	    .side.outnav-mob{
			display:block !important;
		}
		.luxe, .mobluxe{
			display:none;
		}
		.subnav{
			width:40%;
			margin:0;
		}
		.subnav:first-child{
			float:left;
		}
		.subnav:last-child{
			float:right;
		}

		header nav ul li a{
			font-size:14px;
			padding: 10px 0px 10px 0px ;
			background:#f4ce5a;
			text-align:center;
		}
		header nav ul li{
			margin:0 1% 10px 1%;
			width:31.3%;
			float:left;
		}
		header nav ul li a:hover, a:active, nav ul li a:focus{
			color:#ffffff !important;
			text-decoration:underline;
		}


		/* ############################################# */
		/* ###############  Search form   ############## */
		/* ############################################# */

		#searchform{
			width:80%;
			margin:0 auto;
		}
				#searchbtn{
					margin:11px 0 0 2%;
					width:15%;
					float:right;
				}

			input[name="search"]{
				width:75%;
				-webkit-appearance: none;
			}


	 /* ======================================= 
	                    Contents
	    ======================================= */

	    
		article.excerpts header{
			float:right;
			width:100%;
		}
		article.excerpts p{
			width:100%;
			float:right;
		}
		article.excerpts p img:first-child{
			display:none !important;
		}

		article img{
			width:auto !important;
		}

		section.count{
			height:18px;
			width:100%;
			position:relative !important;
		}
			section.count p, .firstart section.count p{
				color:#fff;
				text-align:right;
				padding-right:10px;
				font-size:12px;
				background-color:#f4ce5a;
				height:18px;
				width:70%;
				max-width:280px;
				display:inline;
				float:right;
				margin-right:-20px;
			}
			section .articletitle{
				padding:10px 0 10px 0px;
				margin:20px auto 15px auto;
			}
			p.c-answer{
				margin-right:-10px;
				padding-right:10px;
			}


		aside > ul > li:nth-child(2), aside > ul > li:nth-child(3), aside > ul > li:nth-child(5){
			display:none;
		}

		#respond .form-submit input{
			margin-right:-20px;
		}

		#reply-title{
			margin-left:-20px !important
		}