/* Modify these elements for a different highlight colour */
/* Main Red */
a { color: #991818;}
header h1 { color: #991818;}

/* Lighter "hover" red */
a:hover {color: #C40001;}

/* DO NOT MODIFY BELOW THIS LINE */
/* (unless you know what you are doing ;)) */

body { background: url("../img/bg.png"); border-top: 11px solid #333;}

.container { background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; }

header { padding-bottom: 15px; margin-bottom: 10px;}
header h1 { margin: 10px; margin-top: 35px;font-size: 3em; }
header .menu { float: right; margin-top: 40px; border-top: 1px solid #C9D1D3; border-bottom: 1px solid #C9D1D3; padding: 8px; }
header .menu a { margin-right: 10px; margin-left: 10px; }
header .tagline {  margin-left: 10px; }

.topstories .story img { border: 1px solid #333; padding: 3px; width: 290px; margin-bottom: 5px;}


.categories { background-color: #AAB1B3;  margin-top: 15px; margin-bottom: 15px; color: #333; text-align: center; font-size: 1.2em;}
.categories a { display: inline-block; color: #333; margin-right: 20px; margin-left: 20px; padding: 10px; }

h3 { line-height: 30px; margin: 2px;}
.tagline { color: #AAB1B3; }
p { text-align: justify;}

.longstory img { margin-bottom: 10px;}
.longstory .well { text-align: center;}


footer { background:url(/theme/assets/ico/sos.png); background-color: #AAB1B3; margin-top: 30px; padding-top: 10px; text-align: center; bottom: 0px; position: relative; }
footer .container { border-radius:3px; background:transparent;padding:0;}

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #content {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
        padding-top:20px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }