/* This is an improvement over "b.css". */
/* Major changes to headers */


/* Body Styling Below */

body {color: #cdcdcd;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
line-height:135%;
margin-top:60px;
background-image:url("http://wilcfry.com/images/bg-800.jpg");
background-attachment:fixed;
background-color:black;}

/* Main content box, replacing box2 */

.con {border:0;
min-width:750px;
width:60vw;
max-width:1100px;
text-align:left;
margin-left:auto;
margin-right:auto;
border-radius:20px;
padding:5px;
background-color:#181818;
background-color: rgba(35,35,35,0.65);}

.darkbg{background-color:#181818;
background-color: rgba(24,24,24,0.85);}


#h {position:fixed;
height:30px;
width:100%;
background: rgb(0,0,0); /* fallback color */
background: rgba(0,0,0,0.5);
box-shadow: 0 0 5px 2px #888888;
left:0;
top:0;
padding-left:10px;
z-index:1000;}

ul {margin:0;padding:0;}
p{margin:0;padding: 4px 0 8px 0;}

code{background-color:#000000;
color:#bbbbbb;
font-family:"Courier New", Courier, monospace;}

ul {text-align:left;
margin-left:20px;
list-style-type:square;}

ul.nest {font-size:90%;
list-style-type:circle;
padding-left: 20px;}

ul.nest2 {font-size:90%;
list-style-type:disc;
padding-left: 15px;}

li{margin-bottom:4px;}


/* Link Styling */

