/*  ---------------------------------------------------------
	Heroxeon Css Style
	---------------------------------------------------------  */
   
/*  ---------------------------------------------------------
	Beas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	.cn/*,.en*/ {display:none;}
	* {
		margin:0;
		padding:0;}

	body {
		font-size:12px;
		color:#ccc;
		line-height:130%;
		font-family:Tahoma, Arial;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/bg.png) repeat-x top;
		background-color:#1F2729 !important;
		background-color:#171e20;}

	img,form,fieldset {
		border:0;}
	
	a {
		color:#ccc;
		text-decoration:none;}
	
	a:hover {
		color:#c63;
		text-decoration:none;}

	#wrap {
		width:950px;
		margin:auto;}

	#inner {}
	
	.main-width {
		width:699px;}
	
	.main-width1 {
		width:704px;}
	
	.side-width {
		width:246px;}
	
	h3 {
		font-size:14px;
		color:#fff;}
	
	h4 {
		font-size:12px;}
	
	h5 {
		font-size:10px;}
	
	.time {
		font-size:10px;
		color:#369;}
	
	.CodeSamp {
		background:#1B3628;/*1D2432*/
		padding:5px;
		border-left:solid #151B22 4px;}


/*  ---------------------------------------------------------
	Blog Main
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#main {
		float:left;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/vline.png) repeat-y left #1f2729;}

	#main_inner {
		float:left;
		padding-left:5px;
		padding-bottom:58px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_bottom_bg.png) no-repeat bottom/* #1f2729*/;}
	
	#header {
		height:255px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/title_bg.png) no-repeat;}
	
	#logo {
		height:221px;
		margin:15px 0 0 16px;}
	
	#remark {
		display:none;}

	/* layout botton
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#layout {
		width:60px;
		float:right;}
	
	#layout ul {
		list-style:none;}
	
	#layout li {
		width:12px;
		height:18px;
		float:left;}
	
	#layout img {
		background-image:url(http://uic.edu.hk/~zihan/heroxeon/img/c_list.png);}
	
	.c_list_none img {
		background-position:0 0;}
	
	.c_list_block img {
		background-position:-12px 0;}
	
	.c_poster img {
		background-position:-24px 0;}
	
	.c_manage img {
		background-position:-36px 0;}

	/* Menu
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#menu {
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/menu_left.png) no-repeat left;}

	#menu, #menu div, #menu ul, #menu li {
		height:37px;}
	
	#menu_inner {
		width:699px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/menu_right.png) no-repeat right;}
	
	#menu ul {
		width:680px;
		padding-left:10px;
		list-style:none;}
	
	#menu li {
		width:20%;
		float:left;
		text-align:center;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/menu_bg.png) repeat-x 0 0 #ffa200;}
	
	#menu li div {
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/menu_pic.png) no-repeat right;}
	
	#menu li.menu_flash div {
		background:none;}
	
	#menu li img {
		margin:7px 0 8px 0;}
	
	#menu li a {
		display:block;}
	
	#menu li a:hover {
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/menu_bg.png) #ffda00;
		background-position:100% -37px;}
	
	.menu_home,.menu_diary,.menu_photo,.menu_gallery,.menu_flash {}
	



/*  ---------------------------------------------------------
	Log
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


	/* Normal Log
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	.normallog {}
	
	.logtitle {
		line-height:50px;
		padding:0 20px 20px 20px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_pic.png) no-repeat top;}
	
	.logtitle h3 span.time {
		float:right;}
	
	.text {
		padding:0 20px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_bg1.png) repeat-y;}
	
	.logother {
		color:#777;
		height:46px;
		padding:25px 30px 0 0;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_pic.png) no-repeat bottom;}
	
	.logother ul {
		float:right;
		list-style:none;}
	
	.logother li {
		padding:0 3px;
		float:left;
		line-height:46px;}
	
	.logother li a {
		color:#777;}


	/* Photo Log
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#photolog-header {
		height:20px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_pic.png);
		background-position:100% -49px;}

	#photolog-footer {
		height:22px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_pic.png);
		background-position:100% -72px;}

	.photolog {
		padding:0 20px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_bg1.png) repeat-y #22252c;}


	/* Detail Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	.detail .logtitle {
		text-align:center;}
	
	.detail .time{
		font-size:12px;}
	
	.text .time {
		width:100%;
		padding-bottom:10px;
		text-align:center;}

	/* Pagenav
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#pagenav {
		padding:5px 10px;
		background-color:#1f2429 !important;
		background-color:#181c21;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_bg.png) repeat-y;}

	#pagenav a {
		color:#555b62;
		padding:0 4px;
		/*margin-right:1px;*/
		border:solid #14171c 1px;
		background-color:#1c2025;}

	#pagenav a:hover {
		color:#815e5e;
		border:solid #000 1px;}

	#pagenav input {
		color:#b8c5d5;
		border:solid #14171c 1px;
		background-color:#555b62;}




