/* Style sheet for Alcatia.org */

a:link {color: #000099}  

a:visited {color: #2F8DBB}

body {background-color: #FFFFFF;
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
}

/* ---------- Begin - layout for gateway and generic pages ---------- */

.box1 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:14px;
	   border-style:none;
	   vertical-align: middle;
	   width:400px;
	   position:relative;
	   padding-left: 400px;
} /* 4.0 box for links on gateway page */ 
	
.box2 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:14px;
	   vertical-align:middle;
	   padding-left:340px;
} /* 4.0 box for update info on gateway page */	
	
/* -- Begin - Dan Cederholm's image-replacement trick for gateway buttons ----- */

#gat {margin:0px;
      padding:0px;
	  /*height:280px;
	  width:150px; */
	  list-style:none;
	  overflow: hidden;
}

#gat li {margin:0px;
         padding:0px;
		 padding-left:400;
		 height:45px;
		 width:200px;
		 /* list-style-type:none; */
		 list-style:none;
}

#gat a {padding: 0px 0px 200px 200px; 
		overflow:hidden;
		width:0px !important; 
		height /**/ :40px;/* for IE5/Win */
} 

#gat a:hover {
        background-position: -200px 0;
}

#gat a:active, nav a.selected {
	    background-position: -200px 0;
}

#tfouraces a {height:0px;
          background: url(images_global/gateway_fouraces_button_nojs_01.jpg) top left no-repeat;
}

#tblog a {height:0px;
          background: url(images_global/gateway_blog_button_nojs_01.jpg) top left no-repeat;
}

#tmilliways a {height:0px;
          background: url(images_global/gateway_milliways_button_nojs_01.jpg) top left no-repeat;
}

/* -- End - Dan Cederholm's image-replacement trick for gateway buttons --------*/

.box3 {position:fixed; top: 3%; left: 2%;
	    font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	    font-size:14px;
} /* 4.0 box for 'Back to Alcatia' link on aces and milliways pages */
	
.box4 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:14px;
	   vertical-align: middle;
	   text-align: center;
	   padding:5px;
} /* 4.0 box for update info on aces and milliways pages */

/* -------------- End - layout for gateway and generic pages ---------- */
	   
/* ------------------ Begin - layout for aces pages ------------------- */

.box11 {position:fixed; top: 10%; left:0;
	   width:160px;
} /* 3.0 Box for sign and navigation bar column on Four Aces pages */ 

.box12 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:14px;
	   padding-left:175px;
	   padding-right:20px;
   	   width:550px;
	   text-align:left;
} /* 3.0 Box for content column on Four Aces pages */

.box13 {color: #000000;
    font-size: 22px;
	font-weight: bold;
	font-family: Century Gothic, Avant Garde, Arial, sans-serif;
	text-align: center;
}   /* Century Gothic black bold font for main Four Aces headings */

.box14 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	font-size: 16px;
	padding-right:20px;
   	width:550px;
	text-align: center;
	line-height: 30px;
}   /* 3.0 Box for large, centered text on content column of Four Aces pages */

.box15 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:12px;
	   /* padding-left:25px; */
	   padding-right:20px;
   	   width:550px;
	   text-align:center;
	   line-height: 28px;
} /* 3.0 Box for content column on Four Aces pages */

.box16 {font-family: Century Gothic, Avant Garde, Arial, sans-serif;
	   width:550px;
       color: #000000;
       font-size: 18px;
       font-weight: bold;
       vertical-align: middle; 
} /* Box for content on Recap page */

/* -- Begin - Dan Cederholm's image-replacement trick for navigation bar ----- */

#h4a {margin:0px;
      padding:0px;
	  list-style:none;
	  overflow: hidden;
}

#h4a li {margin:0px;
         padding:0px;
		 height:120px;
		 width:150px;
		 list-style:none;
}

