body {
color: #dddddd;
background: #000000;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
body a:link {
color: #CCDDFF;
background: none;
}
body a:visited {
color: #CCDDFF;
background: none;
}
body a:active {
color: #CCDDFF;
background: none;
}
.ubb_popup_body {
color: #dddddd;
background: #000000;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.ubb_popup_body a:link {
color: #CCDDFF;
background: none;
}
.ubb_popup_body a:visited {
color: #CCDDFF;
background: none;
}
.ubb_popup_body a:active {
color: #CCDDFF;
background: none;
}
.t_outer {
border: 1px solid #333333;
border-spacing: 1px;
background: #000000;
margin-bottom: 5px;
}
.t_inner {
background: #000000;
color: #CCCCCC;
border: 1px solid #333344;
padding: 0px;
}
.t_standard {
border: 1px solid #333333;
border-spacing: 1px;
background: #333388;
padding: 0px;
}
.tdheader {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.alt-1 {
background: #333333;
color: #cccccc;
padding: 2px;
}
.alt-2 {
background: #343434;
color: #cccccc;
padding: 2px;
}
.breadcrumbs {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.navigation {
font-size: 9pt;
font-weight: bold;
color: #cccccc;
background: #222222;
padding: 2px;
border-top: #000000 solid 1px;
text-align: center;
}
.navigation a:link {
text-decoration: none;
color: #6699aa;
}
.navigation a:visited {
text-decoration: none;
color: #6699aa;
}
.navigation a:active {
text-decoration: none;
color: #6699aa;
}
.footer {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.body_col {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
.lefttdheader {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.leftalt-1 {
background: #333333;
color: #cccccc;
padding: 2px;
}
.leftalt-2 {
background: #343434;
color: #cccccc;
padding: 2px;
}
.righttdheader {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.rightalt-1 {
background: #333333;
color: #cccccc;
padding: 2px;
}
.rightalt-2 {
background: #343434;
color: #cccccc;
padding: 2px;
}
.left_col {
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}
.right_col {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
}
.category {
font-size: 9pt;
font-weight: bold;
color: #cccccc;
background: #000000;
padding: 2px;
border: 1px solid #333355;
}
.newinforum {
background: #333333;
color: #cccccc;
padding: 2px;
}
.forumtitle {
background: #343434;
color: #cccccc;
padding: 2px;
}
.forumdescript {
font-size: 8pt;
}
.threadtotal {
background: #333333;
color: #cccccc;
padding: 2px;
}
.posttotal {
background: #343434;
color: #cccccc;
padding: 2px;
}
.posttime {
background: #333333;
color: #cccccc;
padding: 2px;
}
.newtotal {
font-size: 8pt;
color: red;
}
.forum_extras {
font-weight: normal;
font-size: 8pt;
}
.newintopic {
background: #333333;
color: #cccccc;
padding: 2px;
}
.topicicon {
background: #343434;
color: #cccccc;
padding: 2px;
}
.topicsubject {
background: #333333;
color: #cccccc;
padding: 2px;
}
.topicreplies {
background: #343434;
color: #cccccc;
padding: 2px;
}
.topicviews {
background: #333333;
color: #cccccc;
padding: 2px;
}
.topictime {
background: #343434;
color: #cccccc;
padding: 2px;
}
.alt-newintopic {
background: #333333;
color: #cccccc;
padding: 2px;
}
.alt-topicicon {
background: #343434;
color: #cccccc;
padding: 2px;
}
.alt-topicsubject {
background: #333333;
color: #cccccc;
padding: 2px;
}
.alt-topicreplies {
background: #343434;
color: #cccccc;
padding: 2px;
}
.alt-topicviews {
background: #333333;
color: #cccccc;
padding: 2px;
}
.alt-topictime {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-newintopic {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-topicicon {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-topicsubject {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-topicreplies {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-topicviews {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-topictime {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-alt-newintopic {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-alt-topicicon {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-alt-topicsubject {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-alt-topicreplies {
background: #343434;
color: #cccccc;
padding: 2px;
}
.new-alt-topicviews {
background: #333333;
color: #cccccc;
padding: 2px;
}
.new-alt-topictime {
background: #343434;
color: #cccccc;
padding: 2px;
}
.announce_css {
background:#fffde7;
}
.sticky_css {
background:#cfd8dc;
}
.inline_selected {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.inline_selector {
background: #333333;
color: #cccccc;
padding: 2px;
}
.subjecttable {
font-size: 10pt;
font-weight: bold;
color: #CCCCCC;
background: #333355;
padding: 2px;
}
.author-content {
border-bottom: 0px;
background: #222222;
}
.post-content {
border-left: 1px solid #000000;
background: #343434;
color: #cccccc;
padding: 2px;
}
.post-options {
border-left: 1px solid #000000;
background: #343434;
color: #cccccc;
padding: 2px;
}
.post-buttons {
border: 1px solid #333333;
font-size: 9pt;
font-weight: bold;
color: #357082;
background: #333388;
padding-left: 2px;
padding-right: 2px;
}
.post-buttons a:link {
text-decoration: none;
}
.post-buttons a:visited {
text-decoration: none;
}
.post-buttons a:active {
text-decoration: none;
}
.post_inner {
display: block;
max-width: 100%;
overflow: auto; 
}
.signature {
margin-top: 10px;
margin-bottom: 5px;
}
.pollcolor {
background: #ff0000;
color: #000000;
border: 1px solid #000000;
}
.private_unread {
border-top: 1px solid #000000;
background: #343434;
color: #cccccc;
font-size: 8pt;
padding: 2px;
}
.post-nav {
background: #fafafa;
border-bottom:1px solid #cccccc;
box-shadow: inset 0 -6px 8px -7px #e0e0e0;
color:#000000;
font-size:14px;
margin-right:2px;
padding:8px;
}
.post-nav:hover {
background:#FFFFFF;
color:#000000;
}
.post-new {
background-color:#d30303;
color:#fff;
}
.markup_panel {
font-size: 10pt;
font-weight: bold;
color: #cccccc;
background: #454545;
padding: 2px;
border: 1px solid #000000;
}
.markup_panel_normal_button {
background: #676767;
color: #FFFFFF;
border: 1px solid #000000;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_hover_button {
background: #9a9a9a;
color: #FFFFFF;
border: 1px solid #000000;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_down_button {
background: #232323;
color: #FFFFFF;
border: 1px solid #000000;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_popup {
border: 1px solid #000000;
background: #343434;
color: #cccccc;
padding: 2px;
}
.markup_panel_unselect_text {
background: #343434;
border: solid 1px #000000;
width: 100%;
margin: 0px;
padding: 0px;
}
.markup_panel_select_text {
background: #787878;
border: solid 1px #000000;
width: 100%;
margin: 0px;
padding: 0px;
}
.popup_menu {
border-collapse: collapse;
}
.popup_menu_header {
font-size: 10pt;
font-weight: bold;
color: #cccccc;
background: #333355;
padding: 2px;
border: 1px solid #000000;
}
.popup_menu_content {
background: #343434;
font-size: 9pt;
color: #cccccc;
border: 1px solid #000000;
padding: 0px;
white-space: nowrap;
}
.popup_menu_highlight {
background: #787878;
font-size: 9pt;
color: #cccccc;
border: 1px solid #000000;
padding: 0px;
white-space: nowrap;
}
.ubbcode-block {
width: 510px;
margin: 5px 2em;
background: #343434;
border: 1px solid #000000;
padding: 0px;
border-spacing: 0px;
}
.ubbcode-header {
width: 502px;
display: block;
font-weight: bold;
padding: 4px;
color: #cccccc;
background: #333355;
border-bottom: 1px solid #000000;
font-size: 8pt;
}
.ubbcode-body {
width: 500px;
margin: 4px;
overflow: auto;
font-size: 10pt;
display: block;
}
.bbcodecomment {
color: lightgreen;
}
.bbcodedefault {
color: #dddddd;
}
.bbcodekeyword {
color: orange;
}
.bbcodestring {
color: pink;
}
.bbcodehtml {
color: yellow;
}
.tab_grippy {
background: #333333;
border: 1px solid #666666;
border-bottom: 0px;
color: #dddddd;
}
.tab_grippy_sel {
background: #333355;
border: 1px solid #666666;
border-bottom: 0px;
color: #dddddd;
}
form {
display: inline;
margin-bottom: 0;
}
.form-input {
background-color: #000000;
border: 1px solid #333366;
color: #cccccc;
font-size: 10pt;
}
.form-select {
background-color: #000000;
border: 1px solid #333366;
color: #cccccc;
font-size: 10pt;
}
.form-button {
background-color: #000000;
border: 1px solid #333366;
color: #cccccc;
font-size: 10pt;
}
.pagination {
border-radius:2px;
margin:0;
}
.pages {
background:#607d8b;
border:1px solid #263238;
color:#ffffff;
font-size:14px;
margin:4px;
padding:6px;
}
.page-cur {
background: #fafafa;
border-bottom:1px solid #cccccc;
color: #000000;
font-weight:700;
padding-left:8px;
padding-right:8px;
}
.page-n {
background: #fafafa;
border-bottom:1px solid #cccccc;
color: #000000;
padding-left:7px;
padding-right:7px;
}
.pagenav {
border:1px solid #D8D8D8;
font-size:11px;
padding:2px 5px
}
.pagenavall {
border:1px solid #D8D8D8;
font-size:11px;
padding:2px 5px
}
.date {
color: #aaaaee;
font-size: 9pt;
}
.time {
font-size: 9pt;
}
.small {
font-weight: normal;
font-size: 8pt;
}
.standouttext {
color: #ff0000;
background: none;
}
.adminname {
color: #FF0000;
}
.modname {
color: #00AA00;
}
.shout_border {
border: 1px solid #000000;
margin: 0px;
}
.shout_delete {
font-size: 7pt;
}
.popup_content_header {
width: 502px;
display: block;
font-weight: bold;
padding: 4px;
color: #cccccc;
background: #333355;
border: 1px solid #000000;
font-size: 8pt;
}
.popup_content {
width: 502px;
overflow: auto;
font-size: 10pt;
display: block;
background: #222222;
border: 1px solid #000000;
padding: 4px;
}
.search_highlight {
background: #FFFF00;
color: #000000;
}
.avatar-none {
background-color:#eee!important;
color: #666!important;
}
#top-button {
background:#fff;
color:#00ab6c;
height:50px; /* same as width */
width:50px; /* same as height */
border-radius:50px; /* 10px for squared corners */
-webkit-border-radius:50px; /* 10px for squared corners */
-moz-border-radius:50px; /* 10px for squared corners */
bottom:25px /* button location */
right:30px; /* button location */
}
#top-button:hover {
background-color:#555;
}
.email-body {
background: #FFF;
border: 1px solid #000;
padding: 4px;
border-collapse: collapse;
border: 1px solid #0F0F0F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.email-header {
background: dodgerblue;
color: #000;
font-size: 10pt;
padding:4px;
border-bottom: 1px solid #224988;
text-align:center;
}
.email-tdheader {
padding: 4px 6px;
color: #E0E0E0;
background: #2E669A;
border: 1px solid #224988;
border-bottom: 0px;
font-size: 10pt;
}
.email-tdbody {
background: #DFE6EF;
color: #000;
padding: 4px 6px;
border: 1px solid #224988;
font-size: 10pt;
}
.email-footer {
background: dodgerblue;
color: #000;
font-size: 10pt;
padding:4px;
border-top: 1px solid navy;
text-align:center;
}
/* Responsive images */

/* --- Base Fixes --- */
.post-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.post-content figcaption,
.post-content .caption {
  text-align: center;
  font-style: italic;
  font-size: 0.9em;
}

.post-content {
  font-size: 1rem;
  line-height: 1.5;
}

/* --- Media Queries (Overrides) --- */

/* General small screens (tablets + phones) */
@media (max-width: 768px) {
  .post-content {
    font-size: 1.1rem;
    line-height: 1.6;
  }
  .post-content img {
    margin: 0.5em auto;
  }
  .post-content figcaption,
  .post-content .caption {
    font-size: 1rem;
  }
}

/* iPhone Pro / Pro Max (≈430px) */
@media (max-width: 430px) {
  .post-content {
    font-size: 1.15rem;
    line-height: 1.65;
  }
  .post-content figcaption,
  .post-content .caption {
    font-size: 1.05rem;
  }
}

/* iPhone Mini / SE (≈375–390px) */
@media (max-width: 390px) {
  .post-content {
    font-size: 1.2rem;
    line-height: 1.7;
  }
  .post-content figcaption,
  .post-content .caption {
    font-size: 1.1rem;
  }
}