pre,.code {
background:#FFC;
border-left:5px solid #CCC;
font:1em/1.5 "Courier News", monospace;
margin:5px 0 15px;
padding:10px 15px;
}

blockquote {
padding:1em 40px 1em 15px;
}

blockquote span.open {
background:url(../images/so-q.gif) no-repeat left top;
padding:2px 0 2px 25px;
}

blockquote span.close {
background:url(../images/sc-q.gif) no-repeat bottom right;
padding:2px 25px 2px 0;
}

.dropcap {
color:#C00;
display:block;
float:left;
font:60px/58px Georgia, Times, serif;
padding:0 10px 0 0;
}

p.error {
background:url(../images/icon-error.gif) no-repeat 0 1px;
color:#C00;
padding-left:25px;
}

p.message {
background:url(../images/icon-info.gif) no-repeat 0 1px;
color:#80CCE6;
padding-left:25px;
}

p.tips {
background:url(../images/icon-tips.gif) no-repeat 0 1px;
color:#FC0;
padding-left:25px;
}

p.feed {
background:url(../images/icon-rss.gif) no-repeat 0 1px;
padding:3px 0 3px 25px;
}

.highlight {
color:#333;
background:#FFC;
font-weight:700;
padding:1px 5px;
}

p.stickynote {
background:url(../images/sticky-bg.gif) no-repeat 5px center #FFF;
border:1px solid #DDD;
padding:15px 10px 15px 60px;
}

p.download {
background:url(../images/icon-download.gif) no-repeat 5px center #FFF;
border:1px solid #DDD;
padding:15px 10px 15px 60px;
}

.blocknumber {
clear:both;
position:relative;
padding:5px 15px 10px;
}

ul.checklist li {
background:url(../images/icon-checklist.gif) no-repeat 0 6px !important;
margin-left:15px !important;
padding:0 0 0 20px !important;
}

ul.stars li {
background:url(../images/icon-star.gif) no-repeat 0 0;
margin-left:15px;
padding:0 0 0 20px;
}

ul.arrow li {
background:url(../images/icon-arrow.gif) no-repeat 3px 7px;
margin-left:15px;
padding:0 0 0 20px;
}

ul.film li {
background:url(../images/icon-film.gif) no-repeat 0 2px;
margin-left:15px;
line-height:180%;
padding:0 0 0 20px;
}

.bignumber {
background:url(../images/ol-bg.gif) no-repeat top left;
color:#FFF;
display:block;
float:left;
font:bold 20px/normal Arial, sans-serif;
margin-right:8px;
padding:6px 7px;
}

div.bubble1,div.bubble2,div.bubble3,div.bubble4 {
margin:15px 0;
}

div.bubble1 span.author,div.bubble2 span.author,div.bubble3 span.author,div.bubble4 span.author {
background:url(../images/icon-author.gif) no-repeat left center;
font-weight:700;
margin-left:25px;
padding-left:20px;
}

div.bubble1 div {
background:url(../images/bub1-br.gif) no-repeat bottom right;
width:100%;
margin:0;
}

div.bubble1 div div {
background:url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background:url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background:url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
width:auto;
margin:0;
padding:10px 15px 20px;
}

div.bubble2 div {
background:url(../images/bub2-br.gif) no-repeat bottom right;
width:100%;
margin:0;
}

div.bubble2 div div {
background:url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background:url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background:url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
width:auto;
margin:0;
padding:10px 15px 25px;
}

div.bubble3 div {
background:url(../images/bub3-br.gif) no-repeat bottom right;
width:100%;
margin:0;
}

div.bubble3 div div {
background:url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
background:url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
background:url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble4 div {
background:url(../images/bub4-br.gif) no-repeat bottom right;
width:100%;
margin:0;
}

div.bubble4 div div {
background:url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
background:url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
background:url(../images/bub4-tl.gif) no-repeat top left;
}

.legend-title {
background:#FFF;
display:block;
font-size:100%;
float:left;
font-weight:700;
left:7px;
position:absolute;
top:-10px;
margin:0;
padding:0 3px;
}

.legend {
border:1px solid #DDD;
position:relative;
margin:20px 0;
padding:0 10px;
}

ul.checklist,ul.stars,ul.arrow,ul.film {
list-style:none;
}

div.bubble3 div div div div div,div.bubble4 div div div div div {
width:auto;
margin:0;
padding:10px 15px 45px;
}