body {
padding: 20px 0;
}
h2 {
margin-bottom: 10px;
font: normal normal 20px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3 {
margin-bottom: 10px;
}
#wrapper {
margin: 0 auto;
width: 770px;
font-size: 11px;
}
header {
margin: 0 auto 50px;
width: 58.4%;
overflow: hidden;
}
header h1 {
float: left;
width: 17.7%;
}
header h1 span {
display: block;
text-indent: -9999px;
height: 0px;
}
header p {
margin-top: 2px;
float: right;
width: 76%;
font-size: 12px;
line-height: 17px;
}
section {
width: 100%;
}
section.adhere {
margin: 0 auto 20px;
width: 100%;
}
figure {
width: 100%;
}
figure figcaption {
margin-top: 10px;
font-size: 12px;
line-height: 17px;
text-align: center;
}
figure img {
border: 1px solid #eee;
}
pre {
margin-bottom: 20px;
padding: 5px;
font: normal normal 11px/16px monospace;
background-color: #eee;
color: #555;
border-radius: 5px;
}
/* 		pre code { display: block; padding: 5px; } */

.img-marker {
width: 11px;
height: 11px;
background: url('../images/red_marker.png') left top no-repeat;
}
.img-marker:hover {
cursor: pointer;
}
.caption {
padding: 8px 5px;
width: 130px;
font-size: 12px;
line-height: 17px;
color: #fff;
background-color: #d11919;
border-radius: 3px;
text-align: center;
}
.as-cap {
padding: 5px;
width: 100px;
font-size: 11px;
line-height: 15px;
text-align: right;
background-color: #cff;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}