body { background: #000e22;
color: #ffffff; font-family: verdana, sans-serif;
/*     font-size: 80%;*/
}

a         {color: #FFFFFF; text-decoration: none}
a:visited {color: #FFFFFF;}
a:hover   {color: #CCCCCC;}

.banner {
    background: #001F33 url(http://www.fermit.org.uk/~awr/photo_album/photo_album/banner.jpg) no-repeat left top;;
    margin: 0ex 1ex 1ex 0ex;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 0ex 2ex 0ex 0ex;
}
.banner h2 {
    text-align:right;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 12pt;
}


.menu {
    min-height: 30ex;
    background: #001F33;
/*    color: inherit;*/
/*    margin-left: 1ex;*/
    padding-bottom: 0.5ex;
    width: 20ex;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
}
.menu h3 {
    text-align: center;
/*  font-size: 70%;*/
    font-weight: normal;
    background-color: #002F4C;
}

.menu img {
    margin: 1ex 1ex 1ex 1ex;
    min-height: 100px;
    border-width: 1px 1px 1px 1px;
    border-color: white;
    border-style: dotted;
}

.mainmenu {
/*    font-size: 90%;*/
    min-height: 61ex;
    /* background: #6666ff url(back.png) no-repeat top right;*/
  background: #111177 url(banner.jpg) no-repeat top right;
    background: #001F33;
/*    color: inherit; */
    margin: 0ex 1ex 1ex 0ex;
    border-color: white;
    border-style: solid;
    padding: 0ex 0ex 0ex 0ex; 
    border-width: 1px 1px 1px 1px;
}

.main {
/*    font-size: 90%;*/
    min-height: 61ex;
    /* background: #6666ff url(back.png) no-repeat top right;*/
/*  background: #111177 url(fade2.jpg) no-repeat top right;*/
    background: #001F33;
/*    color: inherit; */
    margin: 1ex 1ex 0ex 22ex;
    border-color: white;
    border-style: solid;
    padding: 1ex 1ex 0ex; 
    border-width: 1px 1px 1px 1px;
}
.title {
/*  font-size: 80%;*/
    font-weight: bold;
    background: #001F33;
    color: white;
    padding: 0ex;
    margin-left: 1ex;
    margin-right: 1ex;
}
.title a {
color: #FFFFFF; text-decoration: none
}
.date {
/*  font-size: 80%;*/
color: #FF9900;
    text-align: right;
    font-weight: normal;
/*    background: #5555bb;*/
    padding: 0ex 1ex 0ex 0ex;
    margin-right: 3ex;
}
.permalink {
/*  font-size: 80%;*/
color: #FF9900;
    text-align: right;
    font-weight: normal;
/*    background: #5555bb;*/
    padding: 0ex 1ex 0ex 0ex;
    margin-right: 3ex;
}
.main dt {
    background: #002F4C;
}
.main dd {
    padding: 1ex 0ex 1ex 0ex;
     text-align: justify;
}
.main p {
    padding: 0ex 4ex 0ex 4ex;
}
.main h4 {
    background: #002F4C;
    font-weight: normal;
}
.main h5 {
    background: #002F4C;
    font-weight: normal;
}
.main h6 {
    margin-left: 4ex;
}
.blog {
    padding: 1ex 0ex 0ex 0ex;
/*  font-size: 10pt;*/
    background: #001F33;
/*    margin-left: 2ex;*/
/*    margin-right: 2ex;*/
    min-height: 10ex; 
/*  margin: 1ex 1ex 2ex 1ex;*/
    margin-bottom: 1ex;
    border-width: 0px 0px 1px 0px;
    border-color: white;
/*  border-style: dotted;*/
    border-style: solid;
/*  border-color: yellow;
    border-style: solid;
    border-width: 2px 2px 2px 2px;*/
}
.blog p {
/*  padding: 0ex 4ex 0ex 4ex;*/
}
.blog a {
    text-decoration: none;
}
/*.blog a:hover {
    text-decoration: underline;
    color: #ffff99;
}*/

.blog blockquote {
    text-align: justify;
    padding: 0ex 4ex 0ex 4ex;
}

.blog li {
/*  margin: 0ex 8ex 0ex 4ex;*/
    text-align: justify;
    margin-right: 8ex;
    margin-left: 4ex;
}

.blog h4 {
    margin-left: 4ex;
    font-size: 100%;
    font-weight: bold;
    background-color: #001F33;
}

.blog pre {
    padding: 0ex 4ex 0ex 6ex;
}

.commentsummary {
    text-align: right;
    margin: 0ex 4ex 1ex 4ex;
}

.album {
    margin: 1ex 1ex 1ex 1ex;
    background-color: #002F4C;
    min-height: 100px;
    border-width: 1px 1px 1px 1px;
    border-color: white;
    border-style: solid;
    padding: 1ex 1ex 1ex 1ex;
}

.album h1 {
    font-size: 100%;
    font-weight: bold;
}

.album p {
    padding: 0ex;
}

.album img {
    margin: 1ex 1ex 1ex 1ex;
    min-height: 100px;
    border-width: 1px 1px 1px 1px;
    border-color: white;
    border-style: dotted;    
}

.album a {
    text-align:right;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 12pt;
}

.float-left {
    float: left;
    text-align: left;
}

.float-right {
    float: right;
    text-align: left;
}


.albumwarning {
color: #ffcccc;
       font-weight: bold;
}

.commentheader {
    padding: 0ex 4ex 0ex 4ex;
    background-color: #002F4C;
}
.gravatar {
    padding: 1ex 4ex 1ex 4ex;
    background-color: #002F4C; 
    text-align: right;
}
.commenttext {
    padding: 1ex 4ex 1ex 4ex;
    background-color: #002F4C; 
    text-align: justify;
}
.commentdate {
/*  font-size: 80%;*/
color: #FF9900;
    background-color: #002F4C; 
    text-align: right;
    font-weight: normal;
/*    background: #5555bb;*/
    padding: 0ex 4ex 0ex 0ex;
}

.navlink {
    text-align: center;
/*  font-size: 10pt;*/
}

.archives {
    border-style: dotted;
    border-color: white;
    border-width: 1px;
    background-color: #001F33;
    padding: 0ex 0ex 1ex 0ex;
    margin: 1ex 12ex 1ex 12ex;
/*  font-size: 10pt;*/
}

.archives h4 {
/*  font-size: 80%;*/
    font-weight: bold;
    background: #002F4C;
    color: white;
    padding: 0ex 1ex 0ex 1ex;
    margin: 0ex;
}
.music {
color: #ffddff;
       font-style: italic;
       border-style: dotted;
       border-color: white;
       border-width: 0px 0px 1px 0px;

}
.music p {
    text-align: right;
}
b.code {
    color: #ffffcc;
    font-family: monospace;
/*  font-size: 80%;*/
}

.archives p {
padding: 0ex 2ex 0ex 2ex;
}

.license {
    padding: 2ex 5ex 0ex 5ex;
    font-size: 70%;
    text-align: center;
}

p         {text-align: justify}