#h4a a {padding: 0px 0px 150px 150px; 
		overflow:hidden;
		width:0px !important; 
		height /**/ :50px;/* for IE5/Win */
} 

#h4a a:hover {
        background-position: -150px 0;
}

#h4a a:active, nav a.selected {
	    background-position: -150px 0;
}

#nav {margin:0px;
      padding:0px;
	  list-style:none;
	  overflow: hidden;
}

#nav li {margin:0px;
         padding:0px;
		 height:50px;
		 width:150px;
		 list-style:none;
}

#nav a {padding: 0px 0px 150px 150px; 
		overflow:hidden;
		width:0px !important; 
		height /**/ :50px;/* for IE5/Win */
} 

#nav a:hover {
        background-position: -150px 0;
}

#nav a:active, nav a.selected {
	    background-position: -150px 0;
}

#theader a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_header_nojs_02.jpg) top left no-repeat;
}

#tpeople a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_people_nojs_02.jpg) top left no-repeat;
}

#trecaps a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_recaps_nojs_02.jpg) top left no-repeat;
}

#tplaces a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_places_nojs_02.jpg) top left no-repeat;
}

#tmagictech a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_magictech_nojs_02.jpg) top left no-repeat;
}

#tquotes a {height:0px;
          background: url(fouraces/images_fouraces/fouraces_navbar_quotes_nojs_02.jpg) top left no-repeat;
}

#tlinks a {height:40px;
          background: url(fouraces/images_fouraces/fouraces_navbar_links_nojs_02.jpg) top left no-repeat;
}

/* -- End - Dan Cederholm's image-replacement trick for navigation bar --------*/

/* -- Begin - Dan Cederholm's image-replacement trick for recaps ----- */

#rec {margin:0px;
      padding:0px;
	  list-style:none;
	  overflow: hidden;
}

#rec li {margin:0px;
         padding:0px;
		 height:45px;
		 width:400px;
		 list-style:none;
}

#rec a {padding: 0px 0px 400px 400px; 
		overflow:hidden;
		width:0px !important; 
		height /**/ :50px;/* for IE5/Win */
} 

#rec a:hover {
        background-position: -400px 0;
}

#rec a:active, rec a.selected {
	    background-position: -400px 0;
}

#tprelude a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_00_prelude_nojs_01.jpg) top left no-repeat;
}

#taltarboys a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_01_altarboys_nojs_01.jpg) top left no-repeat;
}

#tblack a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_02_black_nojs_01.jpg) top left no-repeat;
}

#tmiles a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_03_miles_nojs_01.jpg) top left no-repeat;
}

#tcontact a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_04_contact_nojs_01.jpg) top left no-repeat;
}

#tumbra a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_05_umbra_nojs_01.jpg) top left no-repeat;
}

#tpresent a {height:40px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_06_present_nojs_01.jpg) top left no-repeat;
}

#twinfieldi a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_07_house_nojs_01.jpg) top left no-repeat;
}

#twinfieldii a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_08_damned_nojs_01.jpg) top left no-repeat;
}

#twinfieldiii a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_09_bringing_nojs_01.jpg) top left no-repeat;
}

#tsqualid a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_10_squalid_nojs_01.jpg) top left no-repeat;
}

#tgreek a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_11_greek_nojs_01.jpg) top left no-repeat;
}

#twalkabout a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_11a_walkabout_nojs_01.jpg) top left no-repeat;
}

#tfriday a {height:40px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_12_friday_nojs_01.jpg) top left no-repeat;
}

#tneviscorp a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_13_neviscorp_nojs_01.jpg) top left no-repeat;
}

#tlastsale a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_13a_lastsale_nojs_01.jpg) top left no-repeat;
}

#tmichigan a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_14_michigan_nojs_01.jpg) top left no-repeat;
}

#tclosing a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_15_closing_nojs_01.jpg) top left no-repeat;
}

#tpossession a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_16_possession_nojs_01.jpg) top left no-repeat;
}

