html {
background:#EEEEEE none repeat scroll 0 0;
color:#111111;
font-family:"Lucida Grande","Segoe UI",sans-serif;
font-size:62.5%;
}
.article-content > blockquote:first-child {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-color:#336699;
color:#FFFFFF;
padding-bottom:8px;
padding-left:12px;
padding-top:8px;
}
body {
font-size:1.3em;
line-height:1.5em;
margin:0;
padding:0;
}
a {
color:#666699;
}
a:visited {
color:#444444;
}
a:hover {
color:#000000;
}
a img {
border:medium none;
}
pre, code {
font-size:1.2em;
max-height:100%;
overflow:auto;
width:100%;
}
h1, h2 {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2 {
margin:0;
}
#page {
margin:0 auto;
width:890px;
}
#top {
background-color:#336699;
color:#FFFFFF;
padding:21px 30px;
width:530px;
}
h1 a, h1 a:visited {
color:#FFFFFF;
text-decoration:none;
}
h1 a:hover {
}
#content {
float:left;
width:590px;
}
#sidebar {
float:left;
width:300px;
}
#sidebar div {
padding:0 30px;
}
#sidebar h2 {
color:#666655;
}
#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1em 0;
padding:0;
}
.article {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin-bottom:2em;
overflow:auto;
padding:30px;
}
.article:hover {
border:1px solid #336699;
}
.article-title, .article-title a {
color:#111111;
text-decoration:none;
}
.article-info {
color:#999999;
margin:0 0 1em;
}
.article-content {
font-family:Georgia,serif;
}
.article img {
max-width:440px;
}
.article .collapsed {
display:none;
}
#footer {
clear:both;
padding:0 30px;
}