html
    {
    font-size: 62.5%;
    }

body
    {
    color: #aaa;
    font-size: 1.5rem;
    font-family: arial, verdana, sans-serif;
    line-height: 1.6;
    background-color: #000;
    }
	
* + *,
* + h1,
* + h2,
* + h3,
* + iframe,
* + p
	{
	margin-top: 1.8em;
	}
	
h1
	{
	color: #fff;
	font-size: 2.4rem;
	text-transform: uppercase;
	}
	
h2
    {
    margin-bottom: 2.5rem;
	padding-bottom: 2.4rem;
	color: #fff;
    font-size: 2.2rem;
    text-transform: uppercase;
	background: transparent url(../../images/hr.gif) bottom center no-repeat;
    }
	
h2 small
    {
    display: block;
	margin-top: 0.5rem;
	color: #bbb;
    font-size: 1.1rem;
	letter-spacing: 1px;
    }

h3
    {
    color: #b3965d;
    font-weight: bold;
    text-transform: uppercase;
    }

a
    {
    color: #b3965d;
	transition: 0.2s linear;
    text-decoration: none;
    }

a:hover,
a:active
    {
	color: #735b2d;
    }

strong
    {
    font-weight: bold;
    }

em
    {
    font-style: italic;
    }
    
img
    {
    display: block;
    max-width: 100%;
	margin: 0px auto;
    }
    
iframe
    {
    width: 100%;
	border: #23221e 3.5rem solid;
    }
	
figure a
	{
	display: block;
	border: #b3965d 1px solid;
	border-radius: 2px;
	}	
	
figcaption
	{
    padding: 0.4rem 0rem;
	font-size: 1.3rem;
	text-align: left;
    font-style: italic;
	}
	
* + ul,
* + li
	{
	margin-top: 5em;
	}


/* ---------------------------- Language specific rules ---------------------------- */

:lang(en)
    {
    quotes: "„" "“";
    }

:lang(fr)
    {
    quotes: "«" "»";
    }



/* ---------------------------- Container ---------------------------- */

article
    {
    width: 770px;
	max-width: 100%;
    margin: 0px auto;
	padding: 0px 30px 10rem 30px;
	text-align: center;
    }

article:after
    {
    display: block;
    clear: both;
    content: "";
    }


/* ---------------------------- Header ---------------------------- */

header
	{
	padding: 10rem 0rem 5rem 0rem;
	}
	
header:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
header h1
	{
	float: left;
	width: 80%;
	padding: 0rem 2rem 0rem 0rem;
	margin: 0px;
	text-align: left;
	line-height: 40px;
	}
	
header a.back
	{
	float: right;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -999em;
	overflow: hidden;
	background: #b3965d url(../../images/back.png) center center no-repeat;
	}
	
header .back:hover
	{
	background-color: #735b2d;
	}


/* ---------------------------- Miscellaneous ---------------------------- */

button,
.button
	{
	display: inline-block;
	padding: 1.5rem 2rem;
	color: #fff;
	text-transform: uppercase;
	background-color: #b3965d;
	}
	
button:hover,
.button:hover
	{
	color: #fff;
	background-color: #735b2d;
	}