/*** PRAPANCA: a style sheet
version .02 by scott mitchell 2010
this one's got special instructions for the cover
see this for more info: http://css-tricks.com/perfect-full-page-background-image/
***/

body { 
	background: rgb(240,240,240);
	background-image: url('../images/ajax-loading.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	}

/* this bit sets a banner at the bottom of the page for navigation into the issue */
#coverNav {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index:80;
	width:100%;
	background: #000;
	opacity: 0.6; 
	filter:alpha(opacity=60);
	padding: 1em;
	visibility: hidden;
	color: white;
	font: small Futura, Helvetica, sans-serif;
	}
#coverNav a:link { color: white; text-decoration: none; background: transparent; }
#coverNav a:hover { color: white; text-decoration: underline; background: transparent; }
#coverNav a:visited { color: white; text-decoration: none; background: transparent; }
#coverNav h4 { padding: 0; font-variant: small-caps; }
#coverNav .nav-left { height: 75px; float:left; padding-right:1em; margin-right: 1em; border-right: 1px solid white; }
#coverNav .nav-right p { font-size: smaller; }
#coverNav .nav-far-right { float: right; padding-right: 5em; text-align: right; font-size: smaller; }
/* this bit sets some parameters for any text overlayed on top of the bg image
/* in our case it's mainly for the prapanca logo but could be used for other links/text */
#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:hidden;
}
#cont img { width: 300px; }
.box {
    margin: 0 auto;
    width: 100%;
    padding: 1em;
    background: transparent;
}
#cont a:link { color: white; text-decoration: none; background: transparent; }
#cont a:hover { color: white; text-decoration: none; background: transparent; }
#cont a:visited { color: white; text-decoration: none; background: transparent; }
#cont img { border: none; }

/* this bit sets the background image */
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
	}

#bg { position: fixed; }

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
	}

#bg td {
    text-align:center;
    vertical-align:middle;
	}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
	}