/**********STYLESHEET FROM SNOW-DROPS.ORG // PLEASE DO NOT REMOVE THIS**********/

/******BASIC STYLING******/

body 
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #808080;
background-color: #383838;
cursor: default;}

tr, td
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #808080;}

textarea, input, output, select
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #808080; 
background-color: #E0E0E0;
border: #808080;
border-style: solid;
border-width: 1px;
border-radius: 10px;}

blockquote
{width: 80%;
margin: 0px auto;
background-color: #e0e0e0;
border: #808080;
border-style: solid;
border-width: 5px 0px 5px 0px;
padding: 8px;
text-align: justify;}

b, strong 
{color: #404040; letter-spacing: 2px;}
i, em 
{color: #ffffff;}
u 
{color: #F0F0F0;
border: #F0F0F0;
border-style: dashed;
border-width: 0px 0px 1px 0px;
text-decoration: none;}

del, s {color: #F5F5F5;}

a:link, a:active, a:visited 
{color: #303030;
text-decoration: none;
text-transform: uppercase;}

a:hover 
{color: #ffffff; 
cursor: crosshair;
font-weight: bold;
background-color: #A9A9A9;
text-transform: lowercase;
text-decoration: none;
letter-spacing: 1px;
padding: 2px;
border: #ffffff;
border-style: solid;
border-width: 0px 0px 2px 0px;}

/******SCROLLBAR - tutorial from https://www.w3schools.com******/

/* scroll-width */
::-webkit-scrollbar {
  width: 10px;
}

/* scroll-track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* scroll-drag */
::-webkit-scrollbar-thumb {
  background: #888888; 
}

/* scroll on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/******MAIN LAYOUT SETUP******/

#container
{width: 870px;
margin: 0px auto;
text-align: center;
padding-top: 7px;
background-color: #696969;
border: #C0C0C0;
border-style: dashed;
border-width: 1px;
border-radius: 50px;
min-height: 1550px;}

#topimg
{width: 850px;
height: 250px;
margin: 0px auto;
background-image: url('images/stylesheet1_header.jpg');
background-repeat: no-repeat;
border: #C0C0C0;
border-style: solid;
border-width: 1px;
border-radius: 50px;}

#content
{width: 600px;
float: left;
margin-top: 63px;
margin-left: 5px;
padding: 5px;
line-height: 150%;
min-height: 600px;
text-align: justify;
background-color: #C0C0C0;}

#navbar
{width: 838px;
position: absolute;
margin: 0px auto;
text-align: center;
top: 280px;
margin-left: 11px;
background-color: #C0C0C0;
padding: 5px;}

#navi
{width: 229px;
float: left;
margin-top: 63px;
margin-left: 10px;
padding: 5px;
text-align: left;
background-color: #C0C0C0;}

#footer
{clear:both;}

/******HEADERS******/

h1
{font-family: 'Patrick Hand SC', serif;
font-size: 25px;
font-weight: normal;
text-align: center;
color: #505050;
border: #F5F5F5;
border-style: solid;
border-width: 0px 0px 3px 0px;
background: url('image url here if you want to use an image for your header otherwise remove this css line') no-repeat;
background-color: #808080;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #ffffff;}

h2
{font-size: 14px;
font-family: 'Roboto', serif;
text-align: right;
color: #E8E8E8;
letter-spacing: 2px;
margin-top: -17px;
font-weight: normal;
font-variant: small-caps;}

h3
{font-family: 'Patrick Hand SC', serif;
font-size: 20px;
font-weight: normal;
text-align: center;
color: #505050;
border: #F5F5F5;
border-style: solid;
border-width: 0px 0px 3px 0px;
background: url('image url here if you want to use an image for your header otherwise remove this css line') no-repeat;
background-color: #808080;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #ffffff;}

h4
{font-family: 'Patrick Hand', Tahoma, Geneva, sans-serif;
font-size: 12px;
text-align: center;
color: #ffffff;
background-color: #808080;
border: #ffffff;
border-width: 1px;
border-style: dotted;}

/******CONTENT STYLING******/

.updates_box
{overflow: auto;
height: 100px;
margin-top: -15px;
margin-bottom: -10px;}

.imgborder
{padding: 8px;
margin: 5px;
background-color: #808080;
box-shadow: 2px 2px 3px #505050;}

.center
{margin: 0px auto;
text-align: center;}

/******HORIZONTAL NAVIGATION******/

.horizontal_navi a:link, .horizontal_navi a:active, .horizontal_navi a:visited 
{width: 97px;
font-family: 'Patrick Hand', serif;
font-weight: normal;
font-size: 16px;
color: #ffffff;
padding: 2px;
margin-right: 10px;
display: inline-block;
border: #888888;
border-style: solid;
border-width: 1px;
background-color: #B0B0B0;
text-transform: uppercase;}

.horizontal_navi a:hover 
{color: #ffffff; 
font-weight: normal;
cursor: crosshair;
text-align: center;
background-color: #888888;
text-transform: lowercase;
transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
letter-spacing: 2px;
text-shadow: 2px 2px 1px #383838;}

/******SIDEBAR NAVIGATION******/

.elites
{margin: 0px auto;
text-align: center;}

.elites a:link, .elites a:active, .elites a:visited 
{font-family: 'Patrick Hand', serif;
font-weight: normal;
font-size: 12px;
text-align: center;
color: #ffffff;
padding: 10px;
margin: 2px;
display: inline-block;
border: #888888;
border-style: solid;
border-width: 1px;
border-radius: 100px;
background-color: #B0B0B0;
text-transform: uppercase;}

.elites a:hover 
{color: #ffffff; 
font-weight: normal;
cursor: crosshair;
text-align: center;
background-color: #888888;}

.affies
{margin: 0px auto;
text-align: center;}

.affies a:link, .affies a:active, .affies a:visited 
{font-family: 'Patrick Hand', serif;
font-weight: normal;
font-size: 12px;
text-align: center;
color: #ffffff;
padding: 5px;
margin: 2px;
display: inline-block;
border: #888888;
border-style: solid;
border-width: 1px;
background-color: #B0B0B0;
text-transform: uppercase;
width: 30px;}

.affies a:hover 
{color: #ffffff; 
font-weight: normal;
cursor: crosshair;
text-align: center;
background-color: #888888;}