/* Moonbug Mosaics Stylesheet */
body {
background-color: #993300;/*#003366;*/
color: #ffffff; /*#222222;*/
font-family: /*Georgia,*/ Verdana, Helvetica, Arial, sans-serif;
font-size: 1em; /* Test with pixel heights with various browser text sizes*/
margin: 0;
}
body#moonbughome a#moonbughomelink,
body#moonbuggallery a#moonbuggallerylink,
body#moonbugabout a#moonbugaboutlink,
body#moonbugcontact a#moonbugcontactlink   {
color: #ffffff;
background-color: #000033;
cursor: text;
}
#title {
background-color: #000033;
border-bottom: solid #000000 1px;
padding-top: 8px;
padding-left: 80px;
padding-right: 80px;
padding-bottom: 8px;
}
p.title-big {
color: #ffffff;
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
text-align: center;
letter-spacing: 9px;
}
p.title-small {
color: #ffffff;
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
text-align: center;
letter-spacing: 4px;
}
p {
font-size: 0.8em; /*=13px on normal text size*/
text-align: left;
line-height: 1.6em;
}
p.welcome {
color: #111111;
font-size: 0.7em;
text-align: center;
line-height: 1.5em;
border: 1px #000000 solid;
background-color: #dedede;
padding: 3px;
}
p.center {
font-size: 0.8em;
text-align: center;
line-height: 1.9em;
}
p.small {
font-size: 0.6em;
text-align: left;
line-height: 1.3em;
}
p.small-right {
font-size: 0.6em;
text-align: right;
line-height: 1.3em;
}
p.footnote {
font-size: 0.6em;
text-align: left;
line-height: 1.3em;
}
p.footlink {
font-size: 0.6em;
text-align: center;
font-weight: bold;
line-height: 3em;
}
p.copy {
font-size: 0.6em;
text-align: center;
color: #333333;
}
p.article-cat {
display: block;
color: #ffffff;
background-color: #555555;
font-size: 0.8em;
padding: 3px;
line-height: 1.0em;
letter-spacing: 1px;
}
p.article-ex {
font-size: 0.7em;
line-height: 1.5em;
}
p.iewidthfix {
color: #ffffff;
}
ul {
font-size: .8em;
list-style-type: disc;
}
ol {
font-size: .8em;
}
a:link {
color: #ffffff;
text-decoration: underline;
}
a:visited {
color: #ffffff;
text-decoration: underline;
}
a:hover {
color: #000000;
background-color: #999999;
}
a#arrow {
background-color: #ffffff;
}
h1  {
font-family: Georgia, Times New Roman, Helvetica, Arial, sans-serif;
font-size: 2.4em;
text-align: center;
letter-spacing: 0px;
}
p.top-previous  {
float: left;
line-height: 0px;
padding-right: 50px;
padding-left: 20px;
padding-top: 30px;
}
p.top-next  {
float: right;
line-height: 0px;
padding-left: 50px;
padding-right: 20px;
padding-top: 30px;
}
p.bottom-previous  {
float: left;
line-height: 0px;
padding-right: 50px;
padding-left: 20px;
}
p.bottom-next  {
float: right;
line-height: 0px;
padding-left: 50px;
padding-right: 20px;
}
h2 {
font-size: 1.0em;
text-decoration: none;
text-align: left;
letter-spacing: 2px;
font-style: italic;
padding-top: 0px;
}
h3 {
font-size: 1.2em;
text-align: center;
letter-spacing: 4px;
text-decoration: none;
line-height: 3em;
}
h4 {
font-size: 1.1em;
text-align: left;
letter-spacing: 1px;
}
#main {
/*position: absolute;*/
height: 100%;
background-color: #330000;
border-left: solid #000000 1px;
border-bottom: solid #000000 1px;
border-right: solid #000000 1px;
right: 0px;
margin-left: 160px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
min-width: 300px;
z-index: 2;
}
.textbox {
font-size: 0.7em;
text-align: left;
color: #111111;
background-color: #dedede;
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
border: 1px solid #000000;
width: auto;
padding: 10px;
}
#foot {
background-color: #dedede;
border-top: solid #000000 1px;
margin-left: -15px;
margin-right: -15px;
margin-bottom: -15px;
border-right: none;
border-left: none;
font-size: 0.7em;
text-align: center;
color: #111111;
padding: 20px;
}
#left-menu {
position: absolute;
z-index: 3;
background-color: #c0c0c0;
font-size: 0.9em;
left: 0px;
width: 160px;
border-right: solid #000000 1px;
text-align: center;
}
#left-menu a:link, #left-menu a:visited {
display: block;
color: #000000;
background-color: #c0c0c0;
border-bottom: solid #000000 1px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
width: 100%;
}
#left-menu a:hover {
color: #ffffff;
background-color: #006699;
}
#image-line {
background-image: url(moonbug-images/moonbug_image_header.jpg);
height: 100px;
background-position: top left;
border-bottom: 1px solid #000000;
}
#image-two {
background-image: url(images/blank.jpg);
height: 199px;
background-repeat: no-repeat;
background-position: top center;
}