@import "reset.css";

body{
	background: url(../img/body.jpg) top left repeat-x #fff;
	/*background: url(../img/baseline.png) top left #fff;*/
	color: #333;
	font: 75%/1.5em Lucida Grande, Verdana, sans-serif;
	}
html>body{
	font-size: 12px;
	}
h1{
	font: normal 4em/1.125em Tahoma, Geneva, sans-serif;
	}
h2{
	font: normal 2em/1.5em Tahoma, Geneva, sans-serif;
	}
h3{
	font: normal 1.6667em/1.8em Tahoma, Geneva, sans-serif;
	}
hr{
	display: none;
	 }
a{
	color: #c00;
	text-decoration: none;
	border-bottom: 1px dotted #c00;
	}
a:visited{
	color: #666;
	}
a:hover{
	color: #c00;
	border-bottom: 1px solid #c00;
	}
a:focus{
	color: #000;
	background: #efff69;
	border-bottom: 1px solid #c00;
	}

#wrap{
	position: relative;
	max-width: 105em;
	margin: 0 auto;
	padding: 1.5em;
	}

#connect{
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	}

#header h1{
	color: #cc0024;
	margin: 0 0 0.375em;
	}
#header h1 em{
	color: #666;
	font-style: normal;
	}
#header h1 a{
	color: #cc0024;
	border: 0;
	}
#header h1 a:hover{
	color: #666;
	}
#header h1 a:hover em{
	color: #cc0024;
	}
#header h1 a:hover em:after, #header h1 a:focus em:after{
	content: '\21D3';
	}

#nav{
	margin: 0 0 1.5em;
	}
#nav li{
	display: inline;
	}
#nav li a{
	color: #333;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
	border: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3333em;
	line-height: 0.8em;
	}
#nav li.selected a{
	color: #B40025;
	border-bottom: 2px solid #B40025;
	}
#nav li a:hover{
	color: #B40025;
	border-bottom: 2px dotted #B40025;
	}

#content{
	width: 66.6666%;
	float: left;
	}
#content #latest{
	background: url(../img/latest.jpg) top left repeat-x #660014;
	color: #fff;
	padding: 1.5em;
	margin: 0 0.75em 1.5em 0;
	}
#content #latest h2 a{
	color: #fff;
	border-bottom: 1px dotted #fff;
	}
#content #latest h2 a:hover, #content #latest h2 a:focus{
	border-bottom: 1px solid #fff;
	background: transparent;
	}
#content #latest h2 a:focus{
	background: #c00;
	}
#content #latest p{
	font-size: 1.3333em; 
	line-height: 1.125em;
	}
#content #latest p.date{
	font-size: 1em;
	line-height: 1.5em;
	}
#content #previously .item{
	width: 33.3%;
	float: left;
	}
#content #previously h2{
	font-size: 1em;
	}
#content #previously h3{
	line-height: 0.9em;
	}
#content #previously h3 a{
	}
#content #previously h3 a:hover{
	text-decoration: underline;
	}
#content #previously .item h3{
	margin-right: 0.5em;
	}
#content #previously .item p{
	margin-right: 0.9em;
	}
#content #previously p.date{
	font-size: 0.8333em;
	line-height: 1.8em;
	}
#content #previously p.more{
	clear: both;
	}
#content #article, #content #archives{
	padding: 0 0.75em 0 0;
	}
#content #article h1, #content #archives h1{
	font-size: 3em;
	line-height: 1em;
	color: #cc0024;
	}
#content #article h2{
	margin: 0;
	}
#content #article h3{
	margin: 0;
	}
#content p.about{
	font-size: 0.8333em;
	line-height: 1.8em;
	margin: 0 0 1.8em;
	}
#content #article blockquote p{
	font-size: 1.3333em;
	line-height: 1.125em;
	font-family: Trebuchet MS;
	font-style: italic;
	margin: 0 0 0 1.125em;
	}
#content #article ul, #content #article ol, #content #article p, #content #article blockquote, #content #archives p{
	margin: 0 0 1.5em;
	}
#content #archives p.about{
	margin: 0;
	}
#content #article ul{
	list-style: square;
	margin-left: 3.1em;
	}
#content #article ul ul{
	list-style: disc;
	margin-bottom: 0;
	}
#content #article ul ul ul{
	list-style: circle;
	}
#content #article ol{
	list-style: decimal;
	margin-left: 3.1em;
	}
