/* ok, so it's a mess. sue me */

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

/* header styles **************************************************************/

#header h1{
color:white;
text-transform:none;
margin:0;
padding:0;
display:inline;
letter-spacing:-3px;}

#header {
padding:0.5em;
padding-top:2.1em;
padding-bottom:0.9em;
background:#FC0;}

#header a img {
position:absolute;
top:-1.6em;
left:-0.2em;}

#header a img {
border:none;}

#header #subtitle {
color:white;
position:relative;
top:-0.4em;
font-size:0.8em;}

/* footer styles **************************************************************/

#footer {
padding:1em;
color:white;
background:#FC0;}

#footer p {
text-align:left;
margin:0.2em;
line-height:1.2em;
font-weight:900;}

#lastChanged {
color:#FBE79B;}

/* front page styles, boxes, and stuff ****************************************/

.category {
text-align:justify;}

.category *{
display:inline;}

.item {
margin:1.5em;
padding:1em;
border: 1px solid #dedede;}

.item p {
display:block;
margin:0;}

/* general styles *************************************************************/

.body {
/* god, IE is spotty... */
clear: none !important;
clear: right;
width:40em;
margin:2em;
margin-left:auto;
margin-right:auto;}

h1, h2, h3 {
text-transform:uppercase;
letter-spacing:4px;}

.body h1, .body h2, .body h3{
position:relative;
top:0.35em;}

.body .category h1, .body .category h2, .body .category h3 {
position:static;}

h3, h4 {
font-weight:500;}

dl, p, ol, ul, blockquote {
text-align:justify;
font-size:0.9em;
line-height:1.7em;}

blockquote {
font-size:1em;
width:95%;
margin-left:auto;
margin-right:auto;
font-style:italic;}

blockquote em {
font-style:normal;
font-weight:500;}

blockquote strong {
font-style:normal;}

/* following to prevent shrinking nested text */
ol ol, ul ol, ol ul, ul ul, ol p, ul p  {
font-size:1em;}

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

img {
border:1px solid black;}

pre {
border: 1px solid #dedede;
padding:1em;}

code {
font-family:"Courier New",monospace;
white-space:nowrap;}


ul li {
padding-left:30px;}

ul ol li {
list-style-image:none;
padding:0;}

abbr, acronym, span.abbr{
cursor:help;
border-bottom:1px dotted #6D6D6D;}

dl {
margin:1em;}

dt {
margin-top:1em;
font-weight:900;}

dd {
margin-left:0;
padding-left:1.5em;
background-image:url('default/bullet.gif');
background-position:0 3px;
background-repeat:no-repeat;
}

/* table styles **************************************************************/

table.tufteDesign {
border-collapse: collapse}

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

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

td td {
font-size:100%;}

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

/* image on the front page ***************************************************/

#imageOfSvend{
float:left;
text-align:center;
padding:0;
padding-right:1em;
margin:0;}

/* content divider for frontpage *********************************************/

#contentDivider {
background:#fc0;
padding-left:2em;
line-height:2.5em;
clear:both;}

#contentDivider h1 {
color:white;

text-transform:none;
letter-spacing:-3px;}

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

.imgWithCaption {
text-align:center;
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;}

/* note paragraph style *******************************************************/

p.note {
border:2px solid silver;
margin:1em;
padding:1em;
color:dimgray;}

p.note a {
color:#BA6262;}

/* remove styles class ********************************************************/

/* counters various styles from above */
.noStyleImg img {
border:none;}

/* page selector styling ******************************************************/

.pageSelector {
float:right;
border-top:1px solid #fc0;
color:white;
font-weight:900;
margin-top:2em;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;}

 /*
.pageSelector .pageNumbers .noMove {
padding-bottom:0.7em;
background-image:url(/styles/default/page_selector_active.gif);
background-repeat:no-repeat;
background-position:50% 100%;} */

.pageSelector .noMove {
color:silver;
padding:0.2em;}

.pageSelector .moveRight a,
.pageSelector .moveLeft a {
color:#fc0;
padding:0.2em;
padding-top:1em;}

.pageSelector .moveRight a:hover {
background-image:url(/styles/default/page_selector_right.gif);
background-repeat:no-repeat;
background-position:50% 0%;}

.pageSelector .moveLeft a:hover {
background-image:url(/styles/default/page_selector_left.gif);
background-repeat:no-repeat;
background-position:50% 0%;}

.pageSelector .noPage {
color:silver;}

.pageSelector .page {
color:#fc0;}

/* front page 'show all whats new' ********************************************/

#showallwhatsnew {
padding-left:1.3em;
background-image:url(/styles/default/bullet.gif);
background-repeat:no-repeat;
background-position:0% 30%;}