/* *** STMstyle.css *** */
/*
* The common cascading style sheet for all of Stellafane.org
* To include: in body */
div#STMheader { height: 145px; }
img#STMlm { border:0px; float:left; margin-bottom:5px; }
img#STMhdr { border:0px; float:right; margin-bottom:5px; }
div#STMfooter { text-align: center; clear: both; }
td.STMhdrLeft { text-align:left; width:100px; height:139px; } /* Little Man */
td.STMhdrRight { text-align:right; width:660px; height:140px; } /* Topic Banner */
td.STMhdrLeft img { border-width: 0px; }
td.STMhdrHR { height:23px; } /* Pink HR below header */
acronym { display:inline-block; border: thin gray dotted; }
.inline-pix { display:inline-block; border: thin gray dashed; }
ol { font: normal 10pt Verdana, sans-serif; color: black; text-align: justify; }
ul { font: normal 10pt Verdana, sans-serif; color: black; text-align: justify; }
p { font: 10pt normal Verdana, sans-serif; color: black; text-align: justify; }
a { font-weight: bold; color: #000088; text-decoration: none; }
a:visited, a:link { color: #000088; border-color: #000088; text-decoration: none; }
a:active, a:hover { color: #000088; border-color: #FF70C0; text-decoration: underline; }
hr { color: #FF70C0; background-color: #FF70C0; width: 100%; height: 1px; border-width: 0px; clear: both; }
h1 { font: bold 24pt Verdana, sans-serif; color: black; }
h1.PageTitle { text-align: center; margin: 0px 0px 10px 0px;
text-shadow: 6px 6px 9px #FFCCFF, -6px 6px 9px #FFCCFF, 6px -6px 9px #FFCCFF, -6px -6px 9px #FFCCFF, 3px 3px 2px #404040;
}
h2 { font: bold 18pt Verdana, sans-serif; color: black; }
h3 { font: bold 14pt Verdana, sans-serif; color: black; }
h4 { font: bold 12pt Verdana, sans-serif; color: black; }
p.tight { margin-top: 6pt; margin-bottom: 6pt; text-align: left; }
p.tightc { margin-top: 6pt; margin-bottom: 6pt; text-align: center; }
p.tightj { margin-top: 6pt; margin-bottom: 6pt; text-align: justify; }
h4.tight { margin-top: 0pt; margin-bottom: 6pt; }
h3.tight { margin-top: 0pt; margin-bottom: 6pt; }
h2.tight { margin-top: 0pt; margin-bottom: 6pt; }
h1.tight { margin-top: 0pt; margin-bottom: 6pt; }
h4.tightc { margin-top: 0pt; margin-bottom: 6pt; text-align: center; }
h3.tightc { margin-top: 0pt; margin-bottom: 6pt; text-align: center; }
h2.tightc { margin-top: 0pt; margin-bottom: 6pt; text-align: center; }
h1.tightc { margin-top: 0pt; margin-bottom: 6pt; text-align: center; }
/* --- Common Attributes as classes --- */
.C { text-align: center }
.R { text-align: right }
.L { text-align: left }
.J { text-align: justify }
.CLR { clear:both }
.B { font-weight: bold }
.bold { font-weight:bold }
.I { font-style: italic }
.italic { font-style:italic }
.bold-italic { font-weight:bold; font-style:italic }
.N { font-weight: normal; font-style: normal }
.normal { font-weight:normal }
.U { text-decoration: underline }
.S { text-decoration: line-through }
.MT0 { margin-top: 0pt }
.MT3 { margin-top: 3pt }
.MT6 { margin-top: 6pt }
.MB0 { margin-bottom: 0pt }
.MB3 { margin-bottom: 3pt }
.MB6 { margin-bottom: 6pt }
.smaller { font-size: smaller }
.larger { font-size: larger }
.xx-small { font-size: xx-small }
.BOX { border: 1px black solid }
.BC { border-collapse: collapse }
.FF { font-family: Verdana,Arial,helvetica,sans-serif }
.VT { vertical-align: top }
.VM { vertical-align: middle }
.VB { vertical-align: bottom }
.FR { float: right }
.FL { float: left }
.YellowHighlight { background-color:#FFFF66 }
.pinkbg { background-color:#FFB7F6 }
.grayout { color: gray }
.red { color: red }
/* --- Common Item Styles ---*/
.backto { font-style: italic; text-align: center; }
.backtotight { font-style: italic; text-align: center; margin-top: 0px; }
.propertyof { font-style: italic; text-align: center; margin-top: 0px; color: #FF70C0; font-size: 8pt; }
.boxed { border: solid black 1px; }
.byline { text-align: center; font-size: 8pt; margin-top: 6pt; margin-bottom: 6pt; }
.quote { font-size: 9pt; font-style: italic; text-align: justify; }
.quote-indent { font-size: 9pt; font-style: italic; text-align: justify; margin-left: 5%; margin-right: 5%}
.caption { font-size: 9pt; font-weight: bold; color: #660033; }
.caption2 { font-size: 9pt; font-weight: normal; color: #660033; }
.credit { font-size: 7pt; font-weight: normal; color: #808080; }
.isbn { font-size: 8pt; font-weight: normal; }
.newlink { background: #FFB7F6 }
/* --- CSS3 Often Used Items --- */
.txshdw { text-shadow: 3px 3px 3px gray; }
.bxshdw { box-shadow: 3px 3px 5px 0px gray;}
.bxrnd { border: 1px gray solid; border-radius: 20px; }
/* --- Inline 'Button' made from HTML elements --- */
a.button { padding-left: .5ex; padding-right: .5ex; line-height: 166%; border-width: 2px; border-color: navy; }
a:visited.button { background-color: #FFB7F6; border-style: outset; color: navy; }
a:link.button { background-color: #FFB7F6; border-style: outset; color: navy; }
a:hover.button { background-color: #FF70C0; border-style: outset; color: navy; }
a:active.button { background-color: #FFB7F6; border-style: inset; color: red; }
/* --- Picture and Text Boxes --- */
div.pix-center{ margin: auto; width: 100px; text-align: center;
padding: 3px; border: 1px solid #FF70C0; font-size: x-small; }
div.pix-right { float: right; width: 100px; margin-left: 15px; text-align: center;
padding: 3px; border: 1px solid #FF70C0; font-size: x-small;}
div.pix-left { float: left; width: 100px; margin-right: 15px; text-align: center;
padding: 3px; border: 1px solid #FF70C0; font-size: x-small;}
div.div-center{ margin: auto; width: 100px; text-align: center;
padding: 0px; border: none; font-size: x-small; }
div.div-right { float: right; width: 100px; margin-left: 15px; text-align: center;
padding: 0px; border: none; font-size: x-small;}
div.div-left { float: left; width: 100px; margin-right: 15px; text-align: center;
padding: 0px; border: none; font-size: x-small;}
div.pix-left-rnd { float:left; width: 100px; margin-right: 15px; text-align: center; font-size: x-small; }
div.pix-left-rnd img { border: 1px black solid; border-radius: 10px; box-shadow: 3px 3px 3px 0px gray; }
div.box-center{ margin: auto; width: 100px; text-align: center;
padding: 7px; border: 1px solid black; background-color: #FFE0FF; }
div.box-right { float: right; width: 100px; margin-left: 15px; text-align: center;
padding: 7px; border: 1px solid black; background-color: #FFE0FF; }
div.box-left { float: left; width: 100px; margin-right: 15px; text-align: center;
padding: 7px; border: 1px solid black; background-color: #FFE0FF; }
div.pink-box-rnd { border: 1px gray solid; border-radius: 15px; padding: 10px;
background-color: #FFE0FF; box-shadow: 5px 5px 5px 0px gray; }
/* --- Topic Page Styles --- */
.a { margin-top: 8pt; font-size: 12pt; font-weight: bold; }
li.topic { margin-top: 8pt; font-size: 12pt; font-weight: bold; }
h1.topic { text-align: center; font-size: 18pt; font-weight: bold; text-decoration: underline; }
.topicItem { font-size: 12pt; font-weight: bold; }
.topicSub { font-size: 11pt; font-weight: bold; font-style: italic; }
.topicDesc { font-size: 10pt; font-weight: normal; }
.postdate { font-size: 6pt; font-weight: bold; color: #808080; vertical-align: middle; }
/* --- Convention Photo Gallery Styles --- */
table.gallery6 { margin: auto; }
table.gallery6 td { width: 110px; height: 110px; text-align: center; vertical-align: top; padding: 2px; padding-top: 0px;}
table.gallery6 img { width: 100px; height: 100px; border-width: 1px; }
table.gallery6 td div.thumbcap { font-size: 8pt; color: navy; }
/* --- News Navigation Bar */
div.newsnav {
font-size: 10pt;
text-align: center;
width: 550px;
margin: 0px auto 10px auto;
background-color: #FFC6FE;
border-radius: 10px;
box-shadow: 3px 3px 5px 0px gray;
}
div.newsnav a { text-decoration: none; font-weight: bold; }
div.newsnav a:visited { color: navy; }
div.newsnav a:link { color: navy; }
div.newsnav a:active { color: #FF70C0; }
div.newsnav a:hover { color: #FF70C0; }
/* --- Event Calendar Styles --- */
table.cal{ background-color: #F5F5F5; border: 2px solid black; border-collapse: collapse; }
table.cal TH { font-size: 12pt; border: 1px solid black; background-color: #FFE0FF; }
table.cal TD { font-size: 10pt; border: 1px solid black; padding: 1px 3px; text-align: center; }
table.cal TD.year { background-color: black; color: white; font-weight: bold; font-size: 12pt; letter-spacing: .8em; }
table.cal .public { background-color: #FFFF80; } /* Public Function Highlight */
table.cal .mcw { background-color: #D8F0FF; } /* Mirror Class Highlight */
table.cal .members { background-color: #FFE0FF; } /* Members Only Highlight */
table.cal .special { background-color: #CCFFCC; } /* Special Event Highlight */
table.cal .offsite { font-size: 8pt; font-weight: bold; color: #D00000; } /* Location Highlight */
/* --- Mirror Class Page Styles --- */
table.MCSchedule { margin: auto; background: #CCCC99 none; border: 2px #FF70C0 solid; border-collapse: collapse; }
table.MCSchedule TH { color: white; background: black none; font-size: 16pt;
border: 1px #888888 solid; padding: 5px; text-align: center; }
.hdrnote { font-size: 10pt; font-weight: normal; }
table.MCSchedule TD { border: 1px #888888 solid; padding: 6px; vertical-align: top; }
table.MCSchedule TD.MCnext { background-color: #FFFF66; font-weight: bold; font-size: 18pt; text-align: center; vertical-align: middle; }
table.MCSchedule TD.MCsoon { background-color: #DDDDAA; font-weight: bold; font-size: 16pt; text-align: center; vertical-align: middle; }
.MCtitle { font-weight: bold; font-size: 11pt; }
.MCdone { font-weight: bold; background-color: #FFFF66}
tr.MCxtra { background-color: #B0B080 }
tr.MCcanceled { background-color: silver; }
tr.MCcanceled TD.MCcenter { vertical-align: middle; text-align: center; font-weight: bold; }
tr.MClineabove { border-top: 2px black solid; }
table.MCStatus { margin: auto; background: #CCCC99 none; border: 2px #FF70C0 solid; border-collapse: collapse; }
table.MCStatus TH { color: white; background: black none; font-size: 11pt; padding: 3px;
border: 1px #888888 solid; }
table.MCStatus TH.sm { font-size: 10pt; }
table.MCStatus TD { border: 1px #888888 solid; padding: 0px 3px 0px 3px; text-align: center;}
table.MCStatus TD.left { text-align: left; }
table.MCinstructor { margin: auto; border-spacing: 5px; }
table.MCinstructor TD { border: 1px #FF70C0 solid; padding: 10px; text-align: center; background-color: #CCCC99; vertical-align: top; }
table.MCinstructor IMG { border: 1px solid black; margin-bottom: 5px;}
/* --- Astrophoto Page Styles --- */
table.ap { margin: auto; border: 1px #FF70C0 solid; border-collapse: collapse; text-align: right;}
table.ap TH { border: 1px #FF70C0 solid; padding: 5px; text-align: center; }
table.ap TD { border: 1px #FF70C0 solid; padding: 5px; vertical-align: top; }
table.ap IMG { float: right; }
table.ap TD UL { margin-left: 14pt; margin-bottom: 0px; text-align: left; }
table.apc { margin: auto; border: 1px #FF70C0 solid; border-collapse: collapse; text-align: center;}
table.apc TH { border: 1px #FF70C0 solid; padding: 5px; text-align: center; }
table.apc TD { border: 1px #FF70C0 solid; padding: 5px; vertical-align: top; font-size: 9pt; font-weight: bold; color: #660033; }
table.apc TD IMG { margin-bottom: 3pt; }
.APmember { text-align: center; font-size: 8pt; margin-top: 0px; }
.APposted { text-align: center; font-style: italic; font-weight: normal;}
/* --- Common Footer Styles --- */
.footer { color: #707070; font-size: 8pt; }
a:visited.footer, a:link.footer { color: #707070; font-weight: bold; text-decoration: none; }
a:active.footer, a:hover.footer { color: #000066; font-weight: bold; text-decoration: underline; }
/* End of STMstyle.css */