/*

background --> background color
color --> text color

*/


/* General */
body {
  color: #FFFFFF;      /* all white */
  background: #EAEAEA; /* grey */
}
a {
	color: #FF6533;      /* red-ish orange, not really used */
}
a:hover, a:focus {
	color: #FF4C00;     /* same here */
}
strong {
	color: #A1B55D;    /* green ??, not really used anywhere i suppose */
}

/* Page global */
#global {
  background: #FF7800; /* orange 'curie' top banner */
}

/* Navigation menu bar */
#navigation {
   background: #FFC140; /* pale orange */
}
#navigation a {
	color: #A66500; /* brown-orange */
}
#navigation a:hover, #navigation a:focus {
	background: #A66500;
  color: #FFDC73 /* very pale orange */
}

/* Main content */
#content {
  color: #000000;          /* black */
  background: #FFFFFF;     /* white */
}
#content a {
	color: #A67C00;  /* brown-orange dark */
}
#content a:hover, #content a:focus {
	color: #6E5122;   /* very dark brown orange */
}
#content strong {
	color: #181A12;  /* almost black */ 
}

/* Footer */
#footer {
	color: #000000;
}
#footer a {
  color: #FFFFFF;
}

#news {
  float: right;
  width: 350px;
  margin: 10px;
  /*font-size: 0.7em;
  /*border-radius: 5px;
  border: 2px solid grey;
  /*height: 550px;
  overflow: hidden;*/
}

#news h1 {
  margin: 0;
  background-color: #EAEAEA;
  padding: 5px;
  border-bottom: 0;
  border-radius: 5px;
  font-size: 14pt;
}

#news p {
  border-top: 0;
  padding: 10px;
}


/* --- Position of the elements--- */

/* Page */
html, body {
	height: 100%; 
}
body {
	padding: 0;
}
#global {
	min-height: 100%; 
	width: 1000px;
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto; 
}

/* header */
#header {
	padding: 15px 20px 10px 20px;
}
#header h1 {
	margin: 0;
  height: 150px;
}
#header h1 img {
  border-radius: 10px;
}

#header .subtitle {
	margin: 4px 0 15px 0;
}
/*#header img {
  float: left;
  border-radius: 10px;
}*/

/* Navigation bar */
#navigation {
	padding: 12px 15px;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Content */
#content {
	padding: 10px 20px;
}
#content > :first-child {
	margin-top: 10px;
}
#content p, #content li {
	line-height: 1.5;
}

/* Footer */
#footer{
	padding: 15px 20px;
	font-size: .85em;
}
#footer {
	margin: .5em 0;
}
#footer img {
  border-radius: 10px;
}
#copyright {
	text-align: left;
	font-size: 1em;
}

#indent1 {
  margin-left: 25px;
}

#indent2 {
  margin-left: 50px;
}