@charset "utf-8";
@import url("/common/font-awesome.min.css"); 



/*************************************************************************************************************
//////////////////////     Base Styles
*************************************************************************************************************/ 
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {
    font-family: "StupidHeadBB";
    src: url("common/fonts/StupidHeadBB_Lt.eot");
}
@font-face {
    font-family: "StupidHeadBB";
    src: url("common/fonts/StupidHeadBB_Lt.ttf");
}

@-webkit-keyframes moveLogo {
0% {
-webkit-transform:rotate(0deg)
}
10% {
-webkit-transform:rotate(-2.5deg)
}
20% {
-webkit-transform:rotate(2deg)
}
30% {
-webkit-transform:rotate(-2deg)
}
40% {
-webkit-transform:rotate(1.5deg)
}
50% {
-webkit-transform:rotate(-1.5deg)
}
60% {
-webkit-transform:rotate(1deg)
}
70% {
-webkit-transform:rotate(-1deg)
}
80% {
-webkit-transform:rotate(.5deg)
}
90% {
-webkit-transform:rotate(-.5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes moveLogo {
0% {
-moz-transform:rotate(0deg)
}
10% {
-moz-transform:rotate(-2.5deg)
}
20% {
-moz-transform:rotate(2deg)
}
30% {
-moz-transform:rotate(-2deg)
}
40% {
-moz-transform:rotate(1.5deg)
}
50% {
-moz-transform:rotate(-1.5deg)
}
60% {
-moz-transform:rotate(1deg)
}
70% {
-moz-transform:rotate(-1deg)
}
80% {
-moz-transform:rotate(.5deg)
}
90% {
-moz-transform:rotate(-.5deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
@-ms-keyframes moveLogo {
0% {
-ms-transform:rotate(0deg)
}
10% {
-ms-transform:rotate(-2.5deg)
}
20% {
-ms-transform:rotate(2deg)
}
30% {
-ms-transform:rotate(-2deg)
}
40% {
-ms-transform:rotate(1.5deg)
}
50% {
-ms-transform:rotate(-1.5deg)
}
60% {
-ms-transform:rotate(1deg)
}
70% {
-ms-transform:rotate(-1deg)
}
80% {
-ms-transform:rotate(.5deg)
}
90% {
-ms-transform:rotate(-.5deg)
}
100% {
-ms-transform:rotate(0deg)
}
}
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 640px;
}
html {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}
body {
    background: url("common/images/hero.jpg") no-repeat center center fixed;
    background-size: cover;
}
#erfworld-sitebar {
    font-size: 16px;
    line-height: normal;
}
#erf-header-wrapper, .erf-shell {
    max-width: 1220px;
    margin: 0 auto;
}
#erf-header-wrapper {
    padding: 5px;
}
a{color:#15c;}
h1,h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}h1 {
    padding: 0 1%;
}



/*************************************************************************************************************
//////////////////////     Global Top Bar and Footer
*************************************************************************************************************/ 
.elgg-page-topbar, .erf-global, footer#erf-footer {
    font-size: 0.688em;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    background: #2c2c2c;
    height: 2.1875em;
    line-height: 24px;
    height: 24px;
}
@media only screen and (max-width: 767px) {
    /* Hide the footer on mobile. */
    footer#erf-footer {
        display: none;
    }
}

.erf-global{
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 2000;
}

.elgg-page-topbar{
    right: 35%;
    background: none;
    float: right;
    position: fixed;
    border: none;
}

.elgg-page-topbar .elgg-inner {
    width: initial;
    margin: 0;
}

.elgg-menu-topbar-default {
    display: none;
}

/*footer {
    position: fixed;
    bottom: 0;
    transition: bottom 0.2s ease-in-out;
    width: 100%;
}*/

#page {
    margin-bottom: 28px !important;
}

footer#erf-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0 10px;
    width: 100%;
    z-index: 1000;
    font-size: 11px;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    background: #2c2c2c;
}

footer#erf-footer nav{
        padding: 0 10px 0 0;
}

footer#erf-footer div{
       width: auto;
        margin: 0 auto;
       max-width: 1220px;
}

#erf-footer ul {
    padding: 0;
}

.nav-down {
    bottom: -30px;
}
.clearFix:after{
    display:table;
    content:"";
    clear:both;
}
.padBottom{
    padding-bottom:10px;
}
@media only screen and (max-width: 1024px) {
    .erf-global, footer {
        font-size: 0.575em;
    }
}
.erf-global ul, footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.erf-global li {
    display: block;
}

.elgg-page-topbar li a {
    margin: inherit;
    padding: 0 4px;
}

.elgg-page-topbar li a, .erf-global a, .erf-global a:link, .erf-global a:visited, footer a:visited, footer, footer a, footer a:link {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
.erf-global a:hover, .erf-global ul#erf-login > li:first-child:hover > a, footer a:hover {
    color: #d3c28b;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.erf-global ul#erf-login, footer nav {
    float: right;
    text-align: right;
    padding-right: 5px;
}
.erf-global ul#erf-login > li:first-child {
    position: relative;
}
.erf-global ul#erf-login > li:first-child > a:after {
    font-family: 'FontAwesome';
    content: "\f013";
    padding-left: 5px;
}
.erf-global ul#erf-login ul {
    display: none;
    background: #2c2c2c;
    padding: 2px 10px;
    margin: -1px -9px 0 0;
    position: absolute;
    width: 90px;
    right: 0;
    top: 100%;
}

.erf-global ul#erf-login ul li{
    z-index: 2000;
}

.erf-global ul#erf-login > li:first-child:hover ul {
    display: block;
}
.erf-global nav li, footer nav li {
    display: inline-block;
    padding: 0 10px;
}
.erf-global nav li.active {
    background: url(common/images/hero.jpg) no-repeat center center fixed; 
    background-size: cover;
}
.erf-global nav li.active a {
    color: #ffd765 !important;
}
.erf-global nav li a.external:after {
    font-family: 'FontAwesome';
    content: "\f08e";
    padding-left: 5px;
}



