/*****************************************************************************\
  screen.css - Screen display stylesheet for "ash's Astro Pages"
  http://astro.ai-software.com/  Copyright (C) 2006 Ashley Roeckelein
\*****************************************************************************/


/* ==================== general styles ==================== */

/* default html style */
html {
  height:100%;

  /* funky scrollbars (IE only): */
  scrollbar-face-color:#700;
  scrollbar-track-color:#500;
  scrollbar-highlight-color:#900;
  scrollbar-3dlight-color:#900;
  scrollbar-darkshadow-color: #700;
  scrollbar-shadow-color: #700;
  scrollbar-arrow-color: #ff0;
}

/* standardize (un)ordered lists indentation between browsers */
ul, ol {
  margin:0px;
  padding-left:20px;
}

/* default unordered list styles */
ul {list-style:square;}
ul ul {list-style:circle;}

/* convenience styles */
.center {text-align:center;}

/* make link-wrapped images show green border when hovered over */
a.borderit img               {border:1px solid #000;}
a.borderit:hover img         {border:1px solid #0f0;}
a.borderit:hover img[nolink] {border-color:#000;} /* ..except null links */
a.borderit:hover             {color:red;} /* irrelevant (yet seemingly specific) rule to overcome IE bug */

/* centerer table style */
table.centerer {
  width:100%;
  height:100%;
  vertical-align:middle;
}


/* ==================== site-wide styles ==================== */

/* overall link colors */
a:link, a:visited, a:hover, a:active {color:#0f0;}

/* main frame body style */
body.main {
  margin:10px 20px 10px 0px;
  padding:10px;
  color:#fa0;
  font:normal 8pt/12pt Verdana,Helvetica,Arial,sans-serif;
  background:#000 url(../images/sideback.jpg) fixed;
}

/* background shades */
.shade1 {background:#600;}
.shade2 {background:#400;}
.shade3 {background:#300;}
.shade4 {background:#200;}
.noshade {background:transparent;}

/* text link style */
p a, ul a, li a, .info a {
  text-decoration:none;
  border:1px solid;
}
.shade2 p a, .shade2 ul a, .shade2 li a, .shade2 .info a {border-color:#400;}
.shade3 p a, .shade3 ul a, .shade3 li a, .shade3 .info a {border-color:#300;}
.shade4 p a, .shade4 ul a, .shade4 li a, .shade4 .info a {border-color:#200;}
.noshade p a, .noshade ul a, .noshade li a, .noshade .info a {border-color:#000;}
p a:hover, ul a:hover, li a:hover, .info a:hover {
  background:#700;
  border:1px solid;
  border-color:#c00 #400 #400 #c00;
}

/* box spacing seperator */
div.box_br {margin-top:30px;}

/* paragraph spacing seperator */
div.p_br {
  margin-top:10px;
  border-bottom:1px dashed #600;
}

/* copyright style */
span.copyright {
  color:#a50;
  font-style:italic;
}

/* form table cell styles */
td.label {
  padding:4px;
  vertical-align:top;
  text-align:right;
  font-weight:bolder;
  color:#a50;
}
td.value {
  padding:4px;
  text-align:left;
}

/* input field styles */
input, textarea, select {
  padding:4px;
  font:normal 9pt/12pt "Courier New",Courier,"Andale Mono",serif;
  color:#fff;
  background-color:#020 !important;
  border:1px solid #080;
}

/* main menu style */
body.menu {
  margin:0px;
  padding:0px;
  height:100%;
  color:#fa0;
  font:normal 9pt/11pt Arial,Helvetica,Verdana,sans-serif;
  background:#000 url(../images/sideback.jpg);
}
body.menu table {height:100%;}
body.menu tr.top {vertical-align:top;}
body.menu tr.bottom {vertical-align:bottom;}
body.menu div.group {
  margin:10px;
  padding:6px;
  border:1px dashed #c00;
}
body.menu div.grouptitle {
  margin-bottom:3px;
  padding:2px;
  font-size:1.5em;
  text-decoration:underline;
}
body.menu div.group ul, body.menu div.group li {
  margin:0px;
  padding:0px;
  list-style-type:none;
  border:1px solid rgb(6%,3%,3%);
}
body.menu div.group a {
  display:block;
  padding:2px;
  font-weight:bold;
}
body.menu div.statusrow {
  padding-bottom:2px;
  width:144px;
  text-align:center;
}

/* ---------- content containers ---------- */
div.box {
  margin:0px;
  padding:10px 20px;
}
div.title {font-size:2em;}
div.footer {font-size:1.2em;}
div.imagegroup {
  margin:10px 0px;
  padding:0px;
}
div.imagegroup a img {margin:6px;}
div.feedback {
  margin:20px;
  padding:6px;
  border:1px dashed #c00;
  text-align:center;
  font-style:italic;
  font-weight:bolder;
  font-size:0.9em;
}

/* ---------- bar menu styles ---------- */
div.barmenu {padding:10px;}
div.barmenu li {
  display:inline;
  list-style-type:none;
  border:1px solid;
}
div.barmenu.shade2 li {border-color:#400;}
div.barmenu.shade3 li {border-color:#300;}
div.barmenu li a {
  padding:1px 6px;
  font-weight:bold;
}

/* ---------- illustrated list item style ---------- */
td.thumbshot {
  padding:10px 10px 0px 0px;
  vertical-align:top;
}
td.info {
  padding-top:10px;
  vertical-align:top;
}
td.info a {
  padding:0px 2px;
  font-size:1.3em;
  font-weight:bold;
}
td.info div.desc {
  margin-top:10px;
  padding:0px 2px;
}

/* ---------- article footer style ---------- */
table.article_footer {
  width:100%;
  font-style:italic;
  font-size:0.9em;
}

/* ---------- Google Ads style ---------- */
div.googads {
  margin-top:20px;
  padding-top:10px;
  border-top:2px #400 solid;
  text-align:center;
}
div.googads img[alt="support"] {margin:0px 20px 0px 0px;}

/* ---------- photo page styles ---------- */
body.photo {
  margin:0px;
  padding:0px;
  height:100%;
  color:#fa0;
  font:normal 8pt/12pt Verdana,Helvetica,Arial,sans-serif;
  background:#000;
}
table.photo {
  margin:10px;
  padding:0px;
  text-align:left;
}
table.photo td {
  margin:0px;
  padding:0px;
}
table.photo div.photobox {padding:0px 10px;}
table.photo em {
  font-style:italic;
  color:#a50;
}

/* ---------- javascript image player styles ---------- */
#jsip_form table {
  padding:10px;
  background-color:#500;
}
#jsip_form td {
  padding-bottom:6px;
  text-align:center;
}
span.jsip_image_ind {padding:0px 6px;}
span.jsip_caption {font-size:0.8em;}

/*****************************************************************************\
  Page-specific styles
\*****************************************************************************/


/* ---------- Articles page ---------- */
table.article div.date {
  padding:0px 2px;
  font-size:0.8em;
  font-style:italic;
  color:#a50;
}

/* ---------- Image Journal page ---------- */
table.journal_entry {padding:10px 0px;}

/* ---------- Web Links page ---------- */
table.weblink div.fixlink {
  margin:2px 6px;
  padding:0px 2px;
  font-size:0.7em;
  font-style:italic;
  font-weight:normal;
}
table.weblink_footer {width:100%;}
table.editlink {padding-top:10px;}

/* ---------- Net News page ---------- */
table.news_title {
  padding-top:10px;
  font-size:1.4em;
  font-weight:lighter;
}
table.news_title td.info {
  padding-left:20px;
  vertical-align:middle;
}

/* ---------- Weather and Sun & Space pages ---------- */
div.wss_title {
  margin-top:10px;
  font-size:1.4em;
  font-weight:bold;
}
div.wss_link {
  margin-top:5px;
  font-style:italic;
  color:#a50;
}
div.wss_image {margin:10px 0px;}


/* end of file */