@charset "utf-8";
/*
Theme Name: U5
Theme URI: http://utombox.com
Description: This theme is form <a href="utombox.com">UtomBox.com</a>.
Version: 7.01
Author: Utom
Author URI: http://utombox.com
Modified By Hkysj 2008 04 18
*/


* { list-style:none; text-decoration:none; margin:0; padding:0;}

img{ border:0px;}

body { overflow:auto; background:#333; color:#fff; font:12px/150% "Lucida Grande",Hei, Arial, Helvetica, Verdana, sans-serif;}

h1,h2,h3,h4,h5,h6 { font-family:"Microsoft Yahei","微软雅黑",Hei,"华文细黑","黑体",SimHei,sans-serif;}

p,.entry ol,.entry ul { margin:0 0 1em;}
.entry strike{ text-decoration:line-through;}
.entry ol,.entry ul { padding:0 0 0 2em;}

input,textarea { background:#666; border:1px solid #999; font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color:#FFF; padding:2px;}

.sffocus{/*----for IE----*/
background:#ccc; border:1px solid #666; font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color:#000;}

input[type=text]:focus,textarea:focus {/*----for firefox......----*/
background:#ccc; border:1px solid #666; font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; color:#000;}

#wrapper { width:850px; background:#333 url("pinkimg/bg.png") repeat-y center center; margin:0 auto; padding:0 5px;}

#header { height:126px; position:relative;}
#header #searchform{ margin:16px 0 0 30px; padding:0; position:absolute; top:-16px; left:-1%; *top:-19px;}
#header .s{padding:5px 10px;width:148px;height:16px;border:none;background:transparent url("pinkimg/search.png") no-repeat center center;color:#666;}
#header .s_focus{padding:6px 10px 4px;width:148px;height:16px;border:none;background:transparent url("pinkimg/s_focus.png") no-repeat center center;color:#666;}
#header #searchsubmit{display:none;}
#header a.rss{ display:block; text-indent:-9999px; width:37px; height:26px; background:url(pinkimg/menu_rss.png) no-repeat; position:absolute; top:0px; left:22%;}

#navigation { height:26px; background:pink url("pinkimg/menu.png") repeat-x 0 0;}

#navigation ul { margin:0 0 0 38%;}

#navigation ul li { width:74px; height:22px; float:left; text-align:center; padding:4px 0 0;}

#navigation ul li a { width:74px; height:19px; display:block; color:#FFF; font-size:10px; line-height:19px; padding:3px 0 0;}
#navigation ul li a:hover{ color:#000;}
#navigation ul li.current_page_item a{ font-size:12px; background:transparent url("pinkimg/current_page_item.png") no-repeat 0 0;
color:#F69;}
#navigation ul li.current_page_item a:hover{ color:#F69;}
#navigation ul li.page_item a,#navigation ul li.admintab a{ font-size:12px;}

#headerimg { height:100px;}

#headerimg h1 a { background:transparent url("pinkimg/logo.png") no-repeat 0 0; position:absolute; width:850px; height:100px; overflow:hidden; text-indent:400px;line-height:200px;}

#headerimg h1 a em{ display:block; width:0px; height:0px; overflow:hidden;}

#headerimg .description { display:none;}

#box { padding:0 20px 20px;}

#content,#sidebar { float:left; display:inline; margin:0 20px 0 0;}

#content { width:675px; color:#888; overflow:hidden;}

#content2 { width:100%; color:#888;}

#content2 .post h2.post_title{ text-indent:1.5em; height:40px; padding-top:3px; background:url("pinkimg/titleIcon.png") no-repeat;}

#content2 .post .post_url{ color:#00a4ff;}

#content3 { float:left; width:675px; overflow:hidden; margin:0 20px 0 0; color:#888; display:inline;}

#content3 h2.pagetitle{ font-size:16px; line-height:30px; color:#fff;}
#content3 ul.archives_time li{ background: url("pinkimg/icon.png") no-repeat 0 -469px; text-indent:1.8em;}
#content3 ul.archives_time,#content3 ul.archives_lable{ display:block; float:left;}
#content3 ul.archives_lable{ padding:0px 150px;}
#content3 ul.archives_lable li a{ background: url("pinkimg/icon.png") no-repeat 0 -523px; padding-left:20px;}
.narrowcolumn ul li,.narrowcolumn a { font-size:12px; color:#fff;}
.narrowcolumn ul.u_datetime { background:#666 url("pinkimg/datetime.png") no-repeat 0 0; width:60px; height:60px; float:left; text-align:center; color:#FFF; margin:0 10px 0 0;}

.narrowcolumn li.u_month { font-size:10px; line-height:20px;}

.narrowcolumn li.u_day { font-size:20px; font-weight:700; line-height:20px;}

.narrowcolumn li.u_year { font-size:12px; font-weight:700; line-height:20px;}

.narrowcolumn h2 a { color:#fff; font-size:18px; line-height:30px; margin:0;}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo li { margin:0 10px 0 0; padding:0 0 0 20px;}

.narrowcolumn .u_tag { background: url("pinkimg/icon.png") no-repeat 0 -55px;}

.narrowcolumn .u_author { background: url("pinkimg/icon.png") no-repeat 0 1px;}

.narrowcolumn .u_category { background: url("pinkimg/icon.png") no-repeat 0 -115px;}

.narrowcolumn .u_comment { background: url("pinkimg/icon.png") no-repeat 0 -258px;}

.narrowcolumn .u_views { background: url("pinkimg/icon.png") no-repeat 0 -148px;}

.narrowcolumn .u_edit { background: url("pinkimg/icon.png") no-repeat -2px -83px;}

.narrowcolumn .u_tags { background: url("pinkimg/icon.png") no-repeat 0 -55px; text-indent:2em;}

.narrowcolumn .entry { clear:both; padding:10px; overflow : hidden;}

.narrowcolumn .entry blockquote { border-left:2px solid #333; color:#666; margin:0 0 0 2em; padding:0 0 0 2em; overflow:hidden;}

.narrowcolumn .entry ol li { list-style:decimal;}

.narrowcolumn .entry ul li { list-style:disc;}

.narrowcolumn .entry img { margin:5px;}

.narrowcolumn .entry a:hover img { border:2px solid #FFF;}

.narrowcolumn .navigation { height:20px; margin:0 0 20px;}
.narrowcolumn .navigation_page a,.narrowcolumn .navigation_page .utompage{ font-size: 10px; float: left; height: 20px; padding: 0 5px; line-height: 20px; margin: 0 1px 1px 0;}
.narrowcolumn .navigation_page a{ background: #222; border:1px solid #333; color: #666;}
.narrowcolumn .navigation_page a:hover, .narrowcolumn .navigation_page .utompage{ color: #ccc; background: #555; border:1px solid #777;}
.narrowcolumn .alignright { float:right;}

.narrowcolumn .postmetadata { border-top:1px solid #333; border-bottom:1px solid #333; margin:20px 0; padding:10px;}

.narrowcolumn .postmetadata .related_posts h4,.narrowcolumn .postmetadata .most_posts h2{ color:#fff; font-size:16px;}


.narrowcolumn .postmetadata .related_posts,.narrowcolumn .postmetadata .most_posts { float:left; display:inline; width:380px; margin:5px 15px 0px 0px;}

.narrowcolumn .postmetadata .most_posts { margin-right:0px;}

.narrowcolumn ul { margin-top:5px;}
.postmetadata a{ color:#175e85; font-size:12px; line-height:20px; height:20px;}
.narrowcolumn .postrss2 a { background:transparent url("pinkimg/rss_big.png") no-repeat 0 0; position:absolute; width:80px; height:80px; overflow:hidden; text-indent:400px; line-height:200px; margin:-5px 0 0 400px;}

.narrowcolumn .contentInfo li { line-height:23px; padding:0 10px 0 20px;}

.narrowcolumn .postdatetime { background: url("pinkimg/icon.png") no-repeat 0 -26px;}

.narrowcolumn .postcategory { background: url("pinkimg/icon.png") no-repeat 0 -115px; margin:0 10px 0 0;}

.narrowcolumn .posttag { background: url("pinkimg/icon.png") no-repeat 0 -55px;}

.narrowcolumn .postview { background: url("pinkimg/icon.png") no-repeat 0 -146px;}

.narrowcolumn .posttrackback { background: url("pinkimg/icon.png") no-repeat 0 -330px;}

.narrowcolumn .postedit { background: url("pinkimg/icon.png") no-repeat -2px -83px;}

/* SideBar Start */
#sidebar {
float:right;
width:115px;
color:#fff;
margin:0px;
display:inline;
}

#sidebar a {
color:#fff;
}

#sidebar a:hover{ 
color:#00a4ff;
}

#sidebar h2 {
padding:5px;
padding-left:35px;
display:block;
width:75px;
height:20px;
line-height:20px;
background:#ee008c url("pinkimg/sidebg.png") no-repeat;
font-size:16px;
color:#fff;
}

#sidebar ul{
margin:8px 0 15px 0;
}

#sidebar ul li ul li a {
background:url("pinkimg/icon.png") no-repeat 0 -370px;
padding-left:1.5em;
}

#sidebar ul li ul li a:hover {
background:url("pinkimg/icon.png") no-repeat 2px -390px;
}

#sidebar img {
border:0px;
margin-left:-17px;
}

#sidebar li.widget_stags_cloud a:hover{
text-decoration:underline;
}
/*search form */

/* SideNotes Start */
#sidenotes {
float:right;
width:180px;
}

#sidenotes #s {
width:110px;
}

#searchsubmit {
font-size:10px;
height:22px;
}

#sidenotes h2 {
font-size:18px;
color:#666;
margin:10px 0;
}

#sidenotes a {
font-size:12px;
color:#999;
}

