/*
www.5er.cn 我爱手工网
*/

ul.mutuality a{
	background: url("images/point.gif") no-repeat 0 center;
	padding:0px 0 0 12px;
	margin:0 0 0 0;
	border:none;
}

body {
background:#fff url("images/top.gif") repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
font-size:13px;
color:#222;
padding:0;
margin:0;
-webkit-text-size-adjust:none;
}

* {
padding:0;
margin:0;
}

a{       
         color:#3c3c3c;
	text-decoration: none;
}

a:hover {
color:#c00;
}

#container {
width:921px; /* this has nothing to do with the '911' event */
margin:0 auto;
position:relative;
}

#container h1 {
font-size:30px;
font-weight:normal;
letter-spacing:-1px;
width:600px;
padding:32px 0 25px 0;
}

#container h1 a {
color:#222;
text-decoration:none;
}

#container h1 a:hover {
color:#c00;
}

#bubble {
    -webkit-text-size-adjust: none;
    
top:40px;
right:0;
position:absolute;
display:block;
height:28px;
background:url(images/bubble_right.gif) no-repeat right;
}

#bubble p {
display:block;
font-size:11px;
color:#fff;
height:28px;
padding:4px 12px 0 10px;
background:url(images/bubble_left.gif) no-repeat top left;
}

#content {
float:left;
width:728px;
border-right:#999 1px solid;
padding-right:15px;
min-height:1100px;
_height:1100px;
padding-bottom:20px;
}

#content h2 {

font-size:15px;
margin:5px 0 7px 0;
}

#content h2 a {

color:#333;
text-decoration:none;
}

#content h2 a:hover {
color:#c00;
}

#navBar {
font-weight:normal;
font-size:13px;
color:#fff;
padding:0;
margin:10px 0 30px 0;
border:none;
text-align:left;
list-style:none;
width:100%;
height:23px;
overflow-y:hidden;
border-bottom:solid 1px #000;
}

#navBar li{float:left; margin-left:15px; background:#fff; padding:5px 5px 3px;}
#navBar li a{ color:#000; text-decoration:none;}

.comments {
color:#333;
margin:0 0 2px 0;
border-bottom:#ccc 1px solid;
}

.comments a {
background:#fff;
padding:0 7px 5px 0;
color:#333;
text-decoration:none;
}

.comments a:hover {
color:#c00;
}

.navigation {
background:#fbfbfb;
font-size:11px;
padding:5px 10px;
margin:0 0 20px 0;
border-top:#bbb 1px solid;
}

.navigation a {
color:#555;
font-weight:bold;
text-decoration:none;
}

.navigation a:hover {
color:#333;
text-decoration:none;
}

.main{margin-bottom:30px;}
.main h3 {
font-size:16px;
font-weight:normal;
margin:0 0 15px 0;
}

.main img {
padding:2px;
border:#ddd 2px solid;
}

.main a img {
padding:1px;
border:#fff 1px solid;
}

.main a:hover img {
padding:2px;
border:#ca0002 2px solid;
}

.main p {
line-height:18px;
margin:0 0 15px 0;
}

.main ol {
line-height:18px;
margin:0 0 15px 30px;
}

.main ul {
line-height:18px;
margin:0 0 15px 30px;
}

.main li {
margin:0 0 5px 0;
}

.meta {
background:#f8f8f8;
font-size:11px;
line-height:15px;
color:#333;
padding:5px 10px;
margin:0 0 20px 0;
}

.signature {
padding:0 15px 0 0;
}

#sidebar {
font-size:12px;
float:right;
width:160px;
overflow:hidden;
padding:0 0 20px 15px;
margin:0 0 20px 0;
}

#sidebar h3 {
border-bottom: 1px solid black;
font-size:14px;
margin:20px 0 5px 0;
}

#sidebar ul {
list-style:none;
}

#sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul {
margin:5px 0 0 10px;
}

#sidebar ul li {

padding:4px 0px 5px 13px;

}

#author h3 {
margin:5px 0 5px 0;
}

#searchform {
margin:15px 0 0 0;
}

#searchform input {
background:#222;
font-size:11px;
margin:2px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

#searchform input:hover {
background:#333;
border:#999 1px solid;
color:#fff;
cursor:pointer;
}

#searchform #edtSearch {
background:#f6f6f6;
font-size:11px;
margin:2px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

#searchform #s:hover {
border:#c00 1px solid;
cursor:text;
}

