/*
-----------------------------------------------------
Blogger Template Style
Name: Snapshot: Madder
Designer: Dave Shea
URL: mezzoblue.com / brightcreative.com
Date: 27 Feb 2004
------------------------------------------------------ */
/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #474B4E; background: #fff; text-align: center;}
a {color: #A50063; font-weight: bold; text-decoration: none;}
a:visited {color: #D6A0B6;}
a:hover {text-decoration: underline; color: #FD0570;}
h1 {margin: 0; color: #7B8186; font-size: 1.5em; text-transform: lowercase;}
h1 a {color: #7B8186;}
h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #7B8186; background: transparent url(http://www.blogblog.com/snapshot/bg-header1.gif) bottom right no-repeat; padding-bottom: 3px;}
@media all {
h3 {
font-size: 1em;
margin: 2em 0 0 0;
background:transparent url(http://www.blogblog.com/snapshot/bg-header1.gif) bottom right no-repeat;
padding-bottom: 2px;
}
}
@media handheld {
h3 {
background:none;
}
}
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #7B8186;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}
/* -- layout -- */
@media all {
#content {
color:black;
width: 700px;
margin: 0 auto;
text-align: left;
background: !#fff url(http://www.blogblog.com/snapshot/bg-body.gif) 0 0 repeat-y;}
}
#header {
background: #E0E0E0;url(http://www.blogblog.com/snapshot/bg-headerdiv.gif) 0 0 repeat-y;
}
#header div {
background: !transparent url(http://www.blogblog.com/snapshot/header-01.gif) bottom left no-repeat;
}
#main {
line-height: 1;
float: left;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 428px;
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 404px;
}
}
@media handheld {
#content {
width: 90%;
}
#header {
background: #D8DADC;
}
#header div {
background: none;
}
#main {
float: none;
width: 100%;
}
}
/* IE5 hack */
#main {}
@media all {
#sidebar {
margin-left: 428px;
border-top: solid 1px #fff;
padding: 5px 0 0 8px;
background: #fff url(http://www.blogblog.com/snapshot/bg-sidebar.gif) 1px 0 no-repeat;
}
#footer {
clear: both;
background: #E9EAEB url(http://www.blogblog.com/snapshot/bg-footer.gif) bottom left no-repeat;
border-top: solid 1px #fff;
}
}
@media handheld {
#sidebar {
margin: 0 0 0 0;
background: #fff;
}
#footer {
background: #E9EAEB;
}
}
/* -- header style -- */
#header h1 {text-align:center; color:navy; padding: 12px 0 92px 4px; width: 700px; line-height:10pt;}
/* -- content area style -- */
#main {line-height: 1.4;}
h3.post-title {font-size: 1.2em; margin-bottom: 0;}
h3.post-title a {color: #D8DADC;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #B4BABE; font-style: normal; float: left;}
.post-footer {text-align: right;}
.comment-link {margin-left:.6em;}
#main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}
/* -- sidebar style -- */
@media all {
#sidebar #description {
border: !solid 1px #BFBFBF;
padding: 10px 17px;
color:white;
background: #FFD1BC url(http://www.blogblog.com/snapshot/bg-profile.gif);
font-size: 1.2em;
font-weight: bold;
line-height: 0.9;
margin: 0 0 0 -6px;
}
}
@media handheld {
#sidebar #description {
background: #E0E0E0;
}
}
#sidebar h2 {font-size: 1.3em; margin: 1.3em 0 0.5em 0;}
#sidebar dl {margin: 0 0 10px 0;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {padding-bottom: 5px; line-height: 0.9;}
#profile-container {color: #7B8186;}
#profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;}
.archive-list {margin-bottom: 2em;}
#powered-by {margin: 10px auto 20px auto;}
#profile-container h2.sidebar-title {display:none;}
/* -- sidebar style -- */
#footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;}
#footer hr {display: none;}
Photo summary of Bush's State of the Union