body { background:#999; margin:0; padding:40px 20px; text-align:center; font: small "trebuchet ms", sans-serif; }
  
.class1 A:link { 
  color: #f9f; 
  font-size: 100%; 
  text-decoration: none; 
  }
.class1 A:visited { color: #f9f; text-decoration: none
   }
.class1 A:active { color: #f9f; font-weight: bold; text-decoration: none
   }
.class1 A:hover {
  color: #fcf; 
  text-decoration: none; 
  }

.class2 A:link { color: #333; font-weight: bold; text-decoration: none; }
.class2 A:visited { color: #333; text-decoration: none
   }
.class2 A:active { color: #333; text-decoration: none
   }
.class2 A:hover {
  color: #ccc; 
  text-decoration: none; 
  }
/* Header

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

@media all {

  #header {

    width:700px;

    margin:5px auto;

    border:solid 0 #ccc;

    }

  }

@media handheld {

  #header {

    width:90%;

    }
}
#header-title { margin:5px 5px 0; padding:20px 20px 0.25em; border-width:0 0 0; font-size:200%; line-height:1.2em; font-weight:normal; color:#fc3; letter-spacing:0.2em; border-color: #eee; border-style: solid;;

  }

#blog-title a {

  color:#666;

  text-decoration:none;

  }

#blog-title a:hover {

  color:#c60;

  }

#description {

  margin:0 5px 5px;

  padding:0 20px 20px;

  border:0px solid #eee;

  border-width:0 0px 0px;

  max-width:700px;

  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;

  letter-spacing:.2em;

  color:#58a;

  }



/* Content

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

@media all {
	#content { width:700px; padding:0; text-align:left; margin: 0 0 0 50px !important; }
	#main { text-align: center; width:430px; float:left; margin-top: 5px; margin-right: 20px; }
    #sidebar { width:200px; float:right; }

  }
@media handheld {

  #content {

    width:90%;

    }

  #main {

    width:100%;

    float:none;

    }

  #sidebar {

    width:100%;

    float:none;

    }
}
/* Headings

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

h2 {

  margin:1.5em 0 0.75em;

  font:85%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;

  text-transform:uppercase;

  letter-spacing:0.1em;

  color:#eee;

  }
  
h3 { margin:0.5em 0 0.75em; font:70%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; letter-spacing:0.1em; color:#eee; text-align: center; }
  
h4 { margin:0.5em 1.5em 0.75em 2em; font:70%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; letter-spacing:0.1em; color:#333; text-align: left; }

h5 { margin:0.5em 0 0.75em; font:60%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; letter-spacing:0.1em; color:#333; text-align: center; }

h6 { color: #666; margin:0; padding-top:15px; font:70%/1.6em "trebuchet ms", Trebuchet, Verdana, Sans-serif; text-decoration: none; text-transform:lowercase; letter-spacing:0.1em; }

/* Main Content

----------------------------------------------- */
#main { text-align: center; width:400px; float:left; margin-top: 5px; margin-right: 10px; margin-left: 25px; }

#main p { color:#ddd; font-size: 100%; line-height:1.5em; text-align: center; }


/* Sidebar Content

----------------------------------------------- */
#sidebar { width:265px; float:right; margin-top: 60px; }

#sidebar ul {

  margin:0 0 1.5em;

  padding:0 0 1.5em;

  border-bottom:1px dotted #ccc;

  list-style:none;

  }

#sidebar li {

  margin:0;

  padding:0 0 .25em 15px;

  text-indent:-15px;

  line-height:1.5em;

  }

#sidebar p { color:#333; font-size: 80%; line-height:1.5em; }
/* Footer

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

#footer { width:265px; float: right; clear:both; margin:0 auto; }

#footer hr {

  display:none;

  }

#footer p { color: #666; margin:0; padding-top:15px; font:70%/1.6em "trebuchet ms", Trebuchet, Verdana, Sans-serif; text-decoration: none; text-transform:lowercase; letter-spacing:0.1em; }