/*  ---------------------------------------------------------
	Comments
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	#comments {
		background-color:#1f2429 !important;
		background-color:#181c21;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_bg.png) repeat-y;}
	
	#comments_inner {
		padding-bottom:5px;}

	#commentshead {
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_bottom_bg.png) no-repeat -5px 0;}
	
	h3#commentshead {
		padding-left:20px;
		line-height:40px;}
	
	.a_comment,.a_comment_over {
		width:95%;
		margin:5px auto;
		padding:0;
		background-color:#1c2025;}
	
	.a_comment {
		color:#555b62;
		border:solid #14171c 1px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/comment_top.gif) repeat-x top;}
	
	.a_comment_over {
		color:#767c82;
		border:solid #000 1px;}
	
	.a_comment_inner {}
	
	.a_comment_inner h4 {
		color:#615252;
		padding-left:50px;
		line-height:21px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/pic_01.png) no-repeat 10px 0;}
	
	.a_comment_inner h4 a {
		color:#555b62;}
	
	.a_comment_inner h4 span {
		margin-right:10px;
		float:right;}
	
	.a_comment_inner div h5 {
		float:right;}
	
	.a_comment_inner {}
	
	#comments form {
		width:90%;
		margin:auto;}
	
	#comments form input {}
	
	#comments form fieldset {
		width:350px;}

	.a_comment .info {
		height:40px;}

	.a_comment .logolink {
		margin-right:5px;
		float:left;}

	.a_comment .logolink img {
		width:40px;
		height:40px;
		padding:1px;
		border:solid #14171c 1px;
		border-width:0 1px 1px 0;
		background:#1c2025;}

	a.a_comment .logolink {
		margin:7px;}

	.a_comment .info .authorname {
		color:#615252;
		font-size:12px;
		font-weight:bold;
		padding-top:2px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/pic_01.png) no-repeat 10px 0;}

	.a_comment .info .authorname a {
		color:#615252;
		padding:2px 0 2px 50px;}

	.a_comment .info span {
		display:block;
		color:#444;
		font-size:11px;
		font-family:Arial;
		margin:-15px 2px 0 0;
		float:right;}

	.a_comment .info .homepage {
		width:90px;
		margin:3px -90px 0 0;
		float:right;
		font-size:11px;
		font-family:Verdana;}

	.a_comment .info .homepage b {
		margin:0 0 0 5px;
		color:#666;}

	.a_comment .content {
		margin:-10px 0 0 50px;
		line-height:20px;}

	.a_comment .recontent {
		color:#1d4556;
		border-left:#13181c solid 5px;
		margin:10px 10px 10px 50px;
		padding:4px 8px;
		background:#161a1f;}
	.a_comment .recontent h6 {
		display:none;}


	/* Comments form
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	.cf {
		width:100%;
		margin:0;
		border:0;
		background-color:#1f2429 !important;
		background-color:#181c21;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/main_container_bg.png) repeat-y;}

	.cf h4 {
		color:#666;
		margin:0;
		padding:10px;
		font-size:14px;
		font-weight:normal;}

	.cf table {
		width:95%;
		margin:5px auto;
		border:#000 solid 1px;
		background:#1E2628;}

	.cf table td {
		color:#666;
		padding:5px;}

	.cf .cf_submit {
		width:95%;
		margin:5px auto;
		text-align:center;
		background:#1B2123;}

	.cf .cf_submit input {
		padding:3px 5px 0px 5px;}

	.cf input,.cf textarea {
		background:#1B2123;
		color:#999;
		border:#000 solid 1px;}

	.cf .cbox {
		border:0;}

	.cf .cfcolt {}
	


/*  ---------------------------------------------------------
	Side Bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	#sidebar {
		float:left;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/vline.png) repeat-y right #1f2729;}

	#sidebar ul {
		padding:0 15px;
		list-style:none;}

	#sidebar li {}

	#sidebar li a {
		padding:5px 0 5px 18px;
		display:block;
		border-bottom:dashed #2e343a 1px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/pic_li_01.png) no-repeat 3px 3px;}

	#sidebar li a:hover {
		background-color:#12161a;}

	#sidebar_inner {
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/sidebar_main_bg.png) repeat-y left;}
	
	.sidesub h3 {
		background-image:url(http://uic.edu.hk/~zihan/heroxeon/img/sidebar_bg.png);}
	
	/* calendar */
	#calendar {
		text-align:center;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/sidebar_main_bg1.png) repeat-y;}
	
	#calendar table {
		width:212px;
		margin:auto;}
	
	#calendar h3 {
		line-height:32px;
		background-position:0 0;}
	
	#calendar td {
		padding:0 3px;}

	/* highlight */
	#highlight {}
	
	#highlight h3 {
		line-height:60px;
		background-position:0 -34px;}

	/* comment */
	#comment {}
	
	#comment h3 {
		line-height:38px;
		background-position:0 -94px;}
	
	#comment ul {}

	#comment ul span {
		color:#804040;
		/*display:none;*/}

	/* links */
	#links {
		height:350px;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/link_bg.png) no-repeat;}
	
	#links h3 {
		line-height:45px;
		background:none;
		background-position:0 0;}
	
	#links ul {
		width:212px;
		list-style:url() none;}

	#links li a {
		padding-left:20px;
		border-bottom:none;
		background:none;}

	/* guestbook */
	#guestbook {
		padding-bottom:4px;
		text-align:center;}
	
	#guestbook h3 {
		line-height:38px;
		margin-bottom:4px;
		background-position:0 -132px;}
	
	#guestbook iframe {
		border:#ababab 1px solid;}

	/* total */
	#total {}
	
	#total h3 {
		line-height:44px;
		background-position:0 -170px;}
	
	#total ul {
		margin:5px;
		list-style:url() none;}

	#total li {
		padding-left:30px;}

	/* total */
	#other {
		height:110px;
		text-align:center;
		background:url(http://uic.edu.hk/~zihan/heroxeon/img/sidebar_bg.png) no-repeat bottom;}
	
	#other h3 {
		line-height:23px;
		background-image:none;}