/* This an updated mobile version */

/* Body Styling Below */

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

/* for header bar */

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

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

ul {text-align:left;
padding-left: 10px;
list-style-type:square;}

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

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

li{margin-bottom:4px;}


/* Link Styling */

a:link, a:visited {color:#aaddff; text-decoration:underline;}
a:hover, a:active {color:#dd6600;}

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

a.menu:link, a.menu:visited, a.menu:hover, a.menu: active{font-size:4vmax;
padding:5px;
text-align: center;
text-decoration: none;
margin: 2px 2px 8px 2px;
color:#aaddff;
font-weight: bold;
border-style: solid;
border-color: #777;
border-width: 2px;
border-radius: 6px;}


/* Start Page Buttons - Links */

a.button:link, a.button:visited{font-size:4vw;
display:inline-block;
text-align: center;
text-decoration: none;
margin: 3px;
padding: 5px 5px 5px 5px;
background-color:#aaddff;
color:#222222;
border-style:solid;
border-width: 2px;}

a.button:hover, a.button:active{font-size:4vw;
background-color:#dd6600;}


/* Main content box */

.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);}



/* 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;}

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

/* 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 box has lighter background & thin border */
.rel{display:inline-block;
padding:10px; 
border-style:solid; 
border-width:2px;
border-radius:5px;
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:#bbbbbb;
vertical-align:top;}

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

/* pullout text/quote */
.pullout{font-size:130%;
float:right;
width:45%;
line-height:110%;
border-top:2px solid;
border-bottom:1px solid;
border-right:0px;
border-left:0px;
margin-left:10px;
padding:5px;
background-color:#444444;}

/* pullout text/quote */
.pulloutleft{font-size:130%;
float:left;
width:45%;
line-height:110%;
border-top:2px solid;
border-bottom:1px solid;
border-right:0px;
border-left:0px;
margin-right:10px;
padding:5px;
background-color:#444444;}


/* for boxed headers (old box3 plus shadow) */

.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%;
text-align: center;
border-radius:12px;
background-color: #000000;
box-shadow: 0 0 5px 2px #aaddff;}


.idisplay{position:fixed;
top:35px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.85);
padding:20px;
text-align:center;
z-index:999;}


.bl{background-color:#000;}


/* NEW Header Styling - from C.CSS */

/* h1 */
.h1 {font-size: 300%;
line-height: 100%;
margin: 0 0 6px 0;
color:#aaddff;
font-weight: bold;
font-variant: small-caps;
text-align: center;}

/* 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;font-size:3vw;}

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%;}

/*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;}

/* Indent */
.in{margin-left:40px;}
.in40{margin-left:40px;}
.in80{margin-left:80px;}
.in120{margin-left:120px;}
.in160{margin-left:160px;}
.in200{margin-left:200px;}

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

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

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

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

/* Drop Caps */
.dropcap{font-size: 600%;
float: left;
padding-top: 25px;
padding-right: 3px;
padding-bottom: 10px;}


/* Image class styles */

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

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

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

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

blockquote{font-style:italic;
margin:30px 30px 30px 30px;
font-size:110%;
background-color:#333333;
color:#eeeeee;
border:5px solid;
border-left-color:#aaaaaa;
border-right-color:#000000;
border-bottom-color:#aaaaaa;
border-top-color:#000000;
padding: 15px;}

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


.p0{padding:0px;}

.b0{border-width:0;}

.w250{min-width:50%;}

.p10{padding:10px;}

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

.m20 {margin:20px;}

.cp10 td {padding:10px;}


/* opposite colors */

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

/* Caption Divs */

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

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

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