  <style type="text/css">

@font-face {
    font-family: "My Custom Font";
    src: url("Roboto-Regular.ttf") format("truetype");
}
.customfont {
    font-family: "My Custom Font", Verdana, Tahoma;
    font-size: 10px;
}
@font-face {
    font-family: "My Custom Font1";
    src: url("SFComicScriptShaded.ttf") format("truetype");
}
.customfont1 {
    font-family: "My Custom Font1", Verdana, Tahoma;
    font-size: 38px;
}
@font-face {
    font-family: "My Custom Font2";
    src: url("Roboto-Regular.ttf") format("truetype");
}
.customfont2 {
    font-family: "My Custom Font2", Verdana, Tahoma;
    font-size: 10px;
}
@font-face {
    font-family: "My Custom Font3";
    src: url("SFSpeedwaystar.ttf") format("truetype");
}
.customfont3 {
    font-family: "My Custom Font3", Verdana, Tahoma;
    font-size: 15px;
}

body {

  background:#fff;

  margin:0;

  padding:50px 50px;

  text-align:center;

  font:x-small/1.5em "Franklin Gothic medium",Verdana,Arial,Sans-serif;

  color:#333;

  font-size/* */:/**/small;

  font-size: /**/small;

  }



/* Page Structure

----------------------------------------------- */

/* The images which help create rounded corners depend on the 

   following widths and measurements. If you want to change 

   these measurements, the images will also need to change.

   */

@media all {

  #content {

    width:799px;

    margin:0 auto;

    text-align:left;

    }

  #main {

    /* width:485px; */

width:799px;


    float:left;

    background:#fff url("images/corners_main_botw.png") no-repeat left bottom;

    margin:35px 0 0;

    padding:0 0 15px;

    color:#666;

    font-size:97%;

    line-height:1.5em;

    }

  #main2 {

    float:left;

    width:100%;

    background:url("images/corners_main_topw1.png") no-repeat left top;

    padding:35px 0 0;

    }

  #main3 {

    background:url("images/rails_mainw.png") repeat-y;

    padding:0 0 0 0;

    }

  #sidebar {

    width:240px;

    float:right;

    margin:5px 0 0;

    font-size:97%;

    line-height:1.5em;

    }

  }

@media handheld {

  #content {

    width:90%;

    }

  #main {

    width:100%;

    float:none;

    

    }

  #main2 {

    float:none;

    background:none;

    }

  #main3 {

    background:none;

    padding:0;

    }

  #sidebar {

    width:100%;

    float:none;

    }

  }



/* Links

----------------------------------------------- */

a:link {

  color:#666;

  text-decoration:none;

  }

a:visited {

  color:#666;

text-decoration:none;

  }

a:hover {

  color:#c63;

text-decoration:underline;

  }

a img {

  border-width:0;

  }





/* Blog Header

----------------------------------------------- */

@media all {

  #header {

    background:#fff url("images/corners_cap_top.gif") no-repeat left top;

    margin:0 0 0;

    padding:5px 0 0;

    

    }

  #header div {

    background:url("images/corners_cap_bot.gif") no-repeat left bottom;

    padding:0 5px 5px;

    }

  }

@media handheld {

  #header {

    background:#456;

    }

  #header div {

    background:none;

    }

  }

#blog-title {

  margin:0;

  padding:10px 30px 5px;

  font-size:200%;

  line-height:1.2em;

  }

#blog-title a {

  text-decoration:none;

  color:#fff;

  }







/* Posts

----------------------------------------------- */

.date-header {

  margin:0 28px 0 43px;

  font-size:85%;

  line-height:2em;

  text-transform:uppercase;

  letter-spacing:.2em;

  color:#357;

  }

.post {

  margin:.3em 0 25px;

  padding:0 13px;

border:0px dotted #bbb;

  border-width:0px 0;

  }

.post-title {

  margin:0;

  font-size:135%;

  line-height:1.5em;

  background:url("images/icon_arrow.gif") no-repeat 10px .5em;

  display:block;

  border:0px dotted #bbb;

  border-width:0 0px 0px;

  padding:2px 14px 2px 29px;

  color:#333;

  }

a.title-link, .post-title strong {

  text-decoration:none;

  display:block;

  }

a.title-link:hover {

  background-color:#ded;

  color:#000;

  }

.post-body {

  border:0px dotted #bbb;

  border-width:0 0px 0px;

  border-bottom-color:#fff;

  padding:15px 30px 15px 30px;

  }

html>body .post-body {

  border-bottom-width:0;

  }

.post p {

  margin:0 0 .75em;

  }

p.post-footer {

  background:#ded;

  margin:0;

  padding:2px 14px 2px 29px;

  border:1px dotted #bbb;

  border-width:1px;

  border-bottom:1px solid #eee;

  font-size:100%;

  line-height:1.5em;

  color:#666;

  text-align:right;

  }

html>body p.post-footer {

  border-bottom-color:transparent;

  }

