html {font-size:120%}

body {font: 50%  "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; color:#00000; text-align:center;}
* {margin:0px; padding:0px;}

a {text-decoration:none;}
img {border:0px;}
div#mainwrap {background-color:#B3B3B3; min-width:778px; max-width:960px; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left; border:1px solid black}

div#mainheader {position:relative; overflow:hidden}
div#headerlogo {background-color:#2B231C; height:61px; position:relative; margin:0 0 0 116px;}
div#headerlogo img {position:absolute; top:8px; right:8px;}
div#headerlogo img a:link {text-decoration: none;}
div#headerlogo img a:hover {text-decoration: none;}
div#headerlogo img A:visited {text-decoration: none;}
div#headerlogo img A:active {text-decoration: none;}


div#headersidebar {width:113px; height:61px; background-color:#2C231C; position:absolute; top:0px; left:0px;}

/* Navbar */
div#navbar {position:relative; z-index:1;}

* {margin:0; padding:0;}

* html div#links ul {
float:left;
border-right:1px solid #000;
margin-right:15px;
}

* html div#links ul li ul {
border-top:1px solid #000;
border-left:0px;
}

div#links {
background-color:#CC660B; position:relative; top:0px; right:0px; margin-left:116px;
border-top: solid 1px #DC872F; border-bottom: solid 1px #A85B0C; font-size:1.2em}

div#links ul{margin:0 0 0 0;
}

div#links li {
float:left;
position:relative;
list-style-type:none;
border-left:1px solid #000;
}

div#links li:first-child {border-left:0px solid #000;
}

div#links a {
display:block;
text-decoration:none;
padding:0 6px;
color:#000;}

div#links a:hover {
color:#fff;
}

body div#links ul li ul {display:none;}

div#links ul li:hover ul, div#links ul li ul:hover {display:block;}

div#links ul li ul {
position:absolute;
margin:0;
width:15em;
left:-1px;
}

div#links ul li ul li {
width:100%;
border-left:1px solid #000;
}

div#links ul li ul li a{
color:#000000;
}

div#links ul li ul li a:hover{
color:#CC660B;
}

div#links ul li ul li:first-child {border-left:1px solid #000;
}


div#navsidebar {background-color:#CC660B; width:113px; position:absolute; top:0px; left:0px;
border-top: solid 1px #DC872F; border-bottom: solid 1px #A85B0C; font-size:1.2em; color:#CC660B}
/* End navbar */

div#contentarea {position:relative; overflow:hidden; min-height:520px; text-align:center; background:url(http://www.madphotodesign.com/images/content-background_white.gif) repeat-y top left;}

div#column1 { background-color:#ffffff; position:relative; margin:0 0 0 116px; padding:15px 15px 0 37px; text-align:left}

div#mainsidebar {width:113px; background-color:#6F6052; position:absolute; top:0px; left:0px;}

div#mainsidebar img {padding:20px 0;}

div#mainfooter {min-width:778px; max-width:960px; margin-left:auto; margin-right:auto; text-align:right; color:#000000; font-size: 0.8em}

/* Alsett Clearing Method */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

<!-- end of mad style -->



a:link {
  color:#666;
  text-decoration:none;
  }
a:visited {
  color:#666;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:none;
  }
a img {
  border-width:0;
  }


/* header
----------------------------------------------- */
@media all {
  #header {
    width:660px;
    margin:0px 10px 0px;
    border:0px solid #ccc;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#blog-title {
  margin:0;
  padding:0px;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:2.4em;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:lowercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.2em;
  color:#999;
  }

/* Content
----------------------------------------------- */
@media all {
  #content {
    width:auto;
    margin:0 10px;
    padding-right:0px;
    text-align:left;
    }
  #main {
    width:410px;
    float:left;
    padding-right:10px;
    }
  #sidebar {
    width:220px;
    float:right;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:2.0em;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  font:1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:1.0em;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:1.0em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* sidebar Content
----------------------------------------------- */
#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:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.1em;
  }


/* footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:lowercase;
  letter-spacing:.1em;
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }