/* root styling ***************************************************************/

body {
padding: 0;
margin: 0;
font-family:"Trebuchet MS",arial,sans-serif;
background-color:white;
color: black;}

#page {
width:1000px;
margin: 0 auto;
border-top:1px solid white; /* needed to get firefox to play nice. pos */}

/* header styling *************************************************************/

#header {
background-color: #FC0;
/*background-image:url('images/header_gradient.gif');
background-position:bottom left;
background-repeat: repeat-x;*/
color:white;
margin: 0;
width: 100%;}

#headerimg {
width:1000px;
background-image:url('images/st.gif');
background-repeat:no-repeat;
background-position:0 -6px;
padding-top:24px;
height:54px;
margin:0 auto;
text-align:left;}

#headerimg h1 {
padding-left:75px;
text-transform:none;
margin:0;
font-family: 'Trebuchet MS';
font-size: 2.5em;
letter-spacing:-3px;}

#headerimg h1 a {
color:white;
text-decoration:none;}

#headerimg .description {
font-size: 0.8em;
margin-top:-0.9em;
margin-left:80px;}

/* basic elements *************************************************************/

hr {
display:none;}

a img {
border:none;}

h1, h2, h3, h4 {
margin:0;
margin-left:70px;}

h3, h4 { /* these headers are used inside articles, h2 are article headline */
margin-top:30px;}

h1, h2, h2 a, h3, h3 a, h4, h4 a {
letter-spacing:-1px;
font-family:'Trebuchet MS';
color:black;
text-decoration:none;
}

h3, h4 {

/*text-transform:uppercase;*/
font-weight:900;}

a.external {
background:transparent url('images/external.gif') no-repeat 100% 60%;
padding-right:13px;}

.keyboard {
font-family:"Courier New", fixed;
margin:20px 4px;
padding:3px;
color:#000;
background:#eee;
border-width:2px 4px 5px 3px;
border-style:solid;
border-color:#ccc #aaa #888 #bbb;}

/* basic wordpress elements ***************************************************/

#content {
margin:20px auto 0 0;
width:750px;}

#content p {
font-size:0.9em;
/*text-align:justify;*/
line-height:1.5em;
margin-left:70px;}

#content li p {
margin-left:0;
font-size:100%;}

#content pre {
margin-left:70px;
border: 1px solid #dedede;
padding:1em;
line-height:1.2em;}

#content li pre {
margin-left:0; }

#content ul, #content ol{
font-size:0.9em;
line-height:1.7em;
margin-left:70px;}

#content textarea {
width:680px;}

#content table {
margin-left:70px;}

#content table  td {
font-size:0.9em;}

#content td td {
font-size:100%;}

#content a, #sidebar a, #footer a {
text-decoration:none;
color:#B40101;}

#content h2 a {
color:black; /* inherit should work here, but IE sucks ... so black it is */}

.post h2, #content h2{
margin-left:0px;
margin-bottom:-8px;}

.postedondate { /* date elements uses the "small" tag */
margin-top:0;
color:#999;
margin-left:70px;
font-size:0.8em;}

.postmetadata {
margin-top:0;
color:#999;
font-size:0.8em !important;}

#sidebar {
margin:0;
margin-top:20px;
width:200px;
float:right;
clear:both;}

.navigation {
width:200px;
margin-bottom:10px;
clear:both;
float:right;}

.navigation span {
}

.entry {
margin:0;
margin-bottom:0.4em;
border-bottom:1px dotted silver;}

.post {
margin-bottom:40px;}

/* sidebar elements ***********************************************************/

#sidebar img {
border:1px solid black;}

#sidebar ul, #sidebar ol {
margin-top:0;
list-style-type: none;
padding-left:0px;
margin-left:0;
font-size:0.8em;}

#sidebar ul li {
padding-bottom:7px;}

ul ul, ul ol, ol ol, ol ul {
margin-left:22px !important;
list-style-type: square !important;
font-size:100% !important;}

ul ul li, ul ol li, ol ol li, ol ul li {
margin-top:0 !important;}

#sidebar h2, #sidebar h3 {
margin-top:0;
font-weight:bolder;
margin-left:0;
font-size:1em;}

#sidebar p {
margin-top:0.6em;
margin-bottom:0.6em;}

/* comment form ***************************************************************/

.commentlist {
padding:0;
margin-left:70px;
list-style-type:none;}

.commentlist li { 
margin:0;
padding:0;
}

.commentlist li p { 
margin-left:0  !important;}

.commentlist pre {
margin-left:0  !important;}

/* footer *********************************************************************/

#footer {
clear:both;
height:100px;
background-color:#FC0;
width:100%;
padding-top:10px;
margin-top:50px;
text-align:center;}

#footer p {
font-size:0.8em;
line-height:1.7em;}

/* image with caption styles *************************************************/

.imgWithCaption {
text-align:center !important;
border:2px solid #dedede;
padding:1em;
font-style:italic;}

.imgWithCaption img {
margin-bottom:0.6em;
border:none;}

.imgWithCaption .caption {
margin:0;}

.imgWithCaption .caption code {
font-style:normal;}

.imgWithCaption .numbering {
font-style:normal;
font-weight:900;}

/* following are wp generated inserted images. */

.wp-caption {
width:auto !important;
margin-left:70px;
text-align: center;
border:2px solid #dedede;
padding:1em 0;
font-style:italic;}

p.wp-caption-text 
{margin:0 !important;
    padding:0;
}


/* table styles **************************************************************/
    
table.tufteDesign {
border-collapse: collapse}

table.tufteDesign td {
/*margin:0;*/
padding:0.3em 2em 0.3em 1em;
background-image:url('images/dedede.gif');
background-repeat:repeat-x;
background-position:bottom left;
vertical-align:top;}

table.tufteDesign tr.noline td {
background:none;}

table.tufteDesign tr.lastrow td {
background:none;}