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

html, body {
background:url(images/paper_rules.jpg);
font-family: Monaco, "Lucida Console", "Courier New", Courier, monospace;
text-align:left;
color: #666666;
font-size:11px;
line-height:110%;
margin: 0 0 0 0;
height:100% /* Required */
 
}

img {border:none;}

ul {
list-style-type:none;
font-family: "Courier New", Courier, monospace;
color: #ffffff;
font-size:12px;
width:150px;
margin-left:0px;

}

li {margin:0; padding:0; margin-left:-20px;
}

.listbg {
text-decoration: underline;
color: #000000;
font-weight:bold;
/*background-color: #339966;*/
padding:0 10px;}

.listbg2 {
background-color: #ffffff;
padding:0 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", monaco;
color: #000000;
font-size:11px;}

.listbg2 a:link{
background-color: #ffffff;
padding:0;
text-decoration:none;
font-family: "Lucida Sans Unicode", "Lucida Grande", monaco;
color: #000000;
font-size:11px;}

.listbg2 a:hover{
background-color: #ffffff;
padding:0;
font-family: "Lucida Sans Unicode", "Lucida Grande", monaco;
color: #999966;
font-size:11px;}

.listbg3 {
background-color: #ffffff;
padding:0 10px;
font-family:  "Courier New", Courier, monospace;
color: #999999;
font-size:11px;}

.list_header {
background-color: #ffffff;
padding:0 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #663333;
font-size:16px;}


#fixed {
z-index:10;
position:fixed;
left:0;
top:0;

background-image:url(images/paperedge_bound.jpg);
background-repeat:repeat-y;
width:54px;
min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  voice-family: "\"}\"";
  voice-family: inherit;
}

#fixed_right {
z-index:10;
position:fixed;
right:0;
top:0;
bottom:-1px;
background-image:url(images/sketchpad_end.jpg);
background-repeat:repeat-y;
width:97px;
min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  voice-family: "\"}\"";
  voice-family: inherit;
}

#container {
position:relative;
z-index:1;
/*padding-left:100px;*/
margin:0 auto;
width:840px;
min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  voice-family: "\"}\"";
  voice-family: inherit;
background-color:transparent;
}

#header {
position:relative;
width:840px;
height:80px;
background-color:transparent;
}

.name_title {
	float:left;
padding:1px;
font-family: monaco, "Lucida Console", "Lucida Grande", "Lucida Sans Unicode";
color: #000000;
line-height:1.3em;
font-size:9px;
letter-spacing:1px;
}

.contact {
float:right;
padding:1px;
font-family: monaco, "Lucida Console", "Lucida Grande", "Lucida Sans Unicode";
color: #000000;
line-height:1.3em;
font-size:9px;
letter-spacing:1px;
}

#work_archive {
position:relative;
float:left;
margin-right:0;
width:200px;
height:479px;
background-color:transparent;
}

#work_archive ul {
list-style-type:none;
padding:0;
/*margin-left:-35px;*/}

li {margin:0; padding:0; margin-left:0;}


#work_archive ul li {
padding:1px;
font-family: monaco, "Lucida Console", "Lucida Grande", "Lucida Sans Unicode";
/*font-family: "Lucida Console", Monaco, monospace;*/
color: #000000;
line-height:1.4em;
font-size:9px;
letter-spacing:1px;}

#work_archive ul li a:link, #work_archive ul li a:visited{
background-color: #ffffff;
padding:1px;
text-decoration: underline;
color: #000000;}


#work_archive ul li a:hover{
background-color: #FF0066;
padding:1px;
text-decoration: none;
color: #FFFFFF;}


.copyright {
position:relative;
bottom:0;
top:5px;
padding:1px;
font-family: "Lucida Console", Monaco, monospace;
/*font-family: "Lucida Grande", "Lucida Sans Unicode";*/
/*font-family: "Helvetica Neue", Helvetica, Arial;*/
color: #000000;
line-height:1.3em;
font-size:9px;
}

h2 {
background-color: transparent;
padding:0;
margin-bottom:-8px;
font-family: Georgia, Rockwell, "Trebuchet MS","Helvetica Neue", Helvetica, Arial;
font-weight:normal;
font-style:normal;
color: #000000;
font-size:21px;
line-height:1em;
}

h2 a:link, h2 a:visited{
background-color: transparent;
color: #000000;
text-decoration:none;}

h2 a:hover{
background-color: transparent;
color: #FF0066;
text-decoration:none;}




#iframe {
float:left;
margin-left:10px;
width:600px;
height:795px;
background-color:transparent;
}