﻿.spiral { color: #7D7E7E; }
.spiral p, .spiral div.pagecontent { font: 11px Verdana; line-height: 20px; padding: 10px 22px 0 90px; }
.spiral p.lead { color: #32A5C9; font: 14px Georgia; line-height: 22px; }
.small { font-size: 10px; }
.medium { font-size: 12px; }
.large { font-size: 14px; }
.spiral a { color: #7D7E7E; }
.spiral a:hover { text-decoration: none; }
.spiral span.title { font: bold 12px Verdana; color: #F745C1; }
.spiral span.date { font-size: 10px; color: #019CAE; }

.spiral h2 { font: bold 15px Verdana; color: #F745C1; padding: 20px 22px 0 0; }
.spiral h2 a { color: #F745C1; }
.spiral h3 { font: bold 13px Georgia; color: #019CAE; padding: 15px 22px 0 0; }
.spiral h3 a { color: #019CAE; }
.spiral h4 { font: bold 12px Georgia; color: #7D7E7E; padding: 15px 22px 0 0; }
.spiral h4 a, .spiral h5 a { color: #7d7e7e; }
.spiral h5 { font: bold 11px Georgia; color: #7d7e7e; padding: 15px 22px 0 0; }
.spiral blockquote { margin: 15px 38px 0 12px; padding: 10px; /*background: #E3EEF5*/; font: 11px Georgia; color: #7d7e7e; width: auto; }
.entry blockquote {margin-left: 102px;}
.entry blockquote p {padding-left: 12px;}
.post h2, .post h3, .spiral h3.respond, .post h4, .post h5, .post small { padding-left: 90px !important; }
.spiral li { font: 11px Verdana; list-style-position: outside; line-height: 18px; }
.spiral div.pagecontent p { padding-left: 0; }
.spiral ul { padding: 10px 0 0 28px; }
.spiral ul.sitemap { padding-top: 2px; }
.spiral ul.sitemap li { line-height: 16px; margin-top: 0; padding-top: 11px; }
.spiral ul.sitemap ul { padding-top: 0; }
.spiral ul.sitemap li ul li { padding-top: 3px; }
.spiral ul.sitemap ul li ul li { padding-top: 2px; }
.spiral ol { padding: 10px 0 0 28px; }
.spiral ol.commentlist { padding-left: 110px; }
.spiral ol.commentlist li p { padding-left: 0px; padding-top: 3px; }
.spiral ol.commentlist li { padding-top: 10px; }
.spiral p.small { font: 9px Verdana; color: #7d7e7e; padding-top: 3px; }
.spiral img { z-index: 2; }
.entry ol, .entry ul {padding-left: 118px;}

.spiral table { width: 550px; margin: 10px 0 0 0; text-align: center; border: 2px solid #027DAA; }
.spiral thead { background: #C9E2ED; }
.spiral tbody { background: #E1ECF3; }
.spiral th { font: bold 12px Verdana; color: #32A5C9; padding: 5px; background: #C9E2ED; border: 1px solid #027DAA; border-bottom-width: 2px; }
.spiral td { font: 11px Verdana; text-align: left; color: #7D7E7E; padding: 6px; line-height: 14px; border: 1px solid #027DAA; background: #E1ECF3; }

.spiral span.poster a { font-weight: bold; color: #F745C1; }

.spiral ol.commentlist li div { background: #FBF5E6; margin-top: 7px; border: 1px solid #DEDBCB; width: 460px; }
.spiral ol.commentlist li div p { padding: 6px 8px 6px 8px; line-height: 16px; }
.spiral ol.commentlist li div img.topleft { position: absolute; top: -8px; left: -1px; }
.spiral ol.commentlist li div img.topright { position: absolute; top: -1px; right: -1px; }
.spiral ol.commentlist li div img.bottomleft { position: absolute; bottom: -1px; left: -1px; z-index: 10; }
.spiral ol.commentlist li div img.bottomright { position: absolute; bottom: -1px; right: -1px; z-index: 11; }

.spiral span.jody { font: bold 11px Verdana; color: #F745C1; }
.spiral span.jodycomment { color: #019CAE; font-size: 10px; }
.spiral hr { color: #d3d3d3; background-color: #d3d3d3; height: 1px; border: none; }