#content #article li{
	padding: 0 0 0 1em;
	}
#content #article em{
	font-family: Georgia;
	font-size: 1.0833em; /* 13px */ line-height: 1.2308em; /* 18px */
	font-style: italic;
	}
#content #article strong{
	font-family: Trebuchet MS;
	font-size: 1.0833em; /* 13px */ line-height: 1.2308em; /* 18px */
	font-weight: bold;
	}
#content #article img{
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	}
#content #article img.figure-b{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
	}

/****** SHARE ******/
#content #share{
	margin: 0 0.75em 1.5em 0;
	border: 1px solid #ccc;
	padding: 0.6667em;
	}
#content #share h2{
	font-size: 1.3333em; 
	line-height: 1.125em;
	}
#content #share ul li{
	display: inline;
	padding: 0 0.5em 0 0;
	}

/****** COMMENTS ******/
#content #comments{
	padding: 0 0.75em 0 0;
	}
#content #comments h2{
	color: #cc0024;
	}
#content #comments ol{
	border-top: 1px solid #ccc;
	margin: 0 0 1.5em;
	}
#content #comments li{
	border-bottom: 1px solid #ccc;
	padding: 1.4167em 1.5em 0;
	}
#content #comments li.author{
	background: #FFD9CC;
	}
#content #comments .about{
	color: #676767;
	font-size: 0.8333em;
	line-height: 1.8em;
	margin: 0 0 1.8em;
	width: 25%;
	float: left;
	}
#content #comments .about em{
	display: block;
	color: #333;
	font-size: 1.2em;
	line-height: 1.5em; 
	font-style: normal;
	}
#content #comments .about span{
	display: none;
	}
#content #comments .comment{
	float: right;
	width: 75%
	}
#content #comments .comment p{
	margin: 0 0 1.5em;
	}
#content #comments form{
	background: #e5e5e5;
	/*background: url(../img/baseline.png) top left #fff;*/
	padding: 1.5em;
	margin: 0 0 1.5em;
	}
#content #comments form p{
	margin: 0 0 1.5em;
	}
#content #comments form dd{
	margin: 0 0 1.5em;
	}
#content #comments form input.text,
#content #article form input.text{
	width: 40%;
	color: #333;
	height: 1em;
	padding: 0.4167em;
	margin: 0.5em 0;
	font-size: 1em;
	border: 1px solid #ccc;
	}
#content #comments form input.button,
#content #article form input.button{
	color: #fff;
	height: 3em;
	padding: 0 1.5em;
	margin: -0.1667em 0 0;
	font-size: 1em;
	font-weight: bold;
	border: 0;
	background: #660014;
	cursor: pointer;
	}
#content #comments form input.button.secondary{
	background: #666;
	}
#content #comments form input.button:hover, #content #comments form input.button:focus,
#content #article form input.button:hover, #content #article form input.button:focus{
	background: #cc0024;
	}
#content #comments form textarea{
	width: 75%;
	height: 15em;
	border: 1px solid #ccc;
	color: #333;
	padding: 0.4167em;
	margin: 0.5em 0 0;
	font: 1em/1.5em Lucida Grande, Verdana, sans-serif;
	}
#content #comments form input.text:focus, #content #comments form textarea:focus,
#content #article form input.text:focus, #content #article form textarea:focus
{
	border: 1px solid #cc0024;
	}
#content #comments form em{
	color: #c00;
	font-style: normal;
	}

em.hint{
	font-style: normal;
	display: block;
	font-size: 0.8em;
	margin: -1.5em 0 0;
	}
strong.oops{
	color: #555;
	font-weight: normal;
	display: block;
	font-size: 0.8em;
	}
img.bad, img.ok{
	float: none;
	padding: 0 0 0 0.5em;
	}

#sidebar{
	width: 33.3334%;
	float: right;
	}
#sidebar #about, #sidebar #tumble{
	margin: 0 0 1.5em 0.75em;
	}
#sidebar #tumble dt{
	font-size: 1.3333em;
	line-height: 1.125em;
	}
#sidebar #about p{
	margin: 0 0 1.5em;
	}
p.more{
	line-height: 3em;
	}

#footer{
	clear: both;
	font-size: 0.8333em; 
	line-height: 1.8em; 
	margin-top: 1.8em; 
	}

.feed {
	padding: 0 0 0 15px;
	background: url("/img/feed.png") no-repeat 0 50%;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */