/* =========================================================
	Stylesheet used for the frontpage of notrehistoire.ch
============================================================ */

#frontpage-header {
	position: relative;
}

#frontpage-header #logo {
	left: 18px;
	position: absolute;
	top: 20px;
}

#frontpage-header #intro {
	font-size: 18px;
	font-weight: bold;
	left: 103px;
	line-height: 24px;
	position: absolute;
	top: 112px;
	width: 496px;
}

#frontpage-header #pics {
	left: 406px;
	position: absolute;
	top: 55px;
}

#frontpage-header #intro span {
	border: 1px solid #999;
	border-bottom: 0;
	display: block;
	height: 22px;
	width: 100%;
}

#frontpage-header #intro p {
	margin-top: -12px;
	padding: 0 16px;
}

#frontpage #login {
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
}

#frontpage #login a {
    color: #666;
	margin-left: 8px;
	text-decoration: underline;
}

#frontpage-header #nav {
	font-size: 18px;
	font-weight: bold;
	left: 654px;
	line-height: 24px;
	position: absolute;
	top: 166px;
}

div.loading {
	background: url(../images/loading.gif) center top no-repeat;
	font-weight: bold;
	margin: 266px 0 0 0;
	padding: 36px 0;
	text-align: center;
	width: 100%;
}

#images-wall {
	display: none;
	margin: 208px 0 48px 40px;
}

#images-wall .line {
	/*background: #F0F0F0;
	border-bottom: 1px solid #CCC;*/
	height: 96px;
}

#images-wall img {
	/*box-shadow: 0 0 3px #666;*/
	background: white;
	/*border: 1px solid #CCC;*/
	padding: 1px;
	/*-moz-box-shadow: 0 0 3px #666;*/
	/*-webkit-box-shadow: 0 0 3px #666;*/
}

/* =========================================================
	Homepage
============================================================ */

.home h2 {
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 6px;
	text-transform: lowercase;
}

#selected-docs .header {
	border: 1px solid #CCC;
	border-bottom: 0;
	margin-left: 240px;
}

#the-document h2 {
	margin: 7px 359px 0 200px;
	padding-bottom: 6px;
	text-align: right;
}

#the-document .thumbnail {
    margin: 0; /* IE */
	width: 584px;
}

#the-document .thumbnail img {
	margin-left: 16px;
}

#the-document .details {
	border: 1px solid #CCC;
	border-left: 0;
	border-top: 0;
	margin: 0; /* IE */
	padding: 16px;
	width: 327px;
}

#the-document h3 {
	color: #858688;
	font-size: 36px;
	line-height: 34px;
	margin-bottom: 4px;
}

#the-document .details .creator {
	padding-bottom: 8px;
}

#the-document .doc-groups {
	margin-left: 16px;
	width: 104px;
}

#the-document .doc-groups h4 {
	font-size: 10px;
	text-transform: uppercase;
}

#the-document .doc-groups li a {
	display: block;
}

.editor {
	font-style: italic;
}

.editor:hover {
	color: #3B7FCC;
}

#other-selected-docs {
	border: 1px solid #CCC;
	margin: 16px 0 24px 0;
	position: relative;
}

#other-selected-docs h2 {
	text-align: right;
}

#other-selected-docs div.pre {
	margin-right: 16px;
	padding-top: 8px;
	position: relative;
	width: 103px;
}

#other-selected-docs .scrollable {
	height: 120px;
	margin-right: 16px;
	overflow: hidden;
	position: relative;
	width: 704px;
	zoom: 1;
}

#other-selected-docs .scrollable .items {
	position: absolute;
	width: 20000em;
}

#other-selected-docs .scrollable .items div {
	/*display: inline;*/ /* IE fix */
	float: left;
	margin: 8px 16px 8px 0;
	width: 104px;
}

#other-selected-docs a.prevPage,
#other-selected-docs a.nextPage {
	cursor: pointer;
	height: 120px;
	position: absolute;
	text-indent: -7777px;
	top: 0;
	width: 103px;
}

#other-selected-docs a.prevPage:active,
#other-selected-docs a.nextPage:active {
	top: 3px;
}

#other-selected-docs a.prevPage {
	background: url(../images/icons/carousel_prev.png) right 75px no-repeat;
	left: 0;
}

#other-selected-docs a.nextPage {
	background: url(../images/icons/carousel_next.png) left 75px no-repeat;
	right: 0;
}

#other-selected-docs a.disabled {
	display: none;
}

#selected-groups {
	font-size: 11px;
}

#selected-groups div {
	position: relative;
}

#selected-groups img.sticky {
	position: absolute;
	right: 4px;
	top: -20px;
}

#selected-groups h2 {
	margin-bottom: 4px;
}

#selected-groups td {
	padding: 0 0 16px 0;
	vertical-align: top;
}

#selected-groups img.thumbnail {
	margin: 4px 16px 0 0;
}

#selected-groups .topic {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#selected-groups .topic a {
	color: #333;
}

#selected-groups h3 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 2px;
}

#selected-groups .infos {
	margin-right: 16px;
	width: 224px;
}

#selected-groups .td2 .infos {
	margin-right: 0;
}

#selected-groups p {
	margin-bottom: 0;
}

#blog {
	font-size: 11px;
}

#blog li {
	margin-bottom: 8px;
}

#blog h3 {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 2px;
}

#blog p {
	margin-bottom: 0;
}

#blog .link {
	text-align: right;
	text-transform: lowercase;
}