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

body {width:960px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, p, ul, li {font-size:100%;font-weight:normal;margin:0;padding:0;}
ul, li {list-style:none;}
a {text-decoration:none;}
a, a:hover. a:active a:visited {outline:none;border:none;}
a img {border:none;}

a#illustration, a#silkscreen, a#mixed-media {display:block;background:url(http://kongwee.com/img/navigation.png) no-repeat;margin:25px 0;}
a#painting {display:block;background:url(http://kongwee.com/img/navigation.png) no-repeat;margin:0 0 15px 0;}
a#about {display:block;background:url(http://kongwee.com/img/navigation.png) no-repeat;margin:0 0 20px 0;}

a#silkscreen {height:22px;width:90px;background-position: 0 0;}
a#illustration {height:21px;width:94px;background-position: 0 -36px;}
a#mixed-media {height:22px;width:117px;background-position: 0 -69px;}
a#painting {height:35px;width:74px;background-position: 0 -106px;}
a#about {height:21px;width:50px;background-position: 0 -146px;}

a#silkscreen:hover, a#silkscreen:active, body#silkscreen a#silkscreen {width:116px;}
a#illustration:hover, a#illustration:active, body#illustration a#illustration {width:124px;}
a#mixed-media:hover, a#mixed-media:active, body#mixed-media a#mixed-media {width:169px;}
a#painting:hover, a#painting:active, body#painting a#painting {width:132px;}
a#about:hover, a#about:active, body#about a#about {width:74px;}

a#silkscreen span, a#mixed-media span, a#painting span, a#illustration span, a#about span {display:none;}

#sidebar {float:left;width:200px;margin:24px 0 0 24px;}
#content {float:left;width:660px;margin:24px 0 0 36px;}
body.portfolio {width:10500px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
#content.portfolio {float:left;width:10000px;height:700px;margin:24px 0 0 36px;}
#content.portfolio img {margin:20px;}
#content.portfolio img.border {border:1px solid #dadada;}
#content.about {float:left;width:660px;margin:50px 0 0 36px;}
#content h2 {display:none;}
#content h3 {padding:0 0 12px 0;color:#8c8343;font-size:115%;line-height:125%;}
#content p {color:#666;font-size:85%;line-height:150%;padding:0 0 12px 0;}
ul#menu {margin-left:20px;}
#menu {padding:0 0 120px 0;}
#menu ul {padding:0 0 12px 0;}
#contact {padding:0 0 24px 0;font-size:80%;}
#contact li {font-size:85%;color:#666;padding:4px 0;}
#contact li a {color:#666;padding:}
#contact li a:hover {color:#333;}
small {font-size:70%;color:#666;display:block;padding:225px 0 0 0;}