/*************************************************************************************************************
//////////////////////     Header
*************************************************************************************************************/ 
#erf-header {
    margin-top: 24px;
}
#erf-header ul.erf-header-sections {
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#erf-header ul.erf-header-sections li {
    display: table-cell;
    height: 130px;
}
#erf-header ul.erf-header-sections li.erf-logo {
    width: 300px;
    vertical-align: middle;
    width: 32%;
}
#erf-header ul.erf-header-sections li.erf-logo img, header ul.erf-header-sections li.erf-toolshed img {
    max-width: 100%;
    width:100%;
}
header ul.erf-header-sections li.erf-toolshed img {
}
#erf-header ul.erf-header-sections li.erf-toolshed {
    padding: 0 1%;
    vertical-align: middle;
}
#erf-header ul.erf-header-sections li.erf-toolshed div {
    margin: 0 auto;
}
#erf-header ul.erf-header-sections li.erf-toolshed a {
    padding:0 ;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.658em;
    color: #FFF;
    text-decoration: none;
}
#erf-header ul.erf-header-sections li.erf-toolshed strong,header ul.erf-header-sections li.erf-badges strong {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 1.8275em;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .05em;
    position: relative;
    background: -webkit-linear-gradient(#f9f0be, #e3c854 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 5px;
}
#erf-header ul.erf-header-sections li.erf-toolshed strong:after,header ul.erf-header-sections li.erf-badges strong:after {
    background: none;
    content: attr(data-text);
    right: 5px;
    position: absolute;
    text-shadow: 0 0 3px #422707,  -2px -2px 3px #422707,  2px -2px 3px #422707,  -2px 2px 3px #422707,  2px 2px 3px #422707;
    top: 0;
    z-index: -1;
}
#erf-header ul.erf-header-sections li.erf-logo img {
    max-width: 100%;
}
#erf-header ul.erf-header-sections li.erf-logo img:hover {
    -webkit-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    -moz-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    -ms-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out
}
#erf-header ul.erf-header-sections li.erf-badges {
    width: 300px;
    vertical-align: middle;
}
#erf-header ul.erf-header-sections li.erf-badges a {
    text-decoration: none;
}
#erf-header ul.erf-header-sections li.erf-badges div {
    width: 100px;
    display: inline-block;
}
#erf-header ul.erf-header-sections li.erf-badges div strong{
    font-size: 1.5em;
    line-height: 33px;
    height: 33px;
    display: block;
    text-align: right;
}
header ul.erf-header-sections li.erf-badges strong:after {
    background: none;
    content: attr(data-text);
    right: 5px;
    position: absolute;
    text-shadow: 0 0 1px #422707, -1px -1px 1px #422707, 1px -1px 1px #422707, -1px 1px 1px #422707, 1px 1px 1px #422707;
    top: 0;
    z-index: -1;
}
#erf-header ul.erf-header-sections li.erf-badges div strong:before{
    display:inline-block;
    width:28px;
    height:33px;
    content:"";
    background:url(common/images/shmucker.png) no-repeat; 
    vertical-align: bottom;
}
#erf-header ul.erf-header-sections li.erf-badges div span{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    display:block;
    clear: both;
}
#erf-header ul.erf-header-sections li.erf-badges ul {
    width: 200px;
    height: 70px;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
}
#erf-header ul.erf-header-sections li.erf-badges ul li {
    position:absolute;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
#erf-header ul.erf-header-sections li.erf-badges ul li a{
    text-decoration:none;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_0 {
    top:0;
    left:18px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_1 {
    top:0;
    left:53px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_2 {
    top:0;
    left:88px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_3 {
    top:0;
    left:123px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_4 {
    top:0;
    left:158px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_5 {
    top: 29px;
    left: 0px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_6 {
    top: 29px;
    left: 35px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_7 {
    top: 29px;
    left: 70px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_8 {
    top: 29px;
    left: 105px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_9 {
    top: 39px;
    left: 145px;
    font-size: 0.875em;
}
#erf-header nav {
    background: url(common/images/nav_bg.png); 
    height: 36px;
    border: 2px solid #391b04;
    box-shadow: 0px 3px 12px rgba(0,0,0,.3);
    line-height: 32px;
    z-index: 1;
    max-width: 100%;
    box-sizing: border-box;
    padding:2px 0;
}
#erf-header nav > ul {
    padding: 0 5px;
    margin: 0;
    display: table;
    width: 100%;
}
#erf-header nav > ul.search {
    display: none;
}
#erf-header nav > ul > li {
    display: table-cell;
    text-align: center;
}
#erf-header nav > ul > li:last-child {
    width: 260px;
    text-align: right;
}
#erf-header nav > ul > li:last-child > a {
    padding-right: 30px;
}
#erf-header nav > ul > li > a, #erf-header nav ul.search li.search form input[type=submit] {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 1.525em;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .15em;
    position: relative;
    cursor: pointer;
    text-shadow: 0 0 4px #422707,  -2px -2px 4px #422707,  2px -2px 4px #422707,  -2px 2px 4px #422707,  2px 2px 4px #422707;
}
#erf-header nav > ul > li > a:hover, #erf-header nav ul.search li.search form input[type=submit]:hover {
    color: #e3c854;
    text-shadow: 0 0 4px #000,  -2px -2px 4px #000,  2px -2px 4px #000,  -2px 2px 4px #000,  2px 2px 4px #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#erf-header nav > ul > li > a.search:before, #erf-header nav > ul > li > a.menuback:before {
    font-family: 'FontAwesome';
    content: "\f0c9";
    padding-right: 5px;
    font-size: 75%;
}
#erf-header nav li input {
    background-color: rgb(255, 255, 255);
    border: initial;
    width: inherit;
    font: inherit;
    color: inherit;
    text-shadow: inherit;
    display: inline-block;
    height: auto;
    border-radius: initial;
    padding: 0 10px;
        margin: 0;
        box-sizing: border-box;
}

#erf-header nav li input[type=submit] {
    background: none;
}

#erf-header nav li input::-webkit-input-placeholder,
#erf-header nav li input:-moz-placeholder,
#erf-header nav li input::-moz-placeholder,
#erf-header nav li input:-ms-input-placeholder {
    color: inherit;
    text-shadow: inherit;
}

#erf-header nav ul.search {
    height: 28px;
    line-height: 24px;
}
#erf-header nav ul.search > li:last-child {
    width: auto;
}
#erf-header nav ul.search > li > a.menuback {
    padding-left: 5px;
    top: 0.16em;
}
#erf-header nav ul.search li.search {
    width: 300px;
    text-align: inherit;
}
#erf-header nav ul.search li.search form {
    height: 100%;
    display: inline-block;
    font-size: 12px;
    padding-bottom: 0px;
}
#erf-header nav ul.search li.search form input {
    width: 180px;
    border: 2px solid black;
    border-radius: 2px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 5px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}
