@import 'grid.less';

@column-width : 60;
@gutter-width : 20;
@columns : 12;

@total-width : 100%;

/*** General ***/

body {
	background : url('/images/soft_wallpaper.png');
	font-family : 'Droid Serif', serif;
}

/*** Header ***/

.header {
	background : url('/images/irongrip.png');
	color : rgb(245,245,245);
}

h1 { 
	font-size : 2em;
	padding : 1em;
	text-transform : lowercase;
}

.button {
	position : absolute;
	right : 2em;
	top : 2.5em;
}

.button a {
	color : rgb(245,245,245);
	background : rgb(50,122,241);
	padding : 0.5em 1em;
	font-family : Arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

.button a:hover {
	background : rgb(27,91,197);
}

/*** Content ***/

.container {
	width : 1140px;
	margin : auto;
	overflow : hidden;
}

/*** Footer ***/

.footer {
	width : 100%;
	position : fixed;
	bottom : 0;
	font-size : 1em;
	font-style : italic;
	font-family : 'Ropa Sans', cursive;
	padding : 2em;
	text-align : center;
	color : rgb(80,80,80);
}

.small {
	color : rgb(160,160,160);
	font-size : 0.9em;
}