/* Main Stuff */
body {
	font-family: 'Ubuntu', sans-serif;
	background: #e8fee2;
 }
a {
	font-weight: bold;
}
/*
a {color: #3f3;}
a:visited {color: #6cc;}
a:hover {color: #ff0;}
a:active {color: purple;}
*/
p {
	font-size: 100%;
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
	font-weight: normal;
}

button{
    background-color: #00cc99;
    border: none;
	border-radius: 12px;
    color: white;
}
ul {
	list-style-position: inside;
}
ol {
	list-style-position: inside;
}
#content{
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 600px;
}
#brain{
	margin-left: 180px;
	margin-right: 5px;
	margin-top: 120px;
	text-align: center;
}
@media screen and (max-width:800px) {
#brain{
	margin-left: 80px;
}}
#brainnoside{
	margin-top: 45px;
	text-align: left;
	position: relative;
	width: 100%;
	min-width: 300px;
}
/* End Main Stuff */
/* Mines */
.lefttext p{text-align: left;}
.lefttext ul{text-align: left;}
.credit {font-size: 10px}
.framebox {max-width: 900px; margin: 0 auto;}
/* End Mines */
/* Chrome-Scrollbar */
::-webkit-scrollbar {width: 9px; height: 9px;}
::-webkit-scrollbar-button {width: 0px;	height: 0px;}
::-webkit-scrollbar-thumb {background: #4ed8ab;	border: 0px none #ffffff;	border-radius: 0px;}
::-webkit-scrollbar-thumb:hover {background: #4ed8ab;}
::-webkit-scrollbar-thumb:active {background: #4ed8ab;}
::-webkit-scrollbar-track {background: #c6f4e5;	border: 0px none #ffffff;	border-radius: 0px;}
::-webkit-scrollbar-track:hover {background: #c6f4e5;}
::-webkit-scrollbar-track:active {background: #c6f4e5;}
::-webkit-scrollbar-corner {background: #000000;}
/* End Chrome-Scrollbar */
/* iE Scrollbar */
body {
	scrollbar-face-color:#4ed8ab;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#c6f4e5;
	scrollbar-shadow-color:#c6f4e5;
	scrollbar-highlight-color:#c6f4e5;
	scrollbar-3dlight-color:#c6f4e5;
	scrollbar-darkshadow-Color:#c6f4e5;
 }
/* End iE-Scrollbar */
/* Sidebar */	
#sidebar{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 175px;
	height: 100vh;
		color: white;
		font-weight:normal;
		background: #007726;
	overflow-y: auto;
	z-index: 10;
}
@media screen and (max-width:800px) {
#sidebar{
	width: 70px;
	font-size: 10px;
}}
/*
@media only screen and (orientation: landscape) {
#sidebar{
	width: 60px;
	font-size: 10px;
}}
*/
#sidebar ul{
	list-style-position: inside;
	list-style-type: square;
	text-align: left;
	padding-left: 5px;
	line-height: 1.5;
}
#sidebar a{
	color: white;
	text-decoration:none;
}
#sidebar p{
	padding-top: 40px;
}
/* End Sidebar */
/* Header */
#head{
	text-align: center;
	position:fixed;top:0;
	width: 100%;
	margin-top: 0px;
		background: #000a00;
		color: #f7ffe6;
		font-weight: bold;
		vertical-align: middle;
		line-height: 40px;
	z-index: 9
}
#head a{
	color: white;
	text-decoration:none;
}
/* End Header */
/* Photo Gallery */
.photobox {
    border: solid black 1px;
    justify-content: center;
    align-items: center;
    cursor: zoom-in;
    display: flex;
}

.photobox img {
    max-width: 100%;
    max-height: 90vh;
    display: block;
    margin: 0 auto;
}
.pdescrip{
	
}
.pname{
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	color: #333;
}
.thum-buttons{
	overflow: hidden;
}

.thum-buttons button {
	border: solid black 1px;
	height: 300px;
	width: 410px;
    display: inline-block;
    vertical-align: top;
	cursor: zoom-in;
}
.thum-buttons button img {
    max-width: 100%;
    max-height: 100%;
}
.button-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; /* Adjust margin as needed */
}

