/* 

CSS

Column reminders:
114, 240, 366, 492, 618, 744, 870, 996 (1002 w/ 3px margins)
BG: #fffdf6, FG: #2b2b2b, RED: #f13503, BLUE: #4c997b, GREY: #a5a5a5

*/

/* Clear browser defaults & set base colors/text size */

html, body {
   color: #2b2b2b;
   background-color: #fffdf6;
   font-family: Georgia, serif;
   font-size: 16px;
   margin: 0;
   padding: 0;
   line-height: 1;
   }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   font-size: 1em;
   margin: 0;
   padding: 0;
   outline: 0;
   vertical-align: baseline;
   }

img { border: none; }

:focus { 
   outline: none;
   }

table, td, form, fieldset {
   border: none;
   border-collapse:collapse;
   border-spacing: 0;
   }

/* base font sizing & alignment */

p {
   font-size: 1em;   /*16px*/
   line-height: 1.5em;   /*24px*/ 
   margin: 0 0 1.5em 0;
   }

h1 {
   font-weight: normal;
   font-size: 1.5em;   /*24px*/
   line-height: 1em;   /*24px*/
   margin: 0 0 1em 0;
   }  

h2 {
   text-transform: uppercase;
   font-size: 1em;  
   line-height: 1.5em; 
   margin: 0 0 1.5em 0;
   font-weight: normal;
   letter-spacing: 0.1em;
   }

ul, ol {
   margin-top: -0.75em;
   margin-bottom: 0.75em;
   }

li {
   font-size: 1em;
   line-height: 1.5em;
   }

blockquote {
   font-style: italic;
   }

code {
   font-family: monospace;
   font-size: 1em;   /*16px*/
   line-height: 1.5em;   /*24px*/ 
   }

.signpost {
   font-size: 0.75em;   /*12px*/
   line-height: 2em;   
   margin: 0 0 1.916em 0;
   text-transform: uppercase;
   font-weight: bolder;
   font-family: Verdana, sans-serif;
   border-bottom: 1px solid #2b2b2b;
   }
   
/* link styling */
 
a {
   text-decoration: underline;
   color: #4c997b;
   }

a:hover {
   color: #2b2b2b;
   text-decoration: underline;
   }

#article-nav li a, #links li a, #files li a, #rss li a {
   color: #2b2b2b;
   text-decoration: none;
   }

#article-nav li a:hover, #links li a:hover, #files li a:hover, #rss li a:hover {
   color: #2b2b2b;
   text-decoration: underline;
   }

#article-nav li.active a {
   color: #f13503;
   }

#article-comments a:hover {
   text-decoration: underline;
   }

/* ~~~~ layout ~~~~ */

#container {
   width: 1002px;
   margin: auto;
   }

#header {
   margin: 24px 0 0 3px;
   }

#logotype a {
   float: left;
   background: url(../images/logo.png);
   background-repeat: no-repeat;
   height: 113px;
   width: 114px;
   display: block;
   text-indent: -4949px;
   margin-bottom: 1em;
   }

#logotype a:hover {
   background-position: -114px 0px;
   }

ul#nav {
   float: right;
   list-style-type: none;
   display: inline;
   margin: 6em 3px 0 0;
   }

ul#nav li {
   float: left;
   margin: 0 0 0 12px;
   width: 114px;
   height: 1.5em;
   }

ul#nav li a {
   font-family: Verdana, sans-serif;
   font-size: 0.7em;
   font-weight: bolder;
   text-transform: uppercase;
   color: #2b2b2b;
   text-decoration: none;
   display: block;
   text-align: center;
   }

ul#nav li a:hover {
   background-color: #a5a5a5;
   }

#header p input {
   float: right;
   }

.separator {
   margin: 0 3px 0 3px;
   clear: both;
   height: 2.2em;
   border-top: 4px solid #2b2b2b;
   }

#article-image {
   margin: 0 3px 1.5em 3px;
   }

#article {
   float: left;
   width: 492px;
   margin: 0 0 0 3px;
   padding: 0 0 0 0;
   }

#article p .inset-left {
   float: left;
   margin: 0.75em 12px 0.75em 0;
   }

#article p .inset-right {
   float: left;
   margin: 0.75em 0 0.75em 12px;
   }

#article-nav {
   float: left;
   clear: right;
   width: 492px;
   margin: 0 3px 0 12px;
   padding: 0 0 0 0;
   }

#article-comments {
   float: right;
   width: 492px;
   margin: 0 3px 0 12px;
   padding: 0 0 0 0;
   }

