/*
Theme Name: DailyGroove
Author: DailyGroove.com
Author URI: https://www.dailygroove.com
Description: Theme for dailygroove.com
Text Domain: dg
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-family: inherit; /*font-size: 100%;*/ font-style: inherit; font-weight: inherit}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select, div:before, div:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
html {height: 100%; font-size: 62.5%; overflow-y: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
embed, iframe, object, pre, img, select {max-width: 100%}
article, aside, details, figcaption, figure, footer, header, main, nav, section, .block {display: block}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {font-weight: normal; text-align: left}
blockquote:before, blockquote:after {content: ""}
blockquote {quotes: '' ''}
q {quotes: '“' '”' '‘' '’'}
a:focus {outline: thin dotted}
a:hover, a:active {outline: 0}
a img {border: 0}

/* Basic Tags */

body {height: 100%; background: #fff}
body, button, input, select, textarea {color: #000; font: normal 15px/1.5 "Open Sans","Lucida Sans","Lucida Grande","Droid Sans",Roboto,Helvetica,Arial,sans-serif}
h1, h2, h3, h4 {clear: both; color: #664; line-height: 1.2; margin-bottom: .3em}
h1, h2, h3 {font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
h1 {font-size: 36px} h2 {font-size: 30px} h3 {font-size: 24px} h4 {font-size: 18px}
.featured {font-size: 20px} /* responsive */
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.2em}
p {margin-bottom: 1.2em}
ul, ol {margin: 0 0 1.2em 1.5em}
ul {list-style: disc}
ol {list-style: decimal}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.2em}
dt {font-weight: bold}
dd {margin: 0 1.5em 1.2em}
b, strong {font-weight: bold}
dfn, cite, em, i {font-style: italic}
blockquote {font-size: 90%; margin: 0 0 1em 1em; padding: 5px 8px 5px 12px; color: #555; border-left: solid 5px #ddf; background-color: #eef; background: linear-gradient(to right, rgba(238, 238, 255,1) 0%, rgba(238, 238, 255,1) 90%, rgba(238, 238, 255,0) 100%)}
blockquote blockquote {background: transparent}
blockquote p:last-child {margin-bottom: 0}
audio, video {max-width: 100%}
address {margin: 0 0 1.2em}
pre {background: #eee; font-family: "Courier New", Courier, monospace; font-size: 15px; line-height: 1.5; margin-bottom: 1.2em; overflow: auto; padding: 1.5em}
code, kbd, tt, var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
abbr, acronym {border-bottom: 1px dotted #777; cursor: help}
mark, ins {background: #fff9c0; text-decoration: none}
sup, sub {font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline}
sup {bottom: 1ex} sub {top: .5ex}
small, .small {font-size: 75%} .no-small small, .no-small .small {font-size: 100%}
big {font-size: 125%}
figure {margin: 0}
table {margin: 0 0 1.2em}
th {font-weight: bold}
img {height: auto}

/* Buttons & Forms */

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline}
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 8px; background: #eee; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; -webkit-appearance: button; font-size: 12px; line-height: 1; margin: 2px 0; padding: .6em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02) }
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15)}
input[type="checkbox"], input[type="radio"] {padding: 0}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], .fake-input, textarea {padding: 3px 5px; color: #333; border: 1px solid #ccc; border-radius: 6px; background: #fcfcfc; width: 100%}
.post-password-form input[type="password"] {width: 140px}
div.fake-input {color: #777; background: #eee; padding: 4px 6px}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color: #000}
textarea {overflow: auto; padding: 2px 6px; vertical-align: top}
select {-webkit-appearance: menulist-button; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05)} /* fixes webkit/mac bug */

/* Links */
a {text-decoration: none; color: #55e}
a:visited {color: #609}
a.nv:visited, .nv a:visited, #prev-next a:visited {color: #55e}
a:hover, a:focus, a:active {text-decoration: underline; color: #00f}
a.nohover:hover, a.nohover:focus, a.nohover:active {text-decoration: none !important}
#navbar a, #navbar a:visited, #left-col li a, #left-col li a:visited {color: #66d; font-weight: 600}
.byline a, .byline a:visited,
.breadcrumbs a, .breadcrumbs a:visited,
.comment-meta a, .comment-meta a:visited,
.calloutfooter a, .calloutfooter a:visited {color: #88c}
a.showbio, a.showbio:visited,
.bbp-breadcrumb a, .bbp-breadcrumb a:visited,
.bbp-topic-tags a, .bbp-topic-tags a:visited {color: #66d}
#main-text a, #iyg a, #ps a, #rg a {font-weight: 600}

/* Text meant only for screen readers */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {background-color: #eee; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px; text-decoration: none; top: 5px; width: auto; z-index: 100000}

/* Comments */
#comments {margin-top: 20px; padding-top: 10px; border-top: solid 2px #e1e1ff}
.comment-list .comment {margin: 15px 0}
.comment-list .comment .comment {padding-left: 15px}
.comment-list .comment > blockquote {color: #000; font-size: 14px}
.by-author {}
.comment-author {margin: 1em 0 .3em; font-style: italic}
.comment-content a {word-wrap: break-word}
.comment-meta {text-align: right; padding: 0 12px; margin-top: -0.3em; font-size: 12px; line-height: 1.2}
.comment-meta {color: #88c}
.form-allowed-tags, .form-allowed-tags code {font-size: 10px; color: #999; margin-top: -1em}

/* Search */
.search-results h2 {margin: 10px 0 2px; font-size: 20px}
.search-results .byline {margin: 0 0 8px}
.search-results .search-form {text-align: center; margin: 8px 0; white-space: nowrap}
.search-results input[type="search"] {width: 75%; padding-top: 0}

/* No-wrap + ellipsis */
.nb, #withSN, .byline, .ellipsis, .bbp-breadcrumb, .pts-note div, .bbp-user-page h1.title, .bbp-user-edit h1, #prev, #next
{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.nodots {text-overflow: clip}
hy, .hy { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto}

/************************** PAGE STRUCTURE ******************************/

#alert {text-align: center; background: #ff9; font: bold 125%/200% Arial}
#alert a {color: #00c}

#wrap-all {min-height: 100%; position: relative}

/* Header */
#wrap-head {width: 100%; color: #3936AA; background-color: #A19EFF;
	background-image: -webkit-linear-gradient(#bab8ff,#8985ff);
	background-image: -ms-linear-gradient(#bab8ff,#8985ff);
	background-image: linear-gradient(#bab8ff,#8985ff);
}
#header {position: relative; max-width: 1024px; margin: 0 auto}
#header #homelink,
#header img#logo {position: relative; width: 100%; display: block}
#header #homelink img {display: block; margin-left: 3%; width: 13%; position: absolute; z-index: 2; border: none}
#header #withSN {position: absolute; z-index: 2; right: 4%; bottom: 9px; font-size: 12px; color: rgba(255, 255, 255, 0.75); letter-spacing: .4em; font-weight: 300; text-align: right}
#header #withSN i {font-size: 16px; font-style: normal; font-variant: small-caps}

/* LNMR = Left + Nav + Main + Right */
#wrap-LNMR {max-width: 1024px; margin: 0 auto; position: relative; padding-bottom: 50px; padding-left: 198px; overflow:hidden}

/* Left Column Menu */
#left-col {color: #875; width: 198px; min-height: 500px; float: left; margin: 0 0 50px -198px;
	background-color: #fda;
	background: -webkit-linear-gradient(rgba(255,221,170,1), rgba(255,221,170,0));
	background: -ms-linear-gradient(rgba(255,221,170,1), rgba(255,221,170,0));
	background: linear-gradient(rgba(255,221,170,1), rgba(255,221,170,0));
}
#left-col ul {list-style: none outside none; margin: 0; padding: 0}
#left-col li {padding: 0 0 4px}
#left-col li a {display: block; padding: 5px 5px 5px 40px; line-height: 19px; text-indent: -10px}
#left-col li a:hover, #left-col li a:active {text-decoration: none; color: #00f; background: #d6d3a0}
#left-col li {padding: 0}
#left-col li.current {background: rgba(0,0,0,0.03)}
h2.menutitle {font-weight: 400; font-size: 18px; margin: 0; padding: 10px 5px 6px 20px}
img.liveh2 {height: 25px; vertical-align: bottom; padding: 0 0 2px 3px}
img.liveh1 {height: 42px; vertical-align: bottom; padding-bottom: 3px}
img.live20 {height: 20px; vertical-align: bottom; padding-bottom: 2px}
img.live18 {height: 18px; vertical-align: bottom; padding-bottom: 2px}
#menu-mask {display: none; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 98; background: rgba(255,255,255,0)}

/* NMR = Nav + Main + Right */
#wrap-NMR {padding-right: 205px; overflow:hidden}

/* Nav + Menu Button + Search */
#navbar {height: 39px; position: relative; margin: 0 -193px 0 12px} /* 193=205-12 */
#navbar td {text-align: center; width: 1000px; padding-top: 5px; border-bottom: 5px solid #e1e1ff}
#navbar td.current {border-color: #bab8ff}
#navbar a {display: block; padding: 2px 5px 5px; border-radius: 8px 8px 0 0}
#navbar a:hover, #navbar a:active {background: #ddf; color: #00f; text-decoration: none}
td#mBtn-nav {text-align: left; width: 400px; min-width: 24px}
#mBtn {width: 24px; height: 24px; vertical-align: middle}
#mBtn:hover {cursor: pointer; background: #ddf}
input[type="search"] {padding-right: 4px; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
#navbar #search-nav {position: relative; padding-left: 10px}
#navbar .search-form {margin: 0; padding: 0; position: absolute; right: 0; top: 0; z-index: 999}
#navbar .search-field {font-size: 15px; background-color: transparent; background-image: url(/img/DG_search.png); background-position: 5px 5px; background-repeat: no-repeat; background-size: 24px 24px; height: 30px; margin: 3px 0 0 0; padding: 0 0 0 34px; border: none; cursor: pointer; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; float: right}
#navbar .search-field:focus {background-color: #ffe; border: 3px solid #bab8ff; border-radius: 20px; cursor: text; outline: 0; background-position: 5px 3px; width: 300px}

/* Initially Hidden Elements */
.closeMenu, #alt-nav, #mBtn-nav, #navbar .search-submit {display: none}

/* M = Main = Breadcrumbs + Content (posts or archives) */

#wrap-M {width: 100%; float: left}
#breadcrumbs {color: #77b; font-size: 12px; padding: 10px 16px 0 4px}
#main-content {margin: 20px 40px; position: relative}
.bbpress #main-content {margin: 20px 28px}
.blog-meta {color: #999; font-size: 12px; margin: -8px 0px 4px 22px; text-indent: -25px}
.blog-meta a, .blog-meta a:visited {color: #66d; padding: 0 2px; font-style: normal}
.blog-meta img, h2.archive-title img {height: 18px; vertical-align: top; margin: -2px 0 0 6px}
.blog-meta img {margin: -1px 1px 0 0}
#post-legend img {height: 18px; vertical-align: middle; padding-right: 1px}
h2.archive-title {font-size: 22px; margin-bottom: 8px; padding-top: 10px; border-top: solid 1px #ccf}
.term-descr {margin-left: 20px; color: #88a; font-style: italic}
.term-descr i {color: #664}
.date-posted {float: right; font-weight: 400; font-size: 12px; color: #999; padding: 3px 0 0 12px; }
form .date-posted {padding: 3px 8px; margin-left: 12px}
.excerpt {font-size: 13px; margin-bottom: 13px}
.byline {font-size: 12px; color:#999; margin: 0 0 24px 18px}
.related, .see-also {font-size: 14px; font-style: italic; color: #55b; margin-top: 30px}
#index, article, #comments, #right-col .widget, #search-results, .not-found, .ctr640 {max-width: 640px; margin-left: auto; margin-right: auto}

/* Blog Posts */
.blog #post-content {padding: 20px 0 1px; font-size: 16px}
#main-text h3 {text-align: center; margin-bottom: 20px}
#main-text, #iyg {padding-bottom: 7px; line-height: 1.75}
#pretitle {text-align:center; margin:0 0 17px; font-size:14px; color:#bba}
#pretitle b, #pretitle i {border-bottom: solid 1px #e4e4e0; padding: 0 5px 3px}

h2 small {font-size: 18px}
#post-by {text-align: center; font-size: 13px; font-style: italic; padding: 0 0 20px}
#post-by a, #post-by a:visited {color: #88d}
#question {font-style: italic; color: #55d; margin-bottom: 30px}
#endlink {text-align: center; padding: 0 0 20px}
#endlink a {color: #22d}
#share-title, #get-it, #groove-it, #sub2dg {text-align: center; font-size: 20px; font-weight: bold; padding: 18px 0 12px; color: #3936aa; border-top: 4px dotted #9a98ff}
.revues #share-title {border: none}
#sub2dg {font-weight: 300; padding-top: 10px; font-size: 18px}
table.social {width: 95%; max-width: 144px; margin: 0 auto; border: 0}
table.social td {text-align: center}
#share {padding: 0 0 8px 1em; font-size: 15px; line-height: 20px}
#share a {color: #44d}
#share ul {max-width: 360px; margin: 0 auto; padding: 0 0 15px .2em}
#share li {padding-top: 8px; margin-left: 0}
#card {max-width: 450px; margin: 0 auto; padding: 5px 0}
#card > img {width: 100%; border-radius: 12px; display: block}
#share-card {text-align: center; font-size: 10px; padding: 0 0 12px; margin-top: -6px}
#share-card a, #share-card a:visited {color: #99e}

#index #prev-next, .archive #prev-next {border-top: 1px solid #ccf}
#prev-next {padding: 10px 0; font-style: italic; font-size: 14px}
#prev {padding: 0 9px 0 22px; float: left; position: relative; max-width: 97%}
#next {padding: 0 22px 0 9px; float: right; position: relative; max-width: 95%}
#prev:after {left: 0; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-right-color: #8985ff; border-width: 5px 15px 5px 0; margin-top: -5px}
#next:after {right: 0; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-left-color: #8985ff; border-width: 5px 0 5px 15px; margin-top: -5px}

#groovelink {padding: 5px 7px; margin-top: 3px; background: #fcfbff; border: solid 1px #bbe; text-align: center; word-wrap: break-word}
#ps {padding: 20px 0 5px; border-top: 4px dotted #9a98ff}
#revue {max-width: 500px; margin: 3px auto 20px; background: #f3f1ff; text-shadow: 0 1px 0 #e4e4ff; padding: 0 6% 6px; border: 4px solid #bab8ff; border-radius: 40px}
#revue-title {text-align: center; margin: 5px 0 12px}
#revue-top {text-align: center; padding: 15px 0 12px; font-size: 20px; letter-spacing: 1px; color: #3936AA; font-weight: 600}
.rev-titles {font-size: 20px; line-height: 1.2; padding: 14px 0 0; border-top: solid 1px #ccd}
.rev-summs {font-size: 14px; padding: 5px 0 15px; color: #777}

/* Right Column + Widgets */
#right-col {width: 205px; float:right; margin: 12px -205px 0 0; padding: 6px 12px 16px; position: relative}
.widget {margin: 0 0 1.7em; color: #668; font-size: 13px}
.widget h2 {color: #88b; font-size: 18px; margin-bottom: 8px; padding-bottom: 6px; font-weight: 400}
.widget ul {color: #88b; list-style-type: square; margin: 0}
.widget ul a {color: #66d}
.widget ul a:visited {color: #44b}
.widget li {line-height: 1.3; margin: 0 0 .7em 1em; }
.widget hr {background-color: #e1e1f1; border: 0; height: 1px; margin-bottom: 1.2em}

#wrap-foot {background: #fed; background: rgba(255,221,170, .7); width: 100%; min-height: 50px; clear: both; position: absolute; bottom: 0; z-index: 50}
#footer {text-align: center; max-width: 1024px; margin: 0 auto; padding: 10px}
#help {height: 30px}
#copyright {font-size: 12px; color: #887; height: 20px}

/* My Account */
.membership-info {margin: 0 0 8px 3.5em; font-size: 14px}
.membership-info label {margin-left: -3.5em; color: #886; float: left; clear: both}
.points {border: solid 1px #dde; background: #fff; border-spacing: 1px; font-size: 13px}
.points th,
.points td {padding: 1px 5px}
.points th {background: #eef}
.pts-date {font-size: 12px; white-space: nowrap}
.pts-amt, td.pts-ref {text-align: right}
.pts-note div {max-width: 3em}
.bon {background: #ccf} .buy {background: #aaf} .pur {background: #cec} .arb, .exp {background: #ccc} .und {background: #faa}

/******* SMALLER SCREENS ********/

@media all and (max-width: 1049px) {
	/* Hide left menu, show menu button */
	#header, #wrap-LNMR {max-width: 1049px}
	#left-col {display: none; float: none; width: auto; max-width: 280px; min-width: 180px; min-height: 0; padding: 0; margin: 0; background: #dda; position: absolute; top: 32px; left: 12px; z-index: 99; box-shadow: 15px 15px 20px #888; border-left: 5px solid #CB7}
	#mBtn-nav {display: inline; display: table-cell}
	#navbar {margin-left: 13px}
	#breadcrumbs {padding-left: 16px}
	#wrap-LNMR {margin-left: 0; padding-left: 0; overflow: visible}
	h2.menutitle {background: #dc8}
	#left-col ul {padding: 0}
	#left-col li a {padding: 10px 10px 10px 30px}
	#left-col li a:hover, #left-col li a:active,
	.closeMenu:hover, .closeMenu:active {text-decoration: none; color: #00f; background: #d6d3a0}
	#left-col li {padding: 0; border-top: 1px solid #cb7}
	#left-col li:first-child {border-top: none}
	#alt-nav li:first-child {border-top: 1px solid #cb7}
	#left-col li.closeMenu {display: block; padding: 6px; text-align: right; color: #aa7; cursor: pointer}
	.closeMenu b {color: #dda; margin-left: .5em; padding: 0 0.45em 0 0.5em; background: #aa7; border-radius: 11px}
	#left-col li.current {border-left: solid 5px #874; margin-left: -5px; background: #eeb}
	#header #withSN {bottom: 7px}
}
@media all and (max-width: 799px) {
	/* Move right-side widgets to bottom of main content */
	#right-col {float: none; width: auto; margin: 20px 26px; padding: 20px 0 0; border-top: solid 8px #E1E1FF}
	#right-col:before {display: none}
	.widget ul, .widget p {margin-left: 25px; margin-right: 25px}
	#wrap-M {float: none}
	#navbar {margin: 0 13px}
	#navbar td#search-nav {padding-left: 20px}
	#wrap-NMR {padding-right: 0}
	h1 {font-size: 32px} h2 {font-size: 28px} h3 {font-size: 23px} h4 {font-size: 18px}
	#header #withSN {bottom: 2px}
}
@media all and (max-width: 599px) {
	/* Show alt-nav, hide navbar, replace with SN */
	#alt-nav {display: block}
	#navbar td {display: none}
	#navbar td#search-nav {width: 345px; padding-left: 7px; display: inline; display: table-cell}
	#navbar td#mBtn-nav {display: inline; display: table-cell}
	#header #withSN {bottom: -30px; left: 50px; right: 50px; color: #3936AA; text-align: center}
	.hide600 {display: none}
	.lt600-ctr {text-align: center}
	h1 {font-size: 32px} h2 {font-size: 28px}
}
@media all and (max-width: 479px) {
	h1 {font-size: 28px} h2 {font-size: 26px} h3 {font-size: 22px}
	.featured {font-size: 17px}
	.hide480 {display: none}
	#main-content, .bbpress #main-content {margin: 15px 18px}
	.groove-blog #post-content {padding: 0}
	#right-col {margin: 20px 16px}
	#navbar td#search-nav {width: 245px}
	#navbar .search-field:focus {width: 200px}
}

/* Admin */

#bbp-switch {position: absolute; bottom: -20px; left: 0; z-index: 999}
#bbp-switch ul, ul.no-bullets {margin: 0; list-style: none}
#user_switching_switch_on {margin: 0; font-size: 12px; background: #000; text-align: center}
a.x {background-image: url(/img/delete.png)}
a.ed {background-image: url(/img/edit.png)}
a.x, a.ed {display: inline-block; width: 11px; height: 11px; background-size: 11px; background-repeat: no-repeat; margin-left: 6px}

/* BUTTONS */

.page-numbers,
.aBtns a, .aBtns a:visited, .aBtn, aBtn:visited {color: #339; border: solid 1px #ddc; margin: 0 8px 0 0; padding: 2px 7px; background: #ffe; border-radius: 10px; line-height: 30px}
a.cBtn, a.cBtn:visited {float: right; font-size: 11px; background:#bab8ff; color:#fff; padding: 1px 5px !important; border-radius: 4px; font-weight: bold}
.page-numbers:hover, .page-numbers:active,
.aBtns a:hover, .aBtns a:active, .aBtn:hover, .aBtn:active {background: #fda; text-decoration: none}
.aBtns a.disabled:hover, .aBtns a.disabled:active, .aBtn.disabled:hover, .aBtn.disabled:active {background: none; text-decoration: none}

input.btn3D, .aBtn3D {font-weight: bold; font-size: 16px; line-height: 1.2; color: #00d; padding: 5px 16px; background: #bab8ff; border: solid 1px #99e; border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 #fff}
input.btn3D:disabled, input.btn3D[disabled]  {color: #777; background: #f5f5ff; border-color: #dde; pointer-events: none; cursor: not-allowed}
input.btn3D:hover, input.btn3D:active,
.aBtn3D:hover, .aBtn3D:active {text-decoration: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02)}
.aBtn3D:visited {color: #00d}
.btnDisabled {font-size: 16px; line-height: 1.2; color: #777; padding: 5px 14px; background: #f5f5ff; border: solid 2px #dde; border-radius: 20px}

/* MISC */

.serif {font-family: Georgia, serif}
.i {font-style: italic} .notI {font-style: normal}
.b {font-weight: bold} .notB, .fw400 {font-weight: normal}
.thin {font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .thin b, .thin strong, .fw600 {font-weight: 600}
.u {border-bottom: solid 1px #999; padding-bottom: 2px}
.q:before, .q:after {content: '“'; font-family: Georgia, Times, serif}
.q:after {content: '”'}
.smcaps {font-variant: small-caps}
.spread {letter-spacing: .4em}
.loose {letter-spacing: .05em}
.hilite {background: yellow; border-radius: 4px}
.qt:before, .qt:after {content: '"'}
.clear {clear: both}
.ctr, .hr33 {text-align: center}
.ctrblock {margin-left: auto; margin-right: auto}
.floatL {float: left} .floatR {float: right}
.alignL {text-align: left} .alignR {text-align: right} .alignC {text-align: center}
.ptr {cursor: pointer} .txt {cursor: text}
.nl, .noborder {border: none}
.noselect { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none}
.nobul {list-style-type: none}

.page-numbers.current, .page-numbers.current:hover, .page-numbers.current:active {background: #fda; font-weight: bold}
.page-numbers.dots, .page-numbers.dots:hover, .page-numbers.dots:active {background: none; padding: 0; border: none}
.bang {background-size: 30px; padding-left: 40px !important; background-image: url(/img/bang60.png); background-repeat: no-repeat}
.msg.bang {background-position: 10px 10px; padding-left: 50px !important; min-height: 52px}
.bg24 {background-size: 24px; padding-left: 36px !important}
.bg20 {background-size: 20px; padding-left: 32px !important}
.bg60 {background-size: 60px; padding-left: 75px !important; background-image: url(/img/bang120.png)}
.msg.bang.bg60 {padding-left: 82px !important}
td.bang {background-position: left 10px}
li.bang {list-style: none}
.blueblock {display: block; border: solid 3px #ddf; background: #ddf; padding: 0 8px}
.msg, message, .notice, .warning, .error, .alert, .update, .bbp-template-notice {background-color: #eef; border: 2px solid #ccd; padding: 4px 10px 6px; margin: 10px 0; border-radius: 8px} .bbp-template-notice p {margin: 0}
.warning, .error, .alert {background-color: #ff6; border-color: #cc3}
ul.msg {padding-left: 1.5em}
.helpbox {background: #eef; border: solid 1px #aac; padding: 10px 15px}
#reqCon button {font: bold 14px "Open Sans"; color: #555; border-width: 2px; border-radius: 15px; padding: 2px 14px}

.progress-text {float: right; padding-left: 8px; font-size: 12px; line-height: 12px; color: #999}
.progress-bar {background: #e8e8e8; overflow: hidden; border-radius: 12px}
.progress {height: 12px; background: #bab8ff; border-radius: 12px}

dgse {color: #664} dgse sub {font-weight: bold} /* Self-Energy symbol */
.dotted-top, #prev-next {border-top: 4px dotted #9a98ff}
.dotted-bot {border-bottom: 4px dotted #9a98ff}
.b-top {border-top: 1px solid #ccd}
.b-bot {border-bottom: 1px solid #ccd}
.rad5 {border-radius: 5px} .rad10 {border-radius: 10px} .rad20 {border-radius: 20px} .circle {border-radius: 50%} 
ul.sq {list-style-type: square}
.arrows { list-style: none; margin-left:0}
.arrows > li {padding-left: 18px; position: relative}
.arrows > li:before {position: absolute; left: 0; content: "\0027A1"; color: #55b}

/* margins, padding, width; font size & color */

.mw300 {max-width: 300px} .mw400 {max-width: 400px} .mw450 {max-width: 450px} .bbp-template-notice,
.mw500 {max-width: 500px} .mw550 {max-width: 550px} .mw600 {max-width: 600px} .mw200 {max-width: 200px}
.mt0 {margin-top: 0 !important} .mt3 {margin-top: 3px !important} .mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important} .mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important} .mt30 {margin-top: 30px !important}
.mb0 {margin-bottom: 0 !important} .mb3 {margin-bottom: 3px !important} .mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important} .mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important} .mb30 {margin-bottom: 30px !important}
.mr0 {margin-right: 0 !important} .mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important} .mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important} .mr30 {margin-right: 30px !important}
.ml0 {margin-left: 0 !important} .ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important} .ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important} .ml30 {margin-left: 30px !important}
.od15 {text-indent: -15px} .od20 {text-indent: -20px} .od30 {text-indent: -30px} 
.p0 {padding: 0 !important} .p5 {padding: 5px} .p8 {padding: 8px} .p10 {padding: 10px}
.pt0 {padding-top: 0 !important} .pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important} .pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important} .pt30 {padding-top: 30px !important}
.pb0 {padding-bottom: 0 !important} .pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important} .pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important} .pb30 {padding-bottom: 30px !important}
.pr0 {padding-right: 0 !important} .pr5 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important} .pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important} .pr30 {padding-right: 30px !important}
.pl0 {padding-left: 0 !important} .pl5 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important} .pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important} .pl30 {padding-left: 30px !important}

.mbli5 li {margin-bottom: 5px} .mbli10 li {margin-bottom: 10px}
.ml1em {margin-left: 1em !important} .ml2em {margin-left: 2em !important}
.mlr20 {margin-left: 20px; margin-right: 20px} .mlr30 {margin-left: 30px; margin-right: 0 30px}
.w33, .hr33 {width: 33%} .w50 {width: 50%} .w75 {width: 75%} .w100 {width: 100%}

.size10, .sm {font-size: 10px}
.size11 {font-size: 11px} .size12 {font-size: 12px} .size13 {font-size: 13px} .size14 {font-size: 14px}
.size16 {font-size: 16px} .size18 {font-size: 18px} .size20 {font-size: 20px} .size24 {font-size: 24px}
.lh12 {line-height: 1.2} .lh15 {line-height: 1.5} .lh17 {line-height: 1.7}
.lh2 {line-height: 2} .lh25 {line-height: 2.5} .lhi {line-height: inherit}

.gray3 {color: #333} .gray5 {color: #555} .gray7 {color: #777} .gray9 {color: #999} .grayB {color: #bbb}
.red {color: red !important} .white {color: #fff !important} .blue {color: blue !important}
.rblue {color: #6965ee !important} .brown {color: #886 !important} .lbrown {color: #664 !important}
.dblue {color: #3936aa !important} .mblue {color: #8885ff !important} .lblue {color: #bab8ff !important}
.paleblue {color: #55b !important} .fgreen {color: #228b22 !important}
.bgFFF {background: #fff} .bgEEF {background: #eef}

@media all and (max-width: 479px) {
	.lt480-ctr {text-align: center}
	.lt480-mr0 {margin-right: 0 !important} .lt480-ml0 {margin-left: 0 !important}
	.lt480-pr0 {padding-right: 0 !important} .lt480-pl0 {padding-left: 0 !important} 
}
@media all and (max-width: 399px) {
	.lt400-small {font-size: 80%}
}

.collapsed, .hidden {display: none}