html {
background: white;
}

body, input, textarea, select {
font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

body {
margin: 0;
padding: 0;
color: #000;
}

h2, h3 {
font-weight: normal;
}

h1, h2, h3, h5, h6 {
font-family: Georgia, Times, serif;
}

/* article title, also look at a tag */
h1 {
font-size: 24px;
font-weight: bold;
color: #bb0000; 
/* color: #492106; */
	background: url(/images/rez_h1back.gif) no-repeat; 
}

h2 {
	font-size: 27px;
	font-weight: bold;
	color: #b07713;
	letter-spacing: -2px;
padding: 5px 0 10px 33px;
	background: url(/images/rez_h2back.gif) no-repeat;
}

h3 {
font-size: 18px;
margin: 0 0 -5px 0;
}

h4 {
font-size: 12px;
margin: 0;
padding: 0;
}

/* article post date */
h5 {
margin: -22px 0 -2px 0;
font-size: 10px;
}

/* comment link */
h6 {
clear:both;
font-size: 10px;
margin: -10px 0 0 0;
}


p, blockquote {
line-height: 17px;
}

p { 
margin: 0 0 0 0;
padding: 0;
}

blockquote {
margin: 0 0 0 10px;

}

acronym {
font-size: 10px;
letter-spacing: .09em;
}

ol {
    padding: 10px 0 0 70px;
}

ul {
list-style-type: none;
margin: 0 0 0 0;
}

ul li ul {
list-style-type: none;
}

li {
margin: 0;
padding: 0 0 5px 0;
}


pre, code {
font-family: Courier, "Courier New", Monospace;
font-size: larger;
color: inherit;
background-color: #ffc;
}

label {
cursor: pointer;
}

input, textarea {
float: none;
font-size: 10px;
line-height: 120%;
color: inherit;
background-color: #c4a164;
border-width: 1px;
border-style: solid;
border-color: #996633; 
margin: 1px 0 6px 0;
}

.zemSubmit {
font-weight: bold;
font-size: 1em;
font-family: Georgia, Times, serif;
color: #fff;
background-color: #7a080c;
border-width: 1px;
border-style: solid;
border-color: #996633;
padding: 0.4em;
  cursor: pointer;
}


select, option {
font-family: Verdana, Trebuchet;
}

select {
color: inherit;
background-color: #eee;
border-width: 1px;
border-style: solid;
border-color: #fff #999 #999 #fff;
}

option {
color: inherit;
background-color: #eee;
}

small {
font-size: 10px;
line-height: 18px;
color: #900;
background-color: inherit;
}

/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #bb0000;
}

a:hover {
color: #7a080c;
/* text-decoration: underline; */
}

a img {
border: none;
}


div.rssCcat a {
color: #000;
font: 1.5em Georgia, Times, serif;
}


/* override
----------------------------------------------- */

.clear {
clear: both;
}

.hr img {
margin: 15px 0 15px 0;
}

.left {
float: left;
}

.right {
float: right;
}

.smaller {
font-size: 10px;
line-height: 16px;
}

/*
.strike {
border-width: 0 0 1px 0;
border-style: none none inset none;
border-bottom: gray;
}
*/

.title {
font: 14px Georgia, Times, "Times New Roman", Palatino, Helvetica;
}

span.caps {
font-size: 10px;
letter-spacing: .09em;
}

span.date {
font-size: 10px;
font-weight: normal;
letter-spacing: .09em;
}

span.emdash {
font-family: Arial, Helvetica;
}

span.gcaps {
font-size: 10px;
letter-spacing: .09em;
color: #f00;
background-color: inherit;
}

span.gray {
color: gray;
background-color: inherit;
}

span.hilite {
color: inherit;
background-color: #ff9;
}

span.permlink {
margin-right: 8px;
margin-left: 8px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

span.titlecaps {
font-size: 12px;
letter-spacing: .1em;
}

p.light {
margin-top: 0;
}

p.related {
margin: 0 0 2px 0;
font-size: 10px;
line-height: 12px;
}

p.res {
margin: 0 0 8px 0;
font-size: 10px;
line-height: 14px;
}

p.screenshot {
width: 140px;
text-align: center;
}

p.screenshot.left {
margin-right: 10px;
}

p.screenshot.right {
margin-left: 10px;
}

p.side {
margin: 10px 0 2px 0;
font-size: 10px;
}

ul.faq {
list-style-type: none;
}

h3.q, h3.a {
margin: 0 5px 5px 0;
float: left;
}

div.hr {
margin: 1em auto auto auto;
text-align: center;
}


div.rssCcat {
margin-top: 2em;
margin-bottom: .5em;
}

form#notify-form label, 
form#rate-form label {
font-weight: bold;
}

form#rate-form {
padding: 10px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

input.button {
margin-top: 5px;
padding: 3px;
color: #eee;
background-color: #bb0000;
border-width: 1px;
border-style: solid;
border-color: #fff #996633 #996633 #fff;
}

