.hidden {display:none;}
body
{
	color: #C9B489;
	background:#000000;
	margin: 0px;
	font-size: .9em;
	padding: 0px;
	font-family: Arial, Verdana,Geneva,Helvetica,sans-serif;
	-moz-border-radius:4px;-webkit-border-radius:4px; 
}
body a
{
	color: #C9B489;
}
.bodywrapping
{
	width:95%; 
	background-color:#240700;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:0px;
	padding:4px;
	padding-top:0px;
	border: 1px solid #D6D6CF; 
	border-top:0px;
	-moz-border-radius:4px;-webkit-border-radius:4px;
}
#newpm
{
	text-decoration:blink;
	color: #FF0000;
	font-weight:bold;
}
.logo
{
	height:80px;
	width:95%;
	background:url(newartwork/werealivemobile.png) no-repeat left;
	margin:auto;
}
.toplinks
{
	background: #562521;
	color: #C9B489;
	padding: 4px;
	border: 1px solid #562521;
	margin-top:10px;
	text-decoration:none;
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;
}
.toplinks a
{
	color: #C9B489;
}
.navbar
{
	background-color: #562521;
	color: #FFFFFF;
	padding: 4px;
	text-decoration:none;
	text-align:center;
	width:100%-4px;
	-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px; 
}
.navbar a
{
	color: #FFFFFF;
	text-decoration:none;
	padding: 2px;
}
.navbarbelow , .quote
{
	background:#240700;
	color:#514721;
	border:1px solid #dddddd;
	margin-top:4px;
	padding:4px;
	-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;

}
.notice
 {
	padding:4px;
	border:1px solid;
	margin-top: 4px;	
	background:#FFFFCC;
	color:#514721;
	border-color:#FFD324;
	text-align:center;
	-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;
} 
.notice a
 {
	color:#514721;
}
.announce { /* Corrected missing brace */
    background-color: #FFCC66;
    color: #000000;
}

