/*
 * Starfleet Legacy Alliance - slasims.com
 * 2006 Website Redesign
 * Copyright © 2006 Ben Mitchell
 * 
 * Good day to you, wanderer of code
 * Welcome to this design's humble abode.
 * Explore a bit and stay a while
 * And compare your browser to this file.
 * Courtesy always comes off best
 * In a place of learning when a guest.
 * Look around and touch and feel
 * But please do not dare to steal.
 *
 */

@import url(2006_layout.css);
@import url(2006_typography.css);


/*** STANDARD HTML ELEMENTS ***/
body {
  color: #000e20;
  background: #f2f2f2 url(../images/blue/body_background.png) top center repeat-x;
}

h2, h3, h4, h5, h6 { color: #002d65; } /* all headings should be blue */

h2 { border-bottom: 1px solid #002d65; } /* the H2 needs a dark blue underline */
h3 { border-bottom: 1px solid #a3b3c7; } /* the H3 needs a light blue underline */

img { border: 0; } /* no image should have a border; catch-all in case of links */

acronym { border-bottom: 1px dotted #a3b3c7; } /* underline acronyms so they're apparent */
a acronym { border-bottom: 0; } /* no distracting underline when an acronym lives inside of an anchor tag */

a:link, a:visited, a:active, a:hover { color: #002d65; } /* standard links are blue */
/* see FOOTER, CONTENT AND HEADER section for visited link color in body text */


/*** SIDEBARS: MENU AND "ADDITIONAL" ***/
/* force the menu links to have a background color and uniform margins and padding */
#menu_menu a:link, #menu_menu a:visited, #menu_menu a:active, #menu_menu a:visited #menu_menu a:hover {
  color: #002d65;
  background-color: #d2d8df;
  margin-bottom: 2px;
  padding: 0.1em 0.3em;
}

/* submenus should have no background color -- this is left to the list element itself */
#menu_menu ul a:link, #menu_menu ul a:visited, #menu_menu ul a:active, #menu_menu ul a:visited, #menu_menu ul a:hover {
  background: transparent;
}
#menu_menu ul { background: #e4e6ea; }

/* because of browser inconsistencies in bullet location, the bullet here is just an image */
#menu_menu ul li { background: url(../images/blue/bullet.png) 3px 5px no-repeat; }

/* "separated" links need a blue overline and the bullet image needs shifted to accommodate it */
#menu_menu ul li.separated {
  border-top: 1px solid #a3b3c7;
  background: url(../images/blue/bullet.png) 3px 7px no-repeat;
}

/* the default color for all text in the sidebars is link blue */
#menu, #additional { color: #002d65; }

/* the menu should have a shadow at far right for content frame styling */
#menu { background: url(../images/blue/frame_leftgradient.png) top right no-repeat; }

/* when in three-column mode, #additional also needs a shadow for frame styling */
.threecol #additional {
  background: url(../images/blue/frame_rightgradient.png) top left no-repeat;
}

/* #additional can display bullets normally, so specify a bullet image */
#additional ul ul, #menu #simstoday ul, #menu #openings ul { list-style-image: url(../images/blue/bullet.png); }


/*** HEADER, CONTENT, AND FOOTER ***/
/* only body text should have a visited link color different than the rest */
#content a:visited { color: #5a779b; }

/* the banner at the top and other images need a colored border to match the layout */
#body_banner, .body_image { border: 1px solid #002d65; }

/* the container frame has a blue border around its entirety and a white background */
#container {
  border: 1px solid #002d65;
  background-color: #fff;
}

/* the footer's text color should be link blue, just like the sidebars */
#footer { color: #002d65; }

/* the SLA title header should have an image in the background -- see 2006_typography.php for text hiding */
h1#header_slatitle {
  background: url(../images/blue/header_title.png) top right no-repeat;
}

/* for messages passed to the user */
.message_name, .warning_name, .error_name { font-weight: bold; }
.message_name {  }
.warning_name { color: #bb0; }
.error_name { color: #f00; }

.sectionlinks {
  border-top: 1px solid #002d65;
  border-bottom: 1px solid #002d65;
}

th {
  background-color: #a3b3c7;
  color: #002d65;
}

.dark {
  background-color: #f2f2f2;
}


/*** CHARTER ***/
.article strong {
  color: #002d65;
}

/*** DECORATIVE/NON-SEMANTIC ***/
/* when in two-column mode, #additional contributes no shadow, so #shadow will take its place */
.twocol #shadow {
  background: url(../images/blue/frame_rightgradient.png) top left no-repeat;
}

/* there should also be a shadow across the top of the layout for style reasons */
#shadow_top {
  background: url(../images/blue/frame_topgradient.png) top center no-repeat;
  height: 9px;
  margin: -9px 0 0 0;
  padding: 0;
}