body { 
   margin: 0; 
   padding: 0; 
   font-family: verdana, sans-serif;
   font-size: 12px;
   color: #363636;
   background: repeat-y left url(/style/images/vector/back-repeat.gif) transparent;
} 

a:link, a:visited {
   text-decoration: underline;
   color: #000;
}

a:hover {
   text-decoration: none;
   color: #666;
}
 
.bgc1 { background-color: #99cc99; }
.bgc2 { background-color: #99ccff; }
.bgc3 { background-color: #ff99cc; }
.bgc4 { background-color: #cc99cc; }
.bgc5 { background-color: #bfdc8f; }
.bgc6 { background-color: #4aa2da; }
.bgc7 { background-color: #f4be53; }
.bgc8 { background-color: #f3e066; }
.bgc9 { background-color: #fbef8d; }
.bgc10{ background-color: #8ecea8; }
.bgc11{ background-color: #f9ec85; }
.bgc12{ background-color: #b3c991; }
.bgc13{ background-color: #31bced; }
.bgc14{ background-color: #f2b3cb; }
.bgc15{ background-color: #ff9900; }
.bgc16{ background-color: #ff0000; }
.bgc17{ background-color: #0000ff; }
.bgc18{ background-color: #ffff00; }
.bgc19{ background-color: #00cc00; }

#topgraphic {
   width: 875px;
   height: 315px;
   background: no-repeat top left url(/style/images/vector/back-header.gif) transparent;
}

#bottomgraphic {
   background-image:    url(/style/images/vector/back-footer.gif);
   background-repeat:   no-repeat;
   background-position: bottom left;
   position: fixed;
   bottom: 0;
   left: 0;
   margin: 0 !important;
   margin-left: -346px;
   width: 1024px;
   height: 381px;
   z-index: -1 !important;
   z-index: 2;
}

#mainbody {
   position: absolute;
   display: block;
   left: 255px;
   top: 85px;
   margin-left: 92px;
   width: 510px;
   z-index: 2;
}

#logo {
   position: absolute;
   top: 23px;
   left: 362px;
   width: 492px;
   height: 51px;
   background: url(/style/images/vector/pubarsologo.gif) no-repeat top right;
}

#logo span {
   display:none;
}

.commentshead {
   margin-top: 25px;
   font-family: verdana, serif;
   font-size: 17px;
   font-weight: bold;
   margin-left: 10px;
   margin-bottom: 5px;
}

.comments-body {
   background: transparent;
   padding: 5px;
   border: 1px solid #666;
   margin-bottom: 5px;
   margin-left: 10px;
   margin-right: 10px;
}

.comments-body:hover {
   border: 1px solid #888;
}

.comments-body a:link, .comments-body a:visited {
   text-decoration: underline;
   color: #000;
}

.comments-body a:hover {
   text-decoration: none;
   color: #666;
}

#footer {
   position: absolute;
   top: 100px;
   left: 55px;
   color: #000;
   font-size: 10px;
   padding: 5px;
   text-align: right;
   z-index: 50;
   font-weight: bold;
}

#footer a:link, #footer a:visited {
   text-decoration: underline;
   color: #000;
}

#footer a:hover {
   text-decoration: none;
   color: #666;
}

.blogbody {
   display: block;
   padding: 5px;
   padding-bottom: 20px;
   margin-bottom: 10px;
   padding-left: 20px;
   text-align: justify;
}

.blogbody a:link, .blogbody a:visited {
   text-decoration: underline;
   color: #222;
}

.blogbody a:hover {
   text-decoration: none;
   color: #666;
}

.blogbody h3, .blogbody h2 {
   font-size: 17px;
   margin: 2px;
}

.blogtitle {
   display: block;
   color: #000;
   padding: 0px;
   margin: 0px;
   font-family: verdana, serif;
   font-size: 17px;
   font-weight: bold;
   background: transparent url(/style/images/post.gif) no-repeat center left;
   border-bottom: 1px solid #000;
   padding: 5px 0px;
}

.blogtitle a:link, .blogtitle a:visited, .blogtitle a:hover {
   display: block;
   text-decoration: none;
}

.posted a:link, .posted a:visited {
   color: #000;
}

.posted a:hover {
   text-decoration: none;
   color: #666;
}

.posted {
   font-size: 11px;
   color: #000;
   text-align: right;
}

#thequote {
   color: #000;
   font-family: "arial black",sans-serif;
   text-align: center;
   overflow: hidden;
   position: absolute;
   top: 240px;
   left: 55px;
   width: 200px;
   height: 200px;
}

.quotesize4 { font-size: 12px; line-height: 12px; }
.quotesize3 { font-size: 20px; line-height: 20px; }
.quotesize2 { font-size: 35px; line-height: 35px; }
.quotesize1 { font-size: 50px; line-height: 50px; }

blockquote {
   font-family: verdana;
   font-size: 88%;
   color: #000;
   padding: 5px;
   margin-left: 23px;
   border: 1px dotted #111;
   border-left: 10px solid #666;
   border-bottom: 10px solid #666;
   line-height: 1.2em;
}

#linker {
   font-size: 10px;
   border: 2px solid #cac8a9;
   background-color: #e5e4d6;
   margin: 10px 10px 10px 10px;
   padding: 3px;
   width: 137px;
}

#linker h5 {
   background-color: #cac8a9;
   margin: 0px;
   padding: 0px;
   padding-left: 5px;
   font-size: 10px;
   font-weight: bold;
   font-family: verdana;
}

#linker ul {
   font-size: 11px;
   list-style: none;
   line-height: 13px;
   margin: 5px 8px 7px 3px;
   padding: 0;
}

#linker li {
   padding-left: 13px;
   background: url(/style/images/dbl_arrow.gif) no-repeat 1px 4px;
   background-position: 1px 5px;
   margin-bottom: 2px;
}


#linkpage {
   margin: 20px 10px 6px 20px;
   line-height: 1.4em;
}

#linkpage dt {
   margin-top: 10px;
   font-weight: bold;
}

#mainbody #linkpage dd {
   margin: 0;
   padding: 0;
}

#linkpage dd strong {
   color: #666;
}

#linkpage a {
   font-weight: normal;
}

#linkpage dt a {
   float: left;
   display: block;
   margin: 0 6px 0 0;
   padding: 2px;
   background: #fff;
   border: 1px solid #ccc;
}

