@charset "utf-8";

html * {
	-moz-box-sizing: border-box;
	margin: 0; padding: 0;
}
				
body {
	line-height: 150%;
	background-color: #fff;
	color: #000033;
	font-family: verdana,Osaka,"MS UI ƒSƒVƒbƒN",sans-serif;
	letter-spacing: 0.7px;
}

a {
	text-decoration: none;
	border: 1px dotted transparent;
}
a:visited {
	color: #537986;
}
a:hover {
	color: #000080;
}
a:active {
	border: 1px dotted #cccccc;
}

/* header */

#rss-header {
	padding: 10px 3%;
	border-bottom: 1px solid #000080;
	background-color: #f0f8ff;
}

#rss-title{
	font-size: 140%;
	line-height: 1.8;
}

#rss-title a:hover{
	background-color: inherit ;
}

#rss-desc {
	font-size: 90%;
	padding: 0 0 0 20px;
}

/* item-top */

div.item {
	margin: 10px 3%;
	border-bottom: #ccc solid 1px;
}

h2.item-title,
div.item-pubDate,
div.item-technorati{
	display: inline;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 80%;
	margin: 0 5px;
}

h2.item-title a{
	font-size: 110%;
}

h2.item-title:hover{
	background-color: #f0f0f0; 
}

span.item-ordinal:before{
	content: "No";
}

div.item-technorati{
	text-align: right;
}

/* item-description */

div.item-desc{
	position: absolute;
	font-size: 85%;
	z-index: 1;
	visibility: hidden;
	margin: -5px 2% 0 7%; padding: 5px 20px;
	background: #fff;
}

h2.item-title:hover + div.item-desc,
div.item:hover > div.item-desc:hover{
	visibility: visible;
	border: 3px outset #cccccc;
	-moz-border-radius: 10px;
}

h2.item-title:hover + div.item-desc:before,
h2.item-title + div.item-desc:hover:before {
	content: "Description";
	font-weight: bold;
	margin-right: 10px;
}

img {
	max-width: 100%;
	height: auto;
}