body{ margin: 0; font-family: verdana, sans-serif; font-size: small; text-align: center; background: #300000 url(/suzical/images/suzical/bg.gif) top left repeat-x; }

.clr { clear: both; margin: 0; height: 1px; overflow: hidden; }

.siteContainer { width: 900px; margin: 0 auto; border: solid #fff; border-width: 0 5px 5px 5px; }

.siteContainer .header { background: #4B0000 url(/suzical/images/suzical/header.gif) top right no-repeat; height: 260px; border-bottom: 5px solid #fff; padding: 1px 0 0 0 ;}
.siteContainer .header h1 { margin: 40px 20px 10px 20px; color: #fff; text-align: left; font-size: 220%; letter-spacing: 0.7em;}
.siteContainer .header h2 { margin: 0 20px; color: #fff; text-align: left; font-size: 90%; font-style: italic;}

.siteContainer .menu { border-bottom: 5px solid #fff; height: 25px; overflow: hidden; }
.siteContainer .menu ul { margin: 0; padding: 5px 0; }
.siteContainer .menu ul li { display: inline; margin: 0 10px; }
.siteContainer .menu ul li a { color: #fff; font-weight: bold; text-decoration: none;}

.siteContainer .content { padding: 1px 15px; background: #fff; border: 1px solid #300000; text-align: left; }

.siteContainer .blog-content { width: 75%; float: right; text-align: left; }
.siteContainer .blog-content textarea { width: 75%; }

.siteContainer ol#commentlist { margin: 1em 0; padding: 0; list-style: none;}
.siteContainer ol#commentlist li { border: 1px solid #ddd; padding: 3px; background: #eee; margin: 10px 0;}

.siteContainer .sidebar { width: 23%; float: left; text-align: left; margin: 0 2% 0 0; }
.siteContainer .sidebar ul { margin: 1em 0; padding: 0; list-style: none; }
.siteContainer .sidebar ul li { margin: 0.3em 0; padding: 0; }
.siteContainer .sidebar ul li.sub { padding: 10px 0 10px 32px; background: url(/suzical/images/suzical/feed-icon-28x28.png) center left no-repeat;}

h1 { font-size: 140%; color: #820000; } 
h2 { font-size: 120%; color: #820000; }

img.border { margin: 10px 40px; border: 2px solid #333; padding: 5px; background: #eee; }


.badges { margin: 50px 5px 20px 5px; text-align: center; }
.badges span{ margin: 5px; }

a img { border-width: 0px; }

.dquiz { margin: 15px 0; }
.dquiz .culmulative_score { border-color: #820000; border-style: solid; background: #eee;}
.dquiz .culmulative_score div { background-color:#820000; }
.dquiz form {}
.dquiz form p { font-size: 110%; color: #820000; }
.dquiz form label { font-weight: bold; }
.dquiz form .answers { margin: 15px 0; }
.dquiz form .answers label { display: block; margin: 5px 15px; font-weight: normal; }
.dquiz form .answers label input { margin: 0 10px 0 0; }

.dquiz textarea { width: 600px; height: 7em; }

#sewing-blogs { margin: 15px; table-layout: fixed; border-collapse: collapse;}
#sewing-blogs tr.blog { border: solid #bbb; border-width: 1px 0 0 0;}
#sewing-blogs tr th { color : #820000; }
#sewing-blogs tr th.rank { text-align: right;}
#sewing-blogs tr td.title { width: 640px; padding: 2px 5px; }
#sewing-blogs tr td.title a { color: #00b; }
#sewing-blogs tr td.description { color: #777; font-style: italic; padding: 2px 5px; font-size: 80%;}
#sewing-blogs tr td.rank { width: 180px; text-align: right; }