/* shooshan.css - style sheet for shooshan.com
   Copyright 2025 Charles H. Shooshan III. All Rights Reserved. */

body {
    background: #f96;
    color: #003;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0;
    padding:0;
}

img {
  width: 50%;
  max-width: 100%;
  height: auto;
}

#wrapper {
	background:#99c;
    margin: 0 auto;
    width:85%;
}

#header {
	background:#ddd;
    padding:1%;
}

#navbar {
    background:#c99;
    padding:1%;
}

#navbar ul {
    list-style:none;
    margin:0;
    padding:0;
}

#navbar li {
    display:inline;
    margin:0;
    padding:0;
}

#main {
    background:#cc9;
    float:left;
	padding:2%;
	width:51%;
}

#content_right {
    background:#99c;
	float:right;
    padding:2%;
	width:41%;
}

#footer {
    clear:both;
    padding:1%;
    background:#cff;
}

#footer p {
    margin:0;
}

* html #footer {
    height:1px;
}

h1 {
    background-color: #ccf;
    color: #600;
    font-size: 1.8em;
}

h2 {
    background-color: #ccf;
    color: #600;
    font-size: 1.6em;
}

h3 {
    background-color: #ccf;
    color: #600;
    font-size: 1.4em;
}

h4 {
    background-color: #ccf;
    color: #600;
    font-size: 1.2em;
}

h5 {
    background-color: #ccf;
    color: #600;
    font-size: 1.1em;
}

h6 {
    background-color: #ccf;
    color: #600;
    font-size: 1em;
}

a:link {
    color: #00f;
}

a:visited {
    color: #909;
}

a:hover {
    color: #f0f;
}

a:active {
    color: #f00;
}

.center {
    text-align: center;
}

.centerdark {
    background-color: #000;
    color: #fff;    
    text-align: center;
}

.centerlight {
    background-color: #fff;
    color: #000;    
    text-align: center;
}

.centerpink {
    background-color: #fcf;
    color: #600;
    text-align: center;
}

.dark {
    background-color: #000;
    color: #003;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
}

.borderless {
    border: 0;
}

.borderlessbottom {
    border: 0;
    vertical-align: text-bottom;
}

.borderlessdark {
    background-color: #000;
    border: 0;
}

.content_rightheading {
    background:#99c;
}

.footerheading {
    background:#cff;
}

.headercenter {
    background:#ddd;
    margin:0;
    text-align: center;
}

.light {
    background-color: #fff;
    color: #003;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
}

.mainheading {
    background:#cc9;
}    

.right {
    text-align: right; 
}

.small {
    font-size: .75em;
}

.tiny {
    font-size: .5em;
}


/* Form Elements */

br {
    display: none;
}

fieldset {
    border: thick double #606;
    font-size: .9em;
    padding: .5em 1em;
    width: 38em;
} 

input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
}

label {
    display: block;
    margin: .5em 0em;
    position: relative;
    width: 16em;
}

label input {
    left: 100%;
    position: absolute;
    top: -.1em;
} 

legend {
    border: medium solid #606;
    padding: .2em .5em;
}

textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    left: 17.8em;
    position: relative;
    top: -1.3em;
}