#error {
   margin: 0 3px 1.5em 3px;
   }

/* article navigation section */

#article-nav {
   font-family: Verdana, sans-serif;
   margin-bottom: 1.4375em;
   }

#article-nav h4 {
   font-size: 0.937em;  /* 15px */
   font-variant: small-caps;
   font-weight: lighter;
   line-height: 1.6;
   margin: 0.25em 0 0 0;
   }

#article-nav ul {
   margin: 0;
   }  

#article-nav li {
   font-size: 0.687em; /* 11px */
   font-weight: bolder;
   list-style-type: none;
   display: inline;
   margin: 0 1em 0 0;
   line-height: 2.6em;
   }

/* comments styling */


#article-comments {
   font-family: Georgia, sans-serif;
   }

 
ol.comments {
   list-style-type: none;
   margin: 0 0 1em 0;
   }

#article-comments li{
   margin: 0 0 0 0;
   }

#article-comments ol>li>h5>a {
   color: #2b2b2b;
   font-weight: bolder;
   font-size: 0.875em;

   text-decoration: none;
   }


#article-comments ol>li>p {
   color: #2b2b2b;
   }

#article-comments h5 a {
   font-weight: bolder;
   font-size: 0.875em;
   line-height: 1.589em;
   color: #f13503;
   text-decoration: none;
   }

#article-comments p {
   font-style: italic;
   color: #f13503; 
   }

/* comment form */

#txpCommentInputForm {
   margin: 0 59px 101px 0;
   }

ul.comments-error {
   list-style-type: none;
   color: #f13503;
   }

h6 {
   font-style: normal;
   font-size: 1em;   /*16px*/
   line-height: 1.5em;   /*24px*/ 
   margin: 0 0 1.5em 0;
   font-weight: normal;
   }

label {
   width: 7em;
   text-align: right;
   display: block;
   float: left;
   line-height: 1.5em;
   margin: 0 0 1.5em 0;
   }

#name, #email, #web, #message {
   font-family: Verdana, sans-serif;
   font-size: 0.75em;
   display: block;
   float: left;
   margin: 2px 0 0 1.2em;
   width: 25em;  
   border: 1px solid #c3c3c3;
   }

textarea {
   font-family: Verdana, sans-serif;
   font-size: 0.75em;
   display: block;
   float: left;
   clear: right;
   margin: 2px 0 0 1.2em;
   width: 25em;
   height: 9.25em;
   border: 1px solid #c3c3c3;
   }

.checkbox {
   float: left;
   margin: 3em 0 0 0;
   }

.button {
   margin: 0.675em 5px 0 0;
   float: right;
   }

#txpCommentInputForm br {
   clear: left;
   }

/* footer */

#footer {
   margin: 0 3px 0 3px;
   }

#about {
   float: left;
   width: 366px;
   margin: 0 0 0 0;
   }

#links, #files {
   float: left;
   width: 240px;
   margin: 0 0 0 12px;
   }

#links ul, #files ul {
   list-style-type: none;
   margin: 0 0 0 0;
   }

#rss {
   float: left;
   width: 114px;
   margin: 0 0 0 12px;
   }

#rss ul {
   list-style-image: url(../images/rss.png);
   list-style-position: inside;
   margin: 0 0 0 0;
   }

#footer br {
   clear: both;
   }

#copy {
   margin: 50px 0 0 0;
   font-family: Verdana, sans-serif;
   font-size: 0.687em;
   color: #a5a5a5;
   float: left;
   }
   
#qotd {
   color: #a5a5a5;
   font-family: Verdana, sans-serif;
   font-size: 0.687em;
   float: right;
   font-style: italic;
   margin: 50px 0 0 12px;
   width: 744px;
   }

/* archive page */
   
#archive {
   margin: 0 3px 0 3px;
   }

#archive dl dt {
   font-weight: normal;
   font-size: 1.5em;   /*24px*/
   line-height: 1em;   /*24px*/
   margin: 0 0 1em 0;
   }

#archive dl dd {
   font-size: 1em;   
   line-height: 1.5em;
   margin: 0 0 1.5em 0;
   }

#archive input[type="text"] {
   margin: 2px 1.2em 0 0;
   width: 20em;
   border: 1px solid #c3c3c3;
   }

/* pics gallery */

#gallery {
   width: 996px;
   margin: 0 3px 3em 3px;
   overflow: auto;
   }

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

#gallery ul li {
   width: 114px;
   float: left;
   margin: 0 12px 1em 0;
   }