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

body {
margin: 0;
padding: 0;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 62.5%;
color: #000;
background-color: #fff;
}

p, li, iframe {
margin-right: 10px;
margin-left: 10px;
font-size: 1.2em;
line-height: 1.4em;
}

dt, dd {
font-size: 1.2em;
line-height: 1.4em;
}

pre {
font-size: 1.2em;
line-height: 1.4em;
margin-left: 20px;
margin-right: 20px;
}

li p {
font-size: 1.0em;
}

iframe {
margin-bottom: 20px;
}

blockquote {
margin-right: 20px;
margin-left: 20px;
}

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

h1 {
font-weight: normal;
font-size: 2.5em;
margin: 0;
padding: 12px 0;
}

h2 {
font-weight: normal;
font-size: 1.6em;
font-style: italic;
color: #fff;
margin: 0;
padding: 10px 0 15px;
}

h3, h4 {
margin-right: 10px;
margin-left: 10px;
font-weight: bold;
}

h3 {
font-size: 1.5em;
}

h4 {
font-size: 1.4em;
}

hr {
margin: 2em auto;
padding-bottom: 1px;
width: 460px;
height: 1px;
color: #060;
background-color: #c90;
border: none;
}

* html hr {
margin: 1em auto;
padding-bottom: 1px;
height: 1px;
color: #999;
background-color: #c90;
}

small, .small {
font-size: 0.8em;
}

td {
padding-left: 20px;
font-size: 1.0em;
}

#content p.pix {
clear: left;
}

#content p img {
border: 0;
float: left;
padding: 0;
margin: 3px 10px 10px 0;
}

.picture {
margin-left: 20px;
}

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

a {
font-weight: bold;
text-decoration: none;
}

a:link {
color: #060;
}

a:visited {
color: #565;
}

a:hover, a:active {
color: #c90;
}

h1 a:link, h1 a:visited {
color: #fff;
}

h3 a {
}

#sidebar-2 a, #sidebar-1 a {
}

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

#head a, #foot a {
color: #fff;
text-decoration: none;
}

#sidebar-1 a, #sidebar-2 a {
font-weight: normal;
}

#sidebar-1 ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}

#sidebar-1 li {
font-size: 1.0em;
margin-bottom: 5px;
margin-left: 0;
}

#sidebar-1 p, #sidebar-2 p {
font-size: 1.0em;
line-height: 1.8em;
margin-top: 0;
}

#sidebar-1 p {
margin-left: 0;
}

#sidebar-2 p {
margin-right: 0;
margin-left: 10px;
}

#sidebar-2 hr {
float: left;
margin: 1em 0 1em 10px;
width: 150px;
}

#sidebar-2 h3, #sidebar-1 h3 {
}

#content p, #content h4, #content h3, #content h2, #content dl, #content table {
margin-right: 20px;
margin-left: 20px;
}

#content h2 {
color: #000;
padding: 10px 0 0 0;
}

#content ul, #content ol {
margin-left: 0;
margin-right: 20px;
}

* html #content ul, * html #content ol {
margin-left: 40px;
}

#content ul li {
margin: 0 0 5px 0;
padding: 0;
}

#content ol li {
margin: 0 0 5px 10px;
padding: 0;
}

#content dl {
margin-top: 0;
padding: 0;
}

#content dl dt {
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

#content dl dd {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

#content table {
width: 200px;
text-align: right;
font-size: 1.2em;
line-height: 1.4em;
}

#content table th {
width: 50px;
background: #ccc;
padding-right: 10px;
vertical-align: top;
}

#content table td {
padding-left: 0;
padding-right: 10px;
}

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

div.divider {
margin: 2em 0;
text-align: center;
}

* html div.divider {
margin: 1em 0;
}

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

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

#outer-head {
width: 100%;
background-color: #060;
margin-bottom: 20px;
padding: 0;
border-top: solid 1px #060;
}

#head {
background-color: #060;
width: 780px;
height: 100px;
margin: 0 auto;
text-align: right;
padding: 0;
}

#container {
width: 780px;
margin: 0 auto;
padding: 0;
}

#sidebar-1, #sidebar-2 {
}

#sidebar-1 {
width: 140px;
padding-top: 20px;
margin-right: 5px;
float: left;
text-align: right;
}

#sidebar-2 {
width: 130px;
padding-top: 23px;
margin-left: 5px;
float: right;
}

#content {
min-height: 700px;
margin: 0 135px 8px 145px;
padding-top: 8px;
padding-bottom: 8px;
border-left: solid thin #999;
border-right: solid thin #999;
}

#outer-foot {
width: 100%;
background-color: #060;
margin-top: 20px;
margin-bottom: 0;
padding: 0;
border-bottom: solid 1px #060;
}

#foot {
color: #fff;
background-color: #060;
width: 780px;
height: 110px;
margin: 0 auto;
padding: 0;
}

#foot p {
font-size: 0.9em;
}

#foot a {
font-weight: normal;
}

#foot a:hover {
font-weight: normal;
text-decoration: underline;
}

#foot-1 {
width: 140px;
padding-top: 10px;
margin: 0;
float: left;
}

#foot-2 {
width: 240px;
padding-top: 10px;
margin: 0;
float: left;
}

#foot-3 {
width: 270px;
padding-top: 10px;
margin: 0;
float: left;
}

#foot-4 {
width: 130px;
padding-top: 10px;
margin: 0;
float: right;
}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 790px;
w\idth: 780px;
}

#sidebar-1 {
\width: 140px;
w\idth: 140px;
}

#sidebar-2 {
\width: 130px;
w\idth: 130px;
}

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

.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 {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

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

.invite {
font-weight: bold;
}