/* GLOBALS */
* { margin:0; padding:0; border:0; }
body { background:#f1eae0 url(../images/bg_body.jpg) left top repeat-y; font:75% Verdana, Arial, Helvetica, sans-serif; color:#836246; }
.clear { clear:both; }


/* CONTAINERS */
#wrapper { width:1010px; }


/* HEADER */
div#header { width:124px; height:800px; float:left; background:url(../images/bg_leftside.jpg) left top no-repeat; }
div#header * { display:none; }


/* NAV */
#nav { display:block; float:left; width:198px; padding:0; background:url(../images/bg_logo.jpg) left top no-repeat; list-style:none; }
#nav li ul { list-style:none; padding:10px 0 0 0; }
#nav li { padding:8px 0 8px 10px; }
#nav li ul li { padding:10px 0 0 0; }
#nav li a { display:block; }
#nav li a span { display:none; }
#nav li#nHome a { width:160px; height:225px; }
#nav li#nAbout a { width:160px; height:21px; background:url(../images/nav_01_about.jpg) top left no-repeat; }
#nav li#nFAQ a { width:160px; height:23px; background:url(../images/nav_02_faq.jpg) top left no-repeat; }
#nav li#nContact a { width:160px; height:19px; background:url(../images/nav_03_contact.jpg) top left no-repeat; }
#nav li#nPortfolio a { width:160px; height:24px; background:url(../images/nav_04_portfolio.jpg) top left no-repeat; }
#nav li#nLinks a { width:160px; height:23px; background:url(../images/nav_05_links.jpg) top left no-repeat; }
#nav li#nIllustrations a { width:160px; height:15px; background:url(../images/nav_0a_illustrations.jpg) top left no-repeat; }
#nav li#nTshirts a { width:160px; height:18px; background:url(../images/nav_0b_tshirt.jpg) top left no-repeat; }
#nav li#nAlbums a { width:160px; height:18px; background:url(../images/nav_0c_albums.jpg) top left no-repeat; }
#nav li#nPromos a { width:160px; height:19px; background:url(../images/nav_0d_flyers.jpg) top left no-repeat; }
#nav li#nSketchbook a { width:160px; height:16px; background:url(../images/nav_0e_sketchbook.jpg) top left no-repeat; }
#nav li#nMisc a { width:160px; height:18px; background:url(../images/nav_0f_misc.jpg) top left no-repeat; }

/* CONTENT */
div#content { float:left; width:686px; height:800px; background:url(../images/bg_rightside.jpg) left top no-repeat; }
div#pagecontent { padding:0 0 0 45px; }

h1.pageheading { padding:160px 0 0 40px; width:471px; height:91px; }
h1.pageheading span { display:none; }
h1#about { background:url(../images/heading_about.jpg) 45px bottom no-repeat; }
h1#faq { background:url(../images/heading_faq.jpg) 45px bottom no-repeat; }
h1#contact { background:url(../images/heading_contact.jpg) 45px bottom no-repeat; }
h1#portfolio { background:url(../images/heading_portfolio.jpg) 45px bottom no-repeat; }
h1#links { background:url(../images/heading_links.jpg) 45px bottom no-repeat; }
h1#home { background:url(../images/heading_home.jpg) 45px bottom no-repeat; }

#img_about, #img_home { display:block; float:right; margin:0 0 10px 10px; }

/* HTMLAREA  */
.htmlarea { width:475px; height:390px; padding:10px 10px 0 0; overflow:auto; }
#indexpg .htmlarea { width:525px; }
.htmlarea h1 { margin:0 0 10px 0; }
.htmlarea h2 { margin:0 0 8px 0; }
.htmlarea h3 { margin:0 0 8px 0; }
.htmlarea h4,.htmlarea h5,.htmlarea h6 { margin:0 0 8px 0; }
.htmlarea p { margin:0 0 12px 0; }
.htmlarea ul { margin:0 0 20px 25px; }
.htmlarea ol { margin:0 0 20px 25px; }
.htmlarea a { color:#836246; text-decoration:underline; }
.htmlarea a:hover { text-decoration:none; }

body.portfoliogp #pagecontent h2 { margin:10px 0 15px 0; }

#faqList { padding:0 0 20px 0; }
#faqList dt { display:block; font-weight:bold; font-size:1.1em; margin:0 0 5px 0; }
#faqList dd { margin:0 0 15px 0; }

/* PORTFOLIO */
.portfolio { width:525px; height:365px; overflow:auto; }
.narrow { width:525px; }
.portfolio ul { }
.portfolio ul li { display:block; float:left; width:101px; height:100px; background:url(../images/bg_portfolio.jpg) left top; }
.portfolio ul li a { display:block; padding:1px }
.portfolio ul li a img { }

#tshirtspg #pagecontent h2 { margin:0; }
.tshirt, .cd { clear:both; padding:10px 0 0 0; }
.tshirt ul { width:210px; float:left; }
.tshirt p.tshirtDesc { width:290px; float:right; }
.tshirt h3 { margin:0 0 5px 0; }

#linkList dt a { font-weight:bold; }
#linkList dd { padding:0 0 15px 0; }