#show{ height:300px;position:relative; }
#showControl{ height:30px; }

.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }

body { background-color:rgb(33,13,0);font-family:helvetica,arial,sans-serif,宋体;font-size:14px;text-align:center;min-width:1000px; min-height:500px;margin:0 0 0 0; }
#wrapper { background:#f60 url(../images/1/bg_wrapper.gif) repeat-y;margin:0 auto;width:1000px;text-align:left;border:6px solid #1A0A00;border-width:0 6px 6px; }
#waves { background:url(../images/1/bg_waves.gif) no-repeat 3px -15px; }

#nav { position:relative;background:url(../images/1/bg_nav.gif) no-repeat right top; }

#nav ul { position:relative;list-style:none;height:25px;width:527px;margin:0 0 0 37px;padding:0;overflow:hidden;z-index:10; }
#nav ul li { float:left; }
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited { display:block;background-image:url(../images/1/navmatrix.gif);background-repeat:no-repeat;height:25px;text-indent:-9999px; }
#nav ul li#nav-home a { width:132px;background-position:0 0; }
body#home #nav ul li#nav-home a { background-position:0 -50px; }
#nav ul li#nav-home a:hover { background-position:0 -25px; }

#nav ul li#nav-about a { width:131px;background-position:-132px 0; }
body#about #nav ul li#nav-about a { background-position:-132px -50px; }
#nav ul li#nav-about a:hover { background-position:-132px -25px; }

#nav ul li#nav-works a { width:131px;background-position:-263px 0; }
body#archives #nav ul li#nav-works a { background-position:-263px -50px; }
#nav ul li#nav-works a:hover { background-position:-263px -25px; }

#nav ul li#nav-contact a { width:133px;background-position:-394px 0; }
body#contact #nav ul li#nav-contact a { background-position:-394px -50px; }
#nav ul li#nav-contact a:hover { background-position:-394px -25px; }

h1#logo { position:absolute;left:35px;top:14px;margin:0;height:69px;overflow:hidden;z-index:5; }
h1#logo a { display:block;background-image:url(../images/1/YoloG.gif);background-repeat:no-repeat;width:418px;height:79px;text-indent:-9999px; }
/*h1#logo a:hover { background-position:0 -79px; }*/

#login { position:absolute;right:14px;top:0;background:url(../images/1/login_bg.gif) no-repeat 0 0;width:325px;height:25px;text-align:center;vertical-align:baseline;padding-top:5px; color:White; font-size:12px; }
#login span{color:Yellow;cursor:pointer; }

#version { position:absolute;right:5px;top:37px;background:url(../images/1/bg_version_0903.gif) no-repeat;width:198px;height:8px; }


#loginmini
{
	display:block;
    width:300px;
    height:200px;
    position:absolute;	
    background-color:Transparent;
    background-image:url(../images/loginbg.gif);
	text-align:center;
	vertical-align:middle;
	left:300px;
	top:150px; 
}

#winlogin
{
    display:block;
    width:495px;
    height:459px;
    position:absolute;	
    background-color:Transparent;
    background-image:url("../images/registwinbg.gif");
	text-align:center;
	vertical-align:middle; 
}

#winlogin_head
{
    background-color:Transparent;
    height:20px;
    text-align:left;
    padding-left:15px;
    padding-top:2px;
    vertical-align:middle;
    display:block;
}

#winlogin_body
{
	background-color:Transparent;
    padding-left:50px;
    padding-top:5px;
    text-align:left;
}
.loading{ background:url(../images/Loading.gif) no-repeat; width:16px; height:16px;}
#content-wrapper { }
#content { float:left;background:url(../images/1/bg_content_top.gif) no-repeat;width:618px;margin:58px 0 0 37px;padding:16px 0 0; }
#content2 { background:url(../images/1/bg_content_bottom.gif) no-repeat bottom;padding:0 0 16px; }
#content3 { background:#fff url(../images/1/bg_content_middle.gif) repeat-y;padding:3px 60px 1px; }

