body {
font-family: georgia;
margin: 0;
overflow: hidden;
position: relative;
background: black;
}


#footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: block;
background: black;
height: 40px;
padding: 20px;
z-index: 1000;
}

body span.grad {
display: block;
height: 300px;
/*background: url('gradient.png') repeat-x top center;*/
width: 100%;
right: 0;
left: 0;
top: 0;
z-index: 3;
position: absolute;
}


#commonsCapture {
position: relative;
display: block;
width: 100%;
height: 100%;
background: black;
}

#commonsCapture span {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background: url('flickr.gif') top center;*/
opacity: .18;
z-index: 2;
width: 2000px;
height: 2000px;

}


#commonsCapture img {
display: block;
position: relative;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}

h1 {
font-size: 18px;
margin: 0;
padding: 0;
color: white;
}

#awp {
position: absolute;
right: 0;
top: 20px;
height: 70px;
width: 80px;
z-index: 3000;
}

#awp a img {
outline: none;
border: none;
}

#menu {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 86px;
	width: 100%;
	background: url('trans.png');
	z-index: 3000;
    }
    
#expand, #contract {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
	margin: 15px;
		z-index: 3000;
		font-family: trebuchet, "Trebuchet MS";

	}

#expand a, #contract a {
	color: #FFF;
	text-decoration: none;
	}
	
#contract {
	display: none;
	}

#xml {
	/*width: 600px;*/
	display: block;
	color: #FFF;
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 3003;
	left: 73px;
	}
	
.tweetbox, .tweetboxbrite, .tweetboxadmin, .tweetboxsursly {
	border-bottom: 1px solid #333;
	padding: 10px;
	display: none;
	margin: 0;
	}
	
.tweetboxbrite {
	background: url('transpink.png');
	}
	
	.tweetboxsursly {
	background: url('awpblue.png');
	}


.tweetboxadmin {
	background: url('admintrans.png');
	}

#title {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.025em;
	font-style: italic;
	}
	
#title a, #title a:hover, #title a:visited, #title a:active {
	color: #FFF;
	text-decoration: none;
	}
	
.ithaca {
	background-color: #88BA00;
	color: #FFF;
	padding: 0 2px
	}
	
#timestamp {
	font-family: arial, helvetica;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	}
	
#timestamp a {
	color: #999;
	text-decoration: none;
	}
	
	
.tweetbox, .tweetboxadmin, .tweetboxbrite, .tweetboxsursly {
clear: both;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #222;

}

#twit-0.tweetbox {

}

#title {
	margin-right: 330px;
margin-bottom: 5px;

}
	
#avatar {
	float:left;
	padding: 0 10 0 0;
	}
	
#avatar img {
	width: 48px;
	height: 48px;
	}
	
#xml p.loading {
	font-size: 11px;
	font-weight: bold;
	}
	
	.author a:hover {
	color: #FFFFFF !important;
	}
	
	.block a:hover {
	color: #FFFFFF !important;
	}
	
#camInfo {
position: absolute;
right: 0;
width: 270px;
height: 480px;
padding-right: 20px;
padding-left: 30px;
display:  block;
top: 17px;
color: #bbb;
font-size: 13px;
background: url('camInfoBG.png') no-repeat 0 59px;
z-index: 5000;
font-family: arial;

}

#camInfo p {
margin: 0 0 1.5em;
}

#camInfo a {
color: #00d8ff;
text-decoration: none;
border-bottom: 1px solid #00d8ff;
}

#camInfo a:hover {
background: #00d8ff;
color: white;
}

#camInfo a img {
padding: 0;
outline: none;
border-bottom: 0px;

}

#camInfo a:hover img {
background:  transparent !important;
border-bottom: 0px;
}

#camInfo h1 {
font-size: 9px;
visibility: hidden;
font-style: italic;
margin-top: 10px;
margin-bottom: 10px;
}

#camInfo h2 {
font-size: 13px;
font-weight: normal;
font-style: italic;
margin-top: 30px;
color: #777;
margin-bottom: 10px;
}

#bottomGrad {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5000;
background: url('bottom-grad.png') repeat-x top center;
display: block;
height: 30px;
border-bottom: 5px;
}

#avatar a img, #avatar a           { border: none; overflow: hidden; float: left; }
#avatar a:hover                         { border: 3px solid white; }
#avatar a:hover img                     { margin: -3px; }


p.small {
font-size: 10px;
margin-bottom: 40px;
color: #888;
}

#camInfo strong {
color: white;
}

.loading {
padding-top: 23px;
}

#TB_closeWindow a {
outline: none;
}

#ie6 {
display: none;
}

#live {
position: absolute;
top: 20px;
left: 20px;
height: 100px;
width: 100px;
display: block;
z-index: 4000;
}

.tweetboxbrite #timestamp, .tweetboxbrite #timestamp a, .tweetboxadmin #timestamp, .tweetboxadmin #timestamp a, .tweetboxsursly #timestamp a, .tweetboxsursly #timestamp {
	color: #000;
	}


#users {
	z-index: 1000;
	display: block;
	font-weight: bold;
	font-size: 38px;
	padding: 10px;
	color: white;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	}
	
#audiostream {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	z-index: 4000;
	height: 167px;
	width: 167px;
}