body {background:#d5af71 url('images/parchtex.jpg'); color:#5E2612; margin:0 0 0 0; height:100%;}

#page {margin:128px 10px 50px 25%; display:block;}

h1.title {text-transform:capitalize; text-align:center}
h2.title {text-transform:capitalize; text-align:center}
h3.title {text-transform:capitalize; text-align:center}
h4.title {text-transform:capitalize; text-align:center}
h5.title {text-transform:capitalize; text-align:center}

ol.top {list-style-type:decimal;}
ol.A {list-style-type:upper-alpha;}
ol.i {list-style-type:lower-roman;}

img {border:none;}
img.center {display:block; margin-left:auto; margin-right:auto; width:75%}
img.title {width:25%; display:block; position:fixed; top:0; left:0;}
img.link {width:25%; display:block;}

p {font-family:Georgia, serif; font-size:1.25em;}
p.disclaimer{font-family:browalliaUPC, Ariel, sans-serif; font-size:1em;}
p.disclaimer:first-letter{font-family:browalliaUPC, Ariel, sans-serif; font-size:1em; font-weight:normal;}
p:first-letter {font-family:ChopinScript, Benegraphic, Brush Script MT, Vivaldi; font-size:2em; font-weight:bold;}
p.center{text-align:center}
p.blockquote{margin-left:auto; margin-right:auto; width:50%}
p.blockquote:first-letter{font-family: normal; font-size:20px; font-weight:normal;}
p.blockquote2{margin-left:auto; margin-right:auto; width:75%}
p.blockquote2:first-letter{font-size:20px; font-weight:normal;}

h3.newstype:{font-family:"courier new", serif; letter-spacing:3px;}
.newstype:first-letter{font-style: normal;font-weight:normal; font-family:"courier new", serif; font-size:1em;}
.newstype{font-family:"courier new", serif; letter-spacing:3px; text-align:justify;}
.cnewstype{text-align:center; letter-spacing:3px; font-family:"courier new", serif;}

a {color:#A21;}
a:hover {color:#F00;}

table {font-size:20px;}
th.archive{text-align:center;}
tr.archive{text-align:center;}
td.archive{text-align:center;}

/* Calendar formatting System */
table.calendar {border-left:1px solid #521;}
tr.calendar-row{ }
td.calendar-day { min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover { background:#970; }
td.calendar-day-np { background:#854; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#C80; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #521; border-top:1px solid #521; border-right:1px solid #521; }
div.day-number { background:#542; padding:5px; color:#FE0; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */ 
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #521; border-right:1px solid #521; }

/*The Navigation Section starts here*/
* html .nav {position: absolute;}
.nav {position:fixed; width:10%; left:0; top:25%; margin:0; padding:0; list-style:none;}
.nav li{margin:0 0 5% 0; padding:0;}
.nav li ul{font-size:1em; position:absolute; left:220px; top:50%; display:none; list-style:none;}
.nav li:hover ul {display: block;}
.nav ul li a {display:block; height:60px; text-decoration:none; color:#531;}
.nav ul li a:hover{color:#051;}
.nav li a {position: relative; display:block; top: 0; left:0; width:256px;height:60px}
.nav li a img {position:absolute; top:0;}
.nav li a:hover img{left:0;}

.nav li.metaphysics a img{left: -2817px; clip: rect(0px 3072px 84px 2817px);}
.nav li.metaphysics a:hover img{top:-85px; left: -2817px; clip: rect(85px 3072px 170px 2817px);}

.nav li.recipes a img{left: -1280px; clip: rect(0px 1536px 84px 1280px);}
.nav li.recipes a:hover img{top:-85px; left: -1280px; clip: rect(85px 1536px 170px 1280px);}

.nav li.donations a img{left: -512px; clip: rect(0px 768px 84px 512px);}
.nav li.donations a:hover img{top:-85px; left:-512px; clip: rect(85px 768px 170px 512px);}

.nav li.otherkin a img{left:-1024px; clip: rect(0px 1280px 84px 1024px);}
.nav li.otherkin a:hover img{left:-1024px; top:-85px; clip: rect(85px 1280px 170px 1024px);}
    
.nav li.vampires a img{background:#d5af71; left:-3328px; clip: rect(0px 3584px 84px 3328px);}
.nav li.vampires a:hover img{background:#EB7; left:-3328px; top:-85px; clip: rect(85px 3584px 170px 3328px);}
  
.nav li.werewolves a img{background:#d5af71; left:-3584px; clip: rect(0px 3840px 84px 3584px);}
.nav li.werewolves a:hover img{background:#EB7; left:-3584px; top:-85px; clip: rect(85px 3840px 170px 3584px);}
   
.nav li.dragons a img{background:#d5af71; left:-2304px; clip: rect(0px 2560px 84px 2304px);}
.nav li.dragons a:hover img{background:#EB7; left:-2304px; top:-85px; clip: rect(85px 2560px 170px 2304px);}

.nav li.partners a img{left:-1792px; clip: rect(0px 2048px 84px 1792px);}
.nav li.partners a:hover img{left:-1792px; top:-85px; clip: rect(85px 2048px 170px 1792px);}

.nav li.chat a img{left:-256px; clip: rect(0px 512px 84px 256px);}
.nav li.chat a:hover img{left:-256px; top:-85px; clip: rect(85px 512px 170px 256px);}