p.post-footer em {

  display:block;

  float:left;

  text-align:left;

  font-style:normal;

  }

a.comment-link {

  /* IE5.0/Win doesn't apply padding to inline elements,

     so we hide these two declarations from it */

  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;

  padding-left:14px;

  }

html>body a.comment-link {

  /* Respecified, for IE5/Mac's benefit */

  background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;

  padding-left:14px;

  }

.post img {

  margin:0 0 5px 0;

  padding:4px;

  border:0px solid #ccc;

  }

blockquote {

  margin:.75em 0;

  border:1px dotted #ccc;

  border-width:1px 0;

  padding:5px 15px;

  color:#666;

  }

.post blockquote p {

  margin:.5em 0;

  }









/* Profile

----------------------------------------------- */

@media all {

  #profile-container {

    background:#cdc url("images/corners_prof_bot.gif") no-repeat left bottom;

    margin:0 0 15px;

    padding:0 0 10px;

    color:#345;

    }

  #profile-container h2 {

    background:url("images/corners_prof_top.gif") no-repeat left top;

    padding:10px 15px .2em;

    margin:0;

    border-width:0;

    font-size:115%;

    line-height:1.5em;

    color:#234;

    }

  }

@media handheld {

  #profile-container {

    background:#cdc;

    }

  #profile-container h2 {

    background:none;

    }

  }

.profile-datablock {

  margin:0 15px .5em;

  border-top:1px dotted #aba;

  padding-top:8px;

  }

.profile-img {display:inline;}

.profile-img img {

  float:left;

  margin:0 10px 5px 0;

  border:4px solid #fff;

  }

.profile-data strong {

  display:block;

  }

#profile-container p {

  margin:0 15px .5em;

  }

#profile-container .profile-textblock {

  clear:left;

  }

#profile-container a {

  color:#258;

  }

.profile-link a {

  background:url("images/icon_profile.gif") no-repeat 0 .1em;

  padding-left:15px;

  font-weight:bold;

  }

ul.profile-datablock {

  list-style-type:none;

  }







/* Description

----------------------------------------------- */

#description {

  /* background:#f90 url('images/bg_desc_top.gif') no-repeat left top;*/

background:#a0c050 url('images/bg_desc_top.gif') no-repeat left top;

  color:#fff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:0; padding-right:0; padding-top:12px; padding-bottom:0

  }

#description p {

  background: url('images/bg_desc_bot.gif') no-repeat left bottom;

  margin:0;

  padding-left:0; padding-right:0; padding-top:0; padding-bottom:12px

  }

#description em {

  /* To remove the word next to the desription, delete the following background property */

  /* background: url('images/temp_no.gif') no-repeat left center;*/

background:  ;

  /* Keep everything below */

  display:block;

  text-transform:uppercase;

  letter-spacing:.1em;

  min-height:12px; font-style:normal; font-variant:normal; font-weight:bold; line-height:1.6em; font-size:75%; font-family:Arial, Verdana, Sans-serif; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0

  }

.postpage #description em {

  font-size:1px;

  line-height:1px;

  color:#8df;

  visibility:hidden;

  }







/* Sidebar Boxes

----------------------------------------------- */

@media all {

  .box {

    background:#fff url("images/corners_side_top.gif") no-repeat left top;

    margin:0 0 0px;

    padding:10 0 0;

    color:#666;

    }

  .box2 {

    background:url("images/corners_side_bot.gif") no-repeat left bottom;

    padding:0 0px 5px;

    }

.box3 {

    background:url("images/rails_side.gif") repeat-y;

    padding:3 5px 0px;

    }











  }

@media handheld {

  .box {

    background:#fff;

    }

  .box2 {

    background:none;

    }

  }

.sidebar-title {

  margin:0;

  padding:0 0 .2em;

  border-bottom:0px dotted #9b9;

  font-size:115%;

  line-height:1.5em;

  color:#333;

  }

.box ul {

  margin:.5em 0 1.25em;

  padding:0 0px;

  list-style:none;

  }

.box ul li {

  background:url("images/icon_arrow_sm.gif") no-repeat 2px .25em;

  margin:0;

  padding:0 0 3px 16px;

  margin-bottom:3px;

  border-bottom:1px dotted #eee;

  line-height:1.4em;

  }

.box p {

  margin:0 0 .6em;

  }





/* Footer

----------------------------------------------- */

#footer {

  clear:both;

  margin:0;

  padding:0px 0 0;



  }

@media all {

  #footer div {

    background:#fff url("images/corners_cap_top.gif") no-repeat left top;

    padding:0px 0 0;

    color:#fff;

    }

  #footer div div {

    background:url("images/corners_cap_bot.gif") no-repeat left top;

    padding:0 0px 0px;

    }

  }

@media handheld {

  #footer div {

    background:#456;

    }

  #footer div div {

    background:none;

    }

  }

#footer hr {display:none;}

#footer p {margin:0;}

#footer a {color:#fff;}

  </style>

  </style>