@charset "utf-8";
@import url("base.css");
@media all {
rex\:lbtn, rex\:rbtn { cursor:pointer; padding:1px 1px 1px 2px; font:lighter 10px 'ms mincho'; margin:0 4px 0 0;}
}

* { color:#666; font-size:11px;}

/* ##################### */
/*      left styles      */
/* ##################### */

#left { position:absolute; top:0; left:0; height:100%; width:38.2%; background:#1C1C1C; z-index:2;}
	
	/* #left a { color:#666;} /* ##### */
	/* #left a:visited { color:666;} /* ##### */
	/* #left a:hover { color:#0ff;} /* ##### */
	/* #left a:active { color:#f6c;} /* ##### */
	
	#menu { margin:24px 0 0 0; padding:0 20px 0;}
		* html #menu a { display:none;}
		#menu a[title] { cursor:pointer; padding:1px 1px 2px 2px; font:lighter 10px 'ms mincho'; margin:0 4px 0 0; background:#666; color:#000;}
		/* #menu a[title]:hover { background:#0ff;} /* ##### */
		/* #menu a[title]:active { background:#f6c;} /* ##### */

	#content { margin:20px 0 0 0; padding:0 20px 0;}
	* html #content { margin:16px 0 0 0;}
		#content dt { margin:0; padding:0; width:100%;}
			#content dt a { width:100%; display:block; padding:0; font-size:11px; background:#1C1fC1C; text-transform:capitalize;}
			/* #content dt a:hover { color:#0ff; border-right:2px #0ff solid;} /* ##### */
		#content dd { background:#1C1C1C;}
			#content dd p.sp { height:14px; margin:0;}
			#content dd h4 { margin:0 0 15px 10px; font:bold 9px verdana; text-transform:capitalize;}
				#content dd h4 * { font:bold 9px verdana;}
				#content dd h4 a { display:block; border-right:2px #484646 solid;}
					#content dd h4 a:hover { border-right:2px #f6f solid;}
					#content dd * a:hover { color:#f6f;}
			#content dd p { margin:0 15px 15px 10px;}
			#content dd ol { margin:0 0 15px 27px; padding:0;}
			* html #content dd ol { margin-left:32px;}
				#content dd ol li { padding:0;}
			#content dd ul { margin:0 0 15px 11px; padding:0; list-style-type:none;}
			* html #content dd ul { margin-left:11px;}
				#content dd ul li { padding:0;}
				
			#content .cn {}
				#content .cn li a { font:lighter 10px 'ms mincho';}
				
	#copyright { margin:0; font-size:10px; text-transform:uppercase; line-height:16px; padding:15px 20px 0;}
		#copyright * { font-size:10px;}
		#copyright img { vertical-align:middle;}

/* ##################### */
/*      right styles     */
/* ##################### */

#right_bg { position:absolute; top:0; right:0; height:100%; width:61.8%; z-index:10;}
	/* #right_bg[title] { background:url(../images/right_bg.jpg) #1C1C1C repeat-y left;} /* ##### */
	/* * html #right_bg { filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF669999,endColorStr=#FF1C1C1C,GradientType=1);} /* ##### */
#right_img { position:absolute; top:0; right:0; height:100%; width:61.8%; z-index:11; background:url(../images/ue_ui.gif) no-repeat left bottom;}

#right { position:absolute; top:0; right:0; height:100%; width:61.8%; z-index:20; background-color:transparent;}

	/* #right a { color:#000;} /* ##### */
	/* #right a:visited { color:#000;} /* ##### */
	/* #right a:hover { color:#0ff;} /* ##### */
	/* #right a:active { color:#f6c;} /* ##### */
	
	#right p,#right h4,#right h3,#right h2,#right h1,#right ul,#right dl { margin:0; margin-bottom:15px; padding-left:25px;}
		
	#right * { color:#1c1c1c;}
	#right h4 { font:bold 9px verdana;}
	#right a { padding:0 2px;}
	
	#sort { margin:24px 0 15px 0; padding-left:25px;}
		#sort a { cursor:pointer; padding:1px 1px 1px 2px; margin:0 4px 0 0; font:lighter 10px 'ms mincho'; background:#666; color:#fff;}
		#sort a#on { background:#f09; font-weight:bold;}
			#sort a:hover,#sort a#on:hover { background:#f90; color:#fff;}
	
	#seo { clear:both; margin-bottom:10px!important;}
		#seo * {  font:lighter 10px Arial;}
		#seo a:hover { background-color:#f90; color:#fff;}
	
	#path { margin-bottom:20px!important;}
		#path * { text-transform:capitalize; font-family:Arial;}
		#path a { font-size:10px;}
		#path #on { font:bold 14px verdana; padding:0 2px; position:relative; top:1px;}
			#path a:hover { background-color:#f90; color:#fff;}
	
	#right .feed { width:15px; height:9px; position:absolute; padding:0; margin:1px 0 0 3px; background:url(../blog/styles/default/images/rss.png); overflow:hidden;}
	
	#right .en { list-style-type:none; padding:0; margin-left:42px;}
		#right .en li { padding:0 0 0 10px; background:url(../images/dot_000.gif) no-repeat 0 4px;}
		#right .en a { font-size:9px;}
		#right .en a span { display:none;}
		#right .en a:hover { background-color:#f90; color:#fff;}
		#right .en a:hover span { display:block; color:#c1c1c1; font-family:Verdana; position:absolute; bottom:2px; right:6px; font-size:22px; font-weight:bold;}
	#right .cn { list-style-type:none; padding:0; margin-left:38px;}
		#right .cn li { clear:both;}
		#right .cn a { font:lighter 11px 'mingliu'; height:10px; overflow:hidden; display:block; float:left; padding:2px 0 2px 2px; clear:both;}
		#right .cn a:hover { background-color:#f90; color:#fff;}
		#right .cn a span { display:none;}
		#right .cn a:hover span { display:block; color:#c1c1c1; font-family:Verdana; position:absolute; bottom:2px; right:6px; font-size:22px; font-weight:bold;}
		
	#delicious-posts-songvision {}
		#delicious-posts-songvision ul { list-style-type:none;}
		#delicious-posts-songvision li { padding:0 0 0 10px; background:url(../images/dot_000.gif) no-repeat 0 5px; color:#999;}
			#delicious-posts-songvision a.delicious-link { font:lighter 11px Tahoma; color:#000;}
			#delicious-posts-songvision a.delicious-link:hover { background-color:#f90; color:#fff;}
			#delicious-posts-songvision a.delicious-tag { font:lighter 9px Tahoma; text-transform:lowercase; color:#000;} /* Verdana Tahoma Arial*/
			#delicious-posts-songvision a.delicious-tag:hover { background-color:#f90; color:#fff;}

#middle { position:absolute; top:0; left:38.2%; height:100%; margin:10px 0 0 -27px; width:55px; background:url(../images/logo.gif) no-repeat bottom; z-index:1;}

#divfade { z-index:3; visibility:visible; margin:0; width:150px;}
	#divfade li { list-style-type:none; line-height:16px;}
	#divfade a { width:100%; display:block; height:16px; overflow:hidden;}

#mask { width:100%; height:100%; position:absolute; background:url(/images/transparent _bg.gif); top:0; left:0; z-index:100;}

.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both;}