/*
Author: Ruben Van den Bossche
Date created: 10/03/08
Description: CSS for new Vatos Locos site
*/

/* BACKGROUND, HEADER & GENERAL PROPERTIES */

body {
	margin: 0px;
	text-align: left;
	background: #000000;
}


a {
	outline: none;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00dc3f;
}

/* AUTOVIEWER: hide from ie on mac \*/	
#flashcontent {
	width:400px;
	height: 300px;
}
/* end hide */

#main {
	position : absolute;
	left : 0px;
	top : 0px;
	
	width: 100%;
	height: 100%;
}

#homelink {
	position : absolute;
	right : 30px;
	top : 20px;
}

#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	
	width: 1024px;
	height: 641px;
	
	background: url(images/background.png) 0px 0px no-repeat;
}

#content {
	position: absolute;
	top: 160px;
	left: 90px;
	
	width: 440px;
	height: 400px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00dc3f;
}

#studentendj {
	position: absolute;
	top: 120px;
	right: 40px;
}


a.link:link, a.link:active, a.link:hover, a.link:visited, a.linknoi:link, a.linknoi:active, a.linknoi:hover, a.linknoi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00dc3f;
}

a.link:link, a.link:active, a.link:hover, a.link:visited {
	font-style: italic;
}

a.link:link, a.link:active, a.link:visited, a.linknoi:link, a.linknoi:active, a.linknoi:visited {
	text-decoration: none;
}

a.link:hover, a.linknoi:hover {
	text-decoration: underline;
}


div#hiddenplayer {
	position : absolute;
	/*left : 715px;
	top : 21px;
	z-index: 25;*/
	left : 0px;
	top : 0px;
	z-index: 0;
}

input,textarea,select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #00dc3f; 
	font-weight: bold;
	font-size: 10px; 
	background: #000000; 
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	
	line-height: 12px; 
	padding-top: 1px; 
	padding-right: 4px; 
	padding-bottom: 1px;
	padding-left: 4px;
	
	border-bottom: #00dc3f 1px solid; 
	border-left: #00dc3f 1px solid; 
	border-right: #00dc3f 1px solid; 
	border-top: #00dc3f 1px solid; 
}

textarea {
	overflow:auto;
}


/* FOTO'S */


div.thumb {
	position: relative;
	width: 125px;
	height: 93px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	
	border: solid 1px #00dc3f;
	background: #000000;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

div.thumb:hover {
	background: #222222;
}