@import url("reset.css");
@import url("typography.css");
@import url("forms.css");


/* -------------------- */


#skip {
	position: absolute;
	left: -9999px;
}

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding: 2.5em 30px 2em;
	border: 5px solid #d0d0d0;
	border-top: 0;
	background: #fff;
}


/*	Navigation
	-------------------- */
	
.member {
	float: right;
}

	.member a {
		float: right;
		padding: 3px 18px 5px;
		background: #000;
		border-bottom: 2px solid #d00;
		color: #fff;
		font-weight: bold;
	}
	
	.member a:focus,
	.member a:hover {
		border-bottom: 2px solid #fc0;
		color: #fff;
		background: #333;
	}	

#nav {
	clear: both;
	list-style-type: none;
	margin: 0 0 1px;
	background: #000 url(../img/nav-bg.png) repeat-x left top;
	overflow: hidden;
	width: 960px;
}

	#nav li {
		float: left;
		display: inline;
		background: url(../img/nav-border.png) no-repeat right center;
	}
	
	#nav #nav-cont {
		background: none;
	}
		
		#nav li a {
			color: #fff;
			border-bottom: 0;
			padding: 7px 0 12px;
			display: block;
			font-weight: bold;
			border-top: 2px solid #333;
			text-align: center;
		}
		
		#nav #nav-home a {
			width: 59px;
		}
		
		#nav #nav-cons a {
			width: 94px;
		}
		
		#nav #nav-memb a {
			width: 95px;
		}
		
		#nav #nav-comm a {
			width: 87px;
		}
		
		#nav #nav-jour a {
			width: 67px;
		}
		
		#nav #nav-news a {
			width: 104px;
		}
		
		#nav #nav-post a {
			width: 107px;
		}
		
		#nav #nav-essay a {
			width: 90px;
		}
		
		#nav #nav-conf a {
			width: 134px;
		}
		
		#nav #nav-link a {
			width: 55px;
		}
		
		#nav #nav-cont a {
			width: 68px;
		}
		
		#nav li a:focus,
		#nav li a:hover {
			color: #999;
			border-top: 2px solid #d00;
		}
		
		#home-page #nav-home a,
		#cons-page #nav-cons a,
		#memb-page #nav-memb a,
		#comm-page #nav-comm a,
		#jour-page #nav-jour a,
		#news-page #nav-news a,
		#post-page #nav-post a,
		#essay-page #nav-essay a,
		#conf-page #nav-conf a,
		#link-page #nav-link a,
		#cont-page #nav-cont a {
			color: #fc0;
			background: url(../img/nav-active-bg.png) no-repeat center bottom;
			border-top: 2px solid #fc0;
		}

		
/*	Content
	-------------------- */

#content {
	width: 640px;	
	clear: both;
	float: left;
	margin-bottom: 2.5em;
	padding-left: 10px;
}

#comm-page #content p strong {
	display: block;
}

.downloads {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	padding: 0;
}

	.downloads li {
		float: left;
		font-size: 1.083em;
		margin-right: 10px;
	}
		
		.downloads li a {
			background: url(../img/icon-pdf.png) no-repeat left center;
			border: 0;
			display: block;
			font-weight: bold;
			padding-left: 24px;
		}
		
		.downloads .doc a {
			background-image: url(../img/icon-doc.png);
			
		}

.programme-date {
	margin-bottom: 0.25em;
	padding-top: 1em;
}

.programme-date.no-padding {
	padding-top: 0;
}

.programme {
	border-bottom: 1px solid #ccc;
	width: 640px;
	overflow: hidden;
}
	
	.programme dt {
		width: 70px;
		float: left;
		padding: 5px;
		border-top: 1px solid #ccc;
		font-weight: bold;
		clear: both;
	}

	.programme dd {
		float: left;
		width: 550px;
		margin: 0;
		padding: 5px;
		border-top: 1px solid #ccc;
	}
	
		.programme p {
			margin-bottom: 0.5em;
		}
		
		.programme em {
			
		}
		
		.programme .larger {
			font-size: 1.083em;
			padding-bottom: 5px;
		}
		
		.programme .pipe {
			color: #999;
			padding: 0 5px;
		}

