/**********************************

Use: Reset Styles for all browsers

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	background-color:#000;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/

a, a:link {text-decoration:none; cursor:default;}
a:visited {text-decoration:none; cursor:default;}
a:hover {text-decoration:none; cursor:default;}
a:active {text-decoration:none; cursor:default;}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }


/* Body
------------------------------*/
body {
	padding: 0 10px;
	font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	text-transform: uppercase;
	color:#FFF;
	background-color:#000;
}

#rating {
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
}

/* Navigation
------------------------------*/
.highlight {
	background-color: #FFC;
}

.over {
	color:#3CF;
}

.crosshair{
	color:#3CF;
}

.crosshairOver {
	color:#F03;
}

/* Typography
------------------------------*/
/*YELLOW*/
dt, dt a {
	color:#FF0;
}
.dpYellow{
	color:#FF0;
}
/*MIDGREY*/
dd, dd a:link, dd a:visited, dd a:active {
	color:#999;
}
.dpGrey {
	color:#999;
}
/*BLUE*/
dd .crosshair, dd a:hover  {
	color:#3CF;
}
.dpBlue  {
	color:#3CF;
}
/*RED*/
dd .crosshair a:hover {
	color:#F03;
}
.dpRed {
	color:#F03;
}
/*DARKGREY*/
dd .offline {
	text-decoration:line-through;
	color:#333;
}
.italic{
	color:#666;
	font-style:italic;
}

/* Structure
------------------------------*/
#wrapper{
	margin:0;
	float:left;
	width:100%;
	background-color:#000;
}
#nav {
	float:left;
	margin:22px 0 0 12px;
	width:207px;
} 
#work {
	margin:0 0 0 207px;
	/*background-color:#333;*/
}
/*
#nav {
	position:absolute;
	top:0;
	left:0;
	width:200px;
} 
#work {
	position:absolute;
	top:0;
	left:200px;
	background-color:#333;
}*/

/* Tooltip
------------------------------*/
a .tip { 
	display: none; 
}
a:hover .tip {
	display: inline;
}

.tipopen {
	position:relative;
	left: 10px;
	color: #999;
	padding: .2em;
	width: 50em;
}