.header
{
	text-align:left;
	font-weight: bold;
	font-size:1.1em;
	padding: 6px;
}
.titlebg
{
	background-color:#562521;
	color: #C9B489;
	text-decoration: none;
	font-weight: bold;
	font-size:1em;
	padding: 4px;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	border:1px solid #562521;
	-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
}
.titlebg a
{
	color: #C9B489;
	text-decoration:none;
}
.windowbg
{
	background-color:#2C2C2C;
	color:#C9B489;
	font-size:.9em;
	padding: 4px;
	width:100% -8px;
	margin-lefT:auto;
	margin-right:auto;
	border-left:1px solid #562521;
	border-right:1px solid #562521;
	border-bottom:1px solid #562521;
}
.windowbg a
{
	color:#C9B489;
}
.oldwindowbg
{
	padding: 2px;
}
.oldwindowbg a
{
	color:#C9B489}

.newwindowbg
{
	font-weight: bold;
	padding: 2px;
}
.Oldwindowbg2, .windowbg2
{
	background: #562521;
	color: #C9B489;
	padding: 4px;
	border: 1px solid #562521;
	margin-top:10px;
	text-decoration:none;
}
.Oldwindowbg2 a, .windowbg2 a 
{
	color: #C9B489;
}
.Unreadwindowbg2
{
	background: #562521;
	color: #C9B489;
	padding: 4px;
	border: 1px solid #562521;
	margin-top:10px;
	text-decoration:none;
	font-weight:bold;
}
.Unreadwindowbg2 a
{
	color: #C9B489;
}
.thread_dot, .thread_hot, .thread_dot_hot, .thread_, .thread_lock,.thread, .thread_moved, .thread_new
{
	background-color: #562521;
	color: #C9B489;
	padding: 4px;
	width:100%-4px;
	margin-left:auto;
	margin-right:auto;	
	font-weight: normal;
	border-left:1px solid #562521;
	border-right:1px solid #562521;
	border-bottom:1px solid #562521;
}
.thread_dot a, .thread_hot a, .thread_dot_hot a, .thread_ a, .thread_lock a,.thread a, .thread_moved a, .thread_new a, .thread_dot_hot_new a
{
	color: #C9B489;
}
.sticky, .sticky_hot, .sticky_dot,.sticky_dot_hot, .sticky_hot_new, .sticky_, .sticky_new, .sticky_dot_hot_new
{
	background-color: #202020;
	color: #ffffff;
	padding: 4px;
	width:100%-4px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #562521;
	border-right:1px solid #562521;
	border-bottom:1px solid #562521;
}
.sticky a, .sticky_hot a, .sticky_dot a,.sticky_dot_hot a, .sticky_hot_new a, .sticky_ a, .sticky_new a, .sticky_dot_hot_new a
{
	color: #ffffff;
}
.thread_lock  a,.lock  a,.thread_lock ,.lock 
{
	text-decoration: line-through;
}
.quote
{
	padding: 2px;
	margin-top:2px;
	margin-bottom:2px;
	font-size: .9em; 
}
.forumold,.forumnew,.forumlink, .forumold_lock, .forumnew_lock
{
	padding:4px;
	margin:auto;
	border-left:1px solid #562521;
	border-right:1px solid #562521;
	border-bottom:1px solid #562521;
}
.forumold a,.forumnew a,.forumlink a
{
	color:#C9B489}

.new, .thread_new, .forumnew
{
	font-weight:bold;
}
.date
{
	background-color: ;
	padding: 2px;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
}

.footlink , .footlink a
{
	text-align:center;
	color: #C9B489;
}
.footer {
	background: #562521;
	color: #C9B489;
	border-top: 0px ;
	padding:12px 10px 18px 10px; /* INCREASED BOTTOM PADDING */
	text-align:center;
	font-size:0; /* Keep this to remove unwanted space between inline elements */
	-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;
    display: flex; /* Flexbox for layout */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    gap: 20px; /* Space between flex items */
    flex-wrap: wrap; /* Allow items to wrap to next line if needed */
}
.footer a /* This was .footer, .footer a before. Separated for clarity. */
{
	color: #C9B489;
}

#btn 
{
	position:relative;
	padding: 2px 2px;
	font-size: 1em; 
	font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
	line-height: 1.230;
	border: 1px solid #562521;
	text-decoration:none;
	color: #000000;
	background:#e9e9e9 url(images/gradients/generic_button.png) repeat-x top left;	
	-moz-border-radius:4px;-webkit-border-radius:4px;
}


/* ===========================
   Fix form layout (except username/password)
   =========================== */
.vbform input:not([name="vb_login_username"]):not([name="vb_login_password"]),
.vbform select,
.vbform textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 8px;
	font-size: 1em;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
}

/* Labels */
.vbform label {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
	color: #C9B489;
}

/* Submit Buttons */
.vbform input[type="submit"],
.vbform button,
.formsubmit {
	width: 100%;
	padding: 10px;
	font-size: 1em;
	background-color: #562521;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 10px;
}

/* Field blocks */
.vbform .blockrow,
.vbform .blockbody {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #2C2C2C;
	border: 1px solid #562521;
	border-radius: 4px;
}

/* ===========================
   Human Verification & Location Fixes
   =========================== */

/* Make the captcha+location row stack vertically */
#humanverify_parent_row {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	gap: 1em;
}

/* Style each TD inside it */
#humanverify_parent_row > td {
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* reCAPTCHA spacing */
#humanverify_parent_row .g-recaptcha,
#humanverify_parent_row #rc-anchor-container,
#humanverify_parent_row .rc-anchor {
	display: block !important;
	margin: 0 auto;
	max-width: 300px;
	width: 100% !important;
	box-sizing: border-box;
}

/* reCAPTCHA internals */
.rc-anchor-content {
	width: 100% !important;
	text-align: center !important;
	display: block !important;
}

/* Reduce height of recaptcha box if too tall */
.rc-anchor.rc-anchor-normal {
	height: auto !important;
}

/* Ensure spacing below reCAPTCHA */
.rc-anchor-normal-footer {
	margin-top: 10px !important;
}