#erf-header nav ul.search li.search form input[type=submit] {
    width: auto;
    border: none;
    top: 2px;
}
#erf-header li.filters {
    padding-right: 10px;
}
#erf-header li.filters > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#erf-header li.filters > ul > li {
    display: inline-block;
    margin-right: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding: 0 3px;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.25em;
}
#erf-header li.filters > ul > li a {
    text-decoration: none !important;
    color: inherit !important;
}
#erf-header li.filters > ul > li:first-child {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .15em;
    position: relative;
    text-shadow: 0 0 4px #422707,  -2px -2px 4px #422707,  2px -2px 4px #422707,  -2px 2px 4px #422707,  2px 2px 4px #422707;
    top: 2px;
}

/* badge popup overlay */
.ui-front {
    z-index: 1000000 !important;
}

@media only screen and (max-width: 1024px) {
    #erf-header nav > ul > li > a {
        font-size: 1.175em;
        letter-spacing: .05em;
    }
    header nav ul {}
}
@media only screen and (max-width: 900px) {
    #erf-header nav > ul > li:last-child {
        width: 190px;
    }
}



/*************************************************************************************************************
//////////////////////     Filters
*************************************************************************************************************/ 
#erf-stream-filters {
    padding: 10px 0;
}
#erf-stream-filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#erf-stream-filters div {
    float: right;
}
#erf-stream-filters li {
    display: inline-block;
}
#erf-stream-filters a {
    color: #FFF;
    padding: 2px 5px;
}
#erf-stream-filters li:first-child {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    text-shadow: 0 0 4px rgba(0,0,0,.75);
}
#erf-stream-filters span {
    background: #be8433;
    background: -moz-linear-gradient(top, #be8433 0%, #8e5b17 44%, #623c07 100%);
    background: -webkit-linear-gradient(top, #be8433 0%, #8e5b17 44%, #623c07 100%);
    background: linear-gradient(to bottom, #be8433 0%, #8e5b17 44%, #623c07 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be8433', endColorstr='#623c07', GradientType=0 );
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    padding: 0;
    text-shadow: 0 0 4px rgba(0,0,0,.75);
    box-shadow: inset 0px 1px 2px rgba(255,255,255,.5);
    border: 2px solid #391b04;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
    cursor: pointer;
    margin-left: 5px;
}
#erf-stream-filters span.allOn.off,#erf-stream-filters span.allOff.off{
    padding: 0 5px;
}
#erf-stream-filters li.inactive span {
    background: #895000;
    background: -moz-linear-gradient(top, #895000   0%, #a4691a   45%, #bf8333   100%);
    background: -webkit-linear-gradient(top, #895000   0%, #a4691a   45%, #bf8333   100%);
    background: linear-gradient(to bottom, #895000   0%, #a4691a   45%, #bf8333   100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#895000', endColorstr='#bf8333', GradientType=0 );
    box-shadow: inset 0px -1px 2px rgba(255,255,255,.5);
}
#erf-stream-filters li.inactive span a{
    color: #e9c394   !important;
    text-decoration:none !important;
}
#erf-stream-filters div span {
    margin-left: 5px;
}
#erf-stream-filters span.off {
    background: #895000; /* Old browsers */
    background: -moz-linear-gradient(top, #895000 0%, #a4691a 45%, #bf8333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #895000 0%, #a4691a 45%, #bf8333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #895000 0%, #a4691a 45%, #bf8333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#895000', endColorstr='#bf8333', GradientType=0 ); /* IE6-9 */
    color: #e9c394;
    box-shadow: inset 0px -1px 2px rgba(255,255,255,.5);
}
#erf-stream-filters div span.allOff a {
    color: #FFF;
}



/*************************************************************************************************************
//////////////////////     Main Content Area
*************************************************************************************************************/ 
#columns {
    padding: 0;
    margin: 5px 0 30px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#left, #right {
    display: table-cell;
    vertical-align: top;
}
html #right {
    width: 302px;
}
html #left {
    margin: 0 -302px 0 0;
}
html .elgg-left.elgg-tiled{
    margin-right:302px;
}
.erf-section {
    background: #FFFFFF;
    border: 1px solid #bfbfbf !important;
    box-shadow: 2px 2px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
#right .erf-section div.sidebarAd {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarAd div {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarAd600 {
    padding: 0;
    margin: 0;
}
#right .erf-section div.sidebarBestContentReportable {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarBestContentReportable div {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarBestContent600Reportable {
    padding: 0;
    margin: 0;
}
a.ad_report_button {
    padding: 5px;
    display: block;
}
a.tipback:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    font-size: 18px;
}
.schmucker-tip a.tipback {
    position: relative;
    top: 2px;
}
.schmucker-tip a.tipback:before {
    padding-right: 2px;
}
.tip-feedback a.tipback:before {
    padding-right: 5px;
}
.erf-section> i,.erf-section> center {
    padding: 5px;
    display: block;
}
.erf-section h4 + div > div {
    padding: 5px;
}
#right .erf-section img {
    max-width: 100%;
    display: initial;
}
.erf-section h2 {
    padding: 0;
}
.erf-section h4 {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdcd5', GradientType=0 ); /* IE6-9 */
    margin: 0;
    padding: 5px;
}
.erf-section img {
    display: block;
}
.erf-section p {
    margin: 5px;
}
.erf-section a:hover {
    text-decoration: none;
}
#left ul.tiles {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}
#left ul.tiles > li {
    width: 32.82%;
    float: left;
    margin-right: .5%;
    box-sizing: border-box;
}
#left ul.tiles > li:hover {
    border-color: #000;
    background: #f4f4f4;
}
#left ul.tiles > li.tiled:hover .wrapper:after{
    background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%);
    pointer-events: none;
}

/* IE10+ and Edge override hacks, needed for clickthrough. */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #left ul.tiles > li.tiled:hover .wrapper:after{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
        background: none !important;
    }
}
@supports (-ms-accelerator:true) {
    #left ul.tiles > li.tiled:hover .wrapper:after{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
        background: none !important;
    }
}