#rencent_entrie {
float:left;
width:250px;
color:#999;
}

#rencent_entrie .reptime {
font-size:10px;
color:#fff;
display:block;
}

#rencent_entrie li h2,#rencent_entrie li h2 a {
font-size:14px;
color:#ccc;
margin:10px 0 0;
}

/* Footer Start */
#footer {
border-top:1px solid #f69;
border-bottom:1px solid #900;
background:#111 url("pinkimg/footer_bg.png") repeat-x 0 0;
padding:20px;
}

#footer .query_posts,#footer .recent_posts,#footer .random_posts {
width:250px;
float:left;
margin:0 20px 0 0;
display:inline;
}

#footer .query_posts ul li,#footer .recent_posts ul li,#footer .random_posts ul li{
text-indent:0.8em;
display:block;
width:250px;
background:url("images/listIcon.gif") no-repeat 0 6px;
}

#footer .recent_posts ul li a{
font-weight:bold;
}

#footer .random_posts,#footer .random_posts ul li {
width:270px;
margin-right:0px;
}

#footer h2 {
font-size:18px;
color:#fff;
margin:2px 0 10px;
}
#footer a {
color:#fff;
}

#utom2006 {
height:30px;
color:#999;
font-size:10px;
padding:0 20px;
}

#utom2006 .copyright {
float:right;
line-height:20px;
padding:5px 0;
}

