body {
  background-color: #f1f1f1;
}

/* ----------------Container is fixed width with white background --------------*/
#container
{
  width:940px;
  margin:20px auto;
  background-color: white;
  padding: 20px;
}

/*----------------------- Header styling ------------------------------------*/
.header
{
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 30px;
  height: 200px;
}

/* ----------------------------Content styling--------------------------------- */
.content
{
  float:left;
  width:700px;
  padding: 30px 20px 0 20px;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}


/* ---------------------------------- Main nav styling ------------------------------- */
#mainnav   /* White text on black background, with some padding so that text isn't crowded*/
{
  background-color: black;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 2px 0;
}
	
#mainnav ul   /* Move links away from LH side, remove bullet points */
{
  margin: 0 0 0 20px;
  padding: 5px 0 5px 0;
  list-style-type: none;
}
	
#mainnav li   
{
  display: inline;
  padding: 0 10px;
}
	
#mainnav li a      /* Make navigation links off-white  */
{
  color: #aaa;
  text-decoration: none;
}
 
#mainnav li a:hover
{
  color: white;
}

#mainnav li a.current
{
  color: white;
}

/* ---------------------------------- Sidebar styling ------------------------------- */  

#sidebar
{
  float:right;
  width:200px;
  padding: 30px 0 0 0;
  margin-bottom: 20px;
}

#sidebar a
{
  color: #0066cc;
  text-decoration: none;
  font-size: 14px;
}

#sidebar a:hover
{
  color: red;
  text-decoration: underline;
}

em.menu
{
  color: red;
  font-style: normal;
}

.sidebar-title
{
  font-weight: bold;
  text-decoration: underline;
}

#sidebar .date
{
  font-size: 12px;
}


/* ---------------------------------- Footer styling ------------------------------- */

#footer {
    clear:both;
    border-top: 2px solid #000;
    padding-top: 15px;
    font-style: italic;
    font-size: 14px;
    color: #888888;
}

/* ---------------------------------------------------------------- */  


h2 {
  font-family: arial, sans-serif;
  font-size: 20px;
}

h3.diary_date
{
  font-size: 16px;
  margin-bottom: -15px;
  margin-top: 30px;
}

/* ----------------------Styling for inserted floating images ---------------- */ 

img.right{
  border: 0px none ;
  margin: 10px;
  float: right;
}

img.left{
  border: 0px none ;
  margin: 10px;
  float: left;
}