#left ul.tiles > li.tiled .wrapper {
    padding: 15px;
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
    min-height: 250px;
}
#left ul.tiles > li.erf-section img.avatar {
    float: left;
    margin-right: 10px;
	height: 40px;
	width: 40px;
}
#left ul.tiles > li.erf-section img.thumbnail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
}
#left ul.tiles > li.erf-section img.avatar,#left ul.tiles li.erf-section img.thumbnail{
    border:1px solid #FFF;
}
#left ul.tiles > li.erf-section:hover img.avatar,#left ul.tiles li.erf-section:hover img.thumbnail{
    border-color: #f4f4f4;
}
#left ul.tiles > li.erf-section:hover img.avatar:hover,#left ul.tiles li.erf-section:hover img.thumbnail:hover{
    border-color: #15c;
}
#left ul.tiles > li.erf-section h2 {
    font-size: 1.3em;
    margin: 0;
}
#left ul.tiles > li.erf-section h2 a{
    text-decoration:none;
    color:#000;
}
#left ul.tiles > li.erf-section h2 a:hover{
    text-decoration:underline;
}
#left ul.tiles > li.erf-section h3 {
    font-size: 1em;
    margin: 5px 0 0;
}
#left ul.tiles > li.erf-section h3 span {
    text-decoration: underline;
}
#left ul.tiles > li.erf-section p {
    margin: 5px 0;
}
#left ul.tiles > li.erf-section .streams {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
#left ul.tiles > li.erf-section .comments {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #aaa;
}
#left ul.tiles > li.erf-section .comments:before {
    font-family: 'FontAwesome';
    content: "\f075";
    padding-right: 5px;
}
#left ul.tiles > li.erf-section.banner {
    width: 99.5%;
    background: #FFF !important;
    border-color: #bfbfbf !important;
    padding: 5px 0 0 5px;
    text-align: center;
    min-height: auto;
    margin-bottom: 5px;
    height: 102px;
    border-bottom-style: solid;
    position: relative;
}

.erf-artblog-prompt {
	background: white;
	border: solid 1px black;
	font-style: italic;
	width: 95%;
	padding: 2%;
	position: absolute;
	left: 2px;
	top: 168px;
	z-index: 1500;
}

.ad-tag-elgg_leaderboard{
  float: left;
  position: relative;
  top: 0px;
  z-index: 1;
}

a#twc_link{
        display: block;
    height: 100px;
    width: 302px;
        position: absolute;
    top: 0;
    right: 0;
}

#twc_overlay {
    height: 63px;
    width: 122px;
    overflow: hidden;
    position: relative;
    float: left;
    z-index: 200;
    left: 149px;
    bottom: 33px;
}

#twc_overlay img {
    margin: -46px 0px 0px -53px;
    position: absolute;
}

.solid {
    width:99.5%;
        background: #FFFFFF;
    border: 1px solid #bfbfbf;
    margin-right:.5%;
}
#left ul.archives {
        padding: .5%;
    margin: 0;
    width: 100%;
    list-style-type: none;
}
#left ul.archives li {
    width: 32%;
    float: left;
    margin: .5%;
    box-sizing: border-box;
}
#left ul.archives li.tiled .wrapper {
    padding: 15px;
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
    height: 176px;
}

#left ul.archives li.tiled .wrapper:after {
    height: 52px;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    z-index: 1000;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    bottom: 13px;
}

#left ul.archives li:hover {
    border-color: #000;
    background: #f4f4f4;
}
#left ul.archives li.erf-section img.thumbnail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
#left ul.archives li.erf-section img.thumbnail{
    border:1px solid #FFF;
}
#left ul.archives li.erf-section:hover img.thumbnail{
    border-color: #f4f4f4;
}
#left ul.archives li.erf-section:hover img.thumbnail:hover{
    border-color: #15c;
}
#left ul.archives li.erf-section {
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
	height: 206px;
}
#left ul.archives li.erf-section h2 a {
    text-decoration: none;
    color: #000;
}
#left ul.archives li.erf-section h2 a:hover {
    text-decoration: underline;
}
#left ul.archives li.erf-section h2 {
    font-size: 1.4em;
    margin: 0;
}

#left ul.archives li.erf-section h3 {
    font-size: 1.1em;
    margin: 10px 0 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
}

h2.archives-excerpt {
	font-size: 1.3em;
	padding: 0 1%;
	margin: -10px 0 0;
}

#calendar_nav .ui-datepicker-inline {
	margin: 0 auto 10px;
}