#linkpage dt a:hover, #linkpage dt a.active {
   border-color: #c63;
}

.linkviews {
   font-size: 10px;
}

#linknav {
   color: #000;
   padding: 3px;
   margin-bottom: 25px;
   float: right;
   text-align: center;
}

#linknav ul {
   margin-left: 0;
   padding-left: 0;
   display: inline;
   border: none;
} 

#linknav ul li {
   font-weight: bold;
   margin: 1px;
   padding: 2px;
   padding-left: 4px;
   padding-right: 4px;
   border: 1px solid #cac8a9;
   list-style: none;
   background-color: #fff;
   display: inline;
}

#linknav ul li.current {
   background-color: #e5e4d6;
}

#linknav ul li a {
   font-weight: normal;
}

#linkerlog td {
   font-size: 10px;
   border-bottom: 1px solid #c0c0c0;
}

#linkerlog th {
   border-bottom: 2px solid #000;
}

.commentlink {
   margin-top: 0px;
   padding: 5px 17px;
   background: transparent url(/style/images/comments.gif) no-repeat center left;
}

.albumcover, .albumcover-right, .albumcover-left {
   border: 2px solid #000;
   padding: 3px;
   margin: 5px;
   width: 143px;
   height: 141px;
}

.albumcover-left {
   float: left;
   margin-right: 12px;
}

.albumcover-right {
   float: right;
   margin-left: 12px;
}

.blogsinglenav {
   padding: 4px;
   text-align: right;
}

