/* base
----------------------------------------------- */

body {
background: url(http://recombine.net/blog/images/124.png);
background-attachment:fixed; 
background-repeat: repeat;
font-family: verdana,"lucida console","lucida grande", monospace;
text-align: left;
margin: 0; padding: 2%; 
background-color:#F5F3F2;
}

pre {
font-family: monospace;
font-size:10px;
}

blockquote, h3, p, li {
padding-right: 0%;
padding-left: 0%;
font-size: 78%;
line-height: 0%;
}

p{
font-size: 10px;
line-height:150%;
clear:left;
}
blockquote p{
font-size: 90%;
}
blockquote {
margin-right: 0;
margin-left: 0;
color:grey;
}

h1, h2, h3 {
font-family: monaco,"lucida console","lucida grande", monospace;
font-weight: bold;
}

h1 {
font-size: 90%;
color:#968B6E;
}

#head h1{
background-color:#fff;
padding-left:1%;
padding-bottom:.3%;
font-weight:normal;
}

h2 {
font-size: 70%;
font-style: italic;
}
h3{
color:#757863;
font-weight:normal;
line-height: 120%;
margin-top:1px;
}
small, .small {
font-size: 100%;
}
em{
font-size:105%;
}

#taglist{
}

/* links
----------------------------------------------- */
a img { border: none; padding: 0; margin: 0; }
a:link,  a:visited { color:#475504; }
a:hover, a:active  { color: #475504; background: greenyellow; }

h3 a:link,h3 a:visited{
background-color:lightblue;
color:#fff;
font-size:130%;
font-weight:normal;
}
h3 a:hover, h3 a:active  { color: #475504; background: greenyellow; }
#sidebar-2 a, #sidebar-1 a {
color: #c00;
background-color: inherit;
border: none;
}

.articletags {
font-size:70%;
border:thin dotted;
padding:1%;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
font-size: 0.8em;
line-height: 1.5em;
}

#sidebar-1 p {
text-align: right;
}

#content hr {
margin: 2em 0;
width: 66%;
color: #ccc;
background-color: inherit;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}
cite{
font-style:normal;
color:#4E5086;
}
strong{
color:#574E4E;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}


#container {
float:left;
width: 750px;
text-align: left; 
margin: 10px 0 auto 30px; padding: 0;
}

#head {
width:750px;
height: 30px;
text-align: left;
}

#sidebar-1 {
margin-right: 5px;
padding-top: 100px;
/*float: left;*/
width: 150px;
\width: 150px;
w\idth: 150px;
}

#sidebar-2 {
margin-left: 5px;
padding-top: 100px;
/*float: left;*/
width: 150px;
\width: 150px;
w\idth: 150px;
}

#content {
width:750px;
float:left;
}

#taglist{
margin-top:0;
margin-bottom:1.5em;
padding-left:1%;
background-color:white;
height:auto;
}
.article{
border:1px dotted;
padding:1%;
margin-bottom:4%;
background-color:#F5F3F3;
}
.tb {
width:600px;
height:auto;
}

.cell{
width:100px;
margin:1%;
border:1px dotted;
float:left;
}

.poptb{
border:1px dotted;
margin-top:6px; clear:both;
}

#foot {
margin-top: 5px;
clear: both;
text-align: center;
}


/* comments
----------------------------------------------- */
#comment{
color:yellow;
margin-top:20px;
font-size:10px;
}
.comments,.comments-wrapper{
padding:10px;
padding-left:20px;
border: dotted thin grey;
color:#222;
background-color:lightgrey;
font-size:10px;
}
.comments p ,.comments li{
font-size:10px;
background-color:lightgrey;
}
.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
font-size:10px;
background-color:lightgrey;
padding-left:10px;
}

p#txpCommentInputForm {
background-color: #fff4f4 
}

form#txpCommentInputForm td {
vertical-align: top;
}

.button{
color:#6b5941;
font-size:10px;
border:thin;
}



/* NEXT and PREV buttons
----------------------------------------------- */
.nextprev a{
padding:2px;
background-color:#fff;
}
.nextprev a:hover{ color: #475504; background: yellow; }