body {
background-color: #262626;
color: #fff;
margin: 20px 0;
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 150%;
}

body.in-app {
background-color: #fff;
color: #333;
margin: 20px;
font-size: 14px;
}

#wrapper {
position: relative;
width: 800px;
margin: 0 auto;
}

.in-app #wrapper {
width: auto;
}

#main {
background-color: #fff;
color: #444;
padding: 40px;
background-image: url(/images/stripe.gif);
background-repeat: repeat-x;
background-position: top left;
}

.in-app #main {
background: none;
padding: 0;
}

#post-footer {
background-color: #444;
color: #444;
padding: 20px 40px 10px 40px;
border-top: 3px solid #888;
color: #fff;
font-size: 13px;
}

#post-footer h3 {
font-size: 15px;
margin-top: 0;
}

a {
color: #fff;
}

.in-app a {
color: #333;
}

#main a {
color: #e96b34;
}

.in-app #main a {
color: #333;
}

h1 a {
background-image: url(/images/help-logo.gif);
width: 179px;
height: 45px;
display: block;
text-indent: -10000px;
margin-left: -59px;
}

p.questions {
text-align: right;
position: absolute;
top: 0px;
width: 700px;
right: 0px;
font-size: 12px;
color: #ccc;

}

h2 {
font-weight: normal;
font-size: 36px;
line-height: 36px;
text-transform: lowercase;
margin: 10px 0 0 0;
letter-spacing: -1px;
}

h3 {
font-size: 28px;
font-weight: normal;
letter-spacing: -1px;
margin: 20px 0 13px 0;
}

.in-app h3 {
text-transform: none;
font-size: 16px;
letter-spacing: 0px;
font-weight: bold;
margin: 0px 0 10px 0;
}

.entry h2 {
text-transform: none;
margin-bottom: 25px;
font-size: 34px;
}

.entry h3 {
font-size: 20px;
margin: 30px 0 -5px 0;
font-weight: bold;
text-transform: none;
letter-spacing: 0px;
}

ul {
border-left: 1px solid #ccc;
margin: 0 0 30px 20px;
padding: 0 0 0 15px;
list-style-type: none;
}

.in-app ul {
margin: 0 0 30px 0;
border: 0;
}

ul li {
margin-bottom: 8px;
}

ul li ul {
margin: 8px 0 20px 20px;
}

ul li ul li {
font-size: 15px;
margin-bottom: 2px;
}

#post-footer ul {
margin-top: 15px;
margin-bottom: 15px;
border-left: 1px solid #777;
margin-left: 0;
}

#post-footer ul li {
margin-bottom: 3px;
}

ul.categories {
border: 0;
margin: 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}

ul.categories a {
text-decoration: none;
}

ul.categories a:hover {
text-decoration: underline;
}

ul.categories ul {
font-weight: normal;
}

ul.categories ul.testing li {
font-size: 17px;
font-weight: bold;
}

ul.categories ul.testing li ul li {
font-size: 15px;
font-weight: normal;
}

p.breadcrumb {
font-size: 12px;
margin-top: 0px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 25px;
}

#footer {
font-size: 11px;
color: #ccc;
margin-top: 20px;
}

pre {
background-color: #eee;
color: #000;
line-height: 140%;
padding: 10px;
font-size: 10px;
font-family: monospace;
}

pre.large {
background: none;
padding: 0;
font-size: 14px;
margin: 15px 0 0 0;
font-weight: bold;
}

p.explanation {
margin: 0;
font-style: italic;
margin-left: 10px;
font-size: 15px;
}

p.response {
margin-bottom: 0;
font-size: 15px;
font-weight: bold;
}

p img {
float: right;
margin: 5px 0 15px 15px;
}

dl {
margin: 15px 0 20px 0px;
padding: 0 0 0 0px;
font-size: 15px;
}

dl dt {
font-family: monospace;
font-weight: bold;
}

dl dd {
margin-bottom: 10px;
margin-left: 15px;
}

.in-app .contactbox {
background-color: #eee;
padding: 15px;
}

.in-app .contactbox p {
margin-bottom: 0;
}

.notanswered {
background-color: #ffffdf;
}

.notanswered p {
margin: 0;
padding: 4px 8px;
}