/* Optional: Push down entire humanverify block a bit more */
.vbform .humanverify {
	margin-top: 16px !important;
	margin-bottom: 24px !important;
}
/* Human Verification Field Fixes */
.humanverify-wrapper {
	margin: 16px auto;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.humanverify-wrapper label {
	display: block;
	font-weight: bold;
	color: #C9B489;
	text-align: left;
	margin-bottom: 8px;
}

#recaptcha_block,
#recaptcha_widget_div {
	display: block !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: center !important;
}

/* Legacy Recaptcha iframe tweak */
iframe[src*="recaptcha"] {
	width: 100% !important;
	max-width: 300px;
	margin: 0 auto;
}

/* === SEARCH PAGE STYLING FIXES === */
form[action*="search.php"] {
  margin: 0 auto 20px auto; /* Added 20px bottom margin */
  padding: 1em;
  max-width: 320px;
  text-align: left;
  background-color: #2C2C2C;
  border: 1px solid #562521;
  border-radius: 4px;
}

form[action*="search.php"] input[type="text"],
form[action*="search.php"] select {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

form[action*="search.php"] input[type="submit"],
form[action*="search.php"] input[type="reset"] {
  width: 48%;
  padding: 10px;
  margin-right: 2%;
  margin-bottom: 10px;
  font-size: 1em;
  background-color: #562521;
  color: #C9B489;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

form[action*="search.php"] input[type="reset"] {
  margin-right: 0;
}

form[action*="search.php"] label {
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
  color: #C9B489;
}

/* --- Footer Elements Styling --- */

/* Style for the "Default Mobile Style" dropdown wrapper */
form#footer_select { /* Targeting the form wrapper for the dropdown */
    display: inline-block; /* Keep it inline-block to sit next to the search button */
    vertical-align: middle; /* Align with search button */
    margin: 0; /* Remove any default margins that might interfere */
}

/* Style for the "Default Mobile Style" select element itself */
form#footer_select select { /* Styling the select element itself */
  font-size: 14px;
  color: #C9B489; /* Light text color */
  background-color: #240700; /* Dark background color (match BodyWrap) */
  border: 1px solid #999; /* Border color */
  padding: 6px 10px; /* Padding for the button look */
  border-radius: 4px; /* Rounded corners */
  text-decoration: none; /* In case it inherits from <a> */
  display: inline-flex; /* Use flexbox for text and custom arrow alignment */
  align-items: center; /* Vertically align content */
  box-sizing: border-box; /* Include padding/border in width */
  -webkit-appearance: none; /* Remove native appearance for custom styling */
  -moz-appearance: none;
  appearance: none;
  /* Custom dropdown arrow */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23C9B489%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-6.5%200-12.3%203.2-16.1%208.1-3.8%204.9-4.7%2011.6-2.9%2017.7l139.5%20202.6c3.2%204.6%208.6%207.3%2014.2%207.3s11-2.7%2014.2-7.3L290.8%2090c1.8-6.1.9-12.8-2.9-17.7z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 30px; /* Make space for the arrow */
}

/* Style for the "Search" button (make it look like a regular button, NO dropdown arrow) */
.footer-search { /* Target the div wrapper as a flex item */
    display: inline-block; /* Make the div inline-block to sit next to the form */
    vertical-align: middle; /* Align with the dropdown */
    margin: 0; /* Remove any default margins */
}

.footer-search a { /* Styling the anchor link itself */
  font-size: 14px;
  color: #C9B489; /* Light text color */
  background-color: #240700; /* Dark background color (match BodyWrap) */
  border: 1px solid #999; /* Border color */
  padding: 6px 10px; /* Padding for the button look */
  border-radius: 4px; /* Rounded corners */
  text-decoration: none; /* Remove underline */
  display: inline-flex; /* Use flexbox to vertically align text */
  align-items: center; /* Vertically align content */
  box-sizing: border-box; /* Include padding/border in width */
  /* Crucially, ensure no background image/arrow is here */
  background-image: none !important; /* Force removal of any inherited arrow */
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
}

/* Hover styles for both */
/* Moved specific hover for select here to match the combined styling better */
form#footer_select select:hover,
.footer-search a:hover {
  text-decoration: underline; /* Keep underline on hover if desired */
  background-color: #240700; /* Keep dark background on hover */
}


