/* Created by Kristian Dill - 19.12.2009 */

* {
	padding: 0;
	margin: 0;
}

body {
	font: 0.8em Helvetica, Verdana, Arial, serif;
	width: auto;
	height: auto;
	background-color: #333;
}

a:link {
	color: #999;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color: white;
	text-decoration: none;
}

body#underwater a#underwaternav,
body#travel a#travelnav,
body#graffiti a#graffitinav,
body#about a#aboutnav {
	color: #CC9900;
	text-decoration: none;
}

p {
	vertical-align: middle;
	text-align: center;
}

/*
#container contient 3 lignes: #header, #content et #footer
*/

#container { 
 padding: 0;
 margin: 0 auto;
 background-color:#333;
}

/*
#header contient 3 colonnes: #logo, #navigation et #setting
*/

#header {
 width: 800px;
 height: 60px;
 background-color:#333;
 margin: 10px 0px 0px -400px;
	position: relative;
	left: 50%;
}

/*
margin: 0px 0px 0px 10px; se fait dans l'ordre Haut-Droite-Bas-Gauche
*/

#logo {
 width: 225px;
 margin: 0;
 background-color:#333;
	float: left;
	top: 50%;
	visibility: visible;
}

#navigation {
 width: 545px;
 margin: 0;
 #margin: -22px 0 0;
 background-color:#333;
	font: 1em Helvetica, Verdana, Arial, serif;
	color: #666;
	text-align: right;
	float: right;
	padding: 0;
	top: 50%;
	visibility: visible;
}

/*
Pour afficher la liste des menus en horizontal
*/

ul.horizmenu {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

ul.horizmenu li {
  display: inline;
	margin: 0;
	padding: 0 5px;
	border-left: 1px groove silver;
}

/*
Pour enlever la bordure du 1er menu
*/

ul.horizmenu li.leftmenu {
	border-left-width: 0;
}

/*
Pour positionner le menu dans #navigation
*/

p.posmenu {
    height: 1.5em;
	margin: auto 0 11px;
}

#setting {
 width: 0;
 margin: 0;
 overflow:hidden;
 background-color:#333;
 color: #CC9900;
	float: left;
}

#content {
 background-color:#212121;
	height: 600px;
	width: auto;
	clear: both;
	margin: 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 5px 0;
}

#footer {
 width: 800px;
 height: 30px;
 background-color:#333;
	overflow: auto;
	position: relative;
	left: 50%;
	margin: 0 0 10px -400px;
	text-align: right;
	font: 0.8em Helvetica, Verdana, Arial, serif;
}

/*
Pour aligner le logo by-nc-nd avec le copyright
*/

ul.horizfooter {
  margin-left: 20px;
  padding-left: 20px;
	white-space: nowrap;
}

ul.horizfooter li {
  display: inline;
	margin: 0 10px;
}

p.posfooter {
	margin: 10px 0 auto;
}