/* These are the basics */

body
{
background-image:url('wave3.jpg');
font-size:12pt;
font-family:'Alice', Garamond, serif;
}

input, select, textarea, option
{
font-size:inherit;
font-family:Garamond, Times, serif;
}

img
{
display:block;
border:0px solid transparent;
}

figure
{
display:block;
margin:5px;
}

sup
{
vertical-align: baseline;
position: relative;
top: -0.4em;
}


/* These are sizes */

.un
{
line-height:.6cm;
font-size:12pt;
}

.deux
{
line-height:.7cm;
font-size:18pt;
}

.trois
{
line-height:.9cm;
font-size:24pt;
}

.quatre
{
line-height:1cm;
font-size:30pt;
}

.cinq
{
line-height:1.2cm;
font-size:36pt;
}

.six
{
line-height:1.4cm;
font-size:48pt;
}

.sept
{
line-height:1.6cm;
font-size:60pt;
}

.f18
{
font-size:18pt;
}


/* These are colors */

.redhue
{
color:#00ADE6;
}

.greenhue
{
color:#0080DA;
}

.brownhue
{
color:#001CF0;
}

.purplehue
{
color:#1D00D1;
}

.popcolor0:hover
{
border-color:#00ADE6;
}

.popcolor1:hover
{
border-color:#0080DA;
}

.popcolor2:hover
{
border-color:#001CF0;
}

.popcolor3:hover
{
border-color:#1D00D1;
}


/* These are spacing & flushing */

.middy
{
margin:0px auto;
}

.right
{
float:right;
}

.left
{
float:left;
}

.uc
{
text-align:center;
vertical-align:top;
}

.ul
{
text-align:left;
vertical-align:top;
}

.ur
{
text-align:right;
vertical-align:top;
}

.mensa
{
display:table;
}

.ibby
{
display:inline-block;
}

.hang
{
padding-left:25px;
text-indent:-25px;
}


/* These are padding */

.pr10
{
padding-right:10px;
}

.pr20
{
padding-right:20px;
}

.pr50
{
padding-right:50px;
}

.pr100
{
padding-right:100px;
}


/* These are shading & dimming */

.shady
{
-moz-box-shadow: 5px 5px 9px #000;
-webkit-box-shadow: 5px 5px 9px #000;
box-shadow: 5px 5px 9px #000;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000');
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#000000');
}


/* These are the anchors and links */

a:not(.ibby):hover
{
background-color:rgba(255,255,0,.5);
}

a.blacknorm
{
text-decoration:none;
color:black;
}

a.rednorm
{
color:#00ADE6;
}

a.greennorm
{
color:#0080DA;
}

a.brownnorm
{
color:#001CF0;
}

a.purplenorm
{
color:#1D00D1;
}

a.greenpeeps
{
color:#FB0202;
}

a.emaily
{
color:#FB0202;
}

a.vesselhue
{
color:#098300;
}

a.piccy
{
text-decoration:none;
background-color:rgba(255, 255, 255, 0.9);
position:relative;
top:-100px;
z-index:75;
padding:2px 15px;
border-radius:10px;
}


/* These are table-related */

table
{
display:inline-block;
}

table.redfunk
{
border:2px dashed #00ADE6;
border-spacing:5px;
}

table.redfunk:hover
{
border-style:solid;
}

table.greenfunk
{
border:2px dashed #0080DA;
border-spacing:5px;
}

table.greenfunk:hover
{
border-style:solid;
}

table.brownfunk
{
border:2px dashed #001CF0;
border-spacing:5px;
}

table.brownfunk:hover
{
border-style:solid;
}

table.purplefunk
{
border:2px dashed #1D00D1;
border-spacing:5px;
}

table.purplefunk:hover
{
border-style:solid;
}

tr.greyback:hover
{
background-color:#DEDEDE;
}

td.tennis
{
text-align:left;
vertical-align:top;
padding:1px;
color:yellow;
cursor:pointer;
height:30px;
}

td.tennis:hover
{
background-color:yellow;
color:black;
}

td.tennis2
{
text-align:left;
vertical-align:top;
padding:1px;
color:yellow;
cursor:pointer;
height:30px;
background-image:url('tlawn.jpg');
background-position:center center;
}

td.tennis2:hover
{
background-image:none;
background-color:yellow;
color:black;
}

td.tennis3
{
font-size:18pt;
text-align:left;
vertical-align:top;
padding:5px 3px;
color:yellow;
cursor:pointer;
}

td.tennis3:hover
{
background-color:yellow;
color:black;
}

td.tennis4
{
font-size:18pt;
text-align:left;
vertical-align:top;
padding:5px 3px;
color:yellow;
cursor:pointer;
background-image:url('gray1.jpg');
background-position:center center;
background-repeat:repeat-y;
}

td.tennis4:hover
{
background-image:none;
background-color:yellow;
color:black;
}

td.blackbo
{
border:2px solid black;
}


/* These are the fonts */

.yeller
{
background-color:#FFFF00;
}

.lightg2
{
background-image:url('parchgr.jpg');
font-weight:bold;
line-height:.7cm;
font-size:18pt;
padding:0px 5px;
border-radius:5px;
}

.altertit
{
font-family:'AlterF', Times, serif;
}

@font-face
{
font-family: 'Alice';
src:url('alice.woff');
}

@font-face
{
font-family: 'AlterF';
src:url('munson.woff');
}



/* These are the animations */


@keyframes spin13
{
100% { transform:rotate(360deg); }
}


/* These are specific arrangements */

.bigsock
{
width:1000px;
background-color:white;
border:3px solid black;
padding:5px;
margin:0px auto;
text-align:left;
box-shadow: 5px 5px 9px #000;
}

.poptab
{
background-color:white;
border:4px solid #CCCCCC;
border-spacing:10px;
border-radius:10px;
cursor:pointer;
}

.azul
{
background-color:#001CF0;
color:white;
padding:8px 20px;
border: 3px solid #DEDEDE;
text-decoration:none;
border-radius:15px;
cursor:pointer;
}

.azul:hover
{
border-color:yellow;
color:yellow;
}

.azul2
{
cursor:pointer;
display:inline-block;
padding:5px 12px;
border-radius:10px;
background-color:rgba(0,128,218,.85);
color:white;
border:2px solid #0080DA;
text-decoration:none;
}

.azul2:hover
{
color:#0080DA;
background-color:#FFFFFF !important;
}

.rojo
{
cursor:pointer;
display:inline-block;
padding:5px 12px;
border-radius:10px;
background-color:rgba(251,2,2,.85);
color:white;
border:2px solid #FB0202;
text-decoration:none;
}

.rojo:hover
{
color:#FB0202;
background-color:#FFFFFF !important;
}

.hbz
{
cursor:pointer;
display:inline-block;
padding:6px 12px;
margin:2px 4px;
border-radius:10px;
border:2px solid #1D00D1;
color:#FFFFFF;
background-color:rgba(29,0,209,.85);
text-decoration:none;
}

.hbz:hover
{
color:#1D00D1;
background-color:#FFFFFF !important;
}