/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
body {
	color: #ffffff;
	font-family: "ProximaNovaRegular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}
body.alt {
	background-image:url(../teambuilding/images/cow_small.jpg);
}

/* main navigation */
#navigation {
	width: 650px;
	top: 0px;
	position: absolute;
	margin-left: 179px;
	z-index: 10;
}
#navigation ul {
	width: 740px;

}
#navigation li {
	list-style: none;
	margin:5px;
	padding:4px 10px;
	float: left;
	display: block;
}
#navigation a {
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	text-decoration: none;

	display: block;
	float: left;

    z-index: 10;
    position: relative;

}
#navigation li.backLava {
	background: url(../images/rgba.php?r=255&g=255&b=255&a=2) repeat;
	background: rgba(255, 255, 255, 0.2);
    margin-top: 5px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}

h1, h2, h3, h4, h5, h6, div#video-footer {
	text-shadow:0 1px 3px #000000;
	font-weight:normal;
}

div.container a {
	color:#D74DB8;
	text-decoration:none;
}
div.container a:hover {
	text-decoration:underline;
}

.container  {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
}

div#stage
{
	background: url(../images/rgba.php?r=0&g=0&b=0&a=70) repeat;
	background: rgba(0, 0, 0, 0.70);
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	margin: 67px auto 10px;
	padding: 0 0 10px;
}
div#stage.home-stage
{
/*	background: url(/img/rgba.php?r=255&g=255&b=255&a=30) repeat;
	background: rgba(255, 255, 255, 0.30);
	border-left: none;
	border-right: none;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;  */
}
div.stage-video {
	float:left;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	width:940px;
}
div#video-header  {
	margin: 10px 20px 12px;
	width:920px;
}
div#video-header, div#video-footer {
	float:left;
	height:28px;
	position:relative;
}
.opaque
{
	background: url(../images/rgba.php?r=255&g=255&b=255&a=15) repeat;
	background: rgba(255, 255, 255, 0.15);
	padding: 4px 0;
}
h1.post-title {
	font-weight:normal;
	float:left;
	font-size:24px;
	position:relative;
	width:620px;
	margin:0;
}
h1.post-title,
h4.date-title
{margin-bottom: 0px;}

h1.post-title span {margin-left: 19px;}

h2.date-title {
	float:right;
	margin-top:2px;
	position:relative;
	text-align:right;
	line-height:1.25;
}
h2.date-title span {
	margin-right: 19px; 
	font-size:20px;
}

div.large-video-wrapper
{
	background-color: #000000;
	-moz-box-shadow: 0 0 9px #d74db8;
	-webkit-box-shadow: 0 0 9px #d74db8;
	box-shadow: 0 0 9px #d74db8;
	position: relative;
	margin: 0px auto 12px;
	width: 853px;
	height: 480px;
}

div.stage-content-left  {
	float:left;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	width:940px;
	font-size:18px;
	line-height:24px;
	text-align:center;
}
div.indent {
/*	margin-left:16px; */
}