@CHARSET "UTF-8";

body {
	background-color: #c0e6f2;
	font: normal 81% tahoma,verdana,arial,sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

#like-box {
	position: relative;
	left:50px;
	width: 200px;
}

#aural-container {
	position: relative;
	top: -45px;
	left: 615px;
	
	z-index: 3;
	
	width: 305px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#aural-container {
		position: relative;
		top: -45px;
		right: 615px;
		
		z-index: 3;
		
		width: 305px;
	}
}

#term-toggle {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;

	height: 20px;
	width: 30px;

	border-style: solid;
	z-index: 5;

	color: black;
	background-color: white;
}

#term-div {
	overflow-x: hidden;
	overflow-y: auto;

	display: none;
	position: absolute;
	left: 0px;
	bottom: 0px;

	height: 250px;
	width: 900px;

	border-style: dashed;
	z-index: 5;

	color: black;
	background-color: white;
}

.term-entry {
	display: block;
	color: black;
	z-index: 6;
}

#eventHeader {
	display: block;
}

#event-list {
	z-index: 3;

	font-size: 80%;
}

.no-block {
	display: inline;
}

.clear {
	clear: both;
}

.div-hidden {
	display: none;
}

.eventEntry {
	display: block;
	color: white;
	z-index: 3;
	margin-top: 8px;
}

.gid {
	display: none;
}

.gname {
	color: #2776a4;
}

#top-bar {
	width: 100%;
	height: 40px;
	background-color: #2776a4;
}

#woodgrain {
	width: 981px;
	height: 735px;
	
	position: relative;
	z-index: 1;
	
	/*
	background-image: url("../img/OUTPOST-bkg-big.jpg");
	background-repeat: no-repeat;
	*/
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
}

img.bkg {
	width: 100%;
	height: 100%;
	
	z-index: 1;
	position: absolute;
}

#main-sub1 {
	width: 100%;
	height: 100%;
}

#logo {
	position: relative;
	left: 11%;
	top: 62px;
	
	width: 454px;
	height: 129px;
	
	z-index: 2;
	
	text-indent: -9999px;
	
	background-image: url("../img/OUTPOST-logo.png");
	background-repeat: no-repeat;
}

#photo {
	position: relative;
	left: 66%;
	top: -44px;
	
	width: 300px;
	height: 159px;
	
	z-index: 1;
	text-indent: -9999px;
	
	background-image: url("../img/photo.png");
	background-repeat: no-repeat;
}

#reload {
	position: relative;
	display: block;
	
	height: 100%;
	width: 100%;
	
	z-index: 3;
}

#contact-link {
	left:788px;
position:absolute;
top:298px;
z-index:2;
}

#a-contact {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#contact-link a:link,
#contact-link a:visited {
	color:#fff;

	padding:0px 10px 0px;
	
 	float:left;
	width:auto;

	text-decoration:none;
	font:bold 2em/2em Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
}

#content {
	display:block;
	position:relative;

	height:436px;
	width:946px;
	
	top:-48px;
	left:18px;

	z-index:2;
}

img.shade{
	bottom:-22px;
	left:-25px;

	display:block;
	position:absolute;

	height:773px;
	width:1024px;

	z-index:-1;
}

#navbar {
	height: 80px;
	width: 100%;
}

#navbar-links-container {
	display:block;
height:25px;
margin-left:15px;
position:relative;
top:-20px;
width:600px;
z-index:3;
}

#navbar-links {
margin:0;
padding:0;
list-style-type:none;
float: left;
width: 100%;

}

#navbar-links li {
display:inline;
padding:0;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom: 0px;
float: left;
}

#navbar-links img {
	display: none;
	border: 0px none;

z-index: 3;

	height: 24px;
	width: 79px;
}

#navbar-links a:link,
#navbar-links a:visited {
	color:#fff;

	padding:0px 0px 0px;
	
 	float:left;
	width:auto;

	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;

z-index: 3;

	height: 25px;
	width: 85px;
}

#navbar-links li:first-child a {
}

#navbar-links li:last-child a {
}

#navbar-links span {
	text-align: center;

	display: block;
	padding-top: 2px;

	height: 24px;
	width: 79px;
}

#sp-presspack {
	display: block;
}

img.navbar {
	display:block;
	position:relative;

	top:40px;
	left:20px;

	z-index:2;
	
	width: 905px;
	height: 32px;
}

img.navbar-border {
	position:relative;
	display:block;
	
	top:13px;
	left:15px;
	
	z-index:1;
	
	width: 905px;
	height: 32px;
}

#newsblock {
display:block;
float:left;
height:360px;
position:relative;
width:580px;
top: -8px;
}

img.newsblock {
	position:relative;
	display:block;
	float: left;

	top:10px;
	left:85px;
	
	z-index:2;

	width: 490px;
	height: 310px;
}

img.newsblock-border {
	display:block;
float:left;
left:80px;
position:relative;
top:-293px;
z-index:1;

	width: 490px;
	height: 310px;
}

#giglist {
display:block;
float:left;
height:360px;
position:relative;
width:270px;
top: -8px;
}

img.giglist {
	display:block;
float:left;
left:30px;
position:relative;
top:10px;
z-index:2;
height: 310px;
width: 240px;
}

img.giglist-border {
float:left;
left:25px;
position:relative;
top:-293px;
z-index:1;
height: 310px;
width: 240px;
}

#footer {
display:block;
height:55px;
left:18px;
position:relative;
top:-54px;
width:946px;
z-index:2;
}

#footer-nav {
margin:0;
padding:0;
list-style-type:none;
float: left;
width: 100%;
}

#footer-nav li {
display:inline;
padding:0;
margin-top:20px;
margin-left:0px;
margin-right:0px;
margin-bottom: 0px;
float: left;
}

#footer-nav a:link,
#footer-nav a:visited {
	color:#fff;

	padding:10px 25px 6px;
	
 	float:left;
	width:auto;
	border-right:1px solid #fff;

	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
}

#footer-nav li:first-child a {
	padding-left: 10px;
}

#footer-nav li:last-child a {
	border-right:0px none #fff;
}

#blurb {
	color:#fff;

	margin-left: 105px;
	margin-top: 20px;

	position: absolute;
	z-index: 3;
	font-size: 12px;
	width: 80%;
}

#blurb a:link,
#blurb a:visited {
	color: #fff;
	text-decoration:none;
	font:bold 25px Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
}

#vid {
	z-index: 3;
	position: absolute;
	margin-left: 170px;
	margin-top: 30px;
}

#gig {
	overflow-x: hidden;
	overflow-y: auto;
	color:#fff;

	margin-left: 40px;
	margin-top: 22px;

	position: absolute;
	z-index: 3;
	
	width: 230px;
	height: 288px;
}

#gig a:link,
#gig a:visited {
	color: #fff;
	text-decoration:none;
	font:bold 25px Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
}

//#photo a {
//	border-width: 2px;
//	border-color: white;
//	border-style: solid;
//}

#cmic {
display:block;
height:45px;
left:42px;
position:absolute;
top:0;
width:40px;
}

#tmpill {
display:block;
height:36px;
left:103px;
position:absolute;
top:11px;
width:33px;
}

#philip {
display:block;
height:45px;
left:143px;
position:absolute;
top:0;
width:40px;
}

#oscar {
display:block;
height:45px;
left:191px;
position:absolute;
top:20px;
width:40px;
}

#steve{
display:block;
height:45px;
left:241px;
position:absolute;
top:16px;
width:40px;
}