/* CSS Document */
/* naero visual concepts */
/* www.naero.net */

@import url(sys/reset.css);

<!--

/* STYLE */
body {
		background-color: #e2e2e2; 
		font-family: Courier New, Courier, monospace;
		color: #000;
		font-size: 10px;
		margin-top: 0px; 
		line-height: 18px; 
		letter-spacing: 1px;
}
	
body#recharging {background-color: #000; color: #fff;}

body#recharging a:link { 
		color: #fff; 
		text-decoration: underline;
}
body#recharging a:visited {  
		text-decoration: underline;
}
body#recharging a:hover {  
		text-decoration: none;
}


li.black a { color: #fff; }


a:link, a:visited { 
		color: #000; 
		text-decoration: underline;
}
a:hover {
		text-decoration: line-through; 
		color: #000;
}
a:focus { 
-moz-outline-style: none;
}

img {	border: none;
}

ul.intro 						{ text-transform: uppercase; }
ul.intro a						{ text-decoration: none; }
ul.intro a:hover				{ text-decoration: line-through; }


/* INTERFACE */
div#wrapper 					{ width: 400px; overflow: visible; position: relative; top: 30px; left: 30px; padding-bottom: 30px; }


/* NAVIGATION / SHOWCASE */
span.navigation					{ padding-top: 4px; padding-bottom: 4px; }
span.navigation:active			{ background-color: #000; }

ul.active a						{ text-decoration: none; }
ul.active a:hover				{ text-decoration: line-through; }
ul.active a:active				{ text-decoration: none; }

ul.active li.link				{ background: url(img/in.png) no-repeat; background-position: 0px 5px; padding-left: 12px; }
ul.active li.passive			{ background: none; padding-left: 0px; }

ul.active li a:active			{ color: #000; }

ul.active li.selected			{ background: url(img/in.png) no-repeat; background-position: 0px 5px; padding-left: 12px; padding-bottom: 10px; }
ul.active li.selected a			{ text-decoration: underline; }
ul.active li.selected a:hover	{ text-decoration: none; }
ul.active li.selected a:active	{ background-color: #000; }
ul.active li.multi				{ padding-bottom: 0px; }

ul.active li.preview			{ padding-bottom: 10px; padding-left: 12px; }	

div.project						{ background: url(img/in.png) no-repeat; background-position: 0px 5px; padding-left: 12px; }
div.project a					{ text-decoration: none; }
div.project a:hover				{ text-decoration: line-through; }
div.project a:active			{ text-decoration: none; }

a.external						{ background: url(img/ext2.png) no-repeat; background-position: 0px 3px; padding-left: 11px; }

/* FX */
div.expand						{ width: 1175px; }
div.expand img					{ vertical-align: text-top; padding-right: 3px; padding-bottom: 7px; }
div.expand875					{ width: 887px; }
div.expand575					{ width: 587px; }


::-moz-selection{ background:#000; color:#fff; }
::selection { background:#000; color:#fff; }


/* LIMITED */
span.notice						{ background-color: #fff; }
span.navigationpreview			{ padding-top: 4px; padding-bottom: 4px; }
span.navigationpreview:active	{ color: #fff; background-color: #fff; }




-->