#utom2006 .validate {
float:left;
line-height:20px;
padding:5px 0;
}
.xhtml,.css,.icp {
padding:3px 15px 3px 25px;
}
.xhtml {
background:transparent url("pinkimg/icon.png") no-repeat 0 -222px;
}
.css {
background:transparent url("pinkimg/icon.png") no-repeat 0 -183px;
}
.icp {
background:transparent url("pinkimg/icon.png") no-repeat 0 -420px;
}

.udownloads a {
display:block;
width:280px;
height:80px;
background:transparent url("pinkimg/downloads.png") no-repeat 0 0;
margin:0 0 20px;
padding:10px;
}

.entry3 {
margin:10px 0 0;
}

.udownloads a:hover {
background:transparent url("pinkimg/downloads.png") no-repeat 0 -100px;
}

.udownloads a img {
float:left;
margin:0 10px 0 0;
}

.udownloads strong {
display:block;
color:#000;
}

.hl-surround {
background-color:#333;
border:1px solid #666;
margin-bottom:5px;
width:400px;
overflow:auto;
text-align:left;
padding:8px;
}

.hl-surround,.hl-surround pre,.hl-surround span {
font:normal 9pt 'Courier New', monospace;
}

.hl-default {
color:#000;
}

.hl-code {
color:Gray;
}

