/* ### CSS layout for PraeterCaelestis.com by Robert ### */
/* ##################################################### */

/* ### Set the background and basic body information ### */

body {

background-color: rgb(0,0,0);
background-repeat: no-repeat;
background-position: top center;
background-image: url(/img/background.jpg);
background-attachment: fixed;

font-family: arial;
text-align: justify;
font-size: 14px;
color: rgb(153,153,153);

}

/* ### This is the center strip ### */

div.panel {

position: absolute;
top: 0px;
left: 50%;
width: 650px;
height: 1700px;
margin-left: -325px;
background-color: transparent;
z-index: 10;

background-repeat: repeat-y;
background position: top center;
background-image: url(/img/centerpanel.jpg);

}

/* ### This is the top artwork for the logo ### */

div.top {

position: absolute;
top: 0px;
left: 50%;
width: 650px;
height: 353px;
margin-left: -325px;
background-color: transparent;
z-index: 20;

}

/* ### Here we have the information for the menu, placed below the logo ### */

div.menu {

position: absolute;
top: 360px;
left: 50%;
width: 650px;
height: 40px;
margin-left: -325px;
background-color: transparent;
z-index: 25;

}

/* ### This is the main content area, offset to the left ###*/

div.lcol {

position: absolute;
top: 400px;
left: 50%;
width: 410px;
height: auto;
margin-left: -290px;
background-color: transparent;
z-index: 30;

}

/* ### This the right static menu, for samples and links ### */

div.rcol {

position: absolute;
top: 400px;
left: 50%;
width: 160px;
height: 300px;
margin-left: 125px;

background-image: url(/img/crossbkgrd.jpg);
background-position: top center;
background-repeat: no-repeat;

font-family: Trebuchet MS, arial;
font-size: 14px;
text-align: center;
color: rgb(88,64,46);

background-color: transparent;
z-index: 35;

}

h3.rcolhead {

color: rgb(153,153,153);

}

/* ### Copyright and design by at bottom ### */

div.copyr {

position: absolute;
top: 1575px;
left: 50%;
width: 600px;
height: auto;
margin-left: -300px;
background-color: transparent;

font-family: times;
text-align: center;
font-size: 11px;

z-index: 40;

}

/* ### Sets the link information for the default portions ### */

a {

text-decoration: none;

}

a:link {

color: rgb(88,64,46);

}

a:visited {

color: rgb(88,64,46);

}

a:hover {

color: rgb(116,84,60);

}

a img {

border: none;

}

/* ### Pertaining to small pics in the 'Bio' section ### */

img.rightfloat {

float: right;
margin: 4px 0px 4px 8px;

}

img.leftfloat {

float: left;
margin: 4px 8px 4px 0px;

}