input.searchfield {
background:#f6f6f6;
font-size:11px;
display:block;
margin:5px 0 8px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.searchfield:hover {
background:#eee;
color:#222;
}

input.submit {
background:#fff;
font-size:11px;
display:block;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#000;
}

input.submit:hover {
background:#333;
cursor:pointer;
border:#999 1px solid;
color:#fff;
}

input.subcom {
background:#fff;
font-size:11px;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#000;
}

input.subcom:hover {
background:#222;
cursor:pointer;
border:#888 1px solid;
color:#eee;
}

input.comment {
background:#f6f6f6;
font-size:11px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.comment:hover {
border:#c00 1px solid;
}

textarea {
background:#f6f6f6;
font-size:12px;
width:400px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

textarea:hover {
border:#c00 1px solid;
}

.postinput small {
font-size:11px;
margin:0 0 0 5px;
}

p.logged {
font-size:12px;
}

h3.reply {
font-size:15px;
margin:0 0 10px 0;
}

.nocomments {
margin:0 0 30px 0;
}

ol.commentlist {
font-size:12px;
list-style:none;
margin:10px 0 30px 0;
border-bottom:#bbb 1px solid;
}

.commentlist li {
border-top:#bbb 1px solid;
padding:0 0 10px 0;
}

.commentlist li.bypostauthor {
border-top:#bbb 5px solid;
background-color:#f3f3f3;
}

.comment_mod {
margin:10px 0 0 10px;
}

.comment_mod em {
background-color:#fff897;
padding:1px 3px;
}

.comment_author {
margin:10px 0;
float:right;
width:190px;
}

.comment_author img {
float:left;
margin:5px 12px 0 0;
}

.comment_author p {
line-height:20px;
}

.comment_author small {
font-size:11px;
}

.comment_text {
float:left;
width:470px;
margin:0 0 0 10px;
}

.comment_text p {
line-height:18px;
margin:7px 0;
}

.comment_meta {
font-size:12px;
}

#commentform p {
line-height:18px;
margin:0 0 15px 0;
}

blockquote {
background:url(images/quote.gif) no-repeat top left;
padding:0 0 0 60px;
min-height:50px;
}

#footer {
background:#eee;
font-size:11px;
color:#555;
margin:0 auto;
padding:10px 0;
text-align:center;
position:relative;
border-top:#bbb 1px solid;
border-bottom:#222 6px solid;
}

#footer a {
color:#555;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#333;
text-decoration:none;
}

.clear {
clear:both;
}

.warning p {
background:url(images/warning.gif) no-repeat left;
height:160px;
padding:20px 0 0 90px;
font-size:20px;
margin:0 0 0 10px;
}

#wp-calendar {
padding:10px 0 0 0;
font-size:12px;
}

#wp-calendar caption {
text-align:left;
padding:0 0 5px 0;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:0 6px 0 0 ;
text-align:right;
}

#wp-calendar td a {
font-weight:bold;
}

#wp-calendar td a:hover {
font-weight:bold;
}

img.wp-smiley {
padding:0;
border:none;
}

input:focus, textarea:focus{
background-color:#ffc;
}

abbr {
border:none;
}

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

.alignleft {
float:left;
}

