/* Table of Contents

	- Resets, basic elements
		- Column classes
		- Float clearing
		- Misc
	- Page Structure
		- Main#content
		- Aside#controls
	- Font declarations
	- Media queries
	
*/


/*
Resets, basic elements
---------------------------------------------------------------------------------------------------- */

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	html,
	body {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	body {
		background: #dfdfdf;
		color: #333;
		margin: 0px;
		padding: 25px 50px;
	}

	
/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}
	
	
	
/* Float Clearing
--------------------------------------------- */

	.clearfix:before {
		content: " ";
		display: table;
	}

	.clearfix:after {
		clear: both;
		content: " ";
		display: table;
	}

	
/* Misc
--------------------------------------------- */

	.divider {
		margin: 40px 0;
		border-bottom: 1px solid #bbb; 
	}

	

/*
Page Structure
---------------------------------------------------------------------------------------------------- */



/* Main#content
--------------------------------------------- */

	#current-games,
	#newly-hosted {
		height: 275px;
		overflow: auto;
		padding-left: 0;
	}

	#current-games li,
	#newly-hosted li {
		list-style-type: none;
		padding: 5px 10px;
	}
	
	#current-games li:nth-of-type(odd),
	#newly-hosted li:nth-of-type(odd) {
		background: rgba(255,255,255,.45);
	}
	#newly-hosted li.monitored-map {
		background: rgba(0, 127, 0, .1);
	}
	#current-games {
		margin-right: 2%;
	}


/* Aside#controls
--------------------------------------------- */

	
	#controls {
		
	}
	

/*
Font declarations
---------------------------------------------------------------------------------------------------- */

		
	
	

/*
Media queries
---------------------------------------------------------------------------------------------------- */

	

/* iPad Portrait */
@media only screen and (max-width: 767px) {

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		//margin: 0;
		margin-left: 0;
		margin-bottom: @padding;
		margin-bottom: @paddingr;
		width: 100%;
	}
	
}