/* base
----------------------------------------------- */
body {font-family: "Oswald", Verdana, Helvetica, sans-serif;color: #000;background-color:#f7f7f7;font-size:1em;}
body, ul {margin: 0;padding: 0;}
blockquote, p, li, h3 {padding-right: 10px;padding-left: 0;line-height: 1.3em;}
li, ul {list-style:none;}
h1, h2, h3 {margin: 0;padding: 0;}
h1 {font:bold 96px/1px 'Condiment', serif;text-shadow: -3px 0 #fff, 0 3px #fff,
      3px 0 #fff, 0 -3px #fff;}
#pages, small, .small {font-size: 11px;}
em {color:#502;font-style:normal}
.upper {text-transform:uppercase;}
span.edit a, span.edit {color: #f7f7f7;letter-spacing:0;}
span.edit a:hover {color:black;}
.pgStart, .pgNum {float:left;}
code {color:#f00;}
.entry-content {letter-spacing:0.02em;}
.pgCurrent {background-color:#FAE2E3;}
h3.entry-title {border-bottom:0 solid #fff;}

/* checks */
#nav_head, #logo, #head, #container {border:0 solid grey;}
 
/* links
----------------------------------------------- */
#nav_head a {font-weight:normal;color:#fff;}
#nav_head .active a {font-weight:bold;color:#f06;}
#nav_sub a {font-weight:normal;}
a {text-decoration: none;color: #333;font-weight: bold;}
.active a {color:#f06;}
h1 a {color:#301;}
h1 a:hover {text-decoration:none;color:#f06;}
a:hover {color: #000;text-decoration:underline;}
a img {border: none;}
.entry-content a, #content h3 a, #pages a {font-family: Helvetica, sans-serif;font-weight:normal;}
#content h3 a {text-transform:uppercase;}

/* typography */
@font-face {font-family: Fat; src: url('../../../fonts/Oswald-Regular.ttf') format('truetype');font-weight: 900;font-style: normal;}
@font-face {font-family: 'Condiment'; src: url('../../../fonts/Condiment-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}

/* layout
----------------------------------------------- */
#bg {position: fixed; z-index:1;opacity:0.1;width:100%;height:100%;background:url(../images/25.jpg);}
#container {position: absolute; z-index:5;margin: 30px 0 80px 0;padding: 10px 0 50px 0;width: 100%;}
#head {text-align: center;height: 110px;margin: 20px auto 0 auto; width:500px;}
#logo {text-align:left;float:right;padding-top:60px;}
#nav_head {float:left; text-align:right; padding:7px 0 7px 7px;line-height:10px;background-color:#000;}
#nav_sub, #foot {clear:both;font:normal 9px Helvetica, sans-serif;text-transform:uppercase;}
#lace_top {position: fixed;z-index:6; background:url(../images/23.png)repeat-x; width:100%;height:24px;}
#lace_bottom {position: fixed;z-index:7; background:url(../images/24.png)repeat-x; width:100%;height: 24px; bottom:0px;}
#nav_head li, h3.entry-title {font-family:Helvetica, sans-serif;text-transform:uppercase;line-height: 0.9em;}
#sidebar-1 {filter:alpha(opacity=40); -moz-opacity:0.4;opacity: 0.4;}
#sidebar-1:hover {filter:alpha(opacity=80); -moz-opacity:0.8;opacity: 0.8;}
#sidebar-1 {margin-right: 5px;float: left;text-align: right;}
#sidebar-2 {margin-left: 5px;float: right;}
.section_list {margin: 0 0 10px 0;padding: 0;list-style-type: none;}
.section_list li {margin: 0 10px 2px 0;padding: 0;}
#content {margin: 0 auto;padding: 10px 0;width: 640px;}
#content img {float:left;padding:0 15px 15px 0;}
#content h3 {font-size:20px;}
#foot {padding-left:20px;margin-top: 5px;clear: both;text-align: left;}

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */
/*#container, #head; {\width: 970px;w\idth: 960px;}*/
#sidebar-1 {\width: 150px;w\idth: 150px;}
#sidebar-2 {\width: 150px;w\idth: 150px;}
/* overrides
----------------------------------------------- */
#sidebar-2 p, #sidebar-1 p {font-size: 0.8em;line-height: 1.5em;}
.caps {font-size: 0.9em;letter-spacing: 0.1em;}

/* articles
----------------------------------------------- */
.directory {list-style-type: circle;}
.author {font-style: normal;font-size: 0.8em;}
.published {font-size: 0.8em;}

/* 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;}
#comments-help {margin: 2px 0 15px 0;font-size: 0.7em;}

/* error page
----------------------------------------------- */
.error-status {font: 1.3em Georgia, Times, serif;}