/*
 * Damocles layout
 * Christian Johansen (christian@cjohansen.no) 09/03-06
 */

/* Wrappers */
#page {
	width: 901px;
	margin: 18px auto;
	position: relative;
}

/* Global rules */
.image { margin: 0 0 10px; }
.image img { display: block; }

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

/* Header */
#branding {
	height: 135px;
	overflow: hidden;
}

#branding #logo {
	position: absolute;
	top: 65px;
	left: 25px;
	width: 245px;
	height: 60px;
	overflow: hidden;
}

#branding #logo a {
	width: 245px;
	height: 60px;
	display: block;
	text-indent: -1000em;
}

#branding ul {
	position: absolute;
	top: 4px;
	right: 0;
	height: 135px;
}

#branding li {
	width: 77px;
	float: left;
}

#branding #tempimg {
	position: absolute;
	top: 0;
	right: 0;
}

/* Breadcrumb */
#breadcrumb {
	position: absolute;
	top: 0;
	left: 30px;
}

#breadcrumb li {
	display: inline;
	padding-right: 0.1em;
}

/* Search */
#search {
	position: absolute;
	top: -22px;
	right: 0;
	width: 215px;
	padding: 12px 0 0 16px;
}

#search label { display: none; }
#search #q { width: 140px; }

#today {
	position: absolute;
	top: 0;
	right: 231px;
}

/* Content */
#content {
	padding-top: 30px;
	position: relative;
	border-left: 1px solid;
}

/* Main content */
#main_content {
	float: right;
	width: 690px;
	padding-left: 12px;
	border-left: 1px solid;
}

/* Frontpage */
#articles {
	width: 459px;
	float: left;
}

#sub_content {
	width: 216px;
	float: right;
	border-bottom: 1px solid;
}

.frontpage #sub_content { border: none; }

#sub_content .section {
	margin: 0 0 1em;
	padding: 0 14px;
}

#sub_content h3 { margin: 0 0 0.2em; }
.frontpage #sub_content .section { border-bottom: 1px solid; }
#sub_content .section form { margin: 0 0 1em; }
.frontpage #sub_content h2 { margin: 0 -14px 0.4em -14px; }
#sub_content h2 { padding: 0 14px; }
#sub_content li { margin: 0 0 0.5em; }
.frontpage #email { width: 130px; }

.frontpage #sub_content form label {
	display: block;
	margin: 0 0 0.5em;
}

#page .frontpage #sub_content .ipy { border: none; background: #fff; }
#page .frontpage #sub_content .ipy p { margin: 0 0 0 70px; }

#articles .damocles {
	padding: 0 12px 12px;
	margin: 0 0 1em;
	border: none;
}

.frontpage h1, .topic h1 {
	margin: 0 -12px 12px;
	height: 37px;
	overflow: hidden;
	padding: 0 12px;
}

.topic h1 {
	height: 56px;
	margin: 0 0 12px;
}

#articles .section {
	border-bottom: 1px solid;
	margin: 0 0 12px;
}

#articles .section p, #articles .section h2 { margin-left: 128px; }
.topic #articles .section p, .topic #articles .section h2 { margin-left: 0; }
.more { margin: -0.5em 0 0.5em; }
#articles h2 { margin: 0 0 0.2em 128px; }

/* Article */
.article #main_content {
	width: 649px;
	margin-right: 41px;
	position: relative;
}

.article .image { border: 1px solid; }
.article .image p { padding: 10px 10px 0; }
.article h2 { margin: 0 0 0.2em; }
.article h1 { margin: 0 280px 0 0; }

.article #header {
	padding-top: 26px;
	height: 87px;
	margin: 0 0 12px;
}

#article_meta {
	position: absolute;
	top: 18px;
	left: 436px;
	width: 224px;
}

#article_meta div {
	width: 224px;
	border-top: 1px solid;
	padding: 4px 0;
}

#article_meta div.date, #article_meta div.print {
	width: 112px;
	float: left;
	border-top: none;
}

#article_meta div.date {
	padding: 7px 0 7px 6px;
	width: 106px;
}

#article_meta div a {
	display: block;
	padding: 3px 24px 3px 0;
}

#article_meta div.send_mail { clear: left; }

#article_meta div.author {
	width: 219px;
	padding-right: 5px;
}

#article_meta div.author a { padding-right: 19px; }
.article #main_content ul { padding-left: 15px; }
.article #main_content ol { padding-left: 24px; }

/* Navigation */
#navigation {
	width: 198px;
	padding-top: 15px;
	position: absolute;
	min-height: 112px;
	top: 30px;
	left: 0;
}

#navigation ul {
	position: absolute;
	top: 112px;
	left: 0;
	width: 197px;
}

#navigation ul ul {
	position: static;
	margin: 0;
}

#navigation li a {
	width: 185px;
	display: block;
	padding: 2px 0 2px 12px;
	border-bottom: 1px solid;
}

#navigation li li a, #navigation li.depth2 a {
	padding-left: 22px;
	width: 175px;
}

.depth2 { display: none; }

.about_arctic .about_arctic, .about_damocles .about_damocles, .research .research, .education .education,
.public_outreach .public_outreach, .news .news, .media .media, .contacts .contacts {
	display: block;
}

/* Footer */
#about {
	height: 42px;
	overflow: hidden;
	position: relative;
}

#about a {
	display: block;
	margin: 14px 0 0 13px;
}

#about p { display: none; }

#about #webmaster {
	display: block;
	top: 2px;
	right: 12px;
	position: absolute;
}