/* ----- WRITTEN BY JOHANNES@ALONETOGETHER.NET ----- */
/* -------- COPYRIGHT ALONE+TOGETHER 2013 -------- */
/*  --------------- RESET STYLES --------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	border: 0;
	outline: none 0;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
section, article, header, footer, nav, aside, hgroup {
	display: block;
}
/* --------------- END RESET --------------- */


html {overflow-x:hidden;}
body {
	font-family: arial;
	color: #444;
	margin:0;
	padding:0;
	background-color: #c1bfbe;
}
#medias {
	top:0;
	left:0;
	position:fixed;
	background-color: #c1bfbe;
}
video {
	top:0;
	left:0;
	position:fixed;
	background-color: #c1bfbe;}


a {
	color: #444;
	font-weight: bold;
	text-decoration: none;	
}
a:hover {
	color: #666;
	text-decoration: none;
}


/* ---------------- SPACING ---------------- */

.white-space-tiny { height: 2px; }
.white-space-small { height: 10px; }
.white-space-anchor { height: 35px; }
.white-space-medium { height: 30px; }
.white-space-xl { height: 200px; }
.white-space-nav { height: 800px; }

/* ---------------- NAVIGATION ---------------- */

.menu {
	width: 100%;
	height: 25px;
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 8px;
	padding-left: 4px;
	word-spacing: 5px;
	background: white;
	background-color:rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";

}
#nav li {
	display: inline;
	font-size: 16px;	
}

#nav li a {
	color: #444;
	font-weight: 400;
	text-decoration: none;	
}
#nav li a:hover {
	color: #666;
	text-decoration: none;
}
#nav li a:visited {
	color: #444;
	text-decoration: none;	
}

.left { 
	float: left; 
}
.clear { 
	clear: both; 
}

.content {
	width: 100%;
	background:white;
	background-color:rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
	position:relative;
	padding:10px;
	
}	

.S {
	font-size: 12px;	
}