@charset "UTF-8";
/* CSS Document */

body
{
  background: url(indeximg/solidback.png);
  background-position: top left;
  width: 100%;
  background-repeat: repeat;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: Arial, Arial, Helvetica, sans-serif;
}

a:link, a:hover, a:visited, a:active
{
  color: #8a99a1;
  text-decoration: underline;
}


#main-backing
{
  position: fixed;
  background: url(indeximg/left_border2.png);
  width: 648px;
  height: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#right-border
{
  position: fixed;
  background: url(indeximg/right_border3.png);
  width: 576px;
  height: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

#nametag
{
  position: fixed;
  background: url(indeximg/nametag.png);
  background-repeat: no-repeat;
  width: 183px;
  height: 89px;
  top: 16px;
  left: 30px;
  margin: 0;
  padding: 0;
  text-indent: -1000000px;
}


#layout
{
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
}

#content-hider
{
  position: fixed;
  background: #7c675d url(indeximg/left_border2.png);
  width: 1024px;
  height: 22px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 0;
}

#content
{
  position: relative;
  width: 650px;
  height: 100%;
  top: 85px;
  left: 350px;  
  margin: 0 0 200px 0;
  padding: 0;
  overflow: hidden;
}

#footer-container
{
  position: fixed;
  background: url(indeximg/solidback.png);
  width: 100%;
  height: 22px;
  bottom: 0;
  padding: 0;
  background-repeat: no-repeat;
}

#footer
{
  position: relative;
  background: url(indeximg/footer.png);
  width: 670px;
  height: 22px;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  padding: 0px;
  background-repeat: no-repeat;
}

#wingedpixel
{
  background: url(indeximg/favicon.png);
  background-repeat: no-repeat;
  color: white;
  text-indent: -60px;
  font-size: x-small;
  width: 100px;
  height: 16px;
  float: right;
  margin: 0;
  padding: 0;
}

#footer-container a, #footer-container a:hover, #footer-container a:visited
{
  text-decoration: none;
}
/*--------------------------------- top navigation ---------------------------------*/
#topnav
{
  position: fixed;
  width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;  
}

#topnav-container
{
  position: fixed;
  width: 813px;
  height: 23px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 100;
}

#topnav-container ul
{
  list-style-type: none;
}

#topnav-container li
{
  display: inline;
}
#topnav-nose
{
  position: absolute;
  background: url(indeximg/top_nav.png);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 185px;
  height: 23px;
  background-position: 0px 0px;
  margin: 0;
  padding: 0;
}
#topnav-twitter a
{
  position: absolute;
  background: url(indeximg/top_nav.png);
  background-repeat: no-repeat;
  top: 0;
  left: 185px;
  overflow: hidden;
  width: 116px;
  height: 23px;
  background-position: -185px -26px;
  text-indent: -999999px;
  margin: 0;
  padding: 0;
}

#topnav-twitter a:hover
{
  background-position: -185px 0px;
}
  
#topnav-myspace a
{
  position: absolute;
  background: url(indeximg/top_nav.png);
  background-repeat: no-repeat;
  top: 0;
  left: 301px;
  overflow: hidden;
  width: 115px;
  height: 23px;
  background-position: -301px -26px;
  text-indent: -999999px;
  margin: 0;
  padding: 0;
}

#topnav-myspace a:hover
{
  background-position: -301px 0px;
}

#topnav-youtube a
{
  position: absolute;
  background: url(indeximg/top_nav.png);
  background-repeat: no-repeat;
  top: 0;
  left: 416px;
  overflow: hidden;
  width: 112px;
  height: 23px;
  background-position: -416px -26px;
  text-indent: -999999px;
  margin: 0;
  padding: 0;
}

#topnav-youtube a:hover
{
  background-position: -416px 0px;
}
#topnav-tail
{
  position: absolute;
  background: url(indeximg/top_nav.png);
  background-repeat: no-repeat;
  top: 0;
  left: 528px;
  overflow: hidden;
  width: 483px;
  height: 23px;
  background-position: -528px -26px;
  margin: 0;
  padding: 0;
  text-align: left;  
}

.tailfont
{
  position: relative;
  top: 5px;
  left: 11px;
  color: #c9cbd0;
  font-size: x-small;
  
}

.tailfont:hover
{
  position: relative;
  top: 5px;
  left: 11px;
  color: #d2dc9d;
  font-size: x-small;
}

.shareing
{
  
  position: relative;
  top: 35px;
  float: right;
  margin: 30px;
  z-index: 50;
  
}

/*--------------------------------- side navigation ---------------------------------*/
.sidenav
{
  position: fixed;
  height: 220px;
  top: 130px;
  left: 25px;
  margin: 0;
  padding: 0;
}

@font-face 
{
  font-family: 'BlairMdITCTTMedium';
  src: url('/fonts/blairmditc_tt_medium-webfont.eot');
  src: local('☺'), url('/fonts/blairmditc_tt_medium-webfont.woff') format('woff'), url('/fonts/blairmditc_tt_medium-webfont.ttf') format('truetype'), url('/fonts/blairmditc_tt_medium-webfont.svg#webfonthNbmjW1B') format('svg');
  font-weight: bold;
  font-style: normal;
}
.sidenav li, .sidenav a, .sidenav a:visited
{
  color: #603913;
  font-family: BlairMdITCTTMedium;
  font-size: 14px;
  list-style-type: none;
  margin-bottom: 7px;
  text-align: left;
  text-decoration: none;
}
.sidenav li:hover, .sidenav a:hover,body#home #sidenav-home a:hover, body#portfolio #sidenav-portfolio a:hover, body#merch #sidenav-merch a:hover, body#otherworks #sidenav-otherworks a:hover, 
body#originals #sidenav-originals a:hover, body#commissioned #sidenav-commissioned a:hover, body#blog #sidenav-blog a:hover, body#media #sidenav-media a:hover, body#artist #sidenav-artist a:hover, 
body#contact #sidenav-contact a:hover, body#links #sidenav-links a:hover
{
  color: #000000;
  font-family: BlairMdITCTTMedium;
  list-style-type: disc;
}
body#home #sidenav-home a, body#portfolio #sidenav-portfolio a, body#merch #sidenav-merch a, body#otherworks #sidenav-otherworks a, 
body#originals #sidenav-originals a, body#commissioned #sidenav-commissioned a, body#blog #sidenav-blog a, body#media #sidenav-media, body#artist #sidenav-artist a, 
body#contact #sidenav-contact a, body#links #sidenav-links a
{
  color: #ffffff;
  list-style-type: none;
}