nav.files {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdcd5', GradientType=0 );
    margin: 0;
    padding: 0;
    height:32px;
    width:100%;
}
nav.files ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
nav.files li {
    float:left;
    line-height:32px;
}
nav.files a {
    color: #000;
    display:block;
    padding:0 20px;
}
nav.files li.active a {
    text-decoration:none;
    background:#FFF !important;
    cursor:default;
}
nav.files a:hover {
    text-decoration:none;
    background:#dfdcd5;
}
.comic {
    width:98%;
    margin:0 1%;
}
.comic img {
    max-width:100%;
}
.comicNav {
    width:98%;
    margin:10px 1%;
}
.comicNav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display:table;
    text-align: center;
    table-layout: fixed;
}
.comicNav li {
    display:table-cell;
    width: 17.5%;
}
.comicNav li.title {
    display: table-cell;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comicNav a {
    background:#e6e4dd;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    position: relative;
    margin: 0; 
    font-size: 14px;
    text-decoration: none;
    color: #484848;
}
.comicNav a:hover{
    text-decoration:none;
    background:#dfdcd5;
}

.comicNav div{
    background:#fff;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    position: relative;
    margin: 0; 
    
    font-size: 14px;
    text-decoration: none;
    color: #ccc;
}
.comicNav div.clear{
    height: 0;
}
.comicNav a span:after,.comicNav div span:after {
    content:" Page";
}
.comicNav li.next a:hover:after {
    border-left-color:#dfdcd5;
}
.comicNav li.previous a:hover:before {
    border-right-color:#dfdcd5;
}
.comicNav li.previous a:before,.comicNav li.previous div:before {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #e6e4dd;
    position: absolute; left: -12px; top: 0;
}
.comicNav li.previous div:before,.comicNav li.next div:after {
    border-color:#FFF !important;
}
.comicNav li.first a:after,.comicNav li.first div:after {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #FFF;
    position: absolute; right: 0; top: 0;
}
.comicNav li.next a:after,.comicNav li.next div:after {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #e6e4dd;
    position: absolute; right: -12px; top: 0;
}
.comicNav li.latest a:before,.comicNav li.latest div:before {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #FFF;
    position: absolute; left: 0; top: 0;
}
.comicNav li.previous a,.comicNav li.first a,.comicNav li.previous div,.comicNav li.first div{
    margin-right:10px;
}
.comicNav li.next a,.comicNav li.latest a,.comicNav li.next div,.comicNav li.latest div{
    margin-left:10px;
}
.comicNav li.previous i {
    float:left;
    padding:5px;
}
.comicNav li.first i {
    float:left;
    padding:5px 5px 5px 10px;
}
.comicNav li.next i {
    float:right;
    padding:5px;
}
.comicNav li.latest i {
    float:right;
    padding:5px 10px 5px 5px;
}

.comicNav.blogNav a span:after,.comicNav.blogNav div span:after{
	content: "";
}

.series_counter {
	text-align: center;
}

div.solid.banner {
    padding: .5%;
    text-align: center;
    min-height: auto;
    width: 98.5%;
    margin: .5% 0;
}
div.solid.banner img {
    margin: 0 auto;
    display: block;
}
#comments {
    width:98%;
    margin:1%;
}
.forums_post {
    background: #FFFFFF;
    border: 1px solid #bfbfbf;    
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
.forums_post_title_row {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(252,251,250,1) 47%, rgba(233,231,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e3',GradientType=0 ); /* IE6-9 */
    height:32px;
    line-height:32px;
    width:97%;
    border-bottom: 1px solid #bfbfbf;  
    padding:0 1.5%; 
    overflow:hidden;
}
.forums_post_author a {
    font-weight:bold;
    color:#6a6961;
    text-decoration:none;
}
.forums_post_author a:hover {
    text-decoration:underline;
}
.forums_post_date {
    color:#a6a49f;
}
.forums_post_text {
    width:97%; 
    padding:1.5%; 
}
.forums_post_text a:hover {
    text-decoration:none;
}

.pc_comment {
	background: #F0F0F0;
	border: solid 1px #D0D0D0;
	padding: 5px;
}

.pc_comment_author {
	font-weight: bold;
	float: left;
}

.pc_comment_time {
	float: right;
}

.pc_comment_text {
	padding-top: 10px;
	clear: both;
}

#columns div#submit_form {
    width: 98%;
    margin: 1%;
}
.quotetitle {
    background: rgb(213,212,211); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(213,212,211,1) 0%, rgba(209,209,208,1) 53%, rgba(226,225,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(213,212,211,1) 0%,rgba(209,209,208,1) 53%,rgba(226,225,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(213,212,211,1) 0%,rgba(209,209,208,1) 53%,rgba(226,225,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d4d3', endColorstr='#e2e1de',GradientType=0 ); /* IE6-9 */
    border: 1px solid #bfbfbf;
    height:32px;
    line-height:32px;
    padding:0 1.5%; 
    width:97%;
    overflow:hidden;
}
.quotecontent {
    border: 1px solid #bfbfbf;
    border-top:none;
    width:97%; 
    padding:1.5%; 
    margin-bottom:.5%;
}
.topic_line {
    padding:10px 0;
}
.topic_line a:hover {
    text-decoration:none;
}

#erfworld-profile-content .erfworld-container-header h2 {
	display: inline-block;
}

#erfworld-profile-content .erfworld-container-header a.erfworld-link-all {
	float: right;
}

#erfworld-profile-content .elgg-river-summary {
	padding-left: 5px;
}

#erfworld-profile-content #erfworld-forum-posts li {
	background: #FFFFFF;
    border: 1px solid #bfbfbf !important;
    box-shadow: 2px 2px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
	padding: 5px;
}

#erfworld-profile-content #erfworld-forum-posts .post-time {
	float: right;
}

#erfworld-profile-content > div:after {
    clear: both;
    display: table;
    content: "";
}
header#header {
    min-width: 640px;
}
#erf-login + nav div .toggle{
    display:none;
}



/*************************************************************************************************************
Mini Menu
*************************************************************************************************************/
#mini-menu {
    display:none;
}
@media only screen and (max-width: 1200px) {
    #left ul.tiles li.tiled .wrapper {
        min-height: 290px;
    }
    .comicNav a span:after {
        content:"";
    }
	
	#left ul.tiles > li.erf-section.banner {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #left ul.tiles > li {
        width: 49.48%;
    }
    #left ul.tiles li.bonus {
        display: none;
    }
    #left ul.archives li {    
        width: 48.5%;
    }
    #left ul.archives li.tiled .wrapper {
        min-height: 170px;
    }
    nav.files a{
        font-size:90%;
        padding:0 10px;
    }
    .comicNav li{
        width:25%;
    }
    .comicNav a span:after,.comicNav li.title{
        display:none;
    }
    .comicNav li.previous a{
        margin-right:0;
    }
}
@media only screen and (max-width: 767px) {
    #left ul.tiles > li {
        width: 99.48%;
    }
    #erf-header nav,#erf-header ul.erf-header-sections li.erf-badges,#erf-login + nav ul li.active{
        display: none;
    }
    header#header {
        min-width:640px;
        max-width:640px;
    }
    html, body {
        /*width:640px;*/
    }
    #erf-header {
        margin-top: 50px;
    }
    #erf-header ul.erf-header-sections li.erf-logo {
        width: 76%;
        padding: 2% 22% 0 2%;
        display: block;
        text-align: center;
        height: auto;
    }
    #erf-header ul.erf-header-sections li.erf-toolshed {
        width: 96%;
        padding: 2%;
        display: block;
        text-align: center;
        height: auto;
    }
    #erf-header ul.erf-header-sections li.erf-toolshed a span {
        font-size:.75em;
        display:block;
    }
    .erf-global nav div .toggle {
        display: inline-block;
        padding: 0 10px;
        color: #FFF !important;
        text-decoration: none;
        text-transform: uppercase;
        content:"Erfworld";
    }
    .erf-global nav div .toggle:before{ 
        font-family: 'FontAwesome';
        content: "\f063";
        padding-right: 5px;
        font-size: 75%;
    }
    .erf-global nav.open div .toggle:before {
        content: "\f062";
    }
    .erf-global nav div {
        position:relative;
        display: inline-block;
    }
    .erf-global nav ul {
        background: #2c2c2c;
        position:absolute;
        left:0;
        top:100%;
        display:none;
    }
    .erf-global nav.open ul {
        display:block;
        width: 300px;
        margin-top: -1px;
        padding: 10px;
    }
    .erf-global nav li {
        display:block;
        margin-bottom: 5px;
    }
    .erf-global, footer {
        font-size: 18px !Important;
    }
    .elgg-page-topbar, .erf-global, footer#erf-footer {
        font-size: 36px;
        line-height: 50px;
        height: 50px;
    }
    #mini-menu > span { 
        background: #7d4700;
        display: inline-block;
        border: 5px solid #452101;
        border-radius: 20px 0 0 20px;
        border-right: none;
    }
    #mini-menu {
        display: block;
        position: absolute;
        top: 70px;
        right: 0;
        text-align: right;
        z-index: 10;
    }
    #mini-menu:after,#mini-menu .mini-shell:after {
        clear: both;
        display: table;
        content: "";
    }
    #mini-menu .mini-shell{
        display:none;
    }
    #mini-menu > span:before {
        font-family: 'FontAwesome';
        content: "\f0c9";
        color: #FFF;
        padding: 15px 25px 15px 20px;
        display: block;
        font-size: 40px;
        text-shadow: -2px -2px 2px rgba(0,0,0,.8);
    }
    #mini-menu.open > span:before{
        content: "\f00d";
    }
    #erf-login + nav div .toggle {
        display:inline-block;
    }
    #mini-menu.open .mini-shell {
        background: #7d4700;
        display: block;
        border: 5px solid #452101;
        border-radius: 20px 0 0 20px;
        border-right: none;
        clear: both;
        margin-top: -1px;
        padding: 20px;
    }
    #mini-menu .mini-filters {    
        float: left;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 5px solid #452101;
    }
    #mini-menu .mini-filters li {
        font-size: 20px;
        display: block;
        padding: 5px;
        text-align: center;
        margin-bottom: 15px;
    }
    #mini-menu .mini-filters li a {
        color: #000;
    }
    #mini-menu .mini-filters li.filter-erfworld a {
        color: #FFF;
    }
    #mini-menu .mini-filters ul li:first-child {
        background: none;
        border: none;
        color: #FFF;
        text-align: left;
        padding: 0;
    }
    #mini-menu .mini-nav {
        float: left;
        width: 300px;
        font-size: 32px;
        font-family: 'Montserrat', sans-serif;
        text-transform:uppercase;
        text-align:left;
    }
    #mini-menu .mini-nav a{
        color:#FFF;
        display:block;
        margin-bottom: 15px;
    }
}



