/*		Base rules  */
body { background: #333 url(images/bg.grain.jpg) center center fixed; margin: 0; padding: 0; color: #333; font: 14px arial; }
h1, h2, h3, ul, li, img { margin: 0; padding: 0; }

/*		Sections dimensions  */
div.page { width: 1040px; margin: 0 auto; }
div.header { height: 30px; }
div.linksbar { height: 25px; padding: 1px 45px 0; }
div.sublinksbar { height: 25px; padding: 0 45px; }
div.sublinksbar li { display: inline; padding: 0 8px; }
div.sublinksbar ul { padding: 4px 10px; margin: 0; }
div.body { height: 100%; padding: 0 45px; overflow: hidden; }
div div.content { min-height: 640px; width: 600px; float: left; padding: 0px 35px 10px; }
div.body div.minheight { height: 640px; float: left }
div div.content-footer { height: 40px; width: 930px; padding: 10px; float: left; margin-top: 0px; z-index: 1000; }
div div.content-footer li { list-style: none; }
div div.content-footer ul { margin: 0 0 0 8px }
div.content-footer div { float: left; width: 300px; padding: 0 10px; }
div.body div#sidebar { height: 0; width: 250px; float: left; margin: 1px 0 }
div.body div.banner {  margin-bottom: -2000px; padding-bottom: 1996px; }
div.footer { height: 60px; padding: 1px 45px 0; }
div.footer ul { padding: 4px 10px; }
div.footer ul.left { float: left; }
div.footer ul.right { text-align: right; }
div.footer li { display: inline; padding: 0 6px; }

/*		Section backgrounds  */
div.page { background: transparent; }
div.header { background: transparent url(images/bg.header.png) no-repeat top left; }
div.linksbar { background: transparent url(images/bg.linksbar.png) no-repeat top left; }
div.sublinksbar { background: transparent url(images/bg.sublinksbar.png) repeat-y top left; }
div.body { background: transparent url(images/bg.body.png) repeat-y top left; }
div.body div.content { background: transparent; }
/* div div.content-footer { background: transparent url(images/bg.content-footer.png) repeat-x top left;  }
 div.body div.banner { background: transparent url(images/bg.banner.png) repeat-y top left; } */
div.footer { background: url(images/bg.footer.png) no-repeat top left; }
.bltwitter { background: url(images/icon.twitter2.png) no-repeat top left; background-position: 16px 4px; display:block; font-style: italic; padding: 4px 0 0 36px; margin: 0; }
.blblogger { background: url(images/icon.blogger2.png) no-repeat top left; background-position: 16px 4px; display:block; font-style: italic; padding: 4px 0 0 36px; margin: 0; }
.blrss { background: url(images/icon.rss.png) no-repeat top left; background-position: 16px 4px; display:block; font-style: italic; padding: 4px 0 0 36px; margin: 0; }
.blfacebook { background: url(images/icon.facebook2.png) no-repeat top left; background-position: 16px 4px; display:block; font-style: italic; padding: 4px 0 0 36px; margin: 0; }
.blpdf { background: url(images/icon.pdf2.png) no-repeat top left; background-position: 16px 4px; display:block; font-style: italic; padding: 4px 0 0 36px; margin: 0; }

/*		Blog stuff  */
div.blbox { border: white 1px solid; margin: 4px 0; padding: 8px; background-color: #eee; }
#twitter_update_list li { margin-bottom: 12px; }
#profile_mp3Player { float: right; margin: -48px -16px 8px 8px; }
h2.ggheader { margin: 2px 0 -2px; }
span a em { margin: 4px 0 12px 16px; display: block; }

/*		Header fonts  */
div.header { color: #999; }
div.linksbar h1 { text-transform: lowercase; color: #555; font: 18px arial; padding: 1px 5px 0; }
div.sublinksbar li { text-transform: lowercase; font: 14px arial; }

div.linksbar h1 a { color: #555; text-decoration: none; }
div.linksbar h1 a:hover, div.linksbar h1 a:active { color: #777 }
div.sublinksbar li a { color: #666; text-decoration: none; }
div.sublinksbar li a:hover, div.sublinksbar li a:active { color: #999 }

/*		Content fonts  */
div.body div.content h1 { text-transform: lowercase; font: 30px arial; padding-top: 26px; }
div.body div.content h2 { text-transform: lowercase; font: 20px arial; padding-top: 14px; }
div.body div.content p { line-height: 1.8em; font-size: 14px; padding-bottom: 12px; }

div.body div.content a { text-decoration: none; color: #039; }
div.body div.content a:hover { color: #36a; }

div.body div.content-footer ul { list-style-type: none; font-size: 12px; padding: 16px 0 0 18px; }
div.body div.content-footer ul li a { color: #039; text-decoration: none; }
div.body div.content-footer ul li a:hover { color: #36a; }

/*		Content-footer fonts  */
div.content-footer, div.content-footer h4 { line-height: 1.1em; color: #666; font-size: 12px; }
div.body div#sidebar div h4 { padding: 1px 0 2px 20px; margin: -4px 0 0 0; font-weight: normal; font-size: 18px; }
div.body div#sidebar div span span { font-size: 10px; padding-left: 6px; margin: 0; }
div.body div#sidebar div span a:link, { text-decoration: none; }

div.body div#sidebar div span a { color: #039; font-style: italic; text-decoration: none; }
div.body div#sidebar div span a:hover { color: #36a; }

/*		Sidebar stuff  */
div.body div#sidebar h4 { padding: 14px 0 2px 12px; font-size: 16pt; font-weight: normal; margin: 0; }
div.body div#sidebar ul { list-style-type: none; padding-bottom: 2px; }
div.body div#sidebar li { font-size: 14px; font-family: arial; padding-bottom: 6px; }
div.body div#sidebar li a { text-decoration: none; color: #039; display: block; }
div.body div#sidebar li a:hover { color: #36a; }
div.body div#sidebar li a span { text-decoration: none; color: #333; font-size: 13px; padding-bottom: 4px; display: block; }
div.body div#sidebar li a:hover span { color: #666; }
div.body div#sidebar #sidebar-demos a { padding-left: 20px; background: url(images/icon.audio.gif) no-repeat top left; }
div.body div#sidebar #sidebar-links #sbblogger { background-image: url(images/icon.blogger.png); }
div.body div#sidebar #sidebar-links #sbmyspace { background-image: url(images/icon.myspace.png); }
div.body div#sidebar #sidebar-links #sbtwitter { background-image: url(images/icon.twitter.png); }
div.body div#sidebar #sidebar-links #sbfacebook { background-image: url(images/icon.facebook.png); }
div.body div#sidebar #sidebar-links #sblastfm { background-image: url(images/icon.lastfm.png); }
div.body div#sidebar #sidebar-links li a { padding-left: 36px; background: no-repeat top left; }

/*		Social links page stuff  */
div.content div#sociallinkspage span.boxitem { color: #333; text-decoration: none; margin-bottom: 16px; display: block; border: 1px none #999; padding: 6px; height: 136px; }
div.content div#sociallinkspage h2 { font-size: 22px; font-weight: normal; color: #039; padding: 0 0 4px 32px; background: no-repeat top left; display: block; }
div.content div#sociallinkspage span.boxitem h4 { font-size: 22px; font-weight: normal; color: #039; margin: 0; }
div.content div#sociallinkspage a:hover h2 { color: #36a; }
div.content div#sociallinkspage ul { padding-left: 34px; list-style: none; }
div.content div#sociallinkspage a#slmyspace h3 { background-image: url(images/icon.myspace.png); }
div.content div#sociallinkspage a#slfacebook h3 { background-image: url(images/icon.facebook.png); }
div.content div#sociallinkspage a#sllastfm h3 { background-image: url(images/icon.lastfm.png); }
div.content div#sociallinkspage a#slblogger h3 { background-image: url(images/icon.blogger.png); }
div.content div#sociallinkspage a#sltwitter h3 { background-image: url(images/icon.twitter.png); }

/*		Footer fonts  */
div.footer { color: #999; }
div.footer li { text-transform: lowercase; font: 11px arial; }
div.footer li.case-sensitive { text-transform: none; }

div.footer li a { color: #666; text-decoration: none; }
div.footer li a:hover, div.footer li a:active { color: #777 }




/*		Content elements  */
div.body div.content img { margin-left: -25px }

/*		Banner elements  */
img.last { margin-top: -2px; overflow: hidden; }

/*		Social link elements  */
div.content ul.social li { list-style: none; margin-bottom: 24px }
div.content ul.social li a { font-size: 18px }

/*		Site map elements  */
div.content ul.site-map { margin: 0px 0px 20px; list-style-type: none; font-size: 18px; text-transform: lowercase; }
div.content ul.site-map ul { margin: 0 0 20px 20px; font-size: 14px; text-transform: none }
div.content ul.site-map li { margin-bottom: 5px; }



/*		Image replacements
div.linksbar h1 { padding: 0; }
div.linksbar #ir-kingbrick { display: block; overflow: hidden; padding: 25px 0 0; height: 0; width: 132px; }
div.linksbar #ir-kingbrick { background: url(images/ir.linksbar.kingbrick.png) top left no-repeat; }
div.linksbar #ir-kingbrick:hover, div.linksbar #ir-kingbrick:focus { background-position: 0 -25px; } 

div.sublinksbar ul, div.sublinksbar li { padding: 0 }
div.sublinksbar #ir-bio, div.sublinksbar #ir-blog, div.sublinksbar #ir-gigs, div.sublinksbar #ir-demos,
div.sublinksbar #ir-links {
		background: url(images/ir.sublinksbar.png) top left no-repeat;
		display: block; overflow: hidden; padding: 25px 0 0; height: 0; float: left; }
div.sublinksbar #ir-bio { width: 75px; margin-left: 10px }
div.sublinksbar #ir-bio:hover, div.sublinksbar #ir-bio:focus { background-position: 0px -25px; }
div.sublinksbar #ir-blog { width: 82px; background-position: -75px 0px; }
div.sublinksbar #ir-blog:hover, div.sublinksbar #ir-blog:focus { background-position: -75px -25px; }
div.sublinksbar #ir-gigs { width: 120px; background-position: -157px 0px; }
div.sublinksbar #ir-gigs:hover, div.sublinksbar #ir-gigs:focus { background-position: -157px -25px; }
div.sublinksbar #ir-demos { width: 100px; background-position: -277px 0px; }
div.sublinksbar #ir-demos:hover, div.sublinksbar #ir-demos:focus { background-position: -277px -25px; }
div.sublinksbar #ir-links { width: 85px; background-position: -377px 0px; }
div.sublinksbar #ir-links:hover, div.sublinksbar #ir-demos:focus { background-position: -377px -25px; }

div.footer ul, div.footer li { padding: 0 }
div.footer #ir-sitemap, div.footer #ir-about, div.footer #ir-contact, div.footer #ir-email {
		background: url(images/ir.footer.sitelinks.png) top left no-repeat;
		display: block; overflow: hidden; padding: 25px 0 0; height: 0; float: left; }
div.footer #ir-sitemap { width: 60px; margin-left: 10px }
div.footer #ir-sitemap:hover, div.footer #ir-sitemap:focus { background-position: 0px -25px; }
div.footer #ir-about { width: 100px; background-position: -60px 0px; }
div.footer #ir-about:hover, div.footer #ir-about:focus { background-position: -60px -25px; }
div.footer #ir-contact { width: 78px; background-position: -160px 0px; }
div.footer #ir-contact:hover, div.footer #ir-contact:focus { background-position: -160px -25px; }
div.footer #ir-email { width: 132px; background-position: -238px 0px; }
div.footer #ir-email:hover, div.footer #ir-email:focus { background-position: -238px -25px; }

div.footer ul { float:right; padding: 0 }
div.footer li { float:left; padding: 0 }
div.footer #ir-html, div.footer #ir-css, div.footer #ir-copyright {
		background: url(images/ir.footer.sublinks.png) top left no-repeat;
		display: block; overflow: hidden; padding: 25px 0 0; height: 0; }
div.footer #ir-html { width: 45px; margin-left: 10px }
div.footer #ir-html:hover, div.footer #ir-html:focus { background-position: 0px -25px; }
div.footer #ir-css { width: 30px; background-position: -45px 0px; }
div.footer #ir-css:hover, div.footer #ir-css:focus { background-position: -45px -25px; }
div.footer #ir-copyright { width: 145px; background-position: -75px 0px; }
div.footer #ir-copyright:hover, div.footer #ir-copyright:focus { background-position: -75px -25px; } */