/* Style for the top 'Select Chat' dropdown to match 'Default Mobile Style' */
#setit {
    font-size: 14px !important; /* Ensure consistent font size */
    color: #C9B489 !important; /* Light text color */
    background-color: #240700 !important; /* Dark background color (match BodyWrap) */
    border: 1px solid #999 !important; /* Border color */
    padding: 6px 10px !important; /* Padding for the button look */
    border-radius: 4px !important; /* Rounded corners */
    text-decoration: none !important; /* No underline */
    display: inline-flex !important; /* Use flexbox for text and custom arrow alignment */
    align-items: center !important; /* Vertically align content */
    box-sizing: border-box !important; /* Include padding/border in width */

    /* Custom dropdown arrow */
    -webkit-appearance: none !important; /* Remove native appearance */
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23C9B489%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-6.5%200-12.3%203.2-16.1%208.1-3.8%204.9-4.7%2011.6-2.9%2017.7l139.5%20202.6c3.2%204.6%208.6%207.3%2014.2%207.3s11-2.7%2014.2-7.3L290.8%2090c1.8-6.1.9-12.8-2.9-17.7z%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px !important;
    padding-right: 30px !important; /* Make space for the arrow */
}


/* ====== MOBILE WIKI CREATE DROPDOWN ====== */
.vw-text-ctrls select#vw-mobile-create {
  width: 100%;
  max-width: 300px;
  margin: 12px auto;
  padding: 8px;
  font-size: 1em;
  background-color: #240700; /* Match BodyWrap */
  color: #C9B489;             /* Match TitleFC */
  border: 1px solid #999;
  border-radius: 4px;
  display: block;
  text-align: left;
}

.vw-text-ctrls label[for="vw-mobile-create"] {
  display: block;
  margin: 0 auto 4px auto;
  max-width: 300px;
  font-weight: bold;
  font-size: 0.95em;
  color: #C9B489;
  text-align: left;
  padding-left: 4px;
}

/* FIXES FOR ANNOUNCE AND LOCATION INPUT */
.announce { /* Corrected missing brace */
    background-color: #FFCC66;
    color: #000000;
}
/* Style Location field - Added this from the "Human Verification & Location Fixes" section */
#humanverify_parent_row input[name="field5"] {
	width: 100% !important; /* Ensure it takes full width within its container */
	box-sizing: border-box;
	padding: 0.5em;
	font-size: 1em;
	background-color: #fff;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 4px;
}





/* FIXES FOR vaultwiki categories */

.breadcrumb li.navbit:first-child {
  display: none !important;
}

.breadcrumb {
  font-size: 0.85em !important;
  padding: 0.25em 1em !important;
}

.vw-title-box {
  padding: 0.3em 0.5em !important;
  font-size: 1em;
  background-color: #2a1111 !important;
  border-radius: 6px !important;
}

/* Title bar layout fix */
.vw-title-box-line1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.4em 1em !important;
  line-height: 1.3 !important;
}

.vw-title-head h1 {
  font-size: 1.2em !important;
  margin: 0 !important;
}

.vw-title-prefixed {
  font-size: 1.1em;
  display: flex;
  flex-direction: row;
  gap: 0.25em;
  align-items: baseline;
}

.vw-title-prefix {
  color: #c9b489 !important;
  font-weight: bold;
  font-size: 90%;
}

/* Remove or hide list-style 1. prefix on mobile */
.vw-title-baseline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vw-title-baseline li {
  display: inline;
  font-size: 1.2em;
  font-weight: bold;
}

/* Remove Subscribe and Print icons on mobile */
.vw-tab-flat-rss,
.vw-tab-flat-print {
  display: none !important;
}

.vw-inline-prefix {
  background-color: transparent !important;
  color: #c9b489 !important;
  font-weight: bold;
  padding-right: 4px;
}

/* Hide all Create New dropdowns by default */
.vw-create-mobile-dropdown {
  display: none !important;
}

