@CHARSET "UTF-8";

body.front #content {
	padding: 150px 180px;
}

.blog-item .title h2 a {
	text-decoration: none;
}

ul.tags, 
ul.tags li {
	display: inline;
	margin-right: .2em;
}

.blog-item .title .datestamp {
	display: block;
	margin-top: -.2em;
	font-size: .8em;
	color: #aaa;
}

.blog-item .meta {
	position: relative;
	padding-top: 1.5em;
}

.blog-item .meta div {
	line-height: 16px;
	padding-top: 10px;
	background: transparent url(/img/bable/dotted-divider.png) no-repeat 50% 0;
}

.blog-item .meta div.addthis_toolbox {
	background: transparent;
	position: absolute;
	top: 1.5em;
	right: 40px;
	text-align: right;
	/*width: 200px;*/
	vertical-align: middle;
}
.blog-item .meta div.addthis_toolbox div {
	background: transparent;
}
.front #content .addthis_toolbox a {
	position: relative;
	z-index: 2000; 
}
.front #content .addthis_toolbox a:hover {
	padding: 0 2px;
	margin: 0;
	background: transparent;
	border: none;
}


/**
 *=ARCHIVES
 */
#archives {
	position: relative;
	z-index: 1500;
	height: 257px;
	overflow: hidden;
	font-size: .85em;
	background: transparent url(/img/bg-archives.png) no-repeat 0 0;
}

#archives h2 {
	padding: 18px 26px .5em;
}

#archives ul {
	margin: 0 18px 0 26px;
	height: 179px;
	width: 140px;	
	overflow: auto;
}

#archives ul ul {
	height: auto;
	overflow: visible;
}

#arch-list .year {
	position: relative;
	display: block;
	margin-bottom: .4em;
}

#arch-list li {
	width: 100px;
	overflow: hidden;	
}

#arch-list li a {
	color: #606261;
	text-decoration: none;
}

#arch-list li a:hover {	
	background: #A1DEEB;
	color: #2C2B30;
}

#arch-list ul {
	margin: 0;
	margin-left: .4em;
	font-size: .95em;
}

#arch-list ul li {
	padding: .2em 0;	
}

#arch-list ul a {
	padding: 2px 4px;
}

#arch-list ul a:hover {
	color: #000;
	background: #A1DEEB;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

/**
 *=TAGS 
 */

#tags {
	
	position: relative;
	z-index: 1500;
	background: transparent url(/img/bg-tags.png) no-repeat 0 0;
	background: transparent;
	text-align: center;
}

#tags h2 {
	position: absolute;
	left: -9999px;
}

#tags ul {
	padding: 1em 0;
	line-height: 1.3em;
}

#tags li a {
	text-decoration: none;
	color: #606261;
}

#tags li a:hover {
	background: #A1DEEB;
	color: #2C2B30;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	padding: 2px 4px;
	margin-right: -4px;
	margin-left: -4px;
	z-index: 20000;
}

.t1 {font-size: .8em;}
.t2 {font-size: 1.0em;}
.t3 {font-size: 1.3em;}
.t4 {font-size: 1.5em;}
