/* Copyright 2011 Ben Syverson. */

html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: black;
	text-align: center;
	background: white url('../images/chrome/blog-guides.gif') center center repeat-y;
}

html, body, div, img, small, a, ul, li, h1, h2, h3, img {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h3 {
	font-size: 100%;
	padding-left: 4px;
	padding-bottom: 2px;
	background: url('../images/chrome/blog-x.gif') bottom left no-repeat;
}

h3:hover { text-decoration: underline; }

a { color: black; }
a:hover { color: black; }

span { display: none; }

#top {
	height: 50px;
	background: url('../images/chrome/blog-x.gif') center center no-repeat;
	border-bottom: 1px solid black;
}

#top:hover, h2 a:hover {
	border-bottom: 1px solid #4f80ff;
}

h1 a, h2 a { background: url('../images/chrome/blog-titles.gif') no-repeat; margin-top: 10px;}
h1 a {
	width: 194px;
	height: 32px;
	background-position: -108px 0px;
	float: right;
	margin-right: 10px;
}

h2 a {
	width: 108px;
	height: 30px;
	background-position: top left;
	float: left;
	margin-left: 10px;
}



h1 a:hover {
	background-position: -305px 0px;
}

ul, ol  { list-style: none; margin: 0; padding: 0;}

li {
	width: 398px;
	margin: 40px auto 0 auto;
	text-align: justify;
	font-size: 90%;
	background: url('../images/chrome/blog-x.gif') center center no-repeat;
	font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	list-style: none;
	padding: 0;
	border: 1px solid black;
	position: relative;
}

li:hover {
	border: 1px solid #4f80ff;
	text-decoration: underline;
}

li:hover, #top:hover, h3:hover {
	background-image: url('../images/chrome/blog-what.gif');
}

li.highres {
	border: none;
	width: auto;
	text-align: center;
	margin: 40px auto 0 auto;
}


li.photo {
	margin: -2px auto 0px auto;
}

li.date {
	margin: 0 auto 0;
	border: 0;
	text-align:right;
	font-weight: bold;
	background-position: bottom right;
}

li.date a {
	text-decoration: none;
}

li li { border: none; background: none; margin: 0; }
li li:hover { border: none; background: none; }


.handle {
	display: none;
	width: 4px; height: 4px; border: 1px solid #4f80ff;
	background:white;
	position: absolute;
}


li:hover div.handle {
	display: block;
}

li:hover a, h3:hover {
	color: #4f80ff;
}

li.date {
	text-align: right;
	padding-right: 4px;
	padding-bottom: 2px;
}


.tl { top: -4px;	left: -4px; }
.tr { top: -4px;	right: -4px; }
.bl { bottom: -4px;	left: -4px; }
.br { bottom: -4px;	right: -4px; }
.cl { top: 50%; 	left: -4px; margin-top: -3px; }
.cr { top: 50%;		right: -4px; margin-top: -3px; }
.ct { top: -4px;		left: 50%; margin-left: -3px;}
.cb { bottom: -4px;	left: 50%; margin-left: -3px;}