/* Body Defaults */

html {
 border:0;
}

body {
 background-image:url('../img/bg2.jpg');
 background-size:cover;
 background-attachment:fixed;
 background-position:center;
 margin:auto;
 position:relative;
 font-family:verdana;
}

img {
 border-style: none;
 border:0;
}

.shadow {
 box-shadow:0 0 5px 0 black;
}

.shadow:hover {
 box-shadow:0 0 5px 0 white;
}

/* End of Body Defaults */

/* Main Section */

#socnet {
 width:100%;
 min-width:600px;
}

#content {
 background-image:url('../img/contentbg.png');
 background-size:100% 100%;
 width:80%;
 min-width:1000px;
 margin:auto;
 position:relative;
 left:0;
 right:0;
 top:0;
 border-radius:0 0 5px 5px;
}

#header {
 background-color:none;
 background-image:url('../img/headerbg.png');
 background-size:cover;
 background-position:center;
 height:70px;
 width:100%;
 position:relative;
 top:0;
 left:0px;
 border-radius:0 0 0 0;
}

.logo {
 height:70px;
}

#menu {
 background-color:none;
 background-image:url('');
 background-position:top;
 background-repeat:no-repeat;
 height: 25px;
 color:white;
 padding-top:5px;
 box-shadow:0px 0px 5px black;
 position:sticky;
 top:0px;
}

#menubg {
 background-image:url('../img/headerbg.png');
 background-size:cover;
 background-position:center;
 position:sticky;
 top:0px;
 z-index:1;
}

a.menu {
 color:white;
 text-decoration:none;
 cursor:pointer;
 text-shadow:0px -1px 0px black;
 font-size:16px;
}

a.menu:hover {
 text-decoration:none;
 text-shadow:0px 0px 10px white;
}

a.menu:visited {
 text-decoration:none;
}

a.menudd {
 color:white;
 text-decoration:none;
 font-size:16px;
 cursor:pointer;
 text-shadow:0px -1px 0px black;
}

a.menudd:hover {
 text-decoration:none;
 text-shadow:none;
}

a.menudd:visited {
 text-decoration:none;
}

a.link {
 color:white;
 font-size:16px;
 text-decoration:none;
 text-shadow:0px -1px 0px black;
}

a.link:hover {
 text-decoration:none;
}

a.link:visited {
 text-decoration:none;
}

#spacing {
 padding-left:2%;
}

#innercontent {
 background-color:none;
 background-image:url('img/contentbg.png');
 background-size:cover;
 background-position:center;
 background-attachment:fixed;
 height:100%;
 box-shadow:0px 0px 5px black;
 color:white;
 font-size:16px;
}

.mainpanel {
 display:flex;
 justify-content:center;
}

.mainpanel > div {
 margin:10px;
 padding:5px;
}

.panel {

}

.imgsquare {
 background-position:center;
 background-size:cover;
 display:inline-block;
 width:240px;
 height:240px;
 margin:2px;
 text-decoration:none;
}

.imgsquare:active {
 text-decoration:none;
}

.imgrec {
 background-position:center;
 background-size:cover;
 display:inline-block;
 width:150px;
 height:250px;
 margin:2px;
 text-decoration:none;
}

.imgrec:active {
 text-decoration:none;
}

#cover {
 background-color:none;
 background-image:url('../img/cover.png');
 background-size:contain;
 background-position:center;
 background-repeat: no-repeat;
 height:200px;
}

#footer {
 background-color:none;
 background-image:url('../img/headerbg.png');
 background-size:cover;
 background-position:center;
 color:white;
 height:25px;
 width:100%;
 margin-bottom:2%;
 padding-top:5px;
 position:relative;
 left:0;
 bottom:0;
 box-shadow:0px 0px 5px black;
 border-radius:0 0 5px 5px;
}

/* End of Main Section */

/* Dropdown Menu */

.dropdown .dropbtn {
 color:white;
 text-decoration:none;
 font-size:16px;
 cursor:pointer;
 text-shadow:0px -1px 0px black;
}

.dropbtn:hover {
 text-decoration:none;
 text-shadow:0px 0px 10px white;
}

.dropdown-content {
 background-image:url('../img/headerbg.png');
 background-size:cover;
 background-position:left;
 display: none;
 position: absolute;
 top:30px;
 left:15px;
 min-width: 70px;
 z-index: 1;
 border-radius:0 0 5px 5px;
 box-shadow:inset 0 5px 10px -7px black, 0px 0px 5px black;
}

.ddlink {
 padding:5px;
 overflow:hidden;
 font-size:14px;
}

.ddlink.bottom{
 padding-left:5px;
 overflow:hidden;
 border-radius:0 0 5px 5px;
}

.ddlink:hover {
 background-image:url('../img/headerbg.png');
 background-size:cover;
 background-position:center;
 box-shadow:inset 0 8px 10px -7px black, inset 0 -8px 10px -7px black;
}

.show {
 display: block;
}

/* Links */

a.shows {text-decoration:none;color:white;font-size:14px;}
a.shows:hover {text-decoration:none;color:white;}
a.shows:visited {text-decoration:none;color:white;}

div.default {border-bottom:1px black solid;padding:5px;}
div.default:hover {background-image:url('../img/headerbg.png');background-size:cover;background-position:center;cursor:pointer;}
div.default.bottom {border-bottom:none;}

/* End of Links */