body {
	background: #BFCCD9;
	position: relative;

}

html {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#wrap {

	z-index: 1;
}

#edit_mode div#wrap, #edit_mode #menu, #edit_mode #main {
	padding-bottom: 50px;
}

div#header {
	background: #186AB5 url(/images/poseidon.jpg) no-repeat top left;
	border-bottom: 2px solid black;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 157px;
	z-index: 2;
}

div#header #site_title {
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	margin: 10px 350px 0 100px;
	text-align: center;
}

div#header #site_title h1 {
	color:#FFCC00;
	font-size:36px;
	font-weight:bold;
	margin: 35px 0 10px 0;
	text-align: center;
	letter-spacing:0.2em;
	line-height:30px;

}

div#lighthouse {
	color:#FFCF00;
	position: absolute;
	top: 0;
	right: 20px;
	white-space: nowrap;
	z-index: 3;
	width:  400px;
}

div#lighthouse img {
	padding: 0 5px 0 0;
	margin: 0;
}

div#date_today {
	background: #40668C;
	border-width: 1px 0;
	border-style: solid;
	border-color: #003366;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px 0;
	color:yellow;
	font-size:11px;
	letter-spacing:0.2em;
	z-index: 4;
}
div#date_today span {
	margin: 0 10px;
}

div#main {
	position: relative;
	margin: 180px 10px 10px 260px;

}

* html div#main {
	/*left:  260px;*/
	left:0;
}

* html .editing div#main {
	left:0;
}


div#main h1 {
	color:#3366CC;
	font-size:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:0.2em;
	line-height:24px;
}

div#menu {
	position: absolute;
	top: 180px;
	left: 0;
	width: 165px;
	z-index: 5;
}

div#menu ul {
	margin: 0;
	padding: 0;
}

#main a, #main a:link, #main a:visited, #main a:active {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}
	
#menu ul{
	border-top: 2px solid #C0DFFD;
	margin: 0;
	padding: 0;
	}
	
#menu li {
	
	}
	
#menu li {
	margin: 0;
	padding: 0;
}
	
#menu li a, #menu .item a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	border-bottom: 2px solid #C0DFFD;
	/* background: url("mm_arrow.gif") 14px 45% no-repeat;
	*/
	margin: 0;

	width:  133px;
	}
	
#menu li a:hover, #menu .item a:hover {
/*	background: #26354A url("mm_arrow.gif") 14px 45% no-repeat;  */
	background: #26354A ;
	color:#FF6600;
	}
	
.blue {
	color:#3165CE;
}

.red {
	color:#FF0000;
}

#design {
	font-size:10px;
	font-weight:bold;
	color: #3165D1;
	text-align: center;
	margin-top: 10px;
	clear: both;
}

#banner{
	font-size:10px;
	font-weight:bold;
	color: #3165D1;
	text-align: center;
	margin-top: 10px;
	clear: both;
}


#edit_mode #menu div.element_wrap {
	list-style: none;
	margin: 3px 0;
	width: 165px;
}


div.element_menu {
	margin: 5px;
}

div.element_menu a {
	margin: 0 0 0 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 2px 0 0 0;

	display: block;
	float: right;

}


div#languages_menu {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px 10px;
	z-index:  7;
}

div#languages_menu a:link, div#languages_menu a:visited, div#languages_menu span {
	color: #FF9933;
}

div#languages_menu a:hover {
	color: #FFCC00;
}

div#languages_menu span {
	color: black;
}

div.logout {
	margin: 5px;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
}

div#section_lighthouse {
	margin-top: -20px;
	padding: 0;
	position:  relative;
}

.element_news_short {
	margin: 15px 0;
}


.element_news_short p.created_at {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#main h2 {
	color:#3366CC;
	font-size:14px;
	font-style:normal;
	letter-spacing:0.2em;
	line-height:18px;
}


.element_news, .element_trip {
	margin: 15px 0;
}

.element_news h2 {
	margin: 0 0 5px 0;
}

.element_news p.created_at {
	margin: 0 0 15px 0;
}

#main li {
	list-style: disc;
}

* html #header {
	padding-right: 20px;
}

* html div#date_today {
	padding-right: 20px;
	width: 100%;
}

div#section_index {
	position: absolute;
	top:  0;
	left: 0;
	width:  45%;
	z-index:  9;
}

div#section_short_news {
	position: absolute;
	top:  0;
	left: 50%;
	width:  45%;
	z-index: 10;
}

* html div#section_short_news {
	position: absolute;
	top:  0;
	left: 40%;
	width:  45%;
}

a.feed_link {
  line-height: 19px;
padding-right: 10px;
}

a.feed_link img {
  vertical-align: -20%;
}

#edit_mode div#section_index, #edit_mode div#section_short_news {
	padding-bottom: 50px;
}