/*
* This is the silk style file - here it is the style for the whole site, additional styles must be
* added into the page hierarchy for a cascading style application
*
* The format is very simple, and contains style choices for the header, footer and page.
* Order is critical. Page stuff comes first, then you can specify HEADER and FOOTER, else they will
* default to the page style. 
*
* Style is obviously best left to CSS, so this file does in fact allow raw CSS, it is just that the 
* class names are specific and the backgrounds specified here will be used to compute the rounded 
* corners: so basically - put your CSS stuff here, and silk will show it to the browser.
*
*
* Multiple body.silk blocks give a 'stacking' effect of frames
* Format is "STYLE <background> <text color> <text size> <radius>".
*
*/

/* Overall style for page is set here */
silk {
	background: white;
	text-align: left;
	font-weight: normal;
/*	font-family: Arial, sans-serif; */
	color: black;
}

/* Pushing in one level gives this style (frame) */
silk {
	/* background: #033F6E; */
	background: url(frame.png) repeat-x #0aafff;
	color: white;
	radius: 2;
}

/* Pushing in another level gives this style */
silk {
	background: url(paper.png) repeat-x #ffffff;
	color: black;
	radius: 1;
}

/* Pushing in another level gives this style (mini popups) */
silk {
	background: #023f6e;
	color: white;
	radius: 5;
}

/* Pushing in another level gives this style */
silk {
	background: #FFD;
	color: black;
	radius: 5;
}

silk.button {
	/* background: url(blue012.jpg); */
	background: url(button.png);
	color: white;
	rcolor: #00a;
}

/* The HEADER block uses this style */
silk.header {
	font-family: Arial, sans-serif;
	/* background: url(blue012.jpg) #1E379B; */
	background: url(header.png) repeat-x #023f6e;
	color: white;
	radius: 2;
	text-align: center;
}
silk.header a { color:white; text-decoration:none; }

/* a:active { color:white; background:transparent; } */
a img { border:0; }

div.nav {
	font-family: Arial, sans-serif;
	font-size: 80%;
	background:#0793da; 
	border: solid 1px #0793da;
	border-color: #0aafff #023f6e #023f6e #0aafff; /* top, right, bottom, left */

	color:white;
	padding:2px 4px 1px 4px;
	cursor:pointer;
}
div.nav a { color:white; text-decoration:none; }
div.nav a:hover { color:silver; }

/*** The current directory you are (peer) in or disabled */
div.nav-r {
	color:#0793da;
	background:white;
	padding:2px 4px 1px 4px;
	border: solid 1px green;
	border-color: #023f6e #0aafff #0aafff #023f6e; /* top, right, bottom, left */
	cursor:pointer;
}
div.nav-r a { color:green; text-decoration:none; }


/*
a:active {
	color: white; 
}
silk.nav a:active, silk.nav a:visited {
	color: yellow;
}
*/