/*

Theme Name: Thrasher

Theme URI: http://dcthrasher.com

Description: The most stripped down WordPress theme I could make.

Version: 0.1 (WP3.0)

Author: dcthrasher

Author URI: http://dcthrasher.com

Tags: blank, developer, basic

*/
/* This code for the asteric is in all the other ones, but when I put it here, it screwed up stuff
* {
	padding: 0;
	margin: 0;
}
*/


/* Thrasher fix 2025-09-25 — Firefox ghost nav kill switch */
@media screen and (min-width: 769px) {
  #mobile-nav-1 {
    all: unset !important;
    display: none !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -9999 !important;
  }
  html body nav#mobile-nav-1 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    z-index: -9999 !important;
    pointer-events: none !important;
  }
}


*	{
	padding: 0;
	
}
#header	li	{
	float:left;
	text-decoration: none; 	
	padding: 0 0;
}
#header	{
	padding: 20px 0;
	width:100%;
	height: 150px;
	background: #003300; 
/*	margin: 0 auto;
	border: 1px solid #000000;	*/
	text-align: center;
	list-style: none;
}
.post	{
}
hr	{
	color: #F00;
}
/* * * * * * * * COMTHRASH * * * * * * * */

a, a:visited, a:focus, a:active	{
	outline: none;
	color: #FF0;
	text-decoration: none;
	font: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	}
a:hover {
	text-decoration: underline overline; color: red;
	}
li	{
	list-style: none;
	margin: 5px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	background-image: url(http://dcthrasher.com/wp-content/themes/zzzac/images/devil-red.gif);
	background-attachment:fixed;
	margin: 0; 
	padding: 0;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center; 
	color: #CCFF33;
}
.thrColLiqHdr #container {
	width: 80%;
	background: #6A0000;
	margin: 0 auto;
	border: 1px solid #F00;
	text-align: center;
} 
.thrColLiqHdr #header { 
	background: #000; 
} 
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
h1, h2	{
	color: #F00;
}

/* * * * * * * * sidebars * * * * * * * */
.thrColLiqHdr #sidebar1 {
	float: left;
	width: 22%;
	height: 600px;
	margin-bottom: 600px;
	background-image: url(http://dcthrasher.com/wp-content/themes/zzzac/images/sidebar-bg2.png);
	background-repeat: repeat-x;
	padding: 15px 0;
}
.thrColLiqHdr #sidebar2 {
	float: right;
	width: 23%;
	height: 600px;
	margin-bottom: 600px;
	background-image: url(http://dcthrasher.com/wp-content/themes/zzzac/images/sidebar-bg2.png);
	background-repeat: repeat-x;
	padding: 15px 0;
}
/*	(((this was messing up my navigation in sidebar1)))
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px;
	margin-right: 10px;
}
*/

/* * * * * * * * mainContent * * * * * * * */
.button	{
	color: #000; 
	background-color: #F00;
	border-bottom-color: #F60;
	border-right-color: #F60;
	border-left-color: #FC0;
	border-top-color: #FC0;
	padding: 2px 5px; 
	cursor: pointer; 
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 16px; 
	height: 30px; 
	display: block; 
	width: 120px;
	float: left;
	display: inline;
}
.button2	{
	color: #000; 
	background-color: #3C0;
	border-bottom-color: #0b0;
	border-right-color: #0b0;
	border-left-color: #0e0;
	border-top-color :#0e0;
	padding: 2px 5px; 
	cursor: pointer; 
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 16px; 
	height: 30px; 
	display: block; 
	width: 90px;
	float: left;
	display: inline;
}

#mainContent { 
	margin: 0 24% 0 23.5%;
	min-height: 800px;
}

.thrColLiqHdr #footer { 
	margin: 500px 0 0 0;
	padding: 1px 20px;
	background: #000;
} 
.thrColLiqHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
textarea
{
    width:95%;
}

/* * * * * * * * Miscellaneous classes for reuse * * * * * * * */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.foot	{
	color: #000
	}

/* === Thrasher Mobile Nav Patch: mobile-nav-1 | 2025-09-25 === */		/*	XXXXXXXXXX	*/	/*	XXXXXXXXXX	*/	/*	XXXXXXXXXX	*/	/*	XXXXXXXXXX	*/	/*	XXXXXXXXXX	*/	/*	XXXXXXXXXX	*/	

/* Hide by default */
#menu-toggle,
#mobile-nav-1 {
  display: none;
}

@media screen and (max-width: 768px) {
  #menu-toggle {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
    background-color: #000;
    color: #FF0;
    border: 2px solid #F00;
    padding: 8px 12px;
    font-size: 18px;
    cursor: pointer;
  }
  /* === Thrasher fix — WP admin bar overlap patch === */
  #menu-toggle {
    margin-top: 60px !important;
    z-index: 10001 !important;
  }

  #mobile-nav-1 {
    position: absolute;
    top: 0;
    left: -255px;
    width: 250px;
    height:450px;
	border: 2px solid #F00;
	background: linear-gradient(to bottom, #000000, #6A0000);
    overflow-y: auto;
    transition: left 0.3s ease-in-out;
    z-index: 999;
    padding: 60px 0 0 0;
    display: block;
  }

  #mobile-nav-1.open {
    left: 0;
  }

  #mobile-nav-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  #mobile-nav-1 ul li {
    margin-bottom: 15px;
  }

  #mobile-nav-1 ul li a {
    color: #FF0;
    text-decoration: none;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
  }

  #mobile-nav-1 ul li a:hover {
    color: red;
    text-decoration: underline;
  }

.thrColLiqHdr #container {
	width: 95%;
	background: #6A0000;
	margin: 0 auto;
	border: 1px solid #F00;
	text-align: center;
} 
#header	{
	height:70px;
}


  #sidebar1,
  #sidebar2 {
    display: none!important;
  }

  #mainContent {
    margin: 0;
    width: 100%!important;
  }
img,
table {
  max-width: 100% !important;
  height: auto !important;
}
.post img,
.post table {
  display: block;
  margin: 0 auto;
}
  .personal-message-button {
    font-size: 14px !important;
    height: auto !important;
    padding: 12px 16px !important;
    line-height: 1.4 !important;             
  }

}


/* Thrasher add 4/9/2014 */
/* legacy responsive table tweaks *** 
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    *** Force table to not be like tables anymore ***
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    *** Hide table headers (but not display: none;, for accessibility) ***
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    td { 
        *** Behave  like a "row" ***
        border: none;
        position: relative;
        padding-left: 25%; 
    }
}
*/

/* Smartphones (portrait and landscape) ----------- ***
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    body { 
        padding: 0; 
        margin: 0; 
        width: 100%; 
    }

    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    td { 
        border: none;
        position: relative;
        padding-left: 25%; 
    }
}
*/

/* iPads (portrait and landscape) ----------- ***
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body { 
        width: 100%; 
    }
}
*/