/*Xander Xtreme Site Colours*/
/*	#000000 = backgound colour  - black
	#ebecf6 = center body/fic backgound colour  - very pale blue grey
	#023a67 = main body font colour - steel blue

/* Basic Page Layout  */ 

/*the basic information for the background layer of the site*/
html, body{
 margin: 0;
 padding:0;
 background:#000000;
 color: #ebecf6;
 }	 

/*left column*/	 
#lh-col{
 position:absolute;
 top:71px;
 left:0;
 width:167px;
 z-index:3;
 background:#000000;
 color: #ebecf6;}

/*right column*/
#rh-col{
 position:absolute;
 top:71px;
 right:0;
 width:167px;
 z-index:2;
 background:#000000;
 color: #ebecf6;}

/*this is the background colour to make the left and right column look even with no
 overlap*/
#c-block {
 width:100%;
 z-index:1;
 background:#000000;
 color: #dee2e6;
 height:100%;}
  
/*center column info - this central column doesn't have a border and has a black background*/
blkbrdrless_#c-col{
 margin:0 167px 0 167px;
 position:relative;
 background:#000000;
 color: #023a67;
 z-index:5;
 border-width:0px;
 padding:0px;
 }


#c-col{
 margin:0px 167px 0 167px;
 position:relative;
 border-color: #298997 #023a67 #023a67 #298997;
 background:#dee2e6; border-style: double;
 border-top-width: 7px; border-right-width: 7px;
 border-bottom-width: 7px; border-left-width: 7px;
 color: #023a67;
 z-index:5;
 padding-left:80px;
 padding-right:80px;
 }
.gallery
{ padding-left:80px;
 padding-right:80px;
 }

/*header*/
#hdr{
 height:59px; 
 border-bottom:0px solid #000000; 
 width:100%; 
 background:#000000;
 color:#023a67; 
 margin:0;
  }


/*footer*/
#ftr {
 width:100%;
 height:35px;
 border-width:1px 0;
 background:#000000;
 color: #ebecf6;
 margin:0;
 }
 
/*INFORMATION FOR BODY, CENTRE COLUMN, HEADER AND FOOTER COLOUR ON XANDERXTREME HOMEPAGE */
/*body*/
#XXbody{
 margin: 0;
 padding:0;
 background:#dee2e6;
 color: #ebecf6;
 }

/*this is the background colour to make the left and right column look even with no
 overlap*/
#XXc-block {
 width:100%;
 z-index:1;
 background:#dee2e6;
 color: #ebecf6;
 height:100%;}


#XXc-col{
 margin:0px 167px 0 167px;
 position:relative;
 border-color: #298997 #023a67 #023a67 #298997;
 background:#000000; border-style: double;
 border-top-width: 7px; border-right-width: 7px;
 border-bottom-width: 7px; border-left-width: 7px;
 color: #023a67;
 z-index:5;
 padding:0px;
 }


/*footer*/
#XXftr {
 width:100%;
 height:135px;
 border-width:1px 0;
 background:#dee2e6; 
 color: #023a67;
 margin:0;
 }

 /*header*/
#XXhdr{
 height:59px; 
 border-bottom:1px solid #dee2e6; 
 width:100%; 
 background:#dee2e6; 
 color:#023a67; 
 margin:0;
  }

/*left column*/	 
#XXlh-col{
 position:absolute;
 top:71px;
 left:0;
 width:167px;
 z-index:3;
 background:#dee2e6; 
 color: #023a67;
 }

/*right column*/
#XXrh-col{
 position:absolute;
 top:71px;
 right:0;
 width:167px;
 z-index:2;
 background:#dee2e6; 
 color: #ebecf6;
 }
/*************************************/



/* INFORMATION FOR FIC PAGES*/
/*the basic information for the background layer of the site background colour changed in the 
body, left and right hand columnsto black to make the center area stand out for the fics to be the focus*/
#FIC_body{
 margin: 0;
 padding:0;
 background:#000000;
 color: #ebecf6;
 }	 

/*this is the background colour to make the left and right column look even with no
 overlap*/
#FIC_c-block {
 width:100%;
 z-index:1;
 background:#000000;
 color: #ebecf6;
 height:100%;}

/*center column info with 3d border - this is where for the majority of the site the stories go*/
#FIC_c-col{
 margin:0px 167px 0 167px;
 position:relative;
 border-color: #298997 #023a67 #023a67 #298997;
 background:#dee2e6; border-style: double;
 border-top-width: 7px; border-right-width: 7px;
 border-bottom-width: 7px; border-left-width: 7px;
 color: #023a67;
 z-index:5;
 padding-top:20px;
 padding-left:100px;
 padding-right:100px;
 }