input.checkbox {
border: none;
background-color: #996633;
}

input.press {
padding-bottom: 4px;
font-size: 10px;
vertical-align: top;
}




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

#container {
margin: 0 auto;
padding: 0px;
width: 917px;
text-align: center;
background: url(/images/rez_background.jpg) ;
}

#header {
width:917px;
height:317px;
background: url(/images/rez_header.jpg) no-repeat top center; 
}

#left {
float: left;
padding: 0px;
width:562px;
/* background: url(/images/left_column.gif) no-repeat top center; */
text-align: left;
}

#right {
float: right;
width: 310px;
/* background: url(/images/right_column.gif) no-repeat top center; */ 
text-align: left;
}

#bird {
font-size: 0.1em;
width: 30px;
height: 30px;
padding: 10px 0 0 10px;
}

#bird a{
width: 35px;
height: 20px;
padding: 0 33px 23px 0;
background: url(/images/rez_bird.png) no-repeat; 
}

#bird a:hover {
	background: url(/images/rez_bird.png) no-repeat; 
background-position: -34px 0px;
}

#head ul li a:hover {
background-position: 0px -7px;
}



.clear {
clear:both;
}

#foot {
padding-top: 10px;
width: 917px;
height: 137px;
clear:both;
text-align: center;
background: url(/images/rez_footer.jpg) no-repeat bottom center;
}


#foot p {
margin-top: 2em;
margin-bottom: 2em;
}

.thumbs
{
    width: 500px;
    margin: 20px 0 10px 70px;
padding: 0;
}

.thumbs img, .thumbs img a
{
    float: left;
    border: 1px solid #999; 
    padding: 5px; 
    margin: 0px 12px 12px 0px;
    list-style: none;
    background-color: #fff; 
}


.thumbs a:hover img
{
    float: left;
    border: 1px solid #bb0000; 
    padding: 5px; 
    margin: 0px 12px 12px 0px;
    list-style: none;
    background-color: #fff; 
}
/* ---------
in the future when transparent png is more widely supported
(thumb would need to match size)
#thumbs img, #thumbs img a
{
    float: left;
    margin: 0px 12px 12px 0px;
    padding: 15px 15px 48px 15px;
    list-style: none;
background: url(/images/polaroid.png) no-repeat bottom left;
} 

-----------  */
#thumbs li
{
margin: 0;
padding: 0;
    list-style: none;
}

#gravatar img, #gravatar img a
{
    float: left;
    border: 1px solid #c4a162; 
    padding: 5px; 
    margin: 13px 12px 12px 0px;
    list-style: none;
    background-color: transparent; 
}

#gravatar img a:hover { border: #7a080c; }




/* comments
----------------------------------------------- */

.comments_error {
color: #eee;
/* background-color: #fff4f4; */
background-color: #bb0000;
border: 1px solid #eee;
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 1px solid #eee;
width: 76%;
}

.comments p {
margin: 0 0 0 -70px;
padding: 0 0 0 0;
}

.comments ol {
font-weight: bold;
}

div#cpreview {
color: #000;
margin: 10px 0 30px 70px;
}

div#cpreview p {
padding: 10px 0 0 0;
}


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

#left h1, #left h5, #left p, #left h3, #left h6, .divider,  form#txpCommentInputForm {
    padding: 10px 0 0 70px;
}

#right ul {
margin: 0 0 0 -30px;
}

#right ul a {
    color: #bb0000;
    font-family: Georgia, Times, Serif;
    font-size: 14px;
    padding: 0 0 0 0;
}

#right ul a:hover {
color: #7a080c;
}

ol li p {
    padding: 0;
}

/* download page
----------------------------------------------- */

#contentlistdownload{
padding: 10px 0 10px 0.2em;
width: 700px;
height: 180px;
margin-bottom: 50px;
text-align: left;
float: left;
}

#contentlistdownload h1 {
font-size: 24px;
font-weight: bold;
color: #bb0000; 
/* color: #492106; */
    padding: 10px 0 0 70px;
	background: none; 

}

#contentlistdownload p {
font-size: 0.65em;
line-height: 115%;
border: none;
font-style: normal;
font-weight: normal;
margin: 0;
}

#contentlistdownload a {
font-size: 0.66em;
font-weight: bold;
color: #bb0000;
}

#contentlistdownload a:hover {
color: #7a080c;
}

#contentlistdownload ol {
font-size: 10px;
} 

#contentlistdownload li {
margin: 10px 50px 20px 0;
width: 500px;
font-size: 20px;
line-height: 90%;
float: left;
border: none;
} 


#balloon {
 /* simple balloon */
 position:relative;
background: transparent url(/images/rez_balloon.png) no-repeat;
 left:60px;
 top:80px;
 width: 44px;
 height: 70px; 
 border: none;
 white-space:nowrap;
 padding:0;
}