.button-container button {
    flex: 1;
}
/* End Photo Gallery*/
/* Wishlist */
.wish  {border-collapse:collapse;border-spacing:0;}
.wish td{font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.wish th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.wish .fat{font-weight:bold}
.wish .data{vertical-align:center}
.wish .desc{vertical-align:center; text-align: left;}
.wish .gotit{vertical-align:center; text-decoration: line-through;}
.wish .gotitdesc{vertical-align:center; text-align: left; text-decoration: line-through;}
/* End Wishlist */
/* readlist */
.disclaimer{
	margin-left: 270px;
		text-align: center;
		color: white;
}
#read{
	font-family: 'Ubuntu', sans-serif;
	color: #ff0;
	background-color: #030;
	text-align:center;
	font-size: 18px;
	margin: 0;
	margin-top: 60px;
}
#readcontent{
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 960px;
		text-align: center;
}
#readcontent a {color: #3f3;}
#readcontent a:visited {color: #6cc;}
#readcontent a:hover {color: #ff0;}
#readcontent a:active {color: purple;}
#readcontent ::-webkit-scrollbar { width: 9px; height: 9px;}
#readcontent ::-webkit-scrollbar-button {width: 0px; height: 0px;}
#readcontent ::-webkit-scrollbar-thumb {background: #73c105; border: 0px none #ffffff; border-radius: 0px;}
#readcontent ::-webkit-scrollbar-thumb:hover {background: #73c105;}
#readcontent ::-webkit-scrollbar-thumb:active {background: #73c105;}
#readcontent ::-webkit-scrollbar-track {	background: #d6e7bd; border: 0px none #ffffff; border-radius: 0px;}
#readcontent ::-webkit-scrollbar-track:hover {background: #d6e7bd;}
#readcontent ::-webkit-scrollbar-track:active {background: #d6e7bd;}
#readcontent ::-webkit-scrollbar-corner {background: #000000;}

#readcontent body {
		scrollbar-face-color:#73c105;
		scrollbar-arrow-color:#000000;
		scrollbar-track-color:#d6e7bd;
		scrollbar-shadow-color:#d6e7bd;
		scrollbar-highlight-color:#d6e7bd;
		scrollbar-3dlight-color:#d6e7bd;
		scrollbar-darkshadow-Color:#d6e7bd;
 }
