/* 
Title:     24-7 blog styles
Author:    steve@divinemass.com 24/02/09

Index:
(N) 1.  blog index
(N) 2.  blog view
*/

/* 1. blog index
---------------------------------------------------------- */

#blog h1.mainTitle {
	width: 149px;
	height: 35px;
	background-image: url(title_blog.png);
	margin-bottom: 1em;
}

#blog dl {
 float: left;
 margin: 0;
 padding: 0 0 15px 0;
 width: 685px; }

#blog dt {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
 text-align: center; }

#blog dd {
 margin: 0 0 0 95px;
 padding: 0;
 width: 590px; }

#blog h1 {
 margin-top: 0;
 padding: 0;
 color: #000; }

#blog h1 span.nameanddate {
 white-space: nowrap; }

#blog h1 span.date {
 color: #999; }

#blog .date {
 margin: 0 0 1em 0;
 padding: 0;
 font-weight: bold;
 color: #777; }

#blog .postbody img { margin: 0.5em !important; }
#blog .postbody img[align="left"] { margin-left: 0em !important; }
#blog .postbody img[align="right"] { margin-right: 0em !important; }
#blog .postbody p img:first-child { margin-top: 0.25em !important; }

/* 2. blog view
---------------------------------------------------------- */

#blog a.biolink {
 color: #999;
 text-decoration: none; }

#blog a.biolink:hover {
 text-decoration: underline; }

#blog-links {
 white-space: nowrap;
 overflow: hidden;
 margin: 0 0 1.3em 0;
 padding: 0; }

#blog-links li {
 display: inline;
 padding: 2px 20px 2px 18px;
 line-height: 2em;
 list-style: none; }

#blog-links .index {
 background: url(index-icon.gif) no-repeat 0 5px; }

#social-bookmarks {
 margin: 0 0 1.3em 0;
 padding: 0; }

#social-bookmarks li {
 display: inline;
 padding: 2px 20px 2px 20px;
 line-height: 2em;
 list-style: none; }

#social-bookmarks .label {
 padding-left: 0; }

#social-bookmarks .delicious {
 background: url(delicious-icon.gif) no-repeat 0 2px; }

#social-bookmarks .digg {
 background: url(digg-icon.gif) no-repeat 0 2px; }

#social-bookmarks .reddit {
 background: url(reddit-icon.gif) no-repeat 0 2px; }

#social-bookmarks .facebook {
 background: url(facebook-icon.gif) no-repeat 0 2px; }

#social-bookmarks .stumbleupon {
 background: url(stumbleupon-icon.gif) no-repeat 0 2px; }