/* Colors
bright green: E0FF36
orange: FCB01F
pale blue highlight: DAEDFF
grey: DFDFDF
dark khaki: 9DB614
pale green: F5FFE3
new orange: FCB01F
*/

body {background:#eee; /*background:#c4c4c4;*/ margin:0 auto; padding:0; font-size:11px; font-family:arial, geneva, sans-serif; text-align:center; position:relative;}

/*url('/images/streaks-bg.jpg?20160623')*/
/*url('/images/ads/nbastore-background.jpg')*/

.backing {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; background:/*url('/images/ads/sportility/Hoops_sitewrap-01.jpg?20170705')*/ #000; /*background:#000;*/ background-position:top center; background-repeat:no-repeat;}

#outernest {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
/*#nest {width:990px; margin:0 auto; left:0; right:0; text-align:left; position:absolute; z-index:2;}*/

.container {width:90%; max-width:990px; margin:auto; position:relative; text-align:left;}

#header {background:#e46923; padding:10px 0 0 0; }
#header .container {display:flex; flex-wrap:wrap;}
#header h1 {margin:0; padding:10px 0; flex:0 1 150px;}
#header h1 a.logo {color:#fff; text-decoration: none; font-size:30px; padding:10px 20px; font-weight:bold;}
#header h2 {font-size:11px; font-weight:normal; color:#868686; width:200px; float:left; margin:23px 10px 0 0; padding:0;}

#header div#userbit {margin:10px 0 0 0; padding:10px 20px; text-align:right; font-size:11px; color:rgba(255,255,255,0.6); flex:1 1;}
#header div#userbit a {color:rgba(255,255,255,1);}
#header div#userbit i {margin-right:5px;}

#header div#userbit .avatar {margin-right:5px; display:inline-block;}
#header div#userbit .avatar img {width:20px; height:20px;}

#header form {text-align:right; color:rgba(255,255,255,0.5); margin:0 20px 0 0; padding:10px 0 20px 0; font-size:11px; flex:1 1;}

#header form input.checkbox {padding:0 5px; width:auto; margin:3px 0 0 0;}
#header form b {color:#fff; font-size:11px;}
#header form a {color:#fff; text-decoration:underline; font-size:11px;}
#header form input.login {background:#fff; color:#6D767F; width:120px; border:0; padding:5px; margin:8px 0 8px 10px; font-size:11px; border-radius:2px;}
#header form input.password {width:70px; font-size:11px; padding:5px; margin:8px 0 8px 10px;}
#header form input.submit { margin:8px 0 8px 10px; font-size:11px; font-weight:bold; padding:5px 10px; background:rgba(0,0,0,0.6); color:#fff; border-radius:3px; border:0;}
#header form input.submit:hover {background:rgba(0,0,0,1);}
#header label {margin-left:10px; white-space:nowrap;}
#header form#login, #header form#login b, #header form#login a {font-size:11px;}

#header form#login {flex:1 1 100%;}


#header ul.nav {clear:both; list-style:none; margin:0 0 0 10px; padding:5px 0 0 0;}
#header ul.nav li {float:left; color:#ccc; padding:0; margin:0; border-bottom:transparent;}
#header ul.nav li:hover {border-bottom:2px solid #FCB01F;}
#header ul.nav li a {color:#FCB01F; font-weight:bold; display:block; padding:5px 15px; margin:0; background:url(/img/header_nav_divider.gif) top right no-repeat; text-decoration:none;}
#header ul.nav li a:hover {color:#fff;}
#header ul.nav li.last a {background:transparent;}
#header ul.nav li.first a {}

#loginbox {display:none; background:rgba(0,0,0,0.1); width:100%; text-align:center;}
#loginbox form {margin:0 10px; text-align:left;}
#loginbox label span {border-bottom:1px dashed rgba(255,255,255,0.3);}
#loginbox h3 {text-align:left; text-transform: uppercase; margin:0 0 10px 0; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
#loginbox a.mailpass {float:right; font-size:12px; color:#99A2AD; display:inline-block; margin-top:5px; padding:10px auto; text-transform: none; font-weight:initial; font-family:'Open Sans', Arial, sans-serif;}
#loginbox .closelogin {position:absolute; right:0; top:0; color:#333; padding:6px; text-align:center; border-radius: 50px; font-size:18px; height:30px; width:30px; z-index:1001;}
#loginbox .closelogin i {z-index:1002;}

div.tempcatswrap {background:rgba(255,255,255,0.1); padding:10px 0; margin-top:0;}

ul.tempcats {flex:1 1 100%; list-style:none; text-indent:none; margin:0 20px; padding:0; line-height:135%; text-align:center;}
ul.tempcats li {display:inline-block; margin:0; padding:0;}
ul.tempcats li a {color:#fff; text-decoration:none; padding:2 8px; border-left:1px solid rgba(255,255,255,0.1);}
ul.tempcats li.first a {border:0; padding-left:0;}
ul.tempcats li.last a {padding-right:0;}
ul.tempcats li a:hover {color:rgba(0,0,0,0.6);}

span.pipe {padding:0 7px; color:#999;}

#response {color:#000; background:#ff9; margin:0;}
#response .container {background:#ff9 !important;}
#response cite {color:#333; font-style:normal; font-size:11px; opacity:0.5;}
#response p {padding:10px 10px 10px 20px; margin:0; font-size:16px;}

#content { clear:both; padding:0; background:#eee; margin:10px 0 0 0;}
#content .container {background:#fff;}

#undernav {padding-bottom:0; margin-bottom:5px; font-size:11px; padding-top:15px; vertical-align:top; height:15px; color:#444;}

#undernav #crumbs {color:#999; float:left; width:230px; padding-left:15px;}
#undernav #crumbs a {color:#999;}
#undernav #crumbs b {margin:0 7px;}

#undernav ul {float:left; list-style:none; margin:0; padding:0; color:#333;}
#undernav ul li {float:left; padding:0 10px; border-right:1px solid #333; color:#999;}
#undernav ul li.first {padding-left:0;}
#undernav ul li.last {border:0;}

#undernav form {width:200px; float:right; color:#7F7F7F; margin:-5px 0 0 0; padding:0;}
#undernav form input.search {background:#DAEDFF; color:#6D767F; font-size:12px; width:100px; border:0; margin-left:5px;}
#undernav form input.go {width:42px; margin-left:5px; font-size:11px; font-weight:bold;}

#ad-top {margin:10px 0 0 0; padding:10px 15px 10px 15px; background:#fff;}
#ad-top table {border-collapse:collapse; width:100%;}
#ad-top table tr td {}
#ad-top table tr td.gap {width:10px;}
#ad-top table tr td div {}
#ad-top table tr td div a {color:#fff; display:block; padding:10px 10px; text-decoration:none; font-size:11px;}
#ad-top table tr td div a b {font-size:15px;}

#forum {display:flex; flex-wrap:wrap; margin:0;}

#forum-index {flex:1 1; font-size:14px; line-height:135%; margin:0; padding:20px;}
#forum-index .header {width:100%; font-size:11px; padding:0;}
#forum-index .header ul {list-style:none; margin:0; padding:10px 0; display:block;}
#forum-index .header ul li {display:inline-block; padding:0; margin:0;}
#forum-index .header ul li a {margin:5px 0; padding:0 10px; border-right:1px solid #ccc; color:#000; text-decoration:none; font-weight:bold;}
#forum-index .header ul li:last-of-type {float:right;}
#forum-index .header ul li:last-of-type a {border:none; padding-right:0;}
#forum-index .header ul li:nth-of-type(4) a {border:none; padding-right:0;}
#forum-index .header ul li:first-of-type a {border-left:none; padding-left:0;}
#forum-index .header ul li a:hover {color:#FCB01F;}

#forum-index p.promo {background:#DAEDFF; padding:5px 10px; color:#6D767F; margin:10px 0; font-size:11px;}
#forum-index p.promo a {color:#6D767F;}

#forum-index .topic {clear:left; margin:0; padding:0; display: flex;}
#forum-index .topic:hover {background:#ffe;}
/*D9D9D9*/
#forum-index .date {flex:0 0 80px;}
#forum-index .date p {color:#7F7F7F; font-size:11px; padding:10px 0 10px 10px; margin:0; border-top:1px solid #D9D9D9;}
#forum-index .date p.sameday {border-top:0;}
#forum-index .date p b {font-size:14px;}

#forum-index .replies {flex:0 0 60px; padding:0 0 10px 0; color:#fff; border-top:1px solid #D9D9D9;}
#forum-index .replies p {padding:10px; background:#88BFEE; font-size:20px; text-align:right; margin:10px 10px 0 0;}
#forum-index .replies p a {display:block; color:#fff; text-decoration:none;}

#forum-index .replies p.eight {background:#ACD2F3;}
#forum-index .replies p.fifteen {background:#88BFEE;}
#forum-index .replies p.twentyfive {background:#4D9FE6;}
#forum-index .replies p.hot {background:#117FDE;}

.award {background:#900; color:#fff; padding:2px 5px; font-size:10px; font-weight:normal;}
.spoiler {background:#fc9; color:#000; padding:2px 5px; font-size:10px; font-weight:normal;}
#forum-index .topic-details .modtool {background:#fff; border:1px solid #ccc; padding:1px 2px; font-size:9px; font-weight:normal; margin-left:5px;}
#forum-index .topic-details .modtool>a, #forum-index .topic-details .modtool>a:visited, #forum-index .topic-details .modtool>a:link {color:#c00; text-decoration:none;}

.sinbinalert {border:2px solid #fdd; padding:5px; margin-bottom:5px;}
.sinbinalert>a:link, .sinbinalert>a:visited {color:#666; text-decoration:none; font-size:11px;}
#sinbin {margin-top:5px;}
.sinbinitem {border-top:1px solid #ccc; padding:5px 0;}
.sinbinitem p {font-size:11px; margin:0;}
.sinbinitem .admin {color:#900;}
.sinbinitem .pipe {color:#ccc; padding:0 10px;}

#forum-index .topic-info {border-top:1px solid #D9D9D9; padding:15px 0 10px 0; flex:1 1;}
#forum-index .topic-info p {font-size:16px; margin:5px 0 5px 0;}
#forum-index .topic-info p a {text-decoration:none;}
#forum-index .topic-info p a:hover {color:#000;}
#forum-index .topic-details {float:left; color:#BCBCBC; font-size:11px;}
#forum-index .topic-details a {color:#A1A1A1;}
#forum-index .topic-details a:hover {color:#117FDE;}
#forum-index .topic-lastpost {float:right; color:#A1A1A1; font-size:11px;}
#forum-index .topic-lastpost a {color:#A1A1A1;}
#forum-index .topic-lastpost a:hover {color:#117FDE;}

#forum-side {flex:0 0 300px; margin:0; padding:20px;}
#forum-side .header {background:#999; height:33px;}
#forum-side .header h3 {color:#fff; font-size:11px; margin:0; padding:5px;}
#forum-side p {margin:5px 10px 5px 0;}

#forum-side .lastad a b {text-decoration:none; font-size:13px;}
#forum-side .lastad {border:0;}

#forum-side #ads {}
#forum-side #ads .ad img {width:100%; height:auto; max-width:400px; margin:0 auto;}
#forum-side #ads .ad {padding:0; color:#666; margin-bottom:20px; width:100%;}
#forum-side #ads .ad b {text-decoration:underline;}
#forum-side #ads .ad span {color:#666;}
#forum-side #ads .ad a {text-decoration:none; display:block;}

#forum-side #proms {}
#forum-side #proms .closeproms {display:none;}
#forum-side #proms .prom img {width:100%; height:auto; max-width:400px; margin:0 auto;}
#forum-side #proms .prom {padding:0; color:#666; margin-bottom:20px; width:100%;}
#forum-side #proms .prom b {text-decoration:underline;}
#forum-side #proms .prom span {color:#666;}
#forum-side #proms .prom a {text-decoration:none; display:block;}

#forum-side .adpromo {color:#999; font-size:12px; padding:10px; margin:20px 0; background:#eee;"><b style="color:#000; font-weight:normal;}

#forum-side .recent {}
#forum-side .recent h3 {font-weight:bold; background:#666; color:#fff; font-size:14px; padding:5px; margin:0;}
#forum-side .recent ul {list-style:none; margin:0; padding:0;}
#forum-side .recent ul li {padding:5px 10px 5px 0; border-bottom:1px solid #ccc; color:#999;}
#forum-side .recent ul li.first {color:#999;}
#forum-side .recent ul li a {text-decoration:none;}
#forum-side .recent ul li a:hover {color:#000;}
#forum-side .recent ul li span {font-size:10px;}
#forum-side .recent ul li span a {color:#999;}
#forum-side .recent ul li span a:hover {color:#117FDE; text-decoration:underline;}

#forum-cats {width:160px; float:left;}
#forum-cats ul {width:140px; list-style:none inside; margin:0; padding:0;}
#forum-cats ul li a {color:#fff; padding:5px 10px 5px 15px; border-bottom:1px solid #7AB7EC; display:block; text-decoration:none; font-weight:bold;}
#forum-cats ul li a:hover {background:#7AB7EC;}
#forum-cats ul li.first a {color:#A6CFF3; padding-top:20px;}
#forum-cats ul li.first a:hover {color:#A6CFF3; background:transparent;}

#forum-cats ul.postcounts {margin-top:15px;}
#forum-cats ul.postcounts li {padding:5px 10px 5px 15px; color:#fff; border-bottom:1px solid #7AB7EC;}

#forum-cats ul.quicklinks {width:135px; background:#fff; list-style:none; margin:0; padding:0;}
#forum-cats ul.quicklinks li a {color:#4D9FE6; padding:5px 10px; border-bottom:1px solid #ccc; display:block; text-decoration:none; font-weight:bold;}
#forum-cats ul.quicklinks li.listheading a {padding:5px 10px; color:#000;}
#forum-cats ul.quicklinks li.first a {color:#A6CFF3;}
#forum-cats ul.quicklinks li a:hover {background:#ffe;}

#forum-content {padding:10px 30px 10px 30px; font-size:14px; border:1px solid #ccc;}

.finalfooter {text-align:center; margin:10px auto 30px auto; padding-left:20px;}

.finalfootermenu {float:left; width:130px; margin:0 20px 0 0;}
.finalfootermenu ul {list-style:none; margin:0; padding:0; text-indent:none; text-align:left;}
.finalfootermenu ul li {margin:3px 0; color:rgba(0,0,0,0.6);}
.finalfootermenu ul li a {text-decoration:none; color:rgba(0,0,0,0.6);}
.finalfootermenu ul li a b {color:#333;}
.finalfootermenu ul li a:hover {opacity: 1;}
.finalfootermenu ul li b {color:#333;}

.footera {margin:10px 10px; padding-bottom:5px; display:flex; flex-wrap:wrap;}
.footera a {flex:1 1 20%; margin:10px; display:block;}
.footera a:hover {opacity:0.9;}
.footera a img {width:100%;}

.newsearchformwrap {margin:30px auto; max-width:500px;}
.newsearchform {flex:1 1; background:#eee; padding:10px; display:flex; margin:0;}
.newsearchform input {padding:10px; background:#fff; border:1px solid #ddd; border-radius: 3px; font-size:14px; margin:0 10px; flex:1 1;}
.newsearchform button {color:#fff; background:#333; padding:10px 20px; border:0; font-size:14px; margin:0 10px; flex:0 0 50px;}
.newsearchform button:hover {opacity:0.8;}

/* --------- */

.form {border:1px solid #ccc; padding:20px; margin-bottom:10px; background:#eee; clear:both;}
.form form {margin:0; padding:0;}
.form form p {margin:10px 0;}
.form form p input[type=text], .form form p input[type=email] {width:100%; padding:10px; font-size:12px; border-radius:2px; border:1px solid rgba(0,0,0,0.2);}
.form form p select {width:100%; padding:10px; font-size:12px; border-radius:2px; border:1px solid rgba(0,0,0,0.2);}
.form h3 {margin:0; color:#999; padding:0 0 5px 0; border-bottom:1px dashed #ccc;}
.form strong {color:#666;}
.form .submit {font-weight:bold; background:#e46923; color:#fff; padding:10px 20px; border-radius: 3px; font-size:14px;}
.form .submit:hover {opacity:0.8;}
.form cite {font-style:normal; opacity:0.7; font-size:11px;}
.form form p textarea {padding:10px; height:240px; width:100%; max-width:100%; font-size:12px; border-radius:2px; border:1px solid rgba(0,0,0,0.2); resize:vertical;}

/* --------- */

.post {border:1px solid #ccc; padding:10px; margin:0 10px 0 0; display:flex; flex-wrap:wrap;}
.post .anchor {color:#fff;}
.post h1 {color:#666; font-size:30px; margin:0 0 10px 0; padding:0; line-height:135%;}
.post p {font-size:14px; line-height:135%;}
.post blockquote {padding:0 10px; border-left:3px solid #FCB01F; margin:10px 10px 10px 20px; font-size:13px; line-height:135%; color:#666;}
.post .showanonreply {color:#999; font-size:11px;}

.anonymous p {color:#666;}

.post h5 {color:#999; margin:0; padding:0;}

.post .avatar {flex:0 0 60px;}

.post .by {color:#fff; margin:0;}
.post .by p {padding:0 0 5px 0; margin:0 0 10px 0; font-size:11px; color:#999;}
.post .by p b {font-size:13px;}
.post .by p a {text-decoration:none; color:#000;}
.post .by p a:hover {text-decoration:underline;}


.post .by p a.admin {color:#900;}

.post .postid {float:right; font-size:9px; color:#ccc; padding:0; margin:0;}
.post .postid a, .post .report a {text-decoration:none; color:#ccc;}
.post .report {text-align:right; font-size:9px; color:#ccc; padding:0; margin:0 0 10px 0;}

.postcontent {margin:0; flex:1 1;}
.postcontent img {max-width:100%;}
/*.postcontent iframe {max-width: 100% !important; width: 100% !important; height: auto !important;}*/

table.stats {border-collapse:collapse; width:100%; margin-right:20px;}
table.stats tr {vertical-align:middle;}
table.stats tr th {text-align:right; font-size:11px; padding:13px 3px 3px 3px;}
table.stats tr td {text-align:right; font-size:11px; padding:3px; border:1px solid #eee;}

/* --------- */

.inner-content {padding:10px 20px 10px 10px;}
.inner-content hr {color:#ccc; height:1px; background:#ccc; margin:10px 0; padding:0; border:0;}

#footer {padding:0; margin:20px 0 10px 0; clear:both;}
#footer p.meta {padding:10px; color:#fff; border-top:1px solid #fff;}
#footer p.meta {float:left; width:150px;}
#footer p.linkroll {float:left; border-top:1px solid #ccc; padding:10px; width:180px; color:#999;}
#footer p.linkroll b {color:#000; font-weight:normal;}
#footer p.meta a {color:#fff;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* --------- */

.clear {clear:both; font-size:1px; height:1px; margin:0; padding:0;}

a:link {color:#117FDE;}
a:visited {color:#7F7F7F;}

strike {color:#900;}

.highlight {background:url('/img/highlight.gif') #ffc;}

.wpeople th {background:#ffc; padding:3px 5px 3px 5px; color:#000; font-size:11px;}
.wpeople th cite {font-weight:normal; font-style:normal; color:#999;}
.wpeople td {font-size:11px; padding:3px 3px 3px 5px; border-top:1px solid #eee; color:#000;}

.admin {color:#900;}

.dhtmlgoodies_question{margin-bottom:1px; margin-top:1px; cursor:pointer;}
.dhtmlgoodies_answer{visibility:hidden; height:0px; overflow:hidden; position:relative;}
.dhtmlgoodies_answer_content{padding:1px; position:relative;}

cite {font-style:normal; color:#999; font-size:11px;}

.crumbs {border-bottom:1px solid #ccc; padding-bottom:5px; font-size:11px;}
.crumbs b {font-size:13px; margin:0 10px;}







/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: #666;
visibility: hidden;
font-family:Arial, Helvetica, sans-serif;
width: 150px;
margin-top:0;
margin-left:0;
}

.dropmenudiv ul{
margin:0px;
margin-left:-5px;
padding:0px;
font-size:11px;
/* list-style-image:url(images/nav_list.gif); */
}

.dropmenudiv ul li{
background-position:right top;
list-style-type:none;
text-indent:17px;
width: auto;
border-bottom:1px solid #555;
}
.dropmenudiv .icon{
margin-right: 5px;
border:0;
}


.dropmenudiv ul li a{
padding: 5px;
display:block;
background-color:#444444;
color:#ddd;
}

html>body .dropmenudiv ul li a{
padding: 3px;
}

.dropmenudiv ul li a:hover{
padding: 5px;
background-color:#3D3D3D;
color:#FCB01F;
}

html>body .dropmenudiv ul li a:hover{
padding: 3px;
}


.dropmenudiv a{
text-decoration:none;


}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}



@media (max-width: 990px) {

/*#forum-index .replies {display:none;}*/
#forum-index .date {display:none;}
.extraneous {display:none;}
#forum-index .header ul li.extraneous {display:none;}
#forum-index .header ul li:nth-of-type(2) a {border-left:none; padding-left:0;}
#forum-side {flex:1 1 100%;}

}

@media (max-width: 768px) {

.container {width:100%;}

#header {padding-top:0;}
.footera a {flex:1 1 40%;}
#forum-side {flex:1 1 100%;}

.post .avatar {display:none;}
.postcontent {margin:0; flex:1 1 100%;}

#forum-side #proms {position:fixed; bottom:0; left:0; right:0; margin:0 -5px; padding:10px; background:#fff; display:flex; flex-wrap:none; z-index:999; box-shadow:0 -40px 50px rgba(255,255,255,1);}
#forum-side #proms .closeproms {display:block; position:absolute; top:-5px; right:15px; text-transform: uppercase; font-size:10px; text-decoration: none;}
#forum-side #proms .prom {flex:1 1 20%; margin:0 5px; padding:0;}
/*#forum-side #proms .prom:nth-of-type(3) {display: none;}*/
#forum-side #proms .adpromo {display:none;}

.topic-details {line-height:110%;}
#forum-index .replies p {font-size:16px; margin:8px 8px 0 0; padding:8px;}
#forum-index .topic-info {padding:8px 0 5px 0;}
#forum-index .topic-info p {font-size:14px;}

}