* {margin: 0; padding: 0; font-family: arial, tahoma, sans-serif;}
body {background: #f3f3f3; width: 100%;}
a {text-decoration: none;}
a:hover{text-decoration: underline;}
img {border-width: 0px;}
h1 h2 h3 h4 {letter-spacing:2px;}
h3 {font-size:1em;}

#header {
    height: 100px;
    background: #FFFFFF;
    border-bottom: 2px solid;
    border-color: #000;
    background-repeat: no-repeat;}
#header.headerimg1 {background-image:url('../img/header1.jpg');}
#header.headerimg2 {background-image:url('../img/header2.jpg');}
#header.headerimg3 {background-image:url('../img/header3.jpg');}
#header.headerimg4 {background-image:url('../img/header4.jpg');}
#header.headerimg5 {background-image:url('../img/header5.jpg');}
h1.headertxt {
    padding-top: 20px;
    height:40px;
    padding-left: 350px;
    color: #000;}
h2.headertxt {
    font-style: italic;
    margin-top: -15px;
    padding-left:500px;
    height: 30px;
    color: #999;}
#login-box {
    margin-top: -95px;
    margin-right:10px;
    padding: 0.2em;
    height: 1.5em;
    float: right;
    border: 1px dashed ;
    border-color: #000;}
.login-text {
    display: inline;}
.login-failed {
    display: inline;
    color: #810c0c;}
#login-box a:hover{text-decoration: underline;}
#menubar {
    width: 100%;
    display: block;
    padding-top:6px; 
    margin-bottom: -2px;
    text-align: center;}
.button {
    letter-spacing: 3px;
    color: #FFF;
    background: #939393;
    padding: 0.5em;
    margin-left: 0.5em;
    padding-bottom: 0;}
.button:hover {
    color: #000;
    background: #e1e1e1;
    text-decoration: none;}
a.active {
    color: #000;
    font-weight: bold;
    background: #e1e1e1;
    border-bottom: 2px solid;
    border-color: #e1e1e1;}
div.content-container {
 /*   background-repeat: no-repeat;
    background-image:url('../img/pencils.png');*/
    background: #e1e1e1; 
    padding-right: 5em;
    padding-top: 0.5em;
    padding-left: 5em;
    display:block;}
div.news-header {
    padding: 0.5em;
    background: #939393;
    color: white;
    border: 1px solid;
    border-bottom: 2px solid;
    border-color: #000;}
.news-avatar {
    margin: 5px 20px 20px 5px;
    float: left;
    border: 2px solid;
    border-color: #000;}
div.news-item {
    border: thin solid;
    border-color: #000000;
    background: #f3f3f3;
    color: #333333;
    font-size: 1em;
    margin-top: 2em;}
h2.news-title {
    color: #810c0c;}
.news-content {
    min-height: 5em;
    margin: 1em 3em 1em 3em;}
.content-container {
    padding-bottom: 2em;
    border-bottom: thin solid;
    border-color: #000;}
.gallery-box{
    margin-top: 0.5em;
    margin-right: -2em;
    margin-bottom:1em;
    margin-left:1em;
    color: #333;
    text-align: center;
    background: #939393;
    width: 250px;
    border: 3px solid;
    border-color: #000;
    float:right;}
.gallery-box-bigpic {
    margin-top:25px;}
.gallery-box-bigpic img, .gallery-box-smallpics img{
    border: 1px solid;
    border-color: #000;}
.gallery-box-smallpics {
    text-align: center;}
.bigpictitle {
    font-size:1.2em;}
.bigpicdesc {
    display: inline;
    font-style: italic;}
.smallpicsheader{
    padding-top:1em;}
.gallerybutton, .gallerybuttoncat{
    color: #FFF;
    display:block;
    width:100%;
    background:#939393;
    border-bottom: 1px solid;
    border-color: #000;
    letter-spacing:0.2em}
.gallerybutton {
    color: #333;
    background: #e1e1e1;
    border-top: 1px solid}
.gallery-box-bigpic img:hover, .gallery-box-smallpics img:hover{
    border: 1px solid;
    border-color: #DDD;}
.gallerybuttoncat:hover{
    background: #DDD;
    color: #333;
    text-decoration: none;}
.gallerybutton:hover{
    background: #f3f3f3;
    text-decoration: none;}
 
    /*Multi-functional message box*/
.infobox {
    margin: 2em;
    width: 60%;
    text-align: left;
    border: 2px solid;
    border-color: #333;}
.infobox h2{
    padding: 0.2em;
    padding-left: 1em;
    display:block;
    background:#939393;
    color:#810c0c;}
.infobox p{padding:1em;}
      
.footer {
    font-size: 0.8em;
    padding: 0.5em;
    text-align: center;
    width: 100%;}
p.foot {
    display:inline;}

/* Purely for the benefit of Mr. Kite.. Eh. I mean the About Me page */
#aboutmepic {
  float: left;
  margin: 1em;
  border: 1px solid;
  border-color: black; }