#twardenclyffe a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_17_wardenclyffe_nojs_01.jpg) top left no-repeat;
}

#twarning a {height:40px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_18_warning_nojs_01.jpg) top left no-repeat;
}

#tforest a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_19_forest_nojs_01.jpg) top left no-repeat;
}

#trave a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_20_rave_nojs_01.jpg) top left no-repeat;
}

#tjourneysend a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_21_journeysend_nojs_01.jpg) top left no-repeat;
}

#tredrain a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_22_redrain_nojs_01.jpg) top left no-repeat;
}

#tafterrain a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_23_afterrain_nojs_01.jpg) top left no-repeat;
}

#tsleepless a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_24_sleepless_nojs_01.jpg) top left no-repeat;
}

#ttaste a {height:40px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_25_taste_nojs_01.jpg) top left no-repeat;
}

#tchoices a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_25a_choices_nojs_01.jpg) top left no-repeat;
}

#tdarkqueen a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_26_darkqueen_nojs_01.jpg) top left no-repeat;
}

#tbreaking a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_27_breaking_nojs_01.jpg) top left no-repeat;
}

#tconversation a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_27a_conversation_nojs_01.jpg) top left no-repeat;
}

#tjourneys a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_27b_journeys_nojs_01.jpg) top left no-repeat;
}

#tguardz a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_28_guardz_nojs_01.jpg) top left no-repeat;
}

#ttwojokers a {height:40px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_29_twojokers_nojs_01.jpg) top left no-repeat;
}

#tregime a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_30_regime_nojs_01.jpg) top left no-repeat;
}

#treturnmagi a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_31_returnmagi_nojs_01.jpg) top left no-repeat;
}

#tariadne a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_31a_ariadne_nojs_01.jpg) top left no-repeat;
}

#thomecoming a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_32_homecoming_nojs_01.jpg) top left no-repeat;
}

#tunfinished a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_33_unfinished_nojs_01.jpg) top left no-repeat;
}

#ttimewave a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_34_timewave_nojs_01.jpg) top left no-repeat;
}

#tnewagendas a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_35_newagendas_nojs_01.jpg) top left no-repeat;
}

#tcastleglamis a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_36_castleglamis_nojs_01.jpg) top left no-repeat;
}

#tsinsfather a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_37_sinsfatherup.jpg) top left no-repeat;
}

#tdulcedecorum a {height:0px;
          background: url(fouraces/recaps/images_recaps/fouraces_recaps_38_dulce_up.jpg) top left no-repeat;
}

/* -- End - Dan Cederholm's image-replacement trick for recaps --------*/


.box21 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:22px;
	   font-weight:bold;
	   vertical-align: middle;
	   text-align: center;
	   padding:35px;
} /* 3.0 Box for title on LJ page */

.box22 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
	   font-size:14px;
	   font-weight:bold;
	   vertical-align: middle;
	   text-align: center;
	   padding:25px;
} /* 3.0 Box for content on LJ page */

.box23 {position:fixed; top: 7%; left: 0%;
       /* background-attachment:fixed;
       background-position: 0% 50%; */
	 width:420px;
	 height:500px;
	 background-image:url(fiction/images_fiction/jack.jpg);
     background-repeat:no-repeat;
}   /* 3.0 Used to insert image into Jack page */

.box24 {position:fixed; top: 10%; left:0%;
       /* background-attachment:fixed;
       background-position: 0% 50%; */
	 width:420px;
	 height:600px;
	 /* padding-top:10px; */
	 background-image: url(fiction/images_fiction/andrew_page.jpg);
     background-repeat:no-repeat;
}   /* 3.0 Used to insert image into Andrew page */

.box25 {font-family:Century Gothic, Avant Garde, Arial, sans-serif;
       font-size:14px;
	   padding-left:450px;
	   padding-right:0px;
	   width:340px;
	   text-align:left;
} /* 3.0 Box for bold and regular text on fiction pages */