body {
margin : 0;
padding : 0;
font : 90% "arial", verdana, sans-serif;
background : #C0A4E0;    /* darker gray */
color : #333333;    /* dark gray */
}
#container {
width : 980px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 4px solid #01adef;
background : #ffffff;
color : #333333;
}

/* header */

#topimg {
height : 218px;
padding : 0;
margin : 0;
background : #5C2D91 url(images/headersky2.jpg) no-repeat;
color : #5C2D91;
}
#topimg h1 {
float : left;
margin : 10px 0 0 15px;
font-size : 130%;
letter-spacing: 3px;
color : #ffffff;
background : #7C3FC1;
}

/* main body */

/* unvisited link */
a:link {
    color: #E4D9F1;
}

/* visited link */
a:visited {
    color: #E2D4F2;
}

/* mouse over link */
a:hover {
    color: #C0A4E0;
}

/* selected link */
a:active {
    color: #7C3FC1;
}

#content {
margin : 0 0 2px 239px;
padding : 50px;
border-left : 2px dashed #01adef;
background : inherit;
color : #333333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #0193C9;  /*lighter blue*/
}
#content a:hover {
background : inherit;
color : #C0A4E0;    /* blue */)
}

/* top nav */

#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 0px 0;
font-size : 95%;
border-top : 1px solid #C0A4E0;  /* bright blue */
border-bottom : 1px solid #C0A4E0;
background : #7C3FC1;     /*was 417c2c green   was 1b567b blue*/
color : #F6FF00;     /* yellow */
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #F6FF00;
background : #7C3FC1;     /* darker blue */
color : #F6FF00;    /*text yellow */
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #2D89C3;    /* medium blue */
color : #ffffff;
}

/* sidebar */

#sidebar {
float : left;
width : 229px;
margin : 0 0 0 0;
padding : 1px;
background : #5C2D91;    /* med dark blue 1b567b */
color : #333333;
}
			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}

/* footer */

#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 70%;
border-top : 1px solid #ffffff;
color : #000000;    /* black */
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #000000;
}
#footer a:hover {
border-bottom : 1px dashed #eeeeee;   /* very light gray */
background: inherit;
color : #333333;
}

/* typography */

p {
  margin-bottom: 0
  margin-top: 0
  }
p {
text-align:justify;
text-justify:inter-word;
line-height: 1.2em;
margin : 15px;

p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }

/* whitespace between paragraphs stb (small thematic break), mtb (medium) and ltb (large) */
}


h1 {
margin-top : 10px;
padding : 0;
font-size : 150%;
letter-spacing: 2px;
color : #C0A4E0;
background : inherit;
}

h2 {
margin : 10px 0 0 10px;
padding-left : 30px;
font-size : 120%;
/* text-transform : uppercase;*/
letter-spacing : 4px;
color : #ffffff;
background : #2D89C3;       /* was green */
}

h3 {
margin-top : 6px;
padding : 0;
font-size : 110%;
letter-spacing: 2px;
color : #C0A4E0;
background : #ffffff;
}

h4 {
margin-top : 10px;
padding : 0;
font-size : 130%;
letter-spacing: 2px;
color : #DF2321;
background : inherit;
}

h5 {
margin : 2px 0 0 2px;
padding : 0;
font-size : 110%;
letter-spacing: 2px;
color : #C0A4E0;
background : inherit;
}

img
{  border-style: hidden;
}

/* classes */

.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : hidden;
}
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;   /* dark beige */
font-size : 90%;
} 

blockquote {
color : #D10216     /* #b29235 gold */
 }



.back-to-top {
    position: fixed;
    bottom: 200em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: #E2F5FA;
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {
    background-color: #BFE7F3;
}