#wishlist {
   position: relative;
   color: #aaa;
   font-size: 88%;
   border: 2px solid #cac8a9;
   margin: 20px 10px 20px 10px;
   background-color: #e5e4d6;
   padding: 3px;
   width: 137px;
}

#wishlist img {
   display: block;
   border: 1px solid #cac8a9;
   padding: 2px;
   width: 130px;
}

#wishlist h5 {
   color: #000;
   text-align: left;
   background-color: #cac8a9;
   margin: 0px;
   margin-bottom: 5px;
   padding: 0px;
   padding-left: 5px;
   font-size: 10px;
   font-weight: bold;
   font-family: verdana;
}

#wishlist a:link, #wishlist a:visited {
   text-decoration: underline;
   color: #aaa;
}

#wishlist a:hover {
   text-decoration: none;
   color: #222;
}

#w_artist {
   text-align: left;
   color: #000;
}

#w_title {
   text-align: center;
   color: #000;
}

#buylink {
   text-align: center;
}

#amz_img {
   margin: auto;
}

.wishlist_item {
   width: 135px;
   height: 135px;
   float: left;
   padding: 2px;
   margin: 2px;
}

.wishlist_item img {
   border: 1px solid black;
}

#nav {
   height: 22px;
   width: 285px;
   margin: 0 0 0 0;
   padding: 0;
   border: 0;
   background: transparent;
   position: absolute;
   top: 80px;
   left: 17px;
}

#nav ul#menu {
   height: 22px;
   width: 285px;
   background: transparent url(/style/images/vector/menu.gif) top left no-repeat;
   margin: 0;
   padding: 0;
   position: relative;
}

div#nav ul#menu li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
   
ul#menu li, ul#menu a {
   height: 22px;
   display: block;
}
   
div#nav ul#menu li a {
   text-indent: -9999px;
   text-decoration: none;
}
   
#nav_home    {top: 0; left: 0;     width: 52px; }
#nav_about   {top: 0; left: 52px;  width: 54px; }
#nav_archive {top: 0; left: 106px; width: 68px; }
#nav_links   {top: 0; left: 174px; width: 46px; }
#nav_moblog  {top: 0; left: 220px; width: 65px; }

#nav_home a:hover    {background: transparent url(/style/images/vector/menu.gif) 0 -22px no-repeat;}
#nav_about a:hover   {background: transparent url(/style/images/vector/menu.gif) -52px -22px no-repeat;}
#nav_archive a:hover {background: transparent url(/style/images/vector/menu.gif) -106px -22px no-repeat;}
#nav_links a:hover   {background: transparent url(/style/images/vector/menu.gif) -174px -22px no-repeat;}
#nav_moblog a:hover  {background: transparent url(/style/images/vector/menu.gif) -220px -22px no-repeat;}

body#pnav_home    #nav_home     {background: transparent url(/style/images/vector/menu.gif) 0      -22px no-repeat;}
body#pnav_about   #nav_about    {background: transparent url(/style/images/vector/menu.gif) -52px  -22px no-repeat;}
body#pnav_archive #nav_archive  {background: transparent url(/style/images/vector/menu.gif) -106px -22px no-repeat;}
body#pnav_links   #nav_links    {background: transparent url(/style/images/vector/menu.gif) -174px -22px no-repeat;}
body#pnav_moblog  #nav_moblog   {background: transparent url(/style/images/vector/menu.gif) -220px -22px no-repeat;}


#vectorguy {
   position: fixed;
   bottom: 0;
   height: 345px;
   width: 345px;
   z-index: 10;
   margin-top: 36px;
}

