html, body, form, img { margin: 0; padding: 0; border: 0; }
body, input, textarea { color: #111; font: 12px/1.8 Verdana, Helvetica; }
input, textarea { line-height: normal; }
a { color: #1f1f6b; text-decoration: none; cursor: pointer; }
a:active { color: #c00; }
a:hover { color: #c00; text-decoration: underline; }
a.b { text-decoration: underline; }
a.r { color: #c00; }
h1 { font-size: 1.8em; line-height: 2.2em; text-shadow: #aaa 0 0 1px; color: #000; word-wrap: break-word; word-break: break-all; border-bottom: 1px solid #bbb; margin: 0; padding: 0; }
h2 { font-size: 1.2em; text-shadow: #aaa 0 0 1px; color: #000; word-wrap: break-word; word-break: break-all; }
h3 { padding: 5px 10px; margin: 0; font-size: 1.2em; color: #333; text-shadow: #555 0 0 1px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end clearfix */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hide { display: none; }
.red { color: red; }
.gray { color: #999; }
.green { color: green; }
.darkred { color: darkred; }
.orange { color: orangered; }

.txt, select, .authcode { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.authcode { ime-mode: disabled; }
.txt, select, input.authcode { padding: 3px; }
.btn { margin: 0; outline: 0; height: 23px; line-height: 21px\9; text-shadow: #fff 1px 1px 0; color: #222; border: 1px solid #aaa; background: #e5e5e5; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fafafa',endColorstr='#e5e5e5'); background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#e5e5e5)); background: -moz-linear-gradient(top,#fafafa,#e5e5e5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn::-moz-focus-inner { border: 0; }
.btn:hover { text-shadow: #2A65A0 -1px -1px 0; color: #fff; border: 1px solid #2a65a0; background: #3072b3; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#599bdc',endColorstr='#3072b3'); background: -webkit-gradient(linear,left top,left bottom,from(#599bdc),to(#3072b3)); background: -moz-linear-gradient(top,#599bdc,#3072b3); }
.btn:active { -webkit-box-shadow: inset 1px 1px 3px #2a65a0; -moz-box-shadow: inset 1px 1px 3px #2a65a0; box-shadow: inset 1px 1px 3px #2a65a0; }
select { padding: 2px\9; -webkit-appearance: button; -moz-appearance: button; -moz-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5MDMwMzEzMUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA5MDMwMzE0MUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzAzMTExRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDkwMzAzMTIxRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pY8xsAAAAbUlEQVR42mL8//8/AzmAEYijgJgHj5ovQMOXYYgmAgEzM/M3IPM/OgaJg+RBrkLHIEJhwYIFC9nY2H4iawLxQeIgeVwaMTQT0oSsEa6Zj4/vCyFN6BrBmt++fdtESBMIM2KJDlYg/k0oOgACDABJirkKokz/DAAAAABJRU5ErkJggg==") no-repeat center right, -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e9e9e9)); }
select:active { -webkit-box-shadow: inset 1px 1px 8px #ddd; -moz-box-shadow: inset 1px 1px 8px #ddd; box-shadow: inset 1px 1px 8px #ddd; }

#wrapper { width: 80%; margin: 0px auto; }
#container { padding: 30px 0 20px; }
#sidebar { float: left; width: 160px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#sidebar dl { margin: 0; padding: 0; }
#sidebar dt { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #bbb; text-align: center; color: #222; background: #bfe2ac; font: bold 1.8em/2.2em Georgia, 'Times New Roman' , Times, serif; text-shadow: #333 0 0 1px; text-decoration: none; }
#sidebar dt a, #sidebar dt a:hover { display: block; color: #222; text-decoration: none; }
#sidebar dd { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin: 0; padding: 10px 15px; background: #fff8f8; }
#sidebar ul { margin: 0; padding: 0 0 0 15px; }
#content { margin-left: 180px; }
#footer { padding: 10px 0 0; border-top: 1px solid #bbb; color: #999; }
/* pager */
#pager { line-height: 19px; height: 21px; }
#pager a, #pager span { display: inline-block; float: left; padding: 0 5px; margin-right: 5px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#pager a { color: #2131a1; text-decoration: none; }
#pager span { color: #999; }
#pager a:hover { border: 1px solid #2131a1; }
#pager .selected { color: #c00; font-weight: bold; }
/* post */
.post-info { padding: 5px 10px; margin: 0; color: #555; background: #c3d9ff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.post-info ul, .comment dt ul { height: 21px; margin: 0; padding: 0; list-style: none; white-space: nowrap; overflow: hidden; }
.post-info li, .comment dt li { float: left; margin-right: 10px; }
.post-info strong, #comment strong { margin-right: 5px; color: #333; text-shadow: #555 0 0 1px; }
/* comment */
#comment { padding-top: 10px; }
#comment dt { padding: 5px 10px; border-bottom: 1px dotted #bbb; }
#comment dl, #comment dd { margin: 0; padding: 0; }
#comment dd { padding: 10px; }
.comment-empty { font-size: 1.2em; margin-top: -10px; line-height: 8em; text-align: center; color: #000; text-shadow: #333 0 0 1px; font-weight: bold; }
#comment-post { padding: 0 10px; }
#comment-post ul { margin: 0; padding: 0; list-style: none; }
#comment-post li { margin-top: 8px; }
.comment-more { text-shadow: #1f1f6b 0 0 1px; display: block; float: right; }
.comment-more:hover { text-shadow: #c00 0 1px 1px; }
/* job */
.job { margin-top: 10px; border-collapse: collapse; }
.job td { padding: 5px; border: 1px solid #ddd; }
.job-alt td { background: #f5f5f5; }
.job-lab { text-align: right; width: 20%; font-weight: bold; }
.job-try { margin: 10px 0; }
.job-try a { text-align: center; line-height: 25px; display: inline-block; padding: 0 8px; text-shadow: #51a0b3 -1px -1px 0; -webkit-box-shadow: #ccc 0 1px 4px; -moz-box-shadow: #ccc 0 1px 4px; box-shadow: #ccc 0 1px 4px; color: #fff; border: 1px solid #51a0b3; background: #328fc9; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66c7e5',endColorstr='#328fc9'); background: -webkit-gradient(linear,left top,left bottom,from(#66c7e5),to(#328fc9)); background: -moz-linear-gradient(top,#66c7e5,#328fc9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; font-weight: bold; font-size: 13px; }
.job-try a:hover { text-shadow: #2A65A0 -1px -1px 0; color: #fff; border: 1px solid #2a65a0; background: #599bdc; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#599bdc',endColorstr='#3072b3'); background: -webkit-gradient(linear,left top,left bottom,from(#599bdc),to(#3072b3)); background: -moz-linear-gradient(top,#599bdc,#3072b3); text-decoration: none; }
.jobTry-lab { width: 30%; text-align: right; }
