body {
margin : 0;
padding : 0;
background : #e8e8ce url(images/bg.gif) repeat-x fixed;
font-size : 78%;
font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color : #333;
text-align : center;
}
p {
font-size : 1em;
line-height : 1.5em;
margin : 1.2em 0;
}
ol, ul {
font-size : 1em;
line-height : 1.5em;
margin : 1.2em 0 1.2em 2em;
padding : 0;
}
h1, h2, h3, h4, h5, h6 {
margin : 1.2em 0;
font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
color : #9bbb38;
}
h1, h2 {
font-size : 1.4em;
}
h3 {
font-size : 1.3em;
}
h4 {
font-size : 1.2em;
}
a:link {
color : #e58712;
text-decoration : underline;
}
a:visited {
color : #b96f17;
}
a:hover, a:active {
color : #9bbb38;
}
input, textarea, select {
border : 1px solid #c1c0b5;
background-color : #fafaf0;
color : #333;
font-size : 1em;
font-family : "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
blockquote {
margin : 0 20px;
padding : 0 20px;
border-left : 4px solid #e8e7d0;
border-top : 4px solid #e8e7d0;
border-right : 4px solid #e8e7d0;
border-bottom : 4px solid #e8e7d0;
font-size : 0.9em;
}
code {
font-family : monospace;
color : #666;
}
form, img {
margin : 0;
padding : 0;
border : 0;
}
.small {
font-size : 0.9em;
color : #999;
}
#wrapper {
margin : 0 auto;
width : 870px;
background-color : #fff;
text-align : left;
}
#header {
padding : 30px 0 0 0;
background-color : #f5f5e7;
border-bottom : 10px solid #9bbb38;
}
#header h1 {
margin : 0;
font-size : 1.8em;
}
#header h1 a {
text-decoration : none;
color : #80904f;
}
#content {
float : left;
padding : 0 20px;
voice-family : "\"}\"";
voice-family : inherit;
width : 650px;
}
html > body #content {
width : 650px;
}
* html #content {
overflow : hidden;
}
#sidebar {
float : right;
padding : 1.8em 20px 0 20px;
font-size : 0.9em;
voice-family : "\"}\"";
voice-family : inherit;
width : 120px;
}
html > body #sidebar {
width : 120px;
}
#footer {
clear : both;
font-size : 0.9em;
text-align : right;
}
#footer p {
margin : 0;
padding : 10px 0 20px 0;
background-color : #e8e8ce;
border-top : 10px solid #9bbb38;
font-size : 0.9em;
text-align : right;
}
#sidebar h2 {
display : inline;
margin : 1.2em 0 0.6em 0;
padding : 0 10px 0 0;
background : url(images/arrow.gif) no-repeat center right;
font-size : 1.1em;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#sidebar ul ul {
margin : 1.2em 0;
border-top : 1px solid #e8e7d0;
background-color : #fafaf0;
}
#sidebar ul ul li {
padding : 0 0 0 10px;
border-bottom : 1px solid #e8e7d0;
}
#sidebar ul ul li a {
display : block;
margin : 0 0 0 -10px;
padding : 2px 10px 0 10px;
voice-family : "\"}\"";
voice-family : inherit;
width : 120px;
}
html > body #sidebar ul ul li a {
width : 120px;
}
#sidebar ul ul li a:hover {
background-color : #fff;
}
#sidebar ul ul ul {
margin : 0;
border : none;
}
#sidebar ul ul ul li {
margin : 0 0 0 -10px;
padding : 0 0 0 25px;
border-bottom : none;
border-top : 1px solid #e8e7d0;
}
#sidebar ul ul ul li a {
margin : 0 0 0 -25px;
padding : 2px 10px 0 25px;
voice-family : "\"}\"";
voice-family : inherit;
width : 120px;
}
html > body #sidebar ul ul ul li a {
width : 120px;
}
.posttitle {
margin-bottom : 0;
width : 100%;
color : #fff;
overflow : auto;
}
.posttitle a {
float : left;
padding : 0 10px;
background : #9bbb38 url(images/posttitle.gif) no-repeat top right;
}
.posttitle a:link, .posttitle a:visited {
color : #fff;
}
.posttitle a:hover, .posttitle a:active {
background : #e8e7d0 url(images/posttitle.gif) no-repeat 100% -91px;
color : #80904f;
}
.postmeta {
margin-top : 0;
padding-top : 1px;
background : url(images/postmeta.gif) no-repeat top left;
font-size : 0.9em;
color : #999;
}
.permalink {
margin : 0 1.8em 0 0;
padding : 0 0 0 14px;
background : url(images/permalink.gif) no-repeat center left;
}
.commentslink {
padding : 0 0 0 17px;
background : url(images/commentslink.gif) no-repeat center left;
}
#commentlist {
margin : 1.2em 0;
padding : 0;
border-bottom : 1px solid #e8e7d0;
list-style-type : none;
}
#commentlist li {
border-top : 1px solid #e8e7d0;
padding : 1px 20px;
background-color : #fff;
}
.alt {
background-color : #fafaf0 !important ;
}
.authcomment {
background-color : #d2eecc !important ;
}
.commenttitle {
margin-bottom : 0;
font-size : 1.1em;
}
.commentmeta {
margin-top : 0;
font-size : 0.9em;
color : #999;
}
.dem-graph {
position : relative;
font : 9px/10px arial, sans-serif;
margin-top : 2px;
padding-right : 1px;
margin-bottom : 3px;
}
.dem-graph a, .dem-graph a:hover {
display : block;
float : left;
height : 5px;
cursor : default;
text-decoration : none;
border : 0;
}
.dem-winner a, .dem-winner a:hover {
border-right : 0;
}
.dem-winner {
padding-right : 0;
}
.dem-graph b, .dem-graph i {
float : left;
display : block;
position : absolute;
margin-left : 3px;
font-weight : bold;
font-style : normal;
}
.dem-vote-button {
display : block;
margin : 6px 0;
}
.democracy {
padding-bottom : 5px;
}
.democracy form {
text-align : left;
}
html > body .entry .democracy ul {
text-indent : 0 !important ;
}
.democracy input {
vertical-align : middle;
}
.dem-graph a i, .dem-graph a:hover b {
display : none;
}
.dem-graph a:hover i {
display : block;
}
* html .dem-graph a i, * html .dem-graph a:hover b {
display : block;
}
* html .dem-graph a:hover i {
display : block;
}
.dem-total-votes, .dem-added-by-guest {
display : block;
margin : 3px 0;
}
.dem-user-added {
display : block;
}
.dem-archives .democracy {
margin-bottom : 30px;
}
.democracy {
max-width : 600px;
}
.democracy img {
width : 100%;
margin-bottom : 4px;
vertical-align : middle;
}
.democracy input {
vertical-align : middle;
margin-right : 5px;
width : auto;
}
.democracy .addAnswerText {
width : 80%;
}
.dem-graph {
border : 1px solid #ccc;
height : 10px;
}
.dem-graph a, .dem-graph a:hover {
background : #efefef;
border-bottom : 5px solid #e0e0e0;
border-right : 1px solid #ccc;
}
* html .dem-graph a, * html .dem-graph a:hover {
border-bottom-width : 6px;
}
* html .dem-graph {
height : 11px;
}
.dem-graph b, .dem-graph i {
color : #555;
}
.dem-voted-for-this {
border-color : #888;
}
.democracy ul {
padding : 0;
}
.democracy label {
float : none;
display : inline;
}