a { text-decoration:none;outline:none; }

a img { border:none; }

.date-badge { float:left;background:url(../images/1/bg_datebadge.gif) no-repeat;position:relative;width:50px;height:58px;margin:2px 0 0 -60px;color:#D9D9D9; }
.date-month { position:absolute;right:6px;top:5px;font-size:9px; }
.date-day { position:absolute;right:6px;top:11px;font-size:24px; }

/* headings */ 
.entry h2,
.entry h2 a,
.entry h3,
.entry h4 { margin:0;color:#E15A00; }
.entry h3 { margin-top:1.25em;margin-bottom:-.25em;padding-bottom:1px;border-bottom:1px solid #efe4dc; }
.entry h4 { margin-bottom:-.75em; }

/* basic text formatting for posts */
.entry p,
.entry ul,
.entry ol { color:#555;font-size:95%;line-height:1.4;/*font-size:12px;line-height:16px;*/ }

/* alternate paragraphs for alerts/notes/info */
.entry p.alert { background:#ffc url(../images/1/icon_alert.gif) no-repeat 12px 10px;color:#bdab45;padding:11px 12px 11px 32px; }
.entry p.info { background:#f1f5fc url(../images/1/icon_info.gif) no-repeat 12px 10px;color:#92b6e7;padding:11px 12px 11px 32px; }

.entry code { /*display:block;*/
 /*background-color:#F3F7FB;*/
 /*margin:0;padding:1em;*/
 color:#6696CC;/*border:1px solid #E4EDF6;*/ }
.entry blockquote { margin-left:0;margin-right:0;padding:0 1em 1em;font-size:130%;font-family:georgia,serif,宋体;font-style:italic; }
.entry blockquote p { margin:0;color:#888; }
.entry blockquote cite { float:right;font-size:85%;line-height:1.8;white-space:nowrap; }
/* green links */ 
/*.entry blockquote a { color:#429d31; }
.entry-body blockquote p:hover a:hover { background-color:#d9ffd9;color:#2a771c;border-bottom:1px solid #9df09c; }*/

.entry abbr,
.entry acronym { border-bottom:1px dotted #ccc; }

/* blue links
.entry blockquote a { color:#6597f4; }
.entry-body blockquote p:hover a:hover { background-color:#d9e6ff;color:#0041ba;border-bottom:1px solid #9cb9f0; }*/

/* format unstyled images */
.entry img,
.entry div img { display:block; }

.entry .img-a { background-color:#f4f4f4;border-style:solid;border-color:#eee;border-width:3px;padding:1em;text-align:center; }
.entry .img-a img { margin:0 auto; }

.entry .img-b { float:left;background-color:#f4f4f4;border:3px solid #efefef;margin:0 .5em .5em -25px;padding:1em;text-align:center; }
.entry .img-c { float:right;background-color:#f4f4f4;border:3px solid #efefef;margin:0 -25px .5em .5em;padding:1em;text-align:center; }

.entry .image { float:left;margin:0 10px 10px 0; }
.entry .image-alt { float:right;margin:0 0 10px 10px; }
.entry .image-full { margin-left:auto;margin-right:auto; }

.entry div.image { float:left;margin:0 0 10px 0;padding:1px;border:3px solid #e5e5e5; }

.entry-body *:hover a { border-bottom:1px dotted; }
.entry-body a { color:#E15A00;margin:0 -1px;padding:1px; }
.entry-body a:hover,
.entry-body p:hover a:hover { background-color:#FFE8D8;color:#B34700;border-bottom:1px solid #F0BE9D; }

.entry-body p.alert a { color:#bdab45; }
.entry-body p.alert a:hover,
.entry-body p.alert:hover a:hover { background-color:#f4f4b3;color:#a5932d;border-bottom-color:#e9e993; }

.entry-body p.info a { color:#92b6e7; }
.entry-body p.info a:hover,
.entry-body p.info:hover a:hover { background-color:#d9e9ff;color:#3776cf;border-bottom-color:#9cbff0; }

.entry-body ul { padding-left:1em; }
.entry-body ol { margin-left:0;padding-left:3em; }
.entry-body ul li { background:url(../images/1/icon_bullet_orange.png) no-repeat 0 50%;list-style:none;padding-left:16px; }

.entry-body dl dd { margin-left:0;border-bottom:1px dashed #eee; }
.entry-body dl dt strong,
.entry-body dl dd strong { margin-left:-8px;padding-left:3px;border-left:5px solid #eee; }
.entry-body dl dd strong { border-color:#ddd; }
.entry-body dl dd ul li { background-position:left top; }

ul.nested-list li { background-image:none;font-weight:bold;padding-left:0; }
ul.nested-list li ul { margin-bottom:.5em;padding:0 0 0 .5em; }
ul.nested-list li li { list-style-type:square;list-style-position:inside;font-weight:normal; }

.entry .entry-stats,
.entry .continue-reading { color:#92b6e7;/* was #ccc */
 font-size:85%; }
.entry .entry-stats { background:url(../images/1/icon_calendar.png) no-repeat 0 50%;margin:-6px 0 0;padding-left:18px;line-height:1.5; padding-bottom:2px; }
.entry .entry-stats span.comment-count { background:url(../images/1/icon_comment.png) no-repeat 0 50%;padding-left:18px; padding-bottom:2px; }
.continue-reading { background:url(../images/1/icon_arrow_gray.png) no-repeat 0 50%;margin-left:-2px;/* adjust for the icon image */
 padding-left:16px; }
.entry-stats a,
.continue-reading a { color:#92b6e7;/* was #ccc */ }
.continue-reading a { font-weight:normal; }

div.homerule { background:url(../images/1/border_homerule.gif) no-repeat 50%;height:13px;margin:-10px 0 0;padding:0 0 25px; }

.entry-body hr { background:url(../images/1/border_homerule.gif) no-repeat 50%;height:13px;margin:0;border:none; }

#rsslinks { background:url(../images/1/icon_rss.png) no-repeat -4px 2px;margin:0 3px -3px 12px;padding:4px 0 0 10px;font-size:80%;color:#808080;border-top:3px solid #3e3e3e; }
#rsslinks a { color:#808080;font-weight:normal; }
#rsslinks a:hover { color:#fff; }

#flickr_badge_image { text-align:center;}
#flickr_badge_image a img { padding:1px;border:2px solid #666 !important; }
#flickr_badge_image a:hover img { border-color:#888 !important; }

#sidebar { float:right;width:312px;margin:21px 0 0; }
#sidebar_top { background:url(../images/1/bg_sidebar_top.gif) no-repeat;padding:12px 0 0; }
#sidebar_bottom { background:url(../images/1/bg_sidebar_bottom.gif) no-repeat bottom;padding:0 0 15px; }
#sidebar_middle { background:#333 url(../images/1/bg_sidebar_middle.gif) repeat-y; }
#sidebar h4 a:hover { background-position:0 -27px; }
#sidebar h4 { margin:0 0 0 10px; }
#sidebar h4,
#sidebar h4 a { display:block;width:299px;height:27px;text-indent:-9999px;background-repeat:no-repeat; }

#sidebar_types h4,
#sidebar-types h4 a { background-image:url(../images/1/fontstypes.gif); }


#sidebar_middle ul,
#sidebar_middle .upb_events 
{ 
	list-style:none;
	margin:0 0 12px;
	padding:0;
	/*font-size:11px;*/
    font-size:85%;
    line-height:1.1; 
 }

#sidebar_middle ul a,
#sidebar_middle .upb_events a 
{ 
	display:block;
	background:url(../images/1/icon_bullet_sidebar.gif) no-repeat 12px 7px;
	padding:4px 0 3px 25px;
	color:#CB5100;
	font-weight:bold;
	text-decoration:none;  
}
#sidebar_middle ul a span 
{ 
	/*color:#333;*/
	 color:#fc3;
	 visibility:hidden;
	 /*font-size:10px;*/
	 font-size:95%;
	 font-style:normal;
	 font-weight:normal; 
}
#sidebar_middle ul a em,
#sidebar_middle .upb_events .upb_date 
{ 
	display:block;
	color:#808080;
	/*font-size:10px;*/
    font-size:95%;
    font-style:normal;
    font-weight:normal; 
}
#sidebar_middle ul a:hover,
#sidebar_middle .upb_events a:hover 
{ 
	background-color:#262626;
	background-image:url(../images/1/icon_bullet_sidebar_hover.gif);
	color:#6cf;
	border-right:3px solid #221C18; 
}
#sidebar_middle ul a:hover span 
{ 
	visibility:visible; 
}
#sidebar_middle ul a:hover em 
{ 
	color:#4D4D4D; 
}

#sidebar-secondary { background:url(../images/1/bg_sidebarsecondary_top.gif) no-repeat;margin:7px 0 0;padding:12px 0 0; }
#sidebar-secondary2 { background:url(../images/1/bg_sidebarsecondary_bottom.gif) no-repeat bottom;padding:0 0 15px; }
#sidebar-secondary3 { background:#4d1e00 url(../images/1/bg_sidebarsecondary_middle.gif) repeat-y; }

#sidebar-photo h4,
#sidebar-photo h4 a { background-image:url(../images/1/whatsin.gif); }
/* sponsor link styles */ 
#sidebar-photo p { margin:0 3px -3px 12px;padding:4px 0 0 0;font-size:80%;color:#808080;border-top:3px solid #5a2300; }
#sidebar-photo p a { color:#b37c5b; }
#sidebar-photo p a:hover { color:#fff; }

#footer-wrapper { background:#E15A00 url(../images/1/bg_footer.gif) repeat-y;margin:17px 0 0;border-bottom:3px solid #D34800; }
#footer { background:url(../images/1/border_footer.gif) no-repeat;padding:20px 35px 30px 37px; }
#footer a { color:#FFB280; }
#footer .module { float:left;width:180px;margin-right:20px;padding-right:25px;color:#FFB280;font-size:90%;line-height:1.4;border-right:1px solid #EB6912; }
#footer #footer-about { width:225px;padding-right:35px; }
#footer #footer-extra { width:160px;padding-right:35px;margin-right:0;border:none; }
#footer h4 a { display:block;background-repeat:no-repeat;height:63px;margin:-20px 0 -29px;text-indent:-9999px; }
#footer ul { list-style:none;margin:0;padding:0;font-size:95%; }
#footer ul li a { display:block;margin:-3px;padding:4px 3px 4px 14px; }
#footer ul li a:hover { background-color:#CB5100; }
#footer ul li span { display:block;margin:-2px 0 0px;font-size:95%;font-weight:normal;line-height:1.1; }
#footer-about h4 a { background-image:url(../images/1/aboutYolog.gif);margin-bottom:-25px; }
#footer-about p:hover a { border-bottom:1px dotted; }
#footer-recent h4 a { background-image:url(../images/1/recentfonts.gif); }
#footer-recent ul li a { background:url(../images/1/icon_bullet_docblue.gif) no-repeat 3px 7px; }
#footer-links h4 a { background-image:url(../images/1/friendlinks.gif); }
#footer-links ul li a { background:url(../images/1/icon_bullet_docorange.gif) no-repeat 3px 7px; }
#footer-extra h4 a { background-image:url(../images/1/othersth.gif);margin-bottom:-23px; }
#footer-extra a#sb-icon { display:block;background:url(../images/1/footer_sb_icon.gif) no-repeat;width:151px;height:151px;text-indent:-9999px; }

#nologin{ background-color:#E05A00;margin:.5em 0 0;padding:.5em;color:#FFC198;border:1px solid #C34F01; display:none; }
#comment-wrapper { float:left;width:545px;margin:-3px 0 0 72px;border-top:3px solid #D35400; }
#comments { background:url(../images/1/bg_comments_bottom.gif) no-repeat bottom;width:545px;padding:0 0 12px;color:#fff; }
#comments2 { background-color:#EB5E00;padding-top:.5em; }

#comments h2 { margin:0 26px 0;  padding-bottom:5px;}
#comments h2 a { color:#fff; }
#comments h3#respond { margin:0 20px;padding:.5em 6px;border-top:1px solid #D45601; }

#comments #commentform { margin:0;padding:0 26px 12px; display:none; }
#comments #commentform p { margin:0;padding:0; }
#comments #commentform label { margin-top:.5em; }
#comments #commentform #allowedtags { background-color:#E05A00;margin:.5em 0 0;padding:.5em;color:#FFC198;border:1px solid #C34F01;border-bottom:none; }
#comments #commentform a { color:#fff; }

#comments #commentform #author,
#comments #commentform #email,
#comments #commentform #url { padding:2px;color:#333;border:1px solid #C34F01; }
#submit{  cursor:pointer; background:url(../images/1/button_submitcomment.gif) no-repeat; width:102px; height:24px; display:block;}
#update{ display:none;cursor:pointer;background:url(../images/1/button_savecomment.gif) no-repeat; width:102px; height:24px;}
#newpost{ display:none;cursor:pointer;background:url(../images/1/button_newcomment.gif) no-repeat; width:102px; height:24px;}

#comments #commentform textarea { width:487px;margin:0 0 1em;padding:2px;font-family:'lucida grande','trebuchet ms',sans-serif,宋体;font-size:95%;color:#333;border:1px solid #C34F01; }

ol#comment-list { list-style:none;margin:.5em 0 -1em;padding:0 26px; }
ol#comment-list li { margin:-6px -6px 12px;padding:6px 6px 6px; }
ol#comment-list li.alt { background-color:#E05A00; }

ol#comment-list li.mycomment { background-color:#4D1F00; }

ol#comment-list ul { margin-bottom:1em;padding-left:2em; }
ol#comment-list ul li { margin:0;padding:0; }
.gravatar { float:left;background:url(../images/1/bg_gravatar.gif) no-repeat;width:46px;height:66px; }
.alt .gravatar { background-image:url(../images/1/bg_gravatar_alt.gif); }
.mycomment .gravatar { background-image:url(../images/1/bg_gravatar_me.gif); }
.gravatar img { background-color:#FF9A4F;margin:1px;border:2px solid #CB5100;width:40px;height:40px; }
.mycomment .gravatar img { border-color:#8C3800; }

.comment-header,
.comment-header a { font-style:normal;font-weight:normal;color:#FFC198; }
.comment-editlink a { font-weight:bold; }

.comment-header cite { font-style:normal; }

.comment-header cite a span { display:none; }
.comment-header cite a:hover span { display:inline;color:#B34700; }

.comment-header,
.comment-body { display:block;margin-left:53px; }
.comment-header { background:url(../images/1/icon_vcard.png) no-repeat 0 50%;margin-top:3px;padding-left:19px;font-size:80%; }
.comment-body { margin-top:-6px;font-size:90%;line-height:1.4;color:#fff; }

.comment-body p:hover a { border-bottom:1px dotted; }
.comment-body a { color:#7F3300;padding:1px; }
.mycomment .comment-body a { color:#E15A00; }
.comment-body a:hover,
.comment-body p:hover a:hover { background-color:#D65600;color:#552200;border-bottom:1px solid #C95000; }
.mycomment .comment-body a:hover,
.mycomment .comment-body p:hover a:hover { background-color:#6D2C00;color:#FF6600;border-color:#823501; }