.alignright {
float:right;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption-dd {
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

/* self-clear floats */

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

.marchMadness{ float:left; list-style-type: none; width:100%;margin-bottom:20px;}
.marchMadness li{float:left;width:30%;margin:5px 1.5%;display:inline;}
.marchMadness li a{display:block;text-decoration:none;padding:5px;text-align:center;border:1px solid #ddd;}
.marchMadness li a:after{content:" »";}
.marchMadness li a:hover{background:#eee;}

.blogMadness{ float:left; list-style-type:none; width:100%;margin-bottom:20px;}
.blogMadness li{float:left;width:46%;margin:5px 1.5%;display:inline;}
.blogMadness li a{display:block;text-decoration:none;padding:5px;text-align:center;border:1px solid #ddd;}
.blogMadness li a:after{content:" »";}
.blogMadness li a:hover{background:#eee;}

/* IE Hacks */

*html #bubble {
display:none;
}

*html #bubble p {
display:none;
}

* html .group,
* html #nav ul li a {
height: 1%;
}

*:first-child+html .group {
min-height: 1px;
}

* html #nav ul li a {
display: inline;
}

.pager{line-height:50px; text-align:center;}
.pager b{font-weight:normal;}
.pager a{text-decoration:none;}
.pager a:link, .pager a:visited, .pager b{border:solid 1px #ccc; padding:2px 5px; line-height:25px; margin:auto 3px; font-size:13px;}
.pager a:hover{background:#ECF5FF; color:#FF6600}
.pager a.current{background:#3274d0; border-color:#3274d0; color:white; font-weight:bold;}

.post-nav .l{display:inline-block; float:left; margin:10px 0px;}
.post-nav .r{display:inline-block; float:right; margin:10px 0px;}
.trackback{margin:10px 0px; width:100%; list-style:none; clear:both;}
.trackback .tbname{line-height:20px;}
.mutuality{width:100%; list-style:none; clear:both;}
.mutuality .msgarticle{line-height:20px;}


/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #ddd; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ 
.Comments .List .ComListLiTop { position: absolute; height: 15px; width: 565px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #eee;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 12px; line-height: 12px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#000000; padding: 0px 0px 0px 6px; margin: 0px; font-size: 15px; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}
#picgravatar{
padding: 0px 15px 5px 5px;
float: right;
clear:both;
}
#picgravatar img {border: 1px solid rgb(153, 153, 153);padding:1px;}
.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 12px; line-height: 18px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}
.Comments .List .quote{ border-left:5px solid #ECF3F8;padding-left:5px;background:transparent url(images/PostHead.gif) repeat-x scroll center bottom}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;}
.Comments .Form { background: #fff; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop {position: absolute; top: 0px; left: 0px; width: 565px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: none;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 12px; color:#336699; }
.Comments .Form p small strong { font-size: 12px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 12px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 12px; display: block;}
.Comments .Form p img{vertical-align:top;}
.Comments .Form #UbbFrame img{ border:1px solid #bbe9ff;}
.Comments .Form #inpVerify{display:inline;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

/* 代码高亮 */
pre{font-family:'Courier New' , Monospace; font-size:12px; width:99%; overflow:auto; margin:0 0 1em 0; background:#F7F7F7; }
pre ol, pre ol li, pre ol li span{margin:0 0; padding:0; border:none}
pre a, pre a:hover{background:none; border:none; padding:0; margin:0}
pre ol{list-style:decimal; background:#F7F7F7; margin:0px 0px 1px 3em !important; padding:5px 0; color:#5C5C5C; border-left:3px solid #146B00;}
pre ol li{list-style:decimal-leading-zero; list-style-position:outside !important; color:#5C5C5C; padding:0 3px 0 10px !important; margin:0 !important; line-height:1.3em}
pre ol li.alt{color:inherit}
pre ol li span{color:black; background-color:inherit}
pre .comment, pre .comments{color:#008200; background-color:inherit}
pre .string{color:blue; background-color:inherit}
pre .keyword{color:#069; font-weight:bold; background-color:inherit}
pre .preprocessor{color:gray; background-color:inherit}
pre .dp-xml .cdata{color:#ff1493}
pre .dp-xml .tag, pre .dp-xml .tag-name{color:#069; font-weight:bold}
pre .dp-xml .attribute{color:red}
pre .dp-xml .attribute-value{color:blue}
pre .dp-sql .func{color:#ff1493}
pre .dp-sql .op{color:#808080}
pre .dp-rb .symbol{color:#a70}
pre .dp-rb .variable{color:#a70; font-weight:bold}
pre .dp-py .builtins{color:#ff1493}
pre .dp-py .magicmethods{color:#808080}
pre .dp-py .exceptions{color:brown}
pre .dp-py .types{color:brown; font-style:italic}
pre .dp-py .commonlibs{color:#8A2BE2; font-style:italic}
pre .dp-j .annotation{color:#646464}
pre .dp-j .number{color:#C00000}
pre .dp-delphi .number{color:blue}
pre .dp-delphi .directive{color:#008284}
pre .dp-delphi .vars{color:#000}
pre .dp-css .value{color:black}
pre .dp-css .important{color:red}
pre .dp-c .vars{color:#d00}
pre .dp-cpp .datatypes{color:#2E8B57; font-weight:bold}
blockquote, pre {
background:#F4F5F7 url("images/quote1.gif") 3px 3px no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border:0px dashed #D0D0D0;
padding:8px 12px 8px 36px;
margin:5px 0;
}

a img{
border: 0;
}

#divComments li{
    padding:3px 5px 5px 1px;
	background:transparent url("images/comments.gif") no-repeat 0 center;
}

#divGuestComments li{
    padding:3px 5px 5px 1px;
	background:transparent url("images/guestcomments.gif") no-repeat 0 center;
}

#divArchives li{
    padding:3px 0 3px 15px;
	background:transparent url("images/archives.gif") no-repeat 0 center;
}
#divPrevious li{
    padding:3px 0 3px 15px;
	background:transparent url("images/previous.gif") no-repeat 0 center;
}