/* styles for mobile landscape hamburger menu */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    #mini-menu {
        top: 55px; 
    }
    #mini-menu > span:before {
        font-size: 20px; 
    }
    #mini-menu.open .mini-shell {
        display: -ms-flexbox;
        display: flex;
        width: calc(100vw - 36px);
        font-size: 15px;
        height: 13.5em;
        padding: 1em 1em 1em 0.7em;
        overflow: hidden;
    }
    #mini-menu .mini-filters {
        width: 50%;
        height: 100%; 
        padding-right: 1.33em;
        margin-right: 1.33em;
        border-right: 0.33em solid #452101;        
    }
    #mini-menu .mini-filters > ul {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        padding-top: 28px; 
    }
    #mini-menu .mini-filters li {
        width: 5em;
        margin-right: 0.66em;
        margin-bottom: 0.8em;
        font-size: 1em;
    }
    .mini-filters ul li:first-child {
        position: absolute;
        top: -3px; 
    }
    #mini-menu .mini-nav {
        width: 50%;
        height: 100%;
        font-size: 1.1em; 
    }
    .mini-nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%; 
    }
    .mini-nav li {
        margin: 0.35em 1.47em 0.35em 0; 
    }
    #mini-menu .mini-nav li a {
        margin: 0; 
    } 
}
/* end of styles for mobile landscape hamburger menu */


#left ul.tiles > li.erf-section h2 a {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 36px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.elgg-tiled .elgg-tags {
    display: none;
}
.elgg-tags {
    margin: 5px 0 0 47px;
}
#left ul.tiles > li.tiled .wrapper {
    min-height: 205px;
}
#left ul.tiles > li.tiled .wrapper:after {
    height: 30px;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    z-index: 1000;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    bottom: 35px;
}

@media only screen and (max-width: 1200px){
    #left ul.tiles > li.tiled .wrapper {
        min-height: 250px;
    }
    #left .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
        max-height: 225px;
    }
}
@media only screen and (max-width: 767px) {
    #left ul.tiles > li.tiled .wrapper {
    min-height: 265px;
    }
    #left .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
        max-height: 240px;
    }
}
/*
@media only screen and (max-width: 767px) {
    html #header,html, body{
        min-width:1px;
    }
    #left ul.tiles > li {
    width: 99.48%;
}
#erf-header ul.erf-header-sections li.erf-logo,#erf-header ul.erf-header-sections li.erf-toolshed,#erf-header ul.erf-header-sections li.erf-badges{
    display: block;
    width: 96%;
    padding: 2%;
    height: auto;
}
#erf-header nav li:last-child {
    width: auto;
}
#erf-header nav li:last-child a {
    padding-right: 20px;
}
}*/
.elgg-list-entity .elgg-item .elgg-menu-entity {
    top: auto !important;
    bottom: 0;
}
.elgg-list-entity .elgg-menu-item-tip-login-words {
    display: none;
}
.elgg-list-entity .elgg-menu-item-tip-words {
    display: none;
}

@media only screen and (max-width: 1239px){
    html #page{
    width:auto;
    max-width:1240px;
    }
}

#right .erf-section div.amazon {
    padding: 0;
    margin:0;
}



/*************************************************************************************************************
BADGE POPUPS
*************************************************************************************************************/
#badge_full_image {
        float: left;
}

#badge_long_description {
        float: right;
}

#badge_trophy_hall_link {
        color: #656565;
        margin-top: 1em;
        text-align: center;
        font-weight: bold;
}

/*************************************************************************************************************
COMMENTS
*************************************************************************************************************/
#blog-comments{
    padding-left:0;
}
#blog-comments > ul > li {
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
#blog-comments ul li .comment-header {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,251,250,1) 47%, rgba(233,231,227,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e3',GradientType=0 );
    height: 32px;
    line-height: 32px;
    width: 97%;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 1.5%;
    overflow: hidden;
}
#blog-comments ul li .elgg-output {
    margin: 0;
    width: 97%;
    padding: 1.5%;
}
#blog-comments ul liment-tip {
    margin-top: 3px;
}



