/* 
///////////////////////////////////////////
CSS Document
created by: Tony Costello
tony@olletsoc.com :: http://www.olletsoc.com
///////////////////////////////////////////
*/

* {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CCCCCC;}
div {padding: 0; margin: 0 0 10px 0;}
p {color:#999999; letter-spacing:1px; line-height:1.2em; margin:0 0 18px; padding:0;}
h1 {margin:0px; font-size:16px; text-transform: capitalize; color:#FFFFFF; }
a, a:link {color: #36f;}
a:active {color: #69f;}
a:visited {color: #36f;}
a:hover {color: #69f;}
form {padding: 0; margin: 0;}
select {background-color: #eee;}
div.news {}
div.newsentry {width: 296px;}
div.newsdate {background-color: #333333; padding: 5px; margin: 0;}
div.newstext {padding: 10px; margin: 0;}
div.newserror {color:#333333; padding: 5px; margin: 0;}

/* events list scroll objects
------------------------------------------------------------ */

body.list #content {
	position: absolute;
	top: 0;
	left: 0px;
	width: 280px;
	padding:0px 5px 0px 5px;
	}

#up {
	position: absolute; 
	left: 306px; 
	top: 0px; 
	z-index: 2; 
	cursor: pointer;
}

#track {
	position: absolute; 
	left: 306px; 
	top: 24px; 
	z-index: 3;
}

/* this doesn't work unless written in the actual page - why? no fucking clue...

#drag {
	position: absolute; 
	left: 230px; 
	top: 75px; 
	z-index: 4; 
	cursor: pointer;
}

*/

#down {
	position: absolute;
	left: 306px;
	top: 320px;
	z-index: 5;
	cursor: pointer;
	visibility: visible;
}

#contentMask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 375px;
	clip: rect(0,320px,340px,0);
	overflow: hidden;
	z-index: 6;
	margin-left: 2px;
}