*{
	margin : 0;
	padding : 0;
	font-family : Arial;
}
html,body{
	overflow:hidden;
	height : 100%;

}
h1{
	background : #CCC;
	font-size : 150%;
	padding : 0.3em;
	border-bottom : 1px solid #888;
	float:left;
}
.left{
	z-index : 2;
	position : absolute;
	left : 0;
	width  : 252px;
	border-left : 1px solid #FFF;
	border-right : 1px solid #FFF;
}
.right{
	margin-left: 250px;
	border-left : 3px solid #CCF;
	height : 600px;
	overflow : auto;
	padding : 0;
}
#content{
	padding : 1em;
	width:95%;
}

ul{
	margin : 0;
	padding : 0;
	margin-left : 5px;
	border-top: 1px solid #CCF;
}

li{
	height : 50px;
	font-size : 80%;
	overflow : hidden;
	border-bottom: 1px solid #CCF;
	/*border-right : 3px solid #CCF;*/
	list-style : none;
	cursor : pointer;
	padding : 4px 4px 4px 8px;
}
li.selected{
/*	margin-left : -3px;*/
	border: 3px solid #CCF;
	border-right : 3px solid #FFF;
	height : 47px;
}
div h2{
	font-size : 100%;
	padding : 4px;
	color : #444;
}
#rollbox{
	z-index : 10;
	position : absolute;
	width : 250px;
	height : 590px;
	overflow : hidden;
	/*background : #CCC;*/
}
#rollbox ul{
}
#searchbox{
/*	display : none;*/

	padding : 4px 10px 1em 4px;
	font-size: 11px;
}

input{
	width : 50%;
	color : #999;
	padding : 2px 0px 2px 19px;
	border  : 1px solid #7b9ebd;
	background : #FFF;
}

#lens{
	position : absolute;
	z-index : 3;
	width : 247px;
}
#toolbox{
	background : #CCF;
	padding-left : 4px;
	margin-left : 4px;
}
#toolbox button{
	border : none;
	font-size : 80%;
	background : #CCF;
	padding : 2px;
	margin-left : 4px;
}
#content h2{
	font-size : 130%;
	margin-bottom : 0.5em;
	padding : 1px;
	border-bottom : 3px double #000;
}
.entry{
	padding : 0.5em
}
.entry h3{
	border : 1px solid #888;
	border-left : 4px solid #888;
	padding : 3px 3px 3px 7px;
}
.entry pre,code{
	border : 1px dotted #888;
	padding : 0.5em;
	font-family : monospace;
	font-size : 90%;
}
.entry blockquote{
	border : 1px dashed #888;
	border-left : 4px solid #888;
	padding : 0.5em;
}

code{
	display : block;
}


/*#roll_list li { background: #FFFFCC; list-style-type: decimal;}*/


iframe.detailframe{
  margin: 0;
  padding: 0;
  height:450px;
  border:0px;
  float: left;
  width: 95%;
}

.rsslist, .entrylist{width:300px;float:left;}
#list_type {width:600px; float:left;}
#stat {width:50px;float:left;}
#header {
	margin: 0;
	padding: 5px;
	border: 5px solid #ccc;
	background: #C0C0C0;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 50px;
}

#rssfunc { display:none;width:100%; height:300px; background:#FFFF00; border:1px dashed #FF9900; z-index:10; position : absolute;left:10px; top:55px; padding:10px}
#rssfunc input {
	width : auto;
	padding : 2px 0;
}

#respone {font:11px arial;color:#330000;width:100px; height:50px; background:#FF0000; border:1px dashed #FF9900; z-index:10; position : absolute;left:90%; top:0px; padding:5px}

/* Animated throbber */
#loading2 {width:18px;margin-top:3px;}
#loading2.form-autocomplete {background: url('./i/throbber.gif') no-repeat 100% 2px;}
#loading2.throbbing {background-position: 100% -18px;}

input.form-autocomplete {background: url('./i/throbber.gif') no-repeat 100% 2px;}
input.throbbing {background-position: 100% -18px;}