/*************************************************************************************************************
Toolshed
*************************************************************************************************************/
#toolbox #page {
    max-width: 1220px;
    box-shadow: none;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 50px;
}
#toolbox #subscriber_total {
    margin: 45px 0px 35px;
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 134px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    text-rendering: optimizeLegibility;
    letter-spacing: 3px;
    position: relative;
    cursor: pointer;
    text-shadow: 0 0 4px #f7e791, -2px -2px 4px #f7e791, 2px -2px 4px #f7e791, -2px 2px 4px #f7e791, 2px 2px 4px #f7e791;
}
#toolbox #pledge_total_dollar {
    font-size: 60px;
    font-family: 'StupidHeadBB', sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: bold;
}
#toolbox #pledge_total_cent {
    font-size: 20pt;
    text-decoration: underline;
    vertical-align: top;
    position: relative;
    top: -10px;
    font-family: 'StupidHeadBB', sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: bold;
}



/*************************************************************************************************************
Video
*************************************************************************************************************/
.videoembed_video {
    margin: 20px 0;
}
html .elgg-left {
    margin-top: 0;
}



/*************************************************************************************************************
Blog Post
*************************************************************************************************************/
#left .elgg-left > .elgg-head + .elgg-content .elgg-body img.avatar {
    float: left;
    margin-right: 10px;
	max-width: 200px;
}
#left .elgg-left > .elgg-head + .elgg-content .elgg-body h3 abbr:after {
    content: "";
    display: table;
}
#left .elgg-left > .elgg-head + .elgg-content .elgg-body h3 {
    font-size: 16px;
}
.streams li {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding: 0 3px;
    letter-spacing: .02em;
    border: 2px solid #7694b4;
    background: #466368;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#beccdc, #97aac1);
    background: -moz-linear-gradient(#beccdc, #97aac1);
    background: linear-gradient(#beccdc, #97aac1);
    display: inline-block;
    line-height: 1.25em;
    margin-right:5px;
}
.streams li > a {
    color: inherit;
}
.streams li > a:hover {
    text-decoration: underline;
}
.streamlabel-erfworld,.filter-erfworld {
    color: white;
    background: linear-gradient(#555, #000) !important;
    border: 2px solid #888 !important;
}
.streamlabel-news,.filter-news {
    color: black;
    background: linear-gradient(#fff, #ddd) !important;
    border: 2px solid #888 !important;
}
.streamlabel-toolbox,.filter-toolbox {
    color: white;
    background: linear-gradient(#755927, #886930, #978344, #ffffc2, #a08d52, #a08d52, #6b5722, #a17c35, #a17c35, #d8b967, #958143) !important;
    border: 2px solid #6b5722 !important;
}
.streamlabel-artblog,.filter-artblog {
    color: black;
    background: linear-gradient(to right, #fe91ff, #ff9191, #ffd291, #fffe91, #91ff91, #91fffe, #9194ff, #fe91ff) !important;
    border: 2px solid #555 !important;
}
.streamlabel-fanart,.filter-fanart {
    color: black;
    background: linear-gradient(#f6b5b4, #e37b79) !important;
    border: 2px solid #cd6361 !important;
}
.streamlabel-fancomic,.filter-fancomic {
    color: black;
    background: linear-gradient(#f0e880, #e6da55) !important;
    border: 2px solid #d1c757 !important;
}
.streamlabel-fanfic,.filter-fanfic {
    color: black;
    background: linear-gradient(#fecc8b, #ed9e41) !important;
    border: 2px solid #db8219 !important;
}
.streamlabel-gaming,.filter-gaming {
    color: black;
    background: linear-gradient(#9ef39d, #78e577) !important;
    border: 2px solid #48c347 !important;
}
.streamlabel-music,.filter-music {
    color: black;
    background: linear-gradient(#f1a5f7, #dd77e5) !important;
    border: 2px solid #c754d0 !important;
}
.streamlabel-video,.filter-video {
    color: black;
    background: linear-gradient(#9be2f5, #66c8e2) !important;
    border: 2px solid #37a6c3 !important;
}
.streamlabel-other,.filter-other {
    color: black;
    background: linear-gradient(#d79951, #c78639) !important;
    border: 2px solid #895000 !important;
}
#left .elgg-breadcrumbs,#left .elgg-head, #left .elgg-content, #left .elgg-comments {
    padding-left: 0;
}



/*************************************************************************************************************
Elgg Search
*************************************************************************************************************/

div#elgg-search input#q {
    width:74%;
}

div#elgg-search input#submit {
    width:24%;
}

#searchPopup{display:none;}

/*************************************************************************************************************
Voting
*************************************************************************************************************/

#voting {
    margin: 0 auto;
    text-align: center;
}

#voting > div {
    width: 48%;
    vertical-align: top;
}

#voting div {
    display:inline-block;
}

#voting .label {
    position: relative;
    top: -8px;
}

#voting .small {
    font-size: .75em;
    top: -12px;
}

#voting .skip {
    font-size: .9em;
    color: #888888;
    cursor: pointer;
}

#voting .flag {
	font-size: 26px;
	color: #888888;
	cursor: pointer;
	top: -10px;
	left: 3px;	
}

#voting .flagged {
	color: red;
}

#voting .flag-count {
	color: #888888;
	font-size: .9em;
	top: -14px;
	left: 1px;
}

.voting_grid {
	float: right;
	position: relative;
	right: 15px;
	bottom: 18px;
}

.voting_grid .vote_list {
	width: 60px !important;
}

.voting_grid .vote_none {
	cursor: pointer !important;
}

#vote_current, .vote_list {
    margin: 0 auto;
    color: orange;
}

.vote {
    font-size: 1.8em;
    width: 135px !important;
}

.vote_none {
    color: #AAAAAA;
}

#vote_user {
    margin: 0 auto;
    color: green;
}

/* styles for mobile archive */
@media only screen and (max-width: 767px) {
    /* fix for image bug*/
    #book-list .book-img {
        height: auto;
    }    
} 

/* styles for mobile blog posts */
@media only screen and (max-width: 767px) {
    #left .elgg-left > .elgg-content .elgg-body .elgg-menu-entity {
        top: 5px;
    }
    
    .elgg-menu.elgg-breadcrumbs {
        max-width: 100%;
        margin-top: 23px;
        margin-bottom: 5px;
    }

    .elgg-body > h3 > a:after {
        content:"\A"; 
        white-space:pre; 
    }

    .elgg-body > .streams {
        margin-top: 2px;
        margin-left: 50px;
    }

    .elgg-left > .elgg-head {
        max-width: 100%;
        margin-bottom: 5px;
    }

    #left .elgg-left > .elgg-head + .elgg-content .elgg-body img.avatar {
        margin-bottom: 37px;
    }    

    .elgg-tags {
        position: relative;
        margin-right: 0px;
        padding-left: 30px
    }

    .elgg-tags li:first-child {
        position: absolute;
        top: 4px;
        left: 0px;
    }
}

