/* ©2024 Amend
   (updated: 2025/06/13)
*/

/* Google Fonts Import */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

body {
    background-color: #ccc; /* Light Grey */ 
	font: 100%;
    line-height: 100%;
	margin: 0;
	padding: 0;
}
#menu {
    width: 15%;
    height: auto;
	background-color: #ff9933; /*Orange*/ /*#ce2747*/	
	position: fixed;
	opacity: 0.9;
	margin-left: 84.55%;
	margin-top: 6px;
}
#wrap {
    width: 992px; /*992px*/
    height: auto;
	background-color: #fff; /*#3d3d3c*/
	margin: 0 auto 20px auto;
    padding-top: 0;
}
#header {
    width: auto; /*992 x 412*/
    height: auto;
	background-color: #fff; /* #333 */
	margin-bottom: 34px;
	margin-top: 0;
}
#content {
    width: 950px; /*950*/
    height: auto;
	margin-left: auto; /*161px*/
	margin-right: auto; /*161px*/		
}
img.header {
    width: auto;
    height: auto;
    margin: 0;
    float: none;
}
img { /* 620 x 412. 620 x 950. 950 x 631 */
    width: auto;
    height: auto;	
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
img.captcha {
	width: auto;
    height: auto;
	margin-right: 100%;
}
iframe { /* Youtube */
    width: 620px;
    height: 412px;
	margin-left: auto; 
	margin-right: auto; 
	display: block;
	margin-bottom: 25px;
}
span.bull {
	color: #ff6600;
}
p, p.comments, p.footnote, p.footer {
	 font-family: Verdana, Geneva, sans-serif;
	 text-align: left;
	 line-height: 1.6em;
}	
p {
    font-size: 16px;
	letter-spacing: 0.03em;
    color: #000; /*999*/
	margin-bottom: 25px;
	margin-left: 0;
    margin-right: auto;
	width: auto;
	padding-left: 40px;
	padding-right: 40px;
}
p.comments {
    font-style: italic;	
	font-size: 16px;
	color: #000;    
    margin: 0 145px 40px 145px;
}
p.next { /* Prev / Next */
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	text-align: right;
	line-height: 1.6em;
    font-style: normal;	
	font-size: 18px;
	color: #000;
	margin: 0 145px 40px 145px;
}
p.footnote {
    font-size: 16px;
	font-style: italic;
    color: #000; /*999*/
	margin-bottom: 25px;
	margin-left: 0;
    margin-right: auto;
	width: auto; 
}
p.footnote::before { 
    content: " // ";
    color: #ff6633; /*#ff6633*/
    font-size: 1.5em;
    margin-left: 5px;
    font-weight: bold;
}
p.footer {
    font-size: 16px;
    color: #000; /*#babbbb*/
    margin: 0;
}
em, strong { /*Italic*/
    font-size: 16px;   
	color: #000;
	letter-spacing: 0.04em;	
}
h1 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
    color: #828282; /*c3cb2d*/
    margin: 0 0 15px 0;
	text-align: left;
	padding-left: 40px;
}
h1.comments {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
    color: #828282;
    margin-left: 123px;
	margin-bottom: 0px;
	text-align: left;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
    color: #828282;
    margin: 0 0 15px 0;
	text-align: left;
	padding-left: 27px;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
    color: #006699; /*33ccff*/
	font-style: italic;
    margin: 5px 0 20px 0;
	text-align: left;
}
h2.menu {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
    color: #ce2747;
    margin: 0 0 15px 0;
	text-align: left;	
}
#footer {
    width: 100%; /*972px*/
    height: auto;
	min-height: 60px;
	margin: 0 auto 70px auto;
    padding: 5px 5px 0 15px;
	background-color: #ccc;
	float: right;
}
.clearfloat {
    clear: both;
    height: 0;
}
/*--------------------------MENU--------------------*/
ul {
	font-family: Verdana, Geneva, sans-serif;
	list-style-position: outside;
	text-align: left;
	font-size: 16px; 
	letter-spacing: 0.04em;
    line-height: 1.8em;	
    list-style-type: square;
	color: #000; /*DISC COLOR*/
    padding: 0;    
    margin: 0 0 25px 15px;
}
li a {
    color: #000;
	text-decoration: none;
}
li a.active {
    background-color: #ccc;
    color: #ccc;
}
li a:hover:not(.active) {
    background-color: #ccc;
    color: #000;
}
/*--------------------------LINKS / PAGES ------------------*/
a:link {
    color: #000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #C06;
}
a:hover {
    text-decoration: underline;
    color: #000;
}
a:active {
    text-decoration: none;
    color: #000;
}
/* --------------------------- @ media ----------------------------------------*/
@media screen and (max-width : 240px ),
screen and (max-width : 320px ),
screen and (max-width : 375px ),
screen and (max-width : 384px ),
screen and (max-width : 414px ),
screen and (max-width : 480px ),
screen and (max-width : 540px ),
screen and (max-width : 568px ),
screen and (max-width : 600px ),
screen and (max-width : 667px ),
screen and (max-width : 736px ),
screen and (max-width : 768px ),
screen and (max-width : 812px ),
screen and (max-width : 1024px ) {
	
body {
    background-color: #fff;
}
#menu {
    width: 20%;
    height: auto;
	background-color: #ffd636; /*Yellow*/ /*#ce2747*/	
	position: fixed;
	float: right;
	opacity: 1.000;
	margin-left: 79.55%;
	margin-top: 20px;
}
#wrap {
    width: auto;
    height: auto;
	background-color: #fff; 
	padding-top: 0;
	margin: 0 8px 8px 8px;
}
#header {
    width: auto;
    height: auto;
	background-color: #fff; /* #343e58 */
	float:left;
}
#content {
    width: auto;
    height: auto;
}	
img.header {
    width: 100%;
    height: 100%;
    margin: 0;
	padding-top: 8px;
    float: none;  
}
img { /* 620:412/620/950. 950 x 631 */
    width: 100%;
    height: 100%;	
	margin-bottom: 8px;
}
iframe { /* Youtube */
	width: 100%;
    height: 100%;
	display: block;
	margin-bottom: 25px;
}
p {
    font-size: 18px;
	letter-spacing: 0.04em;
    color: #000; /*999*/
	margin-bottom: 25px;
	margin-left: 0;
    margin-right: auto;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}
p.comments {
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
	font-size: 18px;
	color: #000;
    line-height: 1.6em;
    margin: 0 0 20px 0;
}
p.next {
    font-family: 'Open Sans', sans-serif;
    text-align: right;
	font-size: 18px;
	color: #000;
    line-height: 1.6em;
    margin: 0 0 20px 0;
}
em, strong { /*Italic*/
    font-size: 18px;   
	color: #000;
	letter-spacing: 0.04em;	
}
h1 {
	padding-left: 10px;
	margin: 15px 0 15px 0;
}
h1.comments {
	padding-left: 10px;
	margin: 15px 0 15px 0;
}
h2 {
	 margin: 6px 0 0 8px;
}
ul {
	font-size: 18px;
	line-height: 1.6em;
}
li {
	margin-bottom: 10px;
}
#footer {
    width: auto;
    height: auto;
	min-height: 60px;
	margin: 0 auto;
    padding: 10px 5px 0 12px;
	background-color: #ccc;
}