.panel {
	background: #f8f8f8;
	font-size: 1em;
	margin: 0 0 15px -15px;
	padding: 10px 15px 1px;
}

	.panel h6 {
		font-size: 1.083em;
		margin: 0 0 5px;
	}
	
	.panel p {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 0.5em;
	}
	
	.panel p:last-child {
		border-bottom: 0;
	}

.vcard .fn {
	font-weight: bold;
}

.vcard .title {
	margin-bottom: 1.5em;
}

.vcard .adr {
	margin-bottom: 1.5em;
}

.view-news {
	padding-top: 1.5em;
}

	.view-news a {
		background: #eee;
		padding: 6px 12px 8px;
		border-bottom: 0;
		border: 1px solid #ddd;
	}
	
	.view-news a:focus,
	.view-news a:hover {
		background: #f5f5f5;
	}
	
#sitemap-page h4 {
	margin-bottom: 0.5em;
}

#news-listing h2 {
	margin-bottom: 0.5em;
}

#news-listing h3 {
	margin-bottom: 0.5em;
}

.summary {
	margin-bottom: 0.5em;
}

#tabs {
	margin: 0 0 2em;
	padding: 0.25em 0 0;
	list-style-type: none;
	border-bottom: 2px solid #666;
	overflow: hidden;
	font-weight: bold;
}

	#tabs li {
		float: left;
		margin-right: 10px;
	}
	
	#tabs a {
		text-decoration: none;
		color: #333;
		padding: 5px 12px 6px;
		display: block;
		border: 0;
		background: #eee;
	}
	
	#tabs a:focus,
	#tabs a:hover {
		background: #ddd;
	}
	
	#tabs .active {
		background: #666;
		color: #fff;
	}
	
	#tabs .active:focus,
	#tabs .active:hover {
		background: #666;
	}




/*	Sidebar
	-------------------- */

#sidebar {
	width: 186px;
	float: right;
	margin-bottom: 2.5em;
	padding: 2.25em 10px 0 0;
}

#home-page #sidebar {
	width: 240px;
}

	#sidebar h3 {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1.1em;
	}
	
	#sidebar ul {
		list-style-type: none;
		margin: 0;
	}
	
		#sidebar ul li {
			margin-bottom: 1em;
			clear: both;
			overflow: hidden
		}
	
			#sidebar ul li img {
				float: left;
				margin-top: 2px;
			}
			
			#sidebar ul li div {
				float: right;
				width: 170px;
			}
			
			
		
#sidebar p img {
	padding: 2px;
	border: 2px solid #dedede;
	float: right;
}

#sidebar p .links {
	padding: 10px;
}

#jour-page #sidebar {
	text-align: center;
}
	
	#jour-page #sidebar strong {
		display: block;
	}

#sidebar .latest-news p {	
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.5em;
	padding-bottom: 0.75em;
}

#sidebar .latest-news p:last-child {	
	border-bottom: 0;
}

#sidebar .promotion {
	margin-bottom: 2em;
}

	#sidebar .promotion a {
		background: #c00;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		display: block;
		padding: 8px 13px;
		text-decoration: none;
	}
	
	#sidebar .promotion a:focus,
	#sidebar .promotion a:hover {
		background: #d00;
	}
	
		#sidebar .promotion a strong {
			font-size: 1.1em;
		}
			
		
/*	Footer
	-------------------- */
		
#footer {
	clear: both;
	overflow: hidden;
	width: 960px;
}

	#footer ul {
		list-style-type: none;
		margin: 0;
		border-top: 1px solid #ddd;
		padding-top: 1em;
		line-height: 1;
		overflow: hidden;
	}
	
		#footer ul li {
			float: left;
			display: inline;
			border-right: 1px solid #ccc;
			margin-right: 10px;
			padding-right: 10px;
		}
		
		#footer ul li:last-child {
			border-right: 0;
		}
		
			#footer ul li a {
				color: #999;
				border-bottom: 1px dotted #999;
			}
			
			#footer ul li a:focus,
			#footer ul li a:hover {
				color: #bbb;
				border-bottom-color: #bbb;
			}