/* @override http://www.gordonneufeld.com/style.css */

/* GLOBAL STYLES */
html
{
	padding: 0;
	margin: 0;
}

body 
{
	padding:0;
	margin: 0;
	background: #fff url(images/gradient.jpg) repeat-x; /* body gradient background */
	border-top: 5px solid #55350e;
	height: 100%; /* 100% height follows through so the footer can extend to the bottom*/
}

p
{
	font: 12px "Trebuchet MS";
}

a
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

#wrapper
{
	height: 100%;
}

/* HEADER */

#logo /* note: separate from container */
{
	position: absolute;
	top: 5px;
	left: 45px;
}

#topcontainer
{
	background: #fff url(images/textureonly.jpg) repeat-x; /* this makes the textured background */
	height:  145px;
	border-bottom: 2px solid #dfdccd;
	z-index: -1;
}

/* there are two wrappers, for the reason that the top container needed to extend all the way to make the top header do the same. headerwrap is the fixed-width container. */ 

#headerwrap
{
	overflow: hidden;
	width: 960px;
	float: left;
}

/*using Phark method to put images in header*/
#title
{
	float: left;
	overflow: hidden;
	position: relative;
	top: 20px;
}
	h1 /*Gordon Neufeld, Ph.D*/
	{
		font-family: Garamond;
		text-indent: -9999px;
		background: url(images/titletext.png) no-repeat;
		height: 75px;
		width: 400px;
		background-repeat: no-repeat;
		margin-left: 150px;
		display: block;
	}
	
#subtitles
{
	width: 390px;
	overflow: hidden;
	float: right;
	position: relative;
	top: 10px;
}
	#subtitles span
	{
		font-family: Garamond;
		height: 60px;
		background: url(images/subtitles.png) no-repeat;
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
	}
	
/* NAVIGATION */

#navigation-container
{
	width: 960px;
	z-index: 100; /* attempting to fix IE bug */
}

#navigation
{
	z-index: 101; /* attempting to fix IE bug */
	float: right;
	background: #f3f2dd;
	margin-top: -20px; /* raises it onto header */
	padding: 2px;
	border: 2px solid #dedccd;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* removes indentation fron list */
}

#navigation ul li
{
	display: inline;
	/* bar form for nav */
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #6b3d2e;
	text-decoration: none;
	font: 13px "Trebuchet MS";
}

#navigation li a:hover 
{ 
	background: #c60; 
	color: #f3f2dd;
	/* rollover */
}

/* BODY STRUCTURE */

#bodywrap
{
	height:100%;
	padding:0;
	width: 960px;
	margin-top: 10px;
	float: left;
}

#leftcolumn
{
	clear: left;
	float: left;
	width: 652px;
	display: inline;
	padding-left: 20px;
	padding-bottom: 20px;
}

#rightcolumn
{
	float: right;
	width: 270px;
	display: inline;
}

/* RIGHT COLUMN CONTENT/STYLES*/
/*slideshow*/
#slideshowcontainer
{
	width: 630px;
	height: 370px;
	background: #fff;
	padding: 3px;
	border: 2px solid #dedccd;
}

#slideshowcontainer img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/* slideshow navigation*/
	#nav {
		padding-top: 10px;
		margin-top: 6px;
		width: 630px;
		height:8px;
		overflow: hidden;
		text-align: center;
	}
	
	#nav a, strong { 
		padding: 10px 2px; 
		background: url(images/rotator/inactive.png) no-repeat;
	color: #fff;
}
	
	#nav a.activeSlide { 
		background: #ea0; 
		background: url(images/rotator/active.png) no-repeat; 
	}

#nav a:focus { outline: none; }

.video
{
	width: 630px;
	height: 370px;
}
/* LEFT COLUMN CONTENT/STYLES*/
/* events list */
#events
{
	overflow: hidden;
	padding: 20px 0 0;
	font: 12px "Trebuchet MS";
	margin: 0;
}

#events ul
{
	padding:  0;
	list-style-type: none;
	margin: -8px 0;
}

.eventslist li
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #c8c49f;
}
	