a:link, a:visited {color:#99FF99; text-decoration:underline;}
a:hover, a:active {color:#dd6600;background-color:#222222;text-decoration:none;}

/* When a darker link (dl) is needed */
a.dl{color:#006611;}
a.dl:hover, a.dl:active{color:#dd6600;}

a.menu:link, a.menu:visited{display: inline-block;
width: 120px;
text-align: center;
text-decoration: none;
padding: 0;
margin: 2px 2px 8px 2px;
color:#aaddff;
font-weight: bold;
border-style: solid;
border-color: #777;
border-width: 1px;
border-radius: 6px;
background: linear-gradient(to bottom, #555555, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000)); /* for webkit browsers */}

a.menu:hover, a.menu:active{display: inline-block;
border-color: #fff;
background: linear-gradient(to bottom, #111, #000);
background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#000)); /* for webkit browsers */
box-shadow:#dddddd  0px 0px 10px;}

/* Start Page Buttons - Links */

a.button:link, a.button:visited{display:inline-block;
text-align: center;
text-decoration: none;
margin: 3px 2px 3px 2px;
padding: 2px 4px 4px 4px;
color:#ffffff;
border-width: 0;
border-radius: 4px;
background: linear-gradient(to bottom, #777777, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000)); /* for webkit browsers */
box-shadow: 0px 0px 5px 2px #000000;}

a.button:hover, a.button:active{display: inline-block;
font-weight: bold;
background:#000000;
box-shadow: 0 0 5px 2px #aaddff;}


/* Div box styling */

/* Float is for left menu only */
.float{position:fixed;
display:none;
top:45px;
left:15px;
max-height:90%;
border-radius:10px;
padding:10px;
overflow:auto;
z-index:2;
box-shadow: 0 0 5px 2px #aaddff;}

/* Float2 is for right links only */
.float2{position:fixed;
display:none;
top:45px;
float:right;
right:15px;
width: 210px;
max-height:90%;
padding:10px;
border-radius:10px;
overflow:auto;
z-index:2;
box-shadow: 0 0 5px 2px #aaddff;}


/* rt is for right More button only */
.rt{position:fixed;
top:1px;
right:10px;}

/* Float3 is for popup boxes including statistics and rosters on sports pages */
/* it MUST include a link to CLOSE it */

.float3{position:fixed;
top:100px;
min-width:25%;
max-width:50%;
max-height:65%;
background-color:rgba(0,0,0,0.85);
border-style:solid;
border-width:10px;
border-radius:10px;
padding:20px;
text-align:left;
overflow:auto;
z-index:999;}


/* rel is for related links or content under header */
.rel{display:inline-block;
padding:10px; 
border-style:solid; 
border-width:1px;
border-radius:10px;
margin:5px;
background-color:#282828;
vertical-align:top;}

/* relneg = negative of rel */
.relneg{display:inline-block;
padding:10px;
color:#000000;
border-style:solid;
border-width:0px;
border-radius:10px;
margin:5px;
background-color:#aaaaaa;
vertical-align:top;}

/* cel is for table cells */
.cel{padding:10px; 
border-style:solid; 
border-width:1px;
border-radius:10px;
margin:8px;}


/* special header */
/* box4 */

.box4{position:static; 
width:90%; 
padding:6px;
margin-top:6px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
color: #cdcdcd;
font-weight: bold;
font-size: 120%;
font-variant: small-caps;
text-align: center;
border-radius:12px;
background-color: #000000;
box-shadow: 0 0 5px 2px #aaddff;}


.bl{background-color:#000;}


/* Header styling - these are CLASSES */

/* h1 for top of page only */
.h1 {font-size: 300%;
line-height: 100%;
margin: 0 0 6px 0;
color:#aaddff;
font-weight: bold;
font-variant: small-caps;
text-align: center;
text-shadow:#6666ff  6px 6px 6px;}

/* h2 subhead under h1 */
.h2{font-size:120%;
color:#aaddff;
padding: 0 0 6px 0;
font-weight:bold;
text-align:center;}

/* h3 tiny centered sub-head */
.h3 {font-size: 90%;
color:#aaddff;
padding: 2px 0 4px 0;
font-weight: normal;
text-align: center;}

/* h4 tiny centered ital subhead */
.h4 {font-size: 90%;
color:#aaddff;
padding: 2px 0 4px 0;
font-weight: normal;
font-style: italic;
text-align: center;}

/* h5 bold left interior subhead -- subordinate to 'box4', or on pages without 'box4' */
.h5 {font-size:120%;
color:#aaddff;
padding: 0 0 6px 0;
font-weight:bold;
text-align:left;
text-shadow:#000000  1px 1px 6px;}



/* Table styling */

table{margin-left:auto;margin-right:auto;border-collapse:collapse;width:auto;}

th{color:white;background-color:black;text-align:center;padding:4px;vertical-align:top;}

td{vertical-align:top;padding:4px;}

/* poem styling */

.poem{text-align: left;
color: #b8cfb8;
border-left:1px solid #b8cfb8;
padding-left: 10px;}

.poemsub{text-align: left;
font-style: italic;}

.poemnl{text-align:left;
color:#b8cfb8;}


/* Poem with emphasis */

.poemem{text-align:left;
color:#aaddff;
font-weight:bold;
font-size:115%;
font-style:italic;
font-family: Verdana, Times, serif;}


/* Text class styles */


/* small */
.s{font-size:90%;}

/* smaller */
.s2{font-size:80%;}

/* bigger */
.big{font-size:110%;}

/*ital */
.it{font-style: italic;}

/* bold */
.b{font-weight: bold;}

/* Unbold, Unital */
.norm{font-weight:normal;
font-style:normal;}

/* center left (box is center, text is left) */
.cl {margin-left:auto;
margin-right:auto;
text-align:left;}

/* right-align */
.r{text-align:right;}

/* left-align */
.l{text-align:left;}

/* center-align */
.c{margin-right:auto;
margin-left:auto;
text-align:center;}

/* justify */
.j{text-align:justify;}

/* Indent */
.in20{margin-left:20px;}
.in{margin-left:40px;}
.in40{margin-left:40px;}
.in80{margin-left:80px;
font-size:90%;
line-height:100%;}
.in120{margin-left:120px;
font-size:80%;
line-height:100%;}
.in160{margin-left:160px;}
.in200{margin-left:200px;}

/* Red Text */
.red{color:#ff0000;}
.redlt{color:#ffcccc;}

/* Green Text */
.green{color:#00ff00;}
.greenlt{color:#ddffdd;}

/* Blue Text */
.blue{color:#4488ff;}
.bluelt{color:#99ccff;}

/* White Text */
.white{color:#ffffff;}

/* Drop Caps */
.dropcap{font-size: 500%;
float: left;
padding-top: 22px;
padding-right: 3px;
padding-bottom: 5px;}

/* Small Caps */
.smcaps{font-variant:small-caps;}


/* Image class styles */

.im1{border: 1px solid #aaddff;
border-radius:10px;}

.im1:hover{border-color:#dd6600;}

.av32{width:32px;height:32px;}


/* for anchors hiding behind header */
.anchor{position:relative;
top:-35px;
display:block;
visibility:hidden;}

/* Blockquote & pullouts */

blockquote {color:#eeeeee;
font-family: "Georgia", Times New Roman, serif;
font-style:italic;
font-size:110%;
line-height:150%;
text-align:left;
margin:30px 20px 30px 20px;
background-color:#333333;
border-radius:0px 15px 0px 15px;
border:3px solid;
border-left-color:#aaaaaa;
border-right-color:#000000;
border-bottom-color:#aaaaaa;
border-top-color:#000000;
padding: 10px;}

a.bql:link, a.bql:visited{color:#99ff99;}

a.bql:hover, a.bql:active{color:#dd6600;}

blockquote cite:before {content: "\2014\00a0";}

footer{font-style:normal;
text-align:right;
color:#aaaaaa;}

.cite{font-style:normal;
text-align:right;
color:#aaaaaa;}


.pullout{font-size:110%;
color:#dddddd;
font-family: "Georgia", Times New Roman, serif;
line-height:125%;
border:2px solid;
border-left-color:#99ff99;
border-right-color:#dd6600;
border-radius: 10px 0px 0px 10px;
float:right;
text-align:left;
margin: 5px 0px 10px 20px;
padding:5px;
width:250px;
background-color:#333333;}

.pulloutleft{font-size:110%;
color:#dddddd;
font-family: "Georgia", Times New Roman, serif;
line-height:125%;
border:2px solid;
border-right-color:#99ff99;
border-left-color:#dd6600;
border-radius: 0px 10px 10px 0px;
float:left;
text-align:left;
margin: 5px 20px 10px 0px;
padding:5px;
width:250px;
background-color:#333333;}




.b0{border-width:0;}

.w250{min-width:250px;}


/* padding increments */

.p0{padding:0px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}

.cp10 td {padding:10px;}

/* margin increments */
.m10 {margin:10px;}
.m20 {margin:20px;}


/* opposite colors */

.opp{background-color:#aaaaaa;
color:#181818;}

/* Caption Divs */

.imright{text-align:center;
border: 0px;
border-radius:10px;
color:#aaddff;
background-color:black;
float:right;
margin-left:10px;
margin-bottom:10px;
padding:10px;}

.imleft{text-align:center;
border:0px;
border-radius:10px;
color:#aaddff;
background-color:black;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:10px;}

.imcenter{display:table;
text-align:center;
border: 0px;
border-radius:10px;
color:#aaddff;
background-color:black;
margin: 0 auto;
padding:10px;}