/*-------------------------------------------------------------------
   CSS3 Primary Stylesheet -- Desktops, Laptops, etc.
   Copyright (c) 2004 - 2017 by William Paul Liggett (junktext)
   The following CSS3 code is licensed under the GNU Affero GPL 3.0.
   https://www.gnu.org/licenses/agpl-3.0.html
 -------------------------------------------------------------------*/

/* Main navigation links. */
nav a {
    text-decoration:            none;
    font-weight:		bolder;
    font-size:                  11pt;
    letter-spacing:		0.1em;
    padding-left:               1.8rem;
    padding-right:              1.8rem;
}

nav {
    background-color:           #000000; /* black */
    border:                     thin solid #888888; /* light gray */
    font-size:                  11pt;
    font-family:                monospace;
    color:                      #ededed; /* white gray */
    text-align:                 center;
    display:                    block;
    margin:                     1rem auto 1.6rem auto;
    width:                      48rem;
    padding-top:                0.5rem;
    padding-bottom:             0.5rem;
}

body {
    background-color:   	#2a2a2a; /* charcoal gray */
    font-size:                  10.5pt;
    font-family:                monospace;
    color:                      #ededed; /* white gray */
}

a:link {
    color:                      #bb0000; /* red */
}

a:visited {
    color:                      #bb0000; /* red */
}

a:hover {
    color:                      #cc9900; /* nice yellow */
}

a:active {
    color:                      #009900; /* nice green */
}

h1 {
    color:			#cc9900; /* nice yellow */
    font-weight:		bold;
    font-size:                  11pt;
    margin-bottom:              0;
}

h2 {
    color:                      #009900; /* nice green */         
    font-weight:                normal;
    font-size:                  10.5pt;
    margin:                     0;
}

/* Formatting of each News story summary on the homepage. */
/* This is for every <p> execpt for the last <p>. */
section.news_story>p {
    padding-left:               2rem;
    padding-bottom:             1rem;
}

/* Formatting of each News story summary on the homepage. */
/* This is for only the last <p>. */
section.news_story>p:last-of-type {
    padding-left:               2rem;
    padding-bottom:             4rem;
}

/* Reduces the padding-bottom of the last <section>'s <p> area. */
/* This affects how the last story is shown near the bottom page navigation links. */ 
/*
section.news_story:last-of-type>p {
    padding-left:               2rem;
    padding-bottom:             0.5rem;
}*/

u {
    text-decoration:            none;
    border-bottom:              1px dashed;
}

footer {
    color:      		#888888; /* light gray */
    font-size:                  9pt;
    font-family:                monospace;
}

/* Give bullet points and list item numbers a nice yellow font. */
li {
    color:                      #cc9900; /* nice yellow */
    font-weight:                bold;
}

/*----------------------------------------
  CSS3 Classes
 ----------------------------------------*/
.niceyellow {
	color:			#cc9900; /* nice yellow */
	font-weight:		bold;
}

.nicegreen {
	color:			#009900; /* nice green */
	font-weight:		bold;
}

/* .bullet_text is meant to be used for <li> text, as such: <li><span class="bullet_text">This is some text.</span> */
.bullet_text {
	color:			#ededed; /* white gray */
	font-weight:		normal;
}

.notableborder {
	background-color:	#000000; /* black */
}

.clearFloat {
	/* To fix float issues. */
	clear:			both;
}

/*------------------------------------------
  CSS3 Formatting of Specific IDs
 ------------------------------------------*/
#social_media {
	/* For the logos of Twitter, LinkedIn, etc. */
	float:                  right;
}

#site_banner {
    display:                    block;
    text-align:                 center;
    clear:                      both;
}

#site_banner a {
    text-decoration:            none;
}

#site_banner_logo {
    display:                    inline-block;
    vertical-align:             middle;
}

#site_banner_text_and_slogan {
    display:                    inline-block;
    vertical-align:		middle;
    padding-left:               1rem;
}

#site_banner_text {
    /* This is the "j u n k t e x t . c o m" effect. */
    font-size:  		16pt;
    font-family:		monospace;
    letter-spacing:		0.3em;
    color:			#ffffff; /* white */
}

#site_banner_slogan {
    /* Formats the "Lorem Ipsum" slogan. */
    font-size:                  12pt;
    font-family:                monospace;
    color:                      #888888; /* light gray */
    letter-spacing:             normal;
    display:                    block;
    padding-top:                0.2rem;
}

/* The title of the page section being viewed (e.g., News or About) */
#section_heading {
    letter-spacing:		0.3em;
    font-size:                  11pt;
    font-weight:                bold;
    color:			#009900; /* nice green */
    background-color:           #000000; /* black */
    border:                     thin solid #888888; /* light gray */
    font-family:                monospace;
    padding-top:                0.5rem;
    padding-bottom:             0.5rem;
    text-align:                 center;
}

/* The meat of the page's content (what people care about). */
#section_content {
    background-color:           #000000; /* black */
    border:                     thin solid #888888; /* light gray */
    margin-top:                 -1px; /* Fixes the double bottom border with the #section_heading. */
    padding-left:               0.5rem;
    padding-right:              0.5rem;
}

/* The navigational links at the bottom of the News page. Overall style for all elements within. */
div[role="navigation"] {
    text-align:                 center;
    font-size:                  11pt;
    font-weight:                bold;
    font-family:                monospace;
    padding-top:                0rem;
    padding-bottom:             1rem;
}

/* The navigational links at the bottom of the News page. Just for the actual <a href> links. */
div[role="navigation"]>a, div[role="navigation"]>span.nolink {
    padding-left:               0.3rem;
}

/* The navigational label that says "News Page:" */
#bottom_nav_label {
    color:			#009900; /* nice green */
}