/* 

cybersea.css -- stylesheet for the CyberSea Inn section of 
Ricci Street at http://RicciStreet.net/cybersea/

by Douglas Anderson, August 1, 2000

styled TAGS, .classes, and #ids for  

body, headings, text, boxes, links, and navbars

*/

BODY {

background-color: #cccc99;
color: #1A1A00;
margin: 0px;

}

/* 
These BODY styles are repeated in the HTML for each page in case this style sheet doesn't work.


HEADING styles
*/

H1 {

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-large;
font-weight: bold;
line-height: 150%;
text-align: center;
margin-left: 10px;
margin-right: 10px;
background-color: #cccc99;
color: #1A1A00;

}

H2 {   

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: large;
font-weight: bold;
line-height: 100%;
text-align: center;
margin-left: 50px;
margin-right: 50px;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .2em;
padding-right: .2em;
border-color: #666633;
border-width: 3px; 
border-style: outset;
background-color: #999966;
color: #1A1A00;

}

H3 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
line-height: 100%;
text-align: left;
margin-left: 0px;
margin-right: 250px;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .5em;
padding-right: .2em;
border-color: #999966;
border-width: 1px; 
border-style: inset;
background-color: #666633;
color: #ffffcc;

}

H4 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
line-height: 100%;
text-align: left;
margin-left: 0px;
margin-right: 400px;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .5em;
padding-right: .2em;
border-color: #999966;
border-width: 1px; 
border-style: inset;
background-color:#333300;
color: #ffffcc;

}

H5 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
line-height: 100%;
text-align: left;
margin-left: 0px;
margin-right: 400px;
padding-top: .1em;
padding-bottom: .1em;
padding-left: .5em;
padding-right: .2em;
border: 1px;
background-color:#333300;
color: #ffffcc; 

}

H6 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
line-height: 100%;
text-align: center;
margin-left: 150px;
margin-right: 150px;
padding-top: .1em;
padding-bottom: .1em;
padding-left: .5em;
padding-right: .5em;
border: 1px;
background-color:#333300; 
color: #ffffcc; 

}

/* 
Text styles
*/

.body {

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 10px;
margin-right: 5px;
background-color: #cccc99; 
color: #1A1A00; 

}

.foot {

font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: small;
font-weight: normal;
line-height: 105%;
text-align: center;
margin-left: 10px;
background-color: #cccc99; 
color: #1A1A00; 

}

.source {

font-family:verdana, Arial, Helvetica, sans-serif; 
font-size: small;
font-weight: normal;
line-height: 105%;
text-align: right;
margin-right: 5px;
margin-left: 50px;
background-color: #cccc99; 
color: #1A1A00; 

}

.code {

font-family: Courier, serif; 
font-size: medium;
font-weight: bold;
line-height: 105%;
margin-right: 5px;
margin-left: 10px;
background-color: #cccc99; 
color: #666633; 

}

#code {

font-family: Courier, serif; 
font-size: medium;
font-weight: bold;
line-height: 105%;
color: #666633; 

}

CAPTION {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: small;
font-weight: bold;
line-height: 105%;
text-align: center;
margin-left: 10px;
color: #1A1A00; 

}

BLOCKQUOTE {

margin-left: 10px;

}

B {

font-weight: bold;

}

STRONG {

font-weight: bold;

}

/* 
BOX styles
*/

.darkbox {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-style: double;
border-width: 1px; 
width: 75%;
background-color: #999966; 
color: #1A1A00; 

}

.darkboxthin {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-style: double;
border-width: 1px; 
width: 45%;
background-color: #999966; 
color: #1A1A00; 

}

.lightbox {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-width: 1px; 
border-style: double;
width: 75%;
background-color: #ffffcc; 
color: #1A1A00; 

}

.lightboxthin {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-width: 1px; 
border-style: double;
width: 45%;
background-color: #ffffcc; 
color: #1A1A00; 

}

.lightboxcenter {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
padding: .5em;
margin-left: 20%;
margin-right: 20%;
border-color: #666633;
border-width: 1px; 
border-style: double;
background-color: #ffffcc; 
color: #1A1A00; 

}

.transbox {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-width: 1px; 
border-style: double;
width: 75%;
background-color: #cccc99; 
color: #1A1A00; 

}

.transboxthin {   

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: medium;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 30px;
margin-right: 30px;
padding: .5em;
border-color: #666633;
border-width: 1px; 
border-style: double;
width: 45%;
background-color: #cccc99; 
color: #1A1A00; 

}

/* 
LINK styles
*/

A:link  {

font-weight: bold;
text-decoration: none;
color: #990000;

}

A:visited {

font-weight: normal;
text-decoration: none;
color: #990000;

}

/* 
NAVIGATION BAR styles
*/

.topnav {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
line-height: 105%;
text-align: right;
margin-left: 0px;
margin-right: 30px;
margin-top: 0px;
margin-bottom: 0px;
padding: .3em;
border-color: #999966;
border-width: 0px; 
border-style: none;
width: 100%;
background-color:#999966; 
color: #1A1A00; 

}

.midnav {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
line-height: 105%;
text-align: right;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: .3em;
border-color: #666633;
border-width: 0px; 
border-style: none;
width: 100%;
background-color: #666633; 
color: #cccc99; 

}

.botnav {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
line-height: 105%;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: .3em;
border-color: #333300;
border-width: 0px; 
border-style: none;
width: 100%;
background-color: #333300; 
color: #cccc99; 

}

#bottag {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 120%;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: .3em;
border-color: #ffffcc;
border-width: 1px; 
border-style: none;
width: 100%;
background-color: #999966; 
color: #1A1A00; 

}

/* 
end of style sheet
*/