/* Font */
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:200);

* {
	padding				: 0;
	margin 				: 0;
}

body {
	background-color 	: #333333;
}

.navigation-bar {
	position 			: fixed;

	height 				: 25px;
	width 				: 100%;

	background-color 	: #ff6666;

}

.navigation-bar-content {
	height 				: 25px;
	width 				: 980px;

	margin 				: 0 auto;
}

.navigation-bar-languages {
	height 				: 25px;
	width 				: 300px;

	float 				: left;
}

.flag {
	display 			: block;

	height 				: 20px;
	margin 				: 2.5px;

	float 				: left;

	cursor 				: pointer;

	border-radius 		: 2px;
}

.navigation-bar-buttons {
	height 				: 25px;

	float 				: right;
}

.navigation-bar-button {
	display 			: inline-block;

	background-color 	: #ff6666;

	width 				: 80px;
	height 				: 25px;
	line-height 		: 100%;

	border 				: none;

	color 				: white;

	font-family: arial, bold;
	font-size 			: 20px;
	text-align 			: center;

	float 				: left;
}

.navigation-bar-button:hover {
	background-color 	: lightgray;
}

.container {
	position 			: fixed;

	width 				: 980px;
	height 				: 95%;
	left 				: 50%;
	margin-left 		: -490px;
	top 				: 35px;

	border-style 		: solid;
	border-color 		: lightgray;
	border-width 		: 1px;
	border-radius 		: 10px;

	background-color 	: #1A1A1A;
}

.logo-container {
	width 				: 980px;
	height 				: 320px;
}

.logo {
	display 			: inline-block;
	width 				: 236px;
	height 				: 236px;

	margin 				: 45px;

	float 				: left;

}

.logo-header {
	width 				: 580px;

	margin 				: 10px;
	margin-top 			: 25px;

	float 				: left;
}

h1 {
	font-family: 'Titillium Web', sans-serif;

	color 				: white;
	font-size 			: 90px;

	font-weight 		: 200;

	text-align 			: center;
}

.article {
	margin-top 			: 10px;

	width 				: 750px;

	float 				: left;
}

.article-header {
	margin-left 		: 20px;
}

h2 {
	font-family: 'Titillium Web', sans-serif;

	color 				: white;
	font-size 			: 40px;

	font-weight 		: 200;

	text-align 			: center;
}

.article-line {
	width 				: 100%;
	height 				: 2px;

	background-color 	: white;
}

.MCLRed {
    height              : 2px;
    background-color    : #ff6666;
    width               : 11.11%;
    float               : left;
}
.MCLOrange {
    height              : 2px;
    background-color    : #ff9933;
    width               : 11.11%;
    float               : left;
}
.MCLYellow {
    height              : 2px;
    background-color    : #ffcc00;
    width               : 11.11%;
    float               : left;
}
.MCLLightGreen {
    height              : 2px;
    background-color    : #99cc66;
    width               : 11.11%;
    float               : left;
}
.MCLGreen {
    height              : 2px;
    background-color    : #66cc66;
    width               : 11.11%;
    float               : left;
}
.MCLGray {
    height              : 2px;
    background-color    : #999999;
    width               : 11.11%;
    float               : left;
}
.MCLLightBlue {
    height              : 2px;
    background-color    : #00cccc;
    width               : 11.11%;
    float               : left;
}
.MCLBlue {
    height              : 2px;
    background-color    : #0099cc;
    width               : 11.11%;
    float               : left;
}
.MCLPurple {
    height              : 2px;
    background-color    : #996699;
    width               : 11.11%;
    float               : left;
}

.article-body {
	margin-left 		: 30px;
	margin-top 			: 2px;
}

p {
	margin-top 			: 10px;

	font-family: 'Titillium Web', sans-serif;
	color 				: white;
	font-size 			: 20px;
	font-weight 		: 200;

	text-align 			: justify;
}

a {
	font-family: 'Titillium Web', sans-serif;
	color 				: white;
	font-size 			: 20px;

	font-weight 		: 200;
}

.side-bar {
	width 				: 230px;
	margin-top 			: 20px;

	float 				: right;

}

.stamp-container {
	width 				: 170px;

	margin 				: 0 auto;

	margin-top 			: 10px;

}