article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }

body{
margin:0;
padding:0;
}

header{
background-color:#191919;
height:20px;
padding:3px 10px 0;
}

header h1{
color:#fff;
font-style:italic;
font-size:12px;
margin:2px 0 0 0;
font-weight:normal;
float:left;
}

.twitter_header{
color:#fff;
font-style:italic;
font-size:12px;
margin: 14px 15px 0 0;
font-weight:normal;
float:right;
}

header h1 a:link, header h1 a:visited{
color:#fff;
text-decoration:none;
}

header h1 a:hover {
color:#3366FF;
text-decoration:none;
}

header h2{
color:#444444;
font-size:12px;
font-weight:normal;
margin:2px auto 0;
text-align:center;
width:800px;
}

nav{
background-color:#222;
border-bottom:1px solid #E7EBF6;
height:44px;
width:100%;
}

nav h2{
float:left;
font-family:Arial, Helvetica, sans-serif;
margin:14px 10px 0 10px;
color:#bababa;
font-size:14px;
}

#chapters{
margin:0;}

#chapters li{
list-style-type:none;
margin:7px 5px 0 2px;
text-indent:-9999px;
display:inline;
float:left;
}

#chapters li a:link{
display:block;
outline:none;
width:30px;
height:30px;
}

#chapters li a:visited{
background-position: 0 -60px;
display:block;
outline:none;
width:30px;
height:30px;
}

#chapters li a:hover{
background-position: 0 -30px;
display:block;
outline:none;
width:30px;
height:30px;
}

.chapter_build{
background-image:url(../../img/1.png);
background-repeat:no-repeat;
}

.chapter_spell{
background-image:url(../../img/2.png);
background-repeat:no-repeat;
}

.chapter_life{
background-image:url(../../img/3.png);
background-repeat:no-repeat;
}

.chapter_4pixels{
background-image:url(../../img/4.png);
background-repeat:no-repeat;
}

.chapter_doodling{
background-image:url(../../img/5.png);
background-repeat:no-repeat;
}

.chapter_pop{
background-image:url(../../img/6.png);
background-repeat:no-repeat;
}

#social_nav{
float:right;
margin:3px 5px 0 0;}

#social_nav li{
list-style-type:none;
margin:7px 5px 0 2px;
display:inline;
float:right;
text-indent:-9999px;
}

#social_nav li a:link, #social_nav li a:visited{
display:block;
outline:none;
height:23px;}

#social_nav li a:hover{
background-position: top;
display:block;
outline:none;
height:23px;}

.email_link{
background-image:url(../../img/mail.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

.archive_link{
background-image:url(../../img/archive.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

.flickr_link{
background-image:url(../../img/flickr.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

.rss_link{
background-image:url(../../img/rss.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

.twitter_link{
background-image:url(../../img/twitter.png);
background-repeat:no-repeat;
width:36px;
background-position:bottom;
}

.sfy_link{
background-image:url(../../img/sfy_link.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

.dribbble_link{
background-image:url(../../img/dribbble_link.png);
background-repeat:no-repeat;
width:23px;
background-position:bottom;
}

footer p{
font-size:18px;
font-family:helvetica, arial, sans-serif;
border:5px solid #fff;
width:460px;
}