.vguy1  { background: transparent url(/style/images/vector/vector01.gif) no-repeat fixed bottom left; }
.vguy2  { background: transparent url(/style/images/vector/vector02.gif) no-repeat fixed bottom left; }
.vguy3  { background: transparent url(/style/images/vector/vector03.gif) no-repeat fixed bottom left; }
.vguy4  { background: transparent url(/style/images/vector/vector04.gif) no-repeat fixed bottom left; }
.vguy5  { background: transparent url(/style/images/vector/vector05.gif) no-repeat fixed bottom left; }
.vguy6  { background: transparent url(/style/images/vector/vector06.gif) no-repeat fixed bottom left; }
.vguy7  { background: transparent url(/style/images/vector/vector07.gif) no-repeat fixed bottom left; }
.vguy8  { background: transparent url(/style/images/vector/vector08.gif) no-repeat fixed bottom left; }
.vguy9  { background: transparent url(/style/images/vector/vector09.gif) no-repeat fixed bottom left; }
.vguy10 { background: transparent url(/style/images/vector/vector10.gif) no-repeat fixed bottom left; }
.vguy11 { background: transparent url(/style/images/vector/vector11.gif) no-repeat fixed bottom left; }
.vguy12 { background: transparent url(/style/images/vector/vector12.gif) no-repeat fixed bottom left; }
.vguy13 { background: transparent url(/style/images/vector/vector13.gif) no-repeat fixed bottom left; }
.vguy14 { background: transparent url(/style/images/vector/vector14.gif) no-repeat fixed bottom left; }
.vguy15 { background: transparent url(/style/images/vector/vector15.gif) no-repeat fixed bottom left; }
.vguy16 { background: transparent url(/style/images/vector/vector16.gif) no-repeat fixed bottom left; }

#iespacer {
   display: none !important;
   display: block;
   height: 350px;
}

#firefox {
   display: none !important;
   display: block;
   position: absolute;
   top: 145px;
   left: 100px;
}

textarea, input {
   background-color: #c0c0c0;
   color: #000;
}


.thumbnail {
   border: 1px solid #000;
   padding: 4px;
   margin: 3px;
   background-color: #fff;
}

#moblogoff {
   display: block;
   height: 52px;
   position: relative;
   color: #aaa;
   text-align: center;
   border: 2px solid #cac8a9;
   margin: 5px;
   background-color: #e5e4d6;
   padding: 3px;
   padding-left: 4px;
}

#moblogoff h5 {
   color: #000;
   text-align: left;
   background-color: #cac8a9;
   margin: 0px;
   margin-bottom: 5px;
   margin-right: 1px;
   padding: 0px;
   padding-left: 5px;
   font-size: 10px;
   font-weight: bold;
   font-family: verdana;
}

#moblog {
   display: block;
   height: 150px;
   position: relative;
   color: #000;
   text-align: center;
   border: 2px solid #000;
   margin: 2px;
   margin-left: 4px;
   background-color: transparent;
   padding: 3px 9px;
}

#moblog h5 {
   color: #fff;
   text-align: left;
   background-color: #000;
   margin: 0px;
   margin-bottom: 5px;
   padding: 5px;
   font-size: 10px;
   font-weight: bold;
   font-family: verdana;
}

#moblog h3 {
   position: absolute;
   bottom: 0 !important;
   bottom: 0px;
   right: 0px;
   margin: 0px;
   margin: 7px !important;
   margin-bottom: 3px !important;
   font-size: 10px;
   font-weight: normal;
}

#moblog img {
   float: left;
   margin: 0 1px;
   background-color: #fff;
   padding: 5px;
   width: 80px;
   height: 100px;
}

#listening {
   text-align: center;
   font-size: 10px;
   position: absolute;
   left: 850px !important;
   left: 890px;
   top: 75px;
}

#listening ul {
   list-style: none;
   width: 125px;
   margin: 0;
}

#listening ul li {
   margin: 8px;
   padding: 4px;
   border: 1px solid #000;
}

#listening h3 {
   font-size: 17px;
   margin: 2px;
}

#listening h2 {
   font-size: 8px;
   text-align: right;
   margin: 0;
   margin-right: 8px;
}

#listening h4 {
   font-size: 8px;
   font-weight: normal;
   margin: 0;
}