----------------------------------------------- */
body {
background:#aba;
margin:0;
padding:20px 10px;
text-align:center;
font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
color:#333;
font-size:small;
}
/* Page Structure (keeps original measurements) */
#content { width:740px; margin:0 auto; text-align:left; }
#main { width:485px; float:left; background:#fff url("https://resources.blogblog.com/blogblog/data/rounders/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000; font-size:97%; line-height:1.5em; }
#main2 { float:left; width:100%; background:url("https://resources.blogblog.com/blogblog/data/rounders/corners_main_top.gif") no-repeat left top; padding:10px 0 0; }
#main3 { background:url("https://resources.blogblog.com/blogblog/data/rounders/rails_main.gif") repeat-y; padding:0; }
#sidebar { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; }
/* Links */
a:link { color:#258; }
a:visited { color:#666; }
a:hover { color:#c63; }
a img { border-width:0; }
/* Header */
#header { background:#456 url("https://resources.blogblog.com/blogblog/data/rounders/corners_cap_top.gif") no-repeat left top; margin:0 0 0; padding:8px 0 0; color:#fff; }
#header div { background:url("https://resources.blogblog.com/blogblog/data/rounders/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; }
#blog-title { margin:0; padding:10px 30px 5px; font-size:200%; line-height:1.2em; }
#blog-title a { text-decoration:none; color:#fff; }
#description { margin:0; padding:5px 30px 10px; font-size:94%; line-height:1.5em; }
/* 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:1px dotted #bbb; border-width:1px 0; }
.post-title { margin:0; font-size:135%; line-height:1.5em; background:url("https://resources.blogblog.com/blogblog/data/rounders/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted #bbb; border-width:0 1px 1px; padding:2px 14px 2px 29px; color:#333; }
.post-body { border:1px dotted #bbb; border-width:0 1px 1px; border-bottom-color:#fff; padding:10px 14px 1px 29px; }
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; }
/* Comments */
#comments { margin:-25px 13px 0; border:1px dotted #ccc; border-width:0 1px 1px; padding:20px 0 15px 0; }
#comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #ccc; font-size:120%; line-height:1.4em; color:#333; }
.comment-data { background:url("https://resources.blogblog.com/blogblog/data/rounders/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; color:#666; }
/* Profile */
#profile-container { background:#cdc url("https://resources.blogblog.com/blogblog/data/rounders/corners_prof_bot.gif") no-repeat left bottom; margin:0 0 15px; padding:0 0 10px; color:#345; }
#profile-container h2 { background:url("https://resources.blogblog.com/blogblog/data/rounders/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; }
/* Sidebar boxes */
.box { background:#fff url("https://resources.blogblog.com/blogblog/data/rounders/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color:#666; }
.box2 { background:url("https://resources.blogblog.com/blogblog/data/rounders/corners_side_bot.gif") no-repeat left bottom; padding:0 13px 8px; }
.sidebar-title { margin:0; padding:0 0 .2em; border-bottom:1px dotted #9b9; font-size:115%; line-height:1.5em; color:#333; }
/* Footer */
#footer { clear:both; margin:0; padding:15px 0 0; }
#footer div { background:#456 url("https://resources.blogblog.com/blogblog/data/rounders/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:#fff; }
#footer div div { background:url("https://resources.blogblog.com/blogblog/data/rounders/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; }
#footer p { margin:0; }
/* Feeds */
#postfeeds { padding:0 15px 0; }
/* Responsive fallback (keeps original handheld rules) */
@media (max-width:600px) {
#content { width:90%; }
#main { width:100%; float:none; background:#fff; }
#main2 { float:none; background:none; }
#main3 { background:none; padding:0; }
#sidebar { width:100%; float:none; }
}
]]>
<data:blog.pageTitle/>