/* styles for mobile archives table of contents */
@media only screen and (max-width: 767px) {
    .solid h1 {
        margin-bottom: 0.3em;
        margin-top: 1.2em;
        padding-left: 0.75em;
        padding-right: 0.75em; 
    }

    #left ul.archives li {
        width: 98%; 
    }

    #left ul.archives li.tiled .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        padding: 10px;
        min-height: 0; 
    }

    #left ul.archives li .wrapper > a {
        display: inline-block;
        width: 45%; 
    }

    #left ul.archives li.erf-section img.thumbnail {
        margin: 0; 
    }

    #left ul.archives li .wrapper > h2 {
        display: inline-block;
        width: 45%; 
    }
}

/* styles for mobile comic viewing page */
@media only screen and (max-width: 767px) {
    .comicNav span {
        display: none;
    }

    .comicNav li.title {
        display: none;
    }

    .comic_content .page_content {
        padding: 0;
    }
    
    .comic_content .page_content div {
        padding: 0;
    }
    
    .comic_content .page_content img {
        margin: 0;
        width: 100%;
    }

    .post nav.files li {
        width: 33%;
        text-align: center;
    }

    #comments .topic_line {
        padding-left: 1em;
    } 
}

/* styles for mobile profile viewing page */
@media only screen and (max-width: 767px) {
    #erfworld-profile-username {
        width: 100%;
        overflow: hidden;
    }

    #erfworld-profile-toolbar {
        width: 100%;
        text-align: left;
    }

    #erfworld-profile-toolbar ul {
        display: block;
        width: 100%;
    }

    #erfworld-profile-toolbar li {
        display: block;
        width: 100%;
        margin-left: 0.35em;
    }


    #erfworld-profile-sidebar.elgg-col-1of3 {
        width: 100%;
    }

    #erfworld-profile-content {
        width: 100%;
    }
}

/* styles for mobile login */
@media only screen and (max-width: 767px) {
    form#login {
        width: 95%;
    }

    form#login #username, form#login #password {
        width: 100%;
        box-sizing: border-box;
    }

    .news #login label {
        display: inline;
    }

    #remember {
        vertical-align: baseline;
        margin-left: 14px;
    }

    #login div input[type="submit"] {
        margin-top: 22px;
    }
}

/* styles for mobile register */
@media only screen and (max-width: 767px) {
    form#login #repeatPassword, form#login #email, form#login #repeatEmail {
        width: 100%;
        box-sizing: border-box;
    }

    .g-recaptcha {
        transform: scale(0.96);
        margin-left: -8px;
    }
}

/* styles for mobile forums */
@media only screen and (max-width: 767px) {
    #page.index, #page.viewforum, #page.viewtopic {
        width: 95%;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;       
    }

    #page.index #topBannerAd, #page.viewforum #topBannerAd, #page.viewtopic #topBannerAd {
        width: 100%;
    }

    #page.index .forum-buttons, #page.viewforum .forum-buttons, #page.viewtopic .forum-buttons {
        height: auto;
        padding-top: 4px;
        padding-bottom: 4px;
    }

     #page.index .tablebg, #page.viewforum .tablebg, #page.viewtopic .tablebg {
        table-layout: fixed;
        width: 100%;
    }

	#page.index .pagenum,
	#page.viewforum .pagenum,
	#page.viewtopic .pagenum,
	#page.index .postcount,
	#page.viewforum .postcount,
	#page.viewtopic .postcount {
		display: none;
	}

    /* index */
    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(1){
        width: 9%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(2){
        width: 44%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(3){
        width: 12%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(4){
        width: 12%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(5){
        width: 23%;
    }

    #page.index .row1 > img {
        display: none;
    }

    #page.index .genmed {
        font-size: 1em;
    }

    #page.index td .imageset.forum_read {
        padding-left: 37px;
    }

    #page.index td p.topicdetails {
        white-space: normal;
    }


    /* viewforum */
    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(1) {
        display: none;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(1){
        width: 5%;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(4){
        width: 13%;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(5){
        width: 12%;
    }

    #page.viewforum .topicdetails {
        white-space: normal !important;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(2) {
        display: none;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td:nth-child(3),
    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td:nth-child(6){
        display: none;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td {
        word-break: break-word;
    }


    /* viewtopic */        
    #page.viewtopic .tablebg tbody tr:nth-of-type(1) th:nth-of-type(1) {
        width: 25%;
    }

    #page.viewtopic .tablebg .row-post-body img {
        max-width: 100%;
        height: auto;
    }

    #page.viewtopic .postdetails {
        word-break: break-word;
    }

    #page.viewtopic .row-post-top .gensmall > div {
        float: none !important;
    }

    #page.viewtopic .anonymousTip {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    #page.index td a.forumlink {
        font-size: 1em; 
        word-break: break-word;
    }

    #page.index td p.forumdesc {
        margin-top: 0.2em;
        font-size: 0.9em;
    }
}

/* styles for mobile wiki */
@media only screen and (max-width: 767px) {
    #mw-navigation #left-navigation{
        margin-left: 25px;
    }
    #mw-navigation #p-cactions-label {
        width: auto !important;
    }
    #mw-navigation #mw-panel {
        top: 90px;
    }
    #mp-topbanner, #mp-topbanner > tbody,
    #mp-topbanner > tbody > tr, #mp-topbanner > tbody > tr > td {
        display: block;
    }
    #mp-topbanner > tbody > tr > td:nth-of-type(1)  {
        width: 100% !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;        
    }
    #mp-topbanner > tbody > tr > td:nth-of-type(n+2)  {
        width: auto !important;
        display: inline-block;
    }
    #mp-upper, #mp-upper > tbody, #mp-upper > tbody > tr, #mp-upper > tbody > tr > td {
        display: block;
        width: 100% !important;
    }
    #mp-upper > tbody > tr > td:nth-of-type(2) {
        height: 1em;
    }
    #mp-tfa > p {
        display: none;
    }
    #mp-dyk-h2 {
        margin-top: 1em !important;
    }
    #mw-content-text > div:nth-of-type(2) {
        min-width: 0 !important;
    }
    #mw-content-text img {
        max-width: 100%;
        height: auto;
	}
}