Work

/* Cleaned CSS: */

 

 

 body {

  background-color: #bad2f6;

 

  text-align: center;

  color: #032b4a;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  margin: 20px 0 20px 0;

  }

 

 a, a:link, a:visited {

  color: #7fa1d5;

  text-decoration: none;

  }

 

 a:hover {

  color: #000000;

  text-decoration: underline;

  }

 

 p, td, blockquote {

     font-size: 11px;

  }

 

 code, kbd, pre, tt {

     font-family: monospace;

  }

 

 #content

 {  

  width: 80%;

  margin-left: auto; margin-right: auto;  

  background-color: #335288;

  border-width: 1px;

  border-style: solid;

  border-color: #d4e2f8;

  padding: 15px;

 }

 

  #maincontent {  

  margin-top: 15px;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  background-color: #213659;

  color: #032b4a;

  border-style: solid;

  border-color: #d4e2f8;

  border-width: 1px;

  margin-right: 180px;

  text-align: left;

  }

 

 #sidebar {

 

  padding-top: 15px;

  margin-top: 15px;

  background-color: #213659;

  border-color: #d4e2f8;

  border-width: 1px;

  border-style: solid;

   font-size: 11px;

  font-family: "Verdana", sans-serif;

   color: #7fa1d5;

  width: 160px;

  float: right;

  text-align: left;

  }

 

 #header {

  width: 100%;

  padding: 10px 0px 20px 0px;

  margin: 0px;

  text-align: center;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  font-weight: bold;

  letter-spacing: 2px;

  border-style: solid;

  border-color: #d4e2f8;

  border-width: 1px;

  background-color: #213659;

  color: #f0ef8e;

  }

 

 #footer {  

  width: 100%;

  text-align: center;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  font-weight: bold;

  letter-spacing: 1px;

  background-color: #213659;

  color: #f0ef8e;

  border-color: #d4e2f8;

  border-width: 1px;

  border-style: solid;

  z-index: 100;

  clear: both;

  }

 

 /* header -- links to views; title of journal; subtitle of journal */

 

 div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {

  color: #7fa1d5;

 }

 

 div#header a:hover, div#footer a:hover {

  color: #ffffff;

  text-decoration: none;

 }

 

 ul.navheader

  {

  padding: 0px;

  margin: 0px;

  }

 

 ul.navheader li {

  display: inline;  

  padding: 0 3px 0 3px;

  }

 

 .title {

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  font-weight: normal;

  line-height: 200%;

  top: 10px;

  }

 

 .subtitle{

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  font-weight: normal;

  top: 10px;

  }

 

 

 /* sidebar */

  

 div#sidebar a, div#sidebar a:link, div#sidebar a:visited{

  color: #f0ef8e;

 }

 

 div#sidebar a:hover {

  color: #000000;

  text-decoration: none;

 }

 

 .defaultuserpic {

  text-align: center;

  }

 

 .sbarheader {

  padding: 0px 5px 0px 5px;

  }

 

 .sbarbody {

  padding: 0px 5px 0px 5px; 

  }

 

 .sbarbody2 {

  padding: 0 15px 0 15px;

 }

  

 table.calendar {

  margin-right: auto;

  margin-left: auto;

  }

 

 .sbarcalendar {

  border-color: #032b4a;

  border-width: 1px;

  border-style: solid;

  text-align: center;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  }

 

 .sbarcalendarposts {

  border-color:  #032b4a;

  border-width: 1px;

  border-style: solid;

  background-color: #bad2f6;

  text-align: center;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  }

 

 ul.sbarlist

 {

  padding-left: 0px;

  margin-left: 0px;

  list-style: none;

 }

 

 li.sbaritem

 {

  padding-left: 15px;

  list-style: none; 

 }

 

 li.sbartitle

 {

  padding-left: 15px;

  list-style: none; 

  border-style: solid;

  border-width: 1px;

  border-color: #d4e2f8;

  background-color: #f0ef8e;

  margin-bottom: 10px;

  margin-top: 10px;

 }

 

 

 /* maincontent */

 

 .subcontent {

 }

 

 .entry {

  margin: 0px 10px 10px 30px;

  padding: 10px;

  background-color: #bad2f6;

  color: #213659;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  text-align: left;

  border-width: 1px;

  border-color: #f0ef8e;

  border-style: solid;

  }

 

 .entry ul li

  {

  padding-left: 5px;

  margin-left: 15px;

  }

 

   .entry ol li

  {

  padding-left: 5px;

  margin-left: 15px;

  }

 

 .userpic {

  position: relative;

  float: left;

  background-color: #bad2f6;

  padding: 5px;

  margin: 10px;

  z-index: 15;

  border-width: 1px;

  border-color: #f0ef8e;

  border-style: solid;

  }

 

 .userpicfriends {

  position: relative;

  float: left;

  padding: 5px;

  margin: 10px;

  text-align: center;

  border-style: solid;

  border-width: 1px;

  border-color: #f0ef8e;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  z-index: 15;

  }

 

 .date {

  line-height: 200%;

  top: 5px;

  color: #032b4a;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  }

 

 .subject { 

  font-weight: bold;

  padding: 10px;

  color: #032b4a;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  }

 

 .subject a, .subject a:link, .subject a:visited {

  color: #335288;

  }

 

 .subject a:hover {

  color: #7fa1d5;

  }

 

 .datesubject {   

  background-color: #f0ef8e;

  padding: 5px;

  }

 

 .currents, .currentmood, .currentmusic {

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  }

 

 .comments {

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  text-align: right;

  background-color: #f0ef8e;

  padding: 0px 5px 0px 5px;

  position: relative;

  top: 15px;

  }

 

 div.comments a, div.comments a:link, div.comments a:visited{

  color: #335288;

 }

 

 div.comments a:hover {

  color: #7fa1d5;

  text-decoration: none;

 }

 

 

 /* maincontent -- entry, reply pages */

 

 .datesubjectcomment {  

   background-color: #f0ef8e;

   padding: 5px;

   margin-top: 20px;

   }

 

 .userpiccomment {

  position: relative;

  border-width: 5px;

  border-style: solid;

  border-color: #bad2f6;

  background-color: #bad2f6;

  top: -30px;

  left: 0px;

  padding: 5px;

  margin: 10px 10px -20px 10px;

  z-index: 15;

  float: left;

  border-width: 1px;

  border-color: #f0ef8e;

  border-style: solid;

  }

 

 .box {

  border-style: solid;

  border-width: 1px 0px 0px 0px;

  border-color: #d4e2f8;

  padding: 10px;

  clear: left;

  }

 

 input, textarea {

  background-color: #bad2f6;

  color: #213659;

  }

 

 textarea.textbox  {

       width: 100% !important;

     }

 

 .reply {

  position: relative;

  margin: 20px 30px 10px 30px;

  padding: 25px 10px 10px 10px;

  text-align: left;

  font-family: "Verdana", sans-serif;

  font-size: 11px;

  line-height: 125%;

  background-color: #bad2f6;

  color: #213659;

  }

 

 .replytosubject {

  font-weight: bold;

  }

  

 

 .commentreply {

  position: relative;

  margin: 10px;

  font-size: 11px;

  font-family: "Verdana", sans-serif;

  color: #213659;

  }

 

 .commentbox {

 

  border-color: #d4e2f8;

  border-width: 1px;

  border-style: solid;

  padding: 10px;

  margin: 10px;

  background-color: #bad2f6;

  }

 

 .datesubjectcomment a:link, .datesubjectcomment a:visited {

  color: #335288;

  }

 

 .datesubjectcomment a:hover {

  color: #7fa1d5;

  }

 

 .commentboxpartial {

  border-color: #d4e2f8;

  border-width: 1px;

  border-style: solid;

  padding: 10px;

  margin: 10px;

  background-color: #bad2f6;

  }

 

 .commentinfo {

  background-color: #bad2f6;

  margin-top: 10px;

  width: 100%;

  }

  

 

 /* maincontent -- year/achive pages */

 

 ul.year {

  text-align: center;

  padding-bottom: 40px;

  }

 

 ul.year li {

  display: inline;

  }

 

 table.yeartable {

  margin-left: auto;

  margin-right: auto;

  }

 

 table.yeartable td.yeardate, table.yeartable td.yearday {

  border-width: 1px;

  border-style: solid;

  border-color: #d4e2f8;

  }

 

 table.yeartable td.yearday {

  background-color: #bad2f6;

  text-align: center;

  }

 

 td.yearmonth {

  border-style: none;

  }

 

 

 /* footer */

 

 ul.navfooter{

  padding: 0px;

  margin: 0px;

  }

 

 ul.navfooter li {

  display: inline;

  margin: 0 5px 0 5px;

  }

 

 

 .clearfoot { 

  clear: both;

  }

 

 

 /* misc */

  

 .clear { 

  height: 15px;

  }

 

 .skiplinks {

  text-align: center;

  }

 

 .headerimage {

  /* for formatting header image */

  }

 

 .separator{

  /* for formatting separators between entries */

  height: 35px;

 }