/*  
Theme Name: UEO-SEO BLUE
Theme URI: http://www.ueo-seo.com
Description: Designed by <a href="http://www.ueo-seo.com">UEO-SEO</a> for  <a href="http://www.gunkai.com">GUKI's blog</a>. <br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Version: 1
Author: GUKI
Author URI: http://www.gunkai.com/
*/
img{ border:0;}
p{margin:10px 0 15px 0; line-height:160%}
p img{float:left}
body{margin:0; padding:0; border:0; text-align:center; font:12px "微软雅黑",Arial, Helvetica, sans-serif; color:#333; background:url(images/bg.gif) repeat-x; background-attachment:fixed; background-position:top; text-align:left}
.box{margin:5px auto; width:920px; padding:0; clear:both}
.mainbox{width:570px; float:left; margin:0; padding:0}
.sidebar{width:349px; float:left; margin:0; padding:0}

html .mainbox {width:560px}

a{color:#0873c0}
a:visited{color:#069;}
a:hover{color:#390}


#top{height:65px; color:#0873c0; padding-top:33px}
#keywords{margin:0; padding:0; width:350px; float:left; color:#c3d8e7;padding-top:17px}
#logo{float:right; }
h1{font-size:12px; font-weight:normal; line-height:14px; margin:0; padding:0}
#keywords a{text-decoration:none; color:#c3d8e7}
#keywords a:hover{text-decoration:underline}
#contbox{background:#fff; border:1px solid #699f45; color:#666; margin:0; padding:0; width:568px}
.urhere{ background:url(images/urherebg.gif) repeat-x top; height:24px; margin:0; padding:0; color:#efefef; line-height:24px; text-indent:1em}
.urhere a,.urhere a:visited{color:#efefef; font-weight:bold;}
.urhere a:hover{color:#cf0}

.onearc{padding:10px 20px; clear:both; width:528px; border-bottom: 1px dashed #ccc}
html .onearc{width:518px}
.timebox{background:url(images/timeboxbg.gif) no-repeat top left; width:44px; height:61px; float:left}
.day,.mon,.year{display:block; width:44px; text-align:center}
.day{font-size:20px; font-weight:bold; color:#f60; line-height:20px; padding:7px 0 0 0}
.mon{font-size:10px; color:#390; line-height:10px}
.year{line-height:14px; color:#efefef; padding-top:2px}

.title{clear:both; width:508px; min-height:61px}
.ttbox{float:left; clear:right; padding-left:20px}
h2{font-size:18px; font-weight:bold; margin:0; padding:0; line-height:200%}

#topso{border:1px solid #4783a5; background:#e7e7e7; font-size:14px; color:#4783a5; line-height:26px; margin:0 5px 0 10px; width:186px; padding:0 2px;height:26px; display:block}
#topbt{margin:0; padding:0}
.so{display:block; float:left}
.sobtbox{ display:block; float:left}
.sitemap{float:right; margin-top:12px}

.search{margin-bottom:10px; height:36px}
.sidemain{background:#ebf3fb; width:inherit; clear:both; width:349px; float:left}
.sideleft{background:#ebf3fb;float:left; width:198px; border:1px solid #aec9d2; border-left:none;}
.sideright{background:#d9e6f2;width:149px; float:right; border:1px solid #aec9d2; border-left:none;}

.slbox{padding:5px; margin:0}

h3{font-size:16px; margin:0; padding:0; line-height:100%; padding:10px 0 3px 5px; color:#457fa0}
h4{font-size:14px; margin:0; padding:0; line-height:1em; padding:6px 0 2px 5px; color:#457fa0}
ul{margin:5px; padding:0; list-style:none}
ul li{margin:0; padding:2px; padding-left:15px; background:url(images/bluedot.gif) no-repeat left top}
.srblock{width:149px; margin:0; padding:0; border-bottom:1px solid #aec9d2; background:#e3ecf6;}


#bottom{color:#666; font-size:10px; height:30px; padding:0; line-height:30px; background:url(images/logobottom.gif) no-repeat left center; text-indent:30px}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px; clear:both; background:#efefef; font-size:10px; display:block}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}

.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px;}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 65px; height: 29px;  margin-top: 4px;}
.Form input.SubmitComment:hover { margin-top: 4px;}
.Form input.SubmitCommentIE { width: 65px; height: 29px; margin-top: 4px;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#660000; border-bottom: solid 2px #660000;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}

.List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#999;}
.List .LUsr a { color:#999; text-decoration: none;}
.List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.List .LUsr strong a { color:#cc0000; text-decoration: none;}

.List .LCon { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}

.List .Author { background:#fff; }
/*POST*/
.mainbox p{clear:both}
.mainbox blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff; float:left; width:500px; clear:both}
.mainbox blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.mainbox blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.mainbox blockquote a { color:#336699;}
.mainbox blockquote a:visited { color:#336699;}
.mainbox blockquote a:hover { color:#000033;}

/**/ * html #contbox p img {} /* */ 
#contbox p img { max-width: 500px;}
/*#contbox p img { width:expression(this.width > 500 ? "500px" : this.width); }*/
#contbox img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
#contbox ul{float:left; clear:right}


.PostCom { padding-top: 10px; background: url(images/PostComBkg.gif) repeat-x top; clear:both}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; float:left } 
.PostCom li a { font-weight: bold; text-decoration: none; color:#ff6600;} 
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#cc0000;}

.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
.PostCom .Tags { padding-left: 15px;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 12px; padding: 10px 0px; color:#666;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #ccc; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #ccc; font-size: 14px; color:#003366;}