/* Hide all duplicate mobile dropdowns after the first */
.vw-create-mobile-dropdown:not(:first-of-type),
.vw-create-desktop-button:not(:first-of-type) {
  display: none !important;
}

/* Balance category list */
.vw-category-list {
  margin: 0 auto;
  max-width: 650px;
  padding-left: 2em; /* slight indent for better alignment with letters */
}

/* Restore letter headers to left-align */
.vw-category-list > h4 {
  text-align: left;
  padding-left: 0.25em;
  margin-bottom: 0.25em;
}

.vw-create-mobile-dropdown:last-of-type,
.vw-create-desktop-button:last-of-type {
  margin-top: 2em;
}




/* Main Wrapper: Holds both the image and the hotspot container */
.vw-map-wrap {
    position: relative;
    width: 100%;
    max-width: 1700px; /* Adjust to your map's full resolution width */
    margin: 0 auto;
    overflow: hidden;
    font-size: 0; /* Prevent inline whitespace from affecting layout */
}

/* The actual image that provides the sizing */
.vw-map-image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%; /* Ensures scaling on mobile */
}

/* Container for all the hotspots. This will overlay the image. */
.vw-map-hotspots-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevents this container from blocking clicks */
    z-index: 5;
}

/* Map Link Hotspot - Default (Subtly Visible) */
.vw-map-link {
    position: absolute;
    display: block;
    z-index: 10; /* Ensure it's above the map image */
    text-indent: -9999px; /* Hide any underlying text */
    overflow: hidden;
    box-sizing: border-box; /* Crucial for consistent sizing */
    pointer-events: auto; /* Ensure it's clickable */

    /* Default subtle visual for users to find the hotspot */
    background-color: rgba(136, 192, 208, 0.05); /* Very, very faint cyan background (5% opacity) */
    border: 2px solid rgba(136, 192, 208, 0.2); /* Slightly more visible (20% opacity) border */

    /* Smooth transitions for visual feedback */
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Hover and Active/Focus State (Clearer Feedback) */
.vw-map-link:hover,
.vw-map-link:focus, /* For keyboard navigation/accessibility */
.vw-map-link:active { /* For touch/click feedback */
    background-color: rgba(136, 192, 208, 0.2); /* More visible background (20% opacity) */
    border-color: #88c0d0; /* Solid soft cyan border */
    box-shadow: 0 0 5px rgba(136, 192, 208, 0.7); /* Optional: A subtle glow for emphasis */
}


  /* Vaultwiki Sidebar at Tope */


@media (max-width: 767px) {
  /* Make the common parent of main content and sidebar a flex container */
  html body .vw-blocks.vw-floatcontainer {
    display: flex !important;
    flex-direction: column !important; /* Stack children vertically */
    /* Ensure no floats or widths are inherited that break flexbox */
    float: none !important;
    width: auto !important; /* Let flexbox manage width or take full available */
  }

  /* Order the sidebar (<aside.vw-blocks-side>) to appear first */
  html body aside.vw-blocks-side {
    order: -1 !important; /* Moves this item to the beginning of the flex order */
    width: 100% !important; /* Ensure it takes full width on mobile */
    float: none !important; /* Clear any conflicting floats */
    margin-bottom: 20px !important; /* Add space below the sidebar */
    box-sizing: border-box !important; /* Critical for consistent sizing with padding/borders */
  }

  /* Order the main content (<main.vw-blocks-full>) to appear after the sidebar */
  html body main.vw-blocks-full {
    order: 1 !important; /* Moves this item after elements with order 0 or -1 */
    width: 100% !important; /* Ensure it takes full width on mobile */
    float: none !important; /* Clear any conflicting floats */
    box-sizing: border-box !important; /* Critical for consistent sizing with padding/borders */
  }

  /* Also, ensure the inner block of the sidebar behaves correctly if it has its own layout issues */
  html body .vw-blocks-side .vw-block-customid-wa_sidebarrestore {
      display: block !important;
      float: none !important;
      width: 100% !important;
      margin: 0 auto !important; /* Center the block if needed, otherwise 0 */
      padding: 0 !important; /* Reset any padding that might cause overflow */
      box-sizing: border-box !important;
  }
}