#readbrain{
	margin-left: 270px;
	margin-bottom: 25px;
	min-width: 600px;
		background: #200000;
		text-align: left;
		color: #0f0;
}
#readbrain h1 {
	font-size: 24px;
	color: red;
	text-align: center;
	margin: 0;
	padding: 0;
}
#readbrain h2 {
	margin: 0;
	padding: 0;
		font-size: 16px;
		color: red;
		text-align: center;

}
#readbrain h3 {
	margin: 0;
	padding: 0;
		font-size: 12px;
		font-weight: lighter;
		color: #9f3;
		text-align: left;
}
#readbrain h4 {
		font-size: 48px;
		text-align: center;
		color: #0f0;
}
#readbrain p {
	margin: 0;
	padding:0;
		text-align: center;
}
#readbrain ul {text-align: left}
#readbar{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
		color: red;
	background: #030;
	border-right: 4px solid #d6e7bd;
	overflow-y: scroll;
	z-index: 69;
}
#readbar ul{
	list-style-position: inside;
	list-style-type: none;
	text-align: left;
	padding-left: 5px;
}
#readbar a{
	color: red;
	text-decoration:none;
}
.dead {
	background-color: #030;
}
.deadnest 	{
	color: #9f3;
	font-weight: lighter;
}
.deadicon {height: 1em;}
.deadsheet {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
	min-width: 600px;
	color: #ff0;
}
.deadsheet td {
	padding:0px 0px;
	max-width:20px;
	border-style:solid;
	border-width:1px;
		font-size:14px;
		word-break:normal;
		word-wrap: break-word;
	overflow:hidden;
}
.deadsheet th {
	max-width:20px;
		font-size:14px;
		font-weight:normal;
		text-align:left;
		word-break:normal;
	word-wrap: break-word;
	border-style:solid;
	border-top-style:none;
	border-width:1px;
}
.deadsheet .deaddate{text-decoration:underline;vertical-align:top}
.deadsheet .deadhead {font-weight:bold; text-align:center; color: #0f0;}
.deadsheet .deadcell{vertical-align:top}
/* End readlist */
/* Robco Industries */
.robco{
	text-align: center;
}
.robco h1 {
	font-size: 68px;
	margin: 0;
	padding: 0;
	color: #ccff99;
}
.robco h2 {
	font-size: 42px;
	margin: 0;
	color: #ccff66;
}
.robco h3 {
	font-size: 24px;
	margin: 0;
	color: #ccff66;
}
.robco p {
	color: #00ff00;
	margin: 0;
	padding: 0;
}
.robco ul {
	text-align: left;
}
.robco table {
	border-collapse: collapse;
	margin: 0 auto;
}
.robco table, th, td  {
	border: 3px solid #a7b037;
	min-width: 150px;
}
.robco th  {
	font-size: 16px;
	color: #cf6;
}
.robco td  {
	font-size: 14px;
	color: #95ff95;
	font-weight: bold;
}
.pipboy {
		border-width: 14px;
		border-style: solid;
		border-color: #0f0;
		position:absolute;
		top: 10px;
		left: 160px;
		right: 30px;
		max-width: 1800px;
		padding: 10px;
		min-width: 600px;
	background-color: #010;
	background-image: url("/0/robco.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
@media screen and (max-width:800px) {
.pipboy {
	left: 80px;
}}
.pippage {
	min-height: 750px;
	float: left;
	margin: 6px;
}
/* End Robco Industries */
/* Scanners */
.linkbar a, .linkbar a:active , .linkbar a:hover, .linkbar a:visited {color: #dc0000}
.linkbar {
	color: purple;
	vertical-align: middle;
	font-size: 20px;
	font-weight: heavy;
	text-align: center;
}
.radio{
	width: 400px;
	float: left;
	border-style: solid;
	border-width:2px
}
.channel {}
/* End Scanners */
/* Recipies */
.recipie ol li {
	padding-bottom: 10px;
	list-style-position: outside;
}
.recipie table, th, tr, td {
	border: none;
	min-width: 10px;
}
/* End Recipies */

/* walk challenge stuff */
.walkthisway{
	margin-left: 10px !important;
}
.walkthisway table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

/* Style for the table headers */
.walkthisway th {
	background-color: #4CAF50;
	color: white;
	padding: 5px;
	text-align: Right;
	border: 1px solid #ddd;
}

/* Style for the table data cells */
.walkthisway td {
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center;
}

/* Add zebra striping for alternating rows */
.walkthisway tr:nth-child(even) {
	background-color: #f9f9f9;
}

/* Add hover effect */
.walkthisway tr:hover {
	background-color: #feffd7;
}
/* Remove special styles from <a> links */
.galleryList a {
    color: inherit; /* Use the color of the parent element */
    text-decoration: none; /* Remove underline */
    font-weight: normal; /* Use normal font weight */
    font-style: normal; /* Use normal font style */
    text-shadow: none; /* Remove text shadow if any */
}


#shopping-list {
    text-align: center;
    background-color: #eaf9e5; /* Light green background */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: auto;
}

#shopping-list button:hover {
    background-color: #388e3c; /* Darker green on hover */
}

#shopping-list table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Allows cells to be as wide as their content */
}

#shopping-list th, #shopping-list td {
    padding: 5px;
    border-bottom: 1px solid #c1e1c1; /* Light green border */
}

#shopping-list td {
    text-align: left;
    white-space: nowrap; /* Prevents text from wrapping, keeping cells as narrow as possible */
}

#shopping-list input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #a8d5a2; /* Light green border */
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    transition: border-color 0.3s;
}

#shopping-list input[type="text"]:focus {
    border-color: #4caf50; /* Forest green border on focus */
    outline: none;
}

#shopping-list tr:nth-child(even) {
    background-color: #f0f8f0; /* Very light green for even rows */
}

#shopping-list tr:hover {
    background-color: #d0f0d0; /* Slightly darker green on hover */
}