@import url("css.css");

/* Boxes ______________________ */
#header {
	margin-bottom: 20px;
	}
#content {
	float: left;
	width: 500px;
	clear: both;
	}
	.meta {
		margin: 0.3em 0 0.1em;
		}
		.meta .date {
			display: block;
			width: 45%;
			float: left;
			}
		.meta .comments {
			display: block;
			width: 45%;
			float: right;
			text-align: right;
			}
#sidebar {
	float: right;
	width: 250px;
	}


/* ARTICLES TXTING _______________ */
.meta {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #444;
	background: #F3F3F3;
	padding: 5px 10px;
	}
.article {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: medium double #c0c0c0;
	}	
.article p {
	margin-bottom: 1em;
	line-height: 1.7em;
	}
h1 {
	font-size: 2em;
	letter-spacing: -1px;
	line-height: 0.9em;
	margin-bottom: 0.5em;
	}
h2 {
	letter-spacing: -1px;
	line-height: 1em;
	margin: 1em 0 0.4em;
	font-size: 1.5em;
	}
.article img {
	border: 5px solid #444;
	}
	.authorbio {
	font-size: 0.9em;
	font-style: italic;
	color: #444;
	background: #F3F3F3;
	padding: 0.6em 1em;
	}

/* COMMENTS _______________ */
#comments {
	margin-bottom: 3em;
	}
	
	
/* SIDE _______________ */
#sidebar .meta {
	margin-bottom: 1em;
	}
#sidebar h1 {
	font: bold 1.1em Arial,Tahoma,Verdana;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: medium double #c0c0c0;
	}
#sidebar ul {
	margin: 0 2px 1em 0;
	}
	#sidebar li {
		background : url(../img/post.gif) no-repeat scroll 0 1px;
		padding: 0 0 5px 15px;
		}	
.flickr_badge_image img {
	border: 5px solid #B00;
	width: 240px;
	margin-bottom: 1em;
	}
	.flickr_badge_image a:hover img {
		border-color: #444;
		}