@font-face {
  font-family: Clarendon;
  src: url(Clarendon-Regular.otf);
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
margin: 0;	


	
}

#navlinks {
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
}

a:link { 
	color: #333333;
	text-decoration: none;
	}
a:visited { 
	color: #000;
	text-decoration: none;
	}
a:hover { 
	color: #CCCCCC;
	text-decoration: none;
	}
a:active { 
	color: #ec008c;
	text-decoration: none;
	}
	
.selected {
		color: #ec008c;
	}

#navlinks {
	width: 600px;
	position: absolute;
	right:0px;
	top: 50px;
}

#navlinks ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#navlinks li {
	float: left;
	margin: 0 0.5em;	
}

#container {
	position: absolute;
	top: 200px;
	right: 0;
	width: 1024px;
	height: 800px;
	
	background-image: url('../images/splash.jpg');
	background-repeat:no-repeat;
	background-position:top right;
	
}

.banner {
	font-family: Clarendon, serif;
	font-size: 24pt;
}

.name {
	font-family: Clarendon, serif;
	font-size: 14pt;
}

.column {
	float: left;
	width: 250px;
	margin-right: 30px;
}

h2 {
	font-family: Georgia, sans-serif;
	font-variant: small-caps;
	font-size: 12pt;
	color: #0098d1;
}

.clear {
	clear: left;
}

p {
	text-align: justify; 

}

.blurb {
	width: 500px;
}

.conference {
	display: block;
	clear:left;
	padding: 20px;
}

.conference img {
	float: left;
	border: 1px solid black;
	margin-right: 20px;
}

.synopsis {
	float: left;
	width: 250px;
}

.description {
	float: left;
	width: 400px;
	background-color: #FFF;
}

.synopsis h1 {
	padding-left: 10px;
	margin-right: 20px;
	margin-top: 0;
	font-size: 14px;
	border: 1px solid black;
	color: #FFF;
	background-color: #000;
	margin-bottom: 20px;
}

.tags {
	color: #0072bc;
	font-style: italic;
}


.synopsis a {
	color: #FFF;
}

.passed {
	text-decoration: line-through;
}

.upcomming {
	color: #ec008c;
}

.info {
	padding-left: 10px;
}

hr {color: #fff; background-color: #fff; border: 1px dotted #00aeef; border-style: none none dotted; }