/*left column*/	 
#FIC_lh-col{
 position:absolute;
 top:71px;
 left:0;
 width:167px;
 z-index:3;
 background:#000000;
 color: #023a67;
 }

/*right column*/
#FIC_rh-col{
 position:absolute;
 top:71px;
 right:0;
 width:167px;
 z-index:2;
 background:#000000;
 color: #ebecf6;
 }

/*footer*/
#FIC_ftr {
 width:100%;
 height:35px;
 border: solid ;  
 border-width:0;
 background:#000000; 
 color: #ebecf6;
 margin:0;
 }

 /*header*/
#FIC_hdr{
 height:59px; 
 width:100%; 
 background:#000000; 
 color:#023a67; 
 margin:0;
  }
#search{padding:0px; margin:0px;}

/*FIC Table information should god forbid a table be needed*/
table {margin:auto;}
td{padding-top:5px; padding-right:5px;padding-bottom:5px; padding-left:5px;}
tr{padding:10px;}
.tblinfo {width:65%; border:solid; border-color:#023a67; margin:auto;}
.tblinfo2 {width:65%; border:solid; border-color:#023a67; margin:auto;}

.tblmargin {margin:0px;}
.indextable{width:100%}
.brdr{border-width:1px; border: solid; border-color:#023a67;}

/*fieldset and form information*/
form{padding:3px}
legend{padding:0px;}
label {font-weight:bold; font-size:1.1em; padding:3px;}
fieldset{background:#7ac5dc; color:#023a67;}

/*FIC Index Page and Story Pages - this changes the background color of the links in the page content*/
.ficlinks 
a:link{font-size:1em; font-weight:bold; background:#dee2e6; color:#298997; text-decoration:none;padding-right:3px}
.ficlinks
a:hover{font-size:1em; font-weight:bold; background:#dee2e6; color:#00b2ee; text-decoration:none;padding-right:3px}
.ficlinks
a:visited{font-size:1em; font-weight:bold ; background:#dee2e6; color:#36648b; text-decoration:none; padding-right:3px }
/*************************************/

/* Link information for Google Search*/
.googlelink 
a:link{font-size:small; font-weight:bold; background:#dee2e6; color:#298997; text-decoration:none;padding-right:3px}
.googlelink 
a:hover{font-size:small; font-weight:bold; background:#dee2e6; color:#00b2ee; text-decoration:none;padding-right:3px}
.googlelink 
a:visited{font-size:small; font-weight:bold ; background:#dee2e6; color:#36648b; text-decoration:none; padding-right:3px }

/*BANNER IMAGE AND LINK INFORMATION 8OR THE MAJORITY OF XANDERXTREME PAGES*/

 /*Xander Xtreme header banner image information - the banner sits inside the header element*/
.navbannerleft{float:left; height:55px; width:140px; border:none; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;  background-image:url(images/ficbanner-left.jpg);}
.navbannerright{float:right; height:55px; width:153px; border:none; margin-top:-40px; margin-right:10px; margin-bottom:0px; margin-left:-1px; background-image:url(images/ficbanner-right.jpg);}

.navimgleft {float:left;}
.navimgright {float:right;}

/*Xander Xtreme Banner Navigation Links*/
.navlinks
{font-weight:bold; background:#000000; color:#dee2e6;
text-decoration:none;
float:left;
display: inline;
position:relative;
padding-top:0px;
padding-right:0px;
padding-left:0px;}

/*Xander Xtreme Banner and Overall Page Link information*/
a:link{font-size:1em; font-weight:bold; background:#000000; color:#298997; text-decoration:none; padding-right:3px }

a:hover{font-size:1em; font-weight:bold; background:#000000; color:#b2deef; text-decoration:none;padding-right:3px}

a:visited{font-size:1em; font-weight:bold; background:#000000; color:#00b2ee;  text-decoration:none;padding-right:3px}

/*Xander Xtreme Sub Dom Link*/
.linkheading
strong{font-size:1.1em; background:#000000; color:#dee2e6; text-decoration:none; position:relative; margin-top:57px;}

/*Sub Dom Tagline Font - Block Level*/
.submissive
{text-align:center; font-size:2em; font-style:italic; font-weight:bold; background:#000000; color:#7ac5dc;}
.dominant
{text-align:center; font-size:2em;  font-style:italic; font-weight:bold; background:#000000; color:#298997;}


/*Xander Xtreme heading information*/
.linkheading
{font-size:1.5em; background:#000000; color:#023a67;}

/*FIC heading information*/
.ficheading
{font-size:1.5em; font-weight:bold; background:#dee2e6; color:#023a67;}
/*************************************/


/*POSITIONING ELEMENTS FOR IMAGES AND TEXT ON THE XX SITE*/

/*Positions images or text to the Left - Block Level*/
.lft{text-align:left; float:left;}

/*Positions images or text to the Right - Block Level*/
.rgt{text-align:right; float:right;}

/* Centers images or text - Block Level*/
.cntr {text-align:center;}
/*************************************/
   
/*VISUAL EFFECTS FOR ANY IMAGES ESPECIALLY WHEN HYPERLINKED*/
/* image border information*/
img{border:none;}
/*************************************/

/* PAGE FONT AND FORMATTING PRESENTATION */ 

/* the asterisk applies these rules to all font elements*/
*{font-family:"Palatino Linotype", "Times New Roman", serif; font-weight:normal;}

p{font-size:1.1em; }
strong {font-weight:bold;}
.padding{padding:0;margin:0;font-size:1em;}

/*Font sizing*/
.x-small{font-size:.7em; }
.small{font-size:.8em; }
.medium{font-weight:bold; font-size:medium; }
.large{font-weight:bold; font-size:large; }

/*Heading information - Block Level*/
h1 {font-weight:bold; font-size:2em; background: #dee2e6; color:#023a67;}
group, .heading {font-weight:bold; font-size:1.3em; background:#dee2e6; color:#023a67;}
.storyheading {text-align:center; font-weight:bold; font-size:2em; background:#dee2e6; color:#023a67;}
h2{color:#023a67; background:#ffffff; text-align:center; font-weight:bold;  border:#023a67 solid 1px; margin:0; padding:2px;}
h2.author,h1.head{color:#dee2e6; background:#023a67;}
h2.head {color:#dee2e6; background:#298997; text-align:center;}
h2.ficupdated {font-weight:bold; color:#023a67; background:#a0ffff; text-align:center; border:#023a67 solid 1px;}
h2.ficauthor {font-weight:bold; color:#ffffff; background:#298997; text-align:center;}
h2.ficstory {font-weight:bold; color:#c0c0c0; background:#298997; text-align:center;}

h4, h3, h4, h5{margin:0; 
 padding-top:5px; 
 }
h6{margin:0; font-weight:bold;}

/*************************************/
/*Xander Xtreme Season Text Colours*/
#season {text-align:center; font-weight:bold; font-size:2.4em;}
/*Winter*/
.x{color:#dee2e6;}
.a1{color:#d5dee3;}
.n{color:#ccdae0;}
.d{color:#c3d6dd;}
.e{color:#bad2da;}
.r{color:#b1ced7;}
.space{color:#a8cad4;}
.x2{color:#9fc6d1;}
.t{color:#96c2ce;}
.r2{color:#8dbecb;}
.e2{color:#84bac8;}
.m{color:#7bb6c5;}
.e3{color:#72b2c2;}
.space2{color:#69aebf;}
.w{color:#60aabc;}
.i1{color:#57a6b9;}
.n2{color:#4ea2b6;}
.t2{color:#459eb3;}
.e4{color:#3c9ab0;}
.r3{color:#3396ad;}

/*****************************************/

/*List Presentation Information - Block Level*/ 
 ul{margin:0px; padding:10px}
	
li{font-size: 1em;
	font-weight:bold; padding-left:0px;
	padding-bottom:2px;}

.list{font-size: 1em;
	font-weight:bold; padding-left:0px;
	text-align:left; list-style-type:disc; }

/*Removes the bullet  and underlining from a link forming part of a list - Block Level*/
.linklist
{text-decoration:none; list-style-type:none; text-align:center;}
/*************************************/

/*Link breadcrumb and navigation highlighting */
.bgcolour {font-weight:bold; color:#ffffff; background:#298997;} 
/*.newauthor {font-weight:bold; color:#ffe600; background:#298997;} 
.newstory {font-weight:bold; color:#298997; background:#ffe600;} */
.newauthor {font-weight:bold; color:#ffffff; background:#298997;} 
.newstory {font-weight:bold; color:#c0c0c0; background:#298997;}
.updated {font-weight:bold; color:#023a67; background:#a0ffff; border:#023a67 solid 1px ;}
.error{color:#dee2e6; background:#000000;}
.errmsg {text-align:center; color:#ffffff; background:#298997;}
.readtext {font-family:"Verdana", "Arial", sans-serif; font-weight:normal;}
.readhead {background:#ffffff; color:#023a67; border:#023a67 solid 1px ; text-align:center;}
#readout{ color:#ffffff; background:#298997; border:5px #023a67 solid; padding:30px; border-style:double outset;}
#ficlist {font-size:0.9em;}
.divimg {text-align:right; float:right; display:block;}