.hl-brackets {
color:Olive;
}

.hl-comment {
color:#fa0;
}

.hl-quotes {
color:#8b0000;
}

.hl-string {
color:Red;
}

.hl-builtin {
color:Teal;
}

.hl-reserved {
color:Green;
}

.hl-var {
color:#00008b;
}

.hl-special {
color:Navy;
}

.hl-number {
color:Maroon;
}

.hl-main {
background-color:transparent;
}

.hl-main pre {
margin:0;
padding:0;
}
.narrowcolumn a:hover{
color:#EC208D;
text-decoration:underline;
}
.narrowcolumn h2 a:hover{
color:#666;
text-decoration:none;
}
#content3,#sidebar .uexc,#sidenotes a:hover,#rencent_entrie a:hover {
color:#666;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo,.narrowcolumn span.commentmetadata {
font-size:10px;
}

.narrowcolumn .u_postinfo li,.narrowcolumn .alignleft {
float:left;
}

.narrowcolumn .entry a img {
border:2px solid #ccc;
}

.narrowcolumn .commentlist .uar a:hover,#utom2006 a:hover {
color:#fff;
}

#footer a:hover,#utom2006 a {
color:#ccc;
}

#rencent_entrie h2.rencent_entrie {
font-size:18px;
color:#666;
margin:0 0 10px;
}

.hl-identifier,.hl-inlinedoc,.hl-url,.hl-inlinetags {
color:blue;
}

.styleswitcher {
float:right;
margin:5px 0 0 0;
}
.styleswitcher a span{
display:none;
}
.styleswitcher a{
float:left;
display:block;
width:10px;
height:10px;
margin:0 5px 0 0;
}
.styleswitcher a.default{
background:#9c0;
}
.styleswitcher a.pink{
background:#f39;
}
.styleswitcher a.no{
background:#ccc;
}
.googlead{
background:#333;
border:1px solid #222;
margin:0 auto;
padding:3px;
width:468px;
height:60px;
clear:both;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* linkorder Start */
.linkorder ul li{ float:left;}
.linkorder ul li ul li{ float:left; padding:4px; padding-right:6px;}

/* comments Start */
.narrowcolumn h3#comments,.narrowcolumn h3#respond { font-size:15px; margin:10px 0;}

.narrowcolumn ol.commentlist { border:1px solid #666; border-bottom:none; margin:0 0 20px;}

.narrowcolumn ol.commentlist li { border-bottom:1px solid #666; background:#222; padding:10px;}

.narrowcolumn ol.commentlist li.alt { background:#333;}

.narrowcolumn .commentlist .uar,.narrowcolumn .commentlist .uar a { font-size:14px; font-weight:700; color:#999;}

.narrowcolumn .spost,.narrowcolumn .commentlist p { clear:both;}

.narrowcolumn #comment { width:80%;}

span.ugr { border:1px solid #666; padding:1px;;}
.postmetadata a:hover{ color:#00A4FF;}

.lable_page h2{ font-size:20px; color:#fff; margin-top:5px;}