.eventslist li:hover
{
	background-color: #f1efe2;
}

/* event styles */
#events h3
{
	font: bold 16px "Trebuchet MS";
	text-align: center;
	color: #7b5246;
}

date
{
	
	font-weight: bold;
	color: #491002;
	float: left;
}
location
{
	text-align: right;
	float: right;
	color: #bb6f4a;
}

location a:visited
{
	color: #bb6f4a;
}

.event a:visited
{
	color: #bb6f4a;
}

.event /* allows for indentation */
{
	color: #6d3f33;
	padding-left: 10px;
	text-indent: -10px;
}

/* FOOTER */

#bottomwrap
{
	clear: left;
	width: 100%;
	background: #f1efe2 url(images/white.gif) repeat-x;
	border-top: 6px solid #d9d8c4;
	height: 100%;
}

#footer
{
	float: left;
	text-align: center;
	padding: 10px 20px 50px 80px;
}

/* QUOTE */

#quotecontainer
{
	float: left;
	width: 960px;
	clear: both;
	text-align: center;
	color: #3d2821;
	padding-bottom: 3px;
	bottom: 95px;
	display: block;
	margin-top: 10px;
}

.quote 
{
	font-family: Garamond;
}

.quote h4
{
	font-family: Garamond;
	font-variant: small-caps;
	display: inline;
}

/* QUICKLINKS */

.linkcontainer
{
	width: 152px;
	background-color: #d9d8c4;
	display: inline;
	float: left;
	padding: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

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

#quicklinks li
{
	display: inline;
	float: left;
	width:  150px;
	border: 1px solid #fff;
}

#quicklinks li a
{
	display: block;
	text-decoration: none;
	font: 14px "Trebuchet MS";
	color: #f3f2dd;
	padding-top: 4px;
	padding-bottom: 4px;
}

#quicklinks li a:hover
{
	background-color: #f1efe2;
}

#quicklinks li.quicklink1
{
	background-color: #d86b09;
}
#quicklinks li.quicklink2
{
	background-color: #aa3d06;
}
#quicklinks li.quicklink3
{
	background-color: #7b2703;
}
#quicklinks li.quicklink4
{
	background-color: #d87107;
}
#quicklinks li.quicklink5
{
	background-color: #d04909;
}

#quicklinks li.quicklink1 a:hover
{
	color: #d86b09;
}
#quicklinks li.quicklink2 a:hover
{
	color: #aa3d06;
}
#quicklinks li.quicklink3 a:hover
{
	color: #7b2703;
}
#quicklinks li.quicklink4 a:hover
{
	color: #d87107;
}
#quicklinks li.quicklink5 a:hover
{
	color: #d04909;
}


/* player container */
.video
{
	width: 630px;
	background: url(images/rotator/video_back.jpg);
}
div.player {
	height:272px;
	width:436px;
	border:2px solid #dedccd;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-left: 97px;
	margin-top: 55px;
}

/* play button */
.play {
	padding-top: 120px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}
#intsites
{
	height: 42px;
	background: url(images/intsites.png) no-repeat;
	margin-top: 15px;
	position: relative;
	z-index: 5;
}

#intsites span
{
	display: block;
	position: relative;
	color: #fff;
	top: 14px;
	left: 100px;
	font: 14px "Trebuchet MS";
}

#intsitestext
{
	margin: 0 auto;
	width: 250px;;
	position: relative;
	background: #f1efe2;
	top: -10px;
	padding-top: 8px;
	border: 1px solid #c8c49f;
}
#intsitestext a
{
	display: block;
	font: 14px "Trebuchet MS";
	height: 20px;
	padding-left: 30px;
	padding-top: 3px;
	color: #7b5246;
}

#intgermany
{
	background: url(images/intgermany.png) no-repeat 5px 0;
}
#intsweden
{
	background: url(images/intsweden.png) no-repeat 5px 0;
}
#intgermany:hover
{
	background: #dedccd url(images/intgermany.png) no-repeat 5px 0;
}
#intsweden:hover
{
	background: #dedccd url(images/intsweden.png) no-repeat 5px 0;
}