html,body{font:small Georgia,serif;color:#333;background:#333}

a{color:#930}
a:visited{color:#999}
a:hover{color:#c96}
a.outside:link{padding-right:10px;background:url(/img/outside.gif) no-repeat 100% 20%}
a.outside:visited{padding-right:10px;background:url(/img/outside-visited.gif) no-repeat 100% 20%}
a.mail:link{padding-right:20px;background:url(/img/mail.gif) no-repeat 100% 70%}
a.mail:visited{padding-right:20px;background:url(/img/mail-visited.gif) no-repeat 100% 70%}
a img{border:0}
h2,h3,h4,h5,h6,p,ul,ol,dl,tables{margin:0;padding:1em 0 0}
h2{font-size:1.8em;font-weight:normal}
h3{font-size:1.6em}
h4{font-size:1.4em}
h5{font-size:1.2em}
h6{font-size:1em}
ul,ol{list-style-position:inside}
dt{font-weight:bold}
dd{margin:.3em 1.5em .5em}
.clear{clear:both}
.list{list-style-type:none;list-style-position:outside}
.list li{padding:0 0 .5em}
.list li h3{font-size:1em;padding:0}
.list li h4{font-size:1em;font-weight:normal;padding:0}
.list li strong{display:block;padding:1em 0 .3em 0}
.grey-line{border-bottom:1px solid #666;padding:1em 0}
a.rss,a.rss:visited,a.rss:hover{color:#fff;font-size:x-small;text-decoration:none;border:1px solid #000;padding:1px 0;height:0}
.rss-bg-930{background:#930;border-right:1px solid #fff;padding:0 0.3em}
.rss-bg-666{background:#666;border-right:1px solid #fff;border-left:1px solid #fff;padding-right:2em}
.p-img{padding-top:1em}
#pagenator{margin-right:.3em;font-weight:bold;font-family:Verdana,sans-serif;line-height:2em}
#pagenator a,#pagenator strong{border:1px solid #666;background:#930;padding:0 .3em}
#pagenator a{color:#fff;text-decoration:none}
#pagenator a:visited{color:#ccc}
#pagenator a:hover{color:#fff}

#body{min-width:980px}
#body-top-left-corner{background:#fff url(/img/top-left-corner.gif) no-repeat left top}
#body-top-right-corner{background:url(/img/top-right-corner.gif) no-repeat right top}
#body-bottom-right-corner{background:url(/img/bottom-right-corner.gif) no-repeat right bottom}
#body-bottom-left-corner{background:url(/img/bottom-left-corner.gif) no-repeat left bottom;padding:1em 2em}

h1{color:#933;margin:0;padding:.3em 0 .6em;font-size:4em}
h1 a,h1 a:visited{color:#933;text-decoration:none}
#menu{margin:0 0 1em;padding:0 0 1.5em;list-style-type:none;font-size:1.5em;border-bottom:1px solid #666}
#menu li{display:inline;padding:0 2em 0 0}
#menu li a:visited{color:#999}
#menu li.deep a,#menu li.deep a:visited,a.deep{color:#f60}
#menu li a:hover,#menu li.deep a:hover,a.deep:hover{color:#c96}
#new-projects{border-bottom:1px solid #666;padding:0 0 2em}
#new-projects h3{margin:0;padding:0 .3em 0 0;background:#fff;position:relative;top:-2.3em;display:inline;font-size:1em}
#new-projects ul{margin:0;padding:0;list-style-type:none;width:100%;text-align:center}
#new-projects ul li{width:24%;float:left}
.work{background:#f4f4f4;padding:.5em;margin:0}

#left-column{padding:1em 0;width:40%;float:left}
.index-photo-preview{overflow:hidden;padding:.5em 0}
.index-photo-preview img{display:block;border:.3em solid #930}
.index-photo-preview:hover img{border:.3em solid #c96}

#right-column{padding:1em 0;margin:0 0 0 50%}
img.portfolio,img.photos{display:block;margin:1em 0}
img.web-design{border:1px solid #666}
img.photos{border:.5em solid #333}
.frame-top{display:block;margin:1em 0;text-decoration:none}
a img.portfolio{margin:0}
.frame-top span{display:block;height:15px;font:9px Verdana,sans-serif;color:#333;padding:3px 0 0 115px;background:url(/img/frame-top.gif) no-repeat left top}
.cut-away{border:1px solid #666}
a.photo-preview img.photos{display:inline;margin:0 1em 1em 0;border:.3em solid #930}
a.photo-preview:visited img.photos{border:.3em solid #999}
a.photo-preview:hover img.photos{border:.3em solid #c96}
#twitter{margin-top:2em}

#center{padding:0 0 1em}
#center h2{padding:.5em 0 0}

#footer{clear:both;padding:1em 0;border-top:1px solid #666}
#footer strong{display:block}
a#freeartists{color:#999}
a#freeartists span{color:#f90;text-decoration:none}
