body#dannyhiemstra {
   background: #fff url(../images/background.png);
   text-align: center;
}
* {
   font-family: Verdana, Tahoma;
}
p, td, th, ul, li, ol, textarea, input, select {
   font-size: small;
}
a {
   text-decoration: none;
   color: #3366cc;
}
a:hover {
   text-decoration: underline;
}

.txt-b { font-weight: bold; }
.txt-i { font-style: italic; }
.txt-c { text-align: center; }
.nomargin { margin: 0; }

/* Typography */
h1, h2, h3, h4, h5 { color: #666; margin: 0; padding-left: 8px; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

#header {
   background: transparent url(../images/header-bg.png) repeat-x;
   height: 75px;
   margin-bottom: 16px;
}
#header .inner {
   margin: auto;
   width: 890px;
   text-align: left;
}
#header .logo {
   width: 400px;
   height: 69px;
   background: transparent url(../images/logo.png) no-repeat;
   cursor: pointer;
}

#content {
   width: 890px;
   margin: auto;
   text-align: left;
}
#content .innerWidthLeftBar {
   margin-left: 170px;
   float: left;
}

#footer { clear: both; font-size: x-small; text-align: center; padding: 6px; margin-bottom: 10px; }

#navigation {
   float: left;
   width: 148px;
   margin-left: -180px;
   color: #143eb7;
   border: 1px solid #afc1dc;
   background-color: #EFF6FF;
   padding: 10px;
}
#navigation ul {
   list-style-type: square;
   margin-left: 0;
}
#navigation li {
   margin-left: 18px;
   color: #555;
}
#content .rcb p, #article p {
   margin: 8px;
}

#portfolio ul {
   margin-right: 20px;
   color: #3357BE;
   list-style: none;
   width: 100%;
}
#portfolio li {
   float: left;
   color: #666;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 1em;
   clear: both;
   width: 100%;
}
#portfolio li h3 {
   font-size: 14px;
   color: #3357BE;
   padding: 0;
   margin-bottom: 4px;
}
#portfolio li p {
   margin: 0 !important;
   margin-bottom: 6px !important;
}
#portfolio li p.link {
   margin-top: 2em !important;
}
#portfolio li .portfolio-img {
    border: 1px solid #aaa;
    margin-right: 6px;
}

/* Articles */
.article-details { padding-left: 8px; font-size: x-small; color: #888; }
.article-entry { margin-bottom: 1.5em; }
#article .tags { color: navy; font-size: small; font-style: italic; }


#digg .tags {
    padding: 10px;
    margin-bottom: 24px;
}
#digg .tags a {
    color: #3357BE;
}
#digg .tags a.s1, #digg .tags a.s0 { font-size: 10px; }
#digg .tags a.s2 { font-size: 12px; }
#digg .tags a.s3 { font-size: 12px; font-weight: bold; }
#digg .tags a.s4 { font-size: 14px; }
#digg .tags a.s5 { font-size: 14px; font-weight: bold; }
.tags a.s6 { font-size: 16px; }
#digg .tags a.s7 { font-size: 16px; font-weight: bold; }
#digg .tags a.s8 { font-size: 18px; }
#digg .tags a.s9 { font-size: 18px; font-weight: bold; }
#digg .tags a.s10 { font-size: 20px; font-weight: bold; }

#digg ul {
   margin-right: 20px;
   color: #3357BE;
   list-style: none;
   width: 100%;
}
#digg li {
   float: left;
   color: #666;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 1em;
   clear: both;
   width: 100%;
}
#digg li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#digg li {display:inline-block;}
/* Hides from IE-mac \*/
* html #digg li {height:1%;}
#digg li {display: block;}
/* End hide from IE-mac */

#digg .diggs {
    width: 31px;
    height: 27px;
    background: #fff url(../images/diggs.png) no-repeat;
    float: left;
    color: #3357BE;
    font-weight: bold;
    text-align: center;
    padding-right: 15px;
    padding-top: 7px;
    margin-right: 15px;
    margin-top: 4px;
}
#digg .entry {
    float: left;
    width: 700px;
}
#digg li h3 {
   font-size: 14px;
   color: #3357BE;
   padding: 0;
   margin-bottom: 4px;
}
#digg li h3 a:hover {
    color: #333;
    text-decoration: underline;
}
#digg li p {
   margin: 0 !important;
   margin-bottom: 6px !important;
}
#digg li em {
   font-size: 12px;
   color: #999;
}

/* Rounded corners */
.rcb {
    position: relative;
    width: 100%;
    border: 1px solid #aaa;
    background: #fff;
    margin-bottom: 1em;
    padding: 10px;
}
.bcb {
    position: relative;
    width: 100%;
}
.rcb_tl, .rcb_tr, .rcb_bl, .rcb_br, .bcb_tl, .bcb_tr, .bcb_bl, .bcb_br {
    width: 4px;
    height: 4px;
    position: absolute;
}

/* Forms */
form ol { margin: 8px; list-style: none; }
form ol label { display: block; }
form ol li { padding-bottom: 4px; }

/* Comments */
#comments .comment_entry { margin: 8px; margin-bottom: 1.5em; border-bottom: 1px solid #aaa; }
#comments .comment_entry h5 { margin: 0; padding: 0; }
#comments .comment_entry p { margin: 1px; }
#comments .comment_entry em.details { color: #666; margin-bottom: 6px; font-size: x-small; display: block; }


/* Syntax highlight */
.code-title { color: #666; font-size: x-small; font-weight: bold; font-style: italic; margin-left: 8px; }
pre.blackboard, pre.blackboard * { font-family: 'Lucida Console','courier new',monospace !important; font-size: x-small; }
pre.blackboard { margin: 0 8px 1em 8px; line-height: 1.5em; }
pre.blackboard .line-numbers { display: block; float: left; min-width: 24px; }

.rcb_tl { top: -1px; left: -1px; background: #fff url(../images/rcb/corner_tl.gif) no-repeat; }
.rcb_tr { top: -1px; right: -1px; background: #fff url(../images/rcb/corner_tr.gif) no-repeat; }
.rcb_bl { bottom: -1px; left: -1px; background: #fff url(../images/rcb/corner_bl.gif) no-repeat; }
.rcb_br { bottom: -1px; right: -1px; background: #fff url(../images/rcb/corner_br.gif) no-repeat; }

.bcb_tl { top: -1px; left: -1px; background: #fff url(../images/bcb/corner_tl.gif) no-repeat; }
.bcb_tr { top: -1px; right: -1px; background: #fff url(../images/bcb/corner_tr.gif) no-repeat; }
.bcb_bl { bottom: -1px; left: -1px; background: #fff url(../images/bcb/corner_bl.gif) no-repeat; }
.bcb_br { bottom: -1px; right: -1px; background: #fff url(../images/bcb/corner_br.gif) no-repeat; }