/* CSS Document */

body { padding:0px 0px 20px 0px ; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#330000;}

#cork { background-image:url(../images/corkboard.jpg); height:797px}

#wrapper {  width:559px; float:left;}
#header { background-image:url(../images/header.jpg); width:559px; height:141px;}
#header h1 { text-indent:-9999px;  padding:0px; margin:0px; }
#header h1 a { height:141px; width:300px; display:block; overflow:hidden;  }

#contact { width:200px; position:absolute; left:341px;  top:22px; text-indent:-9999px;}
#contact p { }
#contact a  { display:block;  overflow:hidden;}
#contact a:hover { }

#nav {width:99px; position:absolute;   z-index:3000; height:130px;text-indent:-9999px; top: 182px}
#nav ul {list-style:none; padding:0px; margin:0px;}
#nav li {list-style:none; padding:0px; margin:0px;}

/*   NAVIGATION  */

#nav a { display:block;  width:83px; 
}

	#nav a#nav_home { display:block;  height:21px; background-image:url(../images/nav_matrix.jpg); background-repeat:no-repeat; background-position: 0 0; width:83px; }
	#nav a#nav_home:hover {  background-position: -83px 0; }
	
	#nav a#nav_about { display:block;  height:24px; background-image:url(../images/nav_matrix.jpg); background-repeat:no-repeat; background-position: 0 -24px; width:83px; }
	#nav a#nav_about:hover {  background-position: -83px -24px; }	
	
	#nav a#nav_blog { display:block;  height:25px; background-image:url(../images/nav_matrix.jpg); background-repeat:no-repeat; background-position: 0 -51px; width:83px; }
	#nav a#nav_blog:hover {  background-position: -83px -51px; }	
	
		#nav a#nav_portfolio { display:block;  height:25px; background-image:url(../images/nav_matrix.jpg); background-repeat:no-repeat; background-position: 0 -78px; width:83px; }
	#nav a#nav_portfolio:hover {  background-position: -83px -78px; }	
	
		#nav a#nav_contact { display:block;  height:25px; background-image:url(../images/nav_matrix.jpg); background-repeat:no-repeat; background-position: 0 -106px; width:83px; }
	#nav a#nav_contact:hover {  background-position: -83px -106px; }	

/*   NAVIGATION  */

#edge { background-image:url(../images/edge.jpg); height:637px; width:99px; position:absolute; }

#cup {   position:absolute; top:160px; width:99px; height:637px; z-index:1000;}

#pictures {  position:absolute; top:90px; left:519px;  height:637px;}
#next {  position:absolute; top:579px; z-index:2000; left:345px;  height:171px; width:282px; background-image:url(../images/scrap.png); background-repeat:no-repeat; }

#next p { text-indent:-9999px;}

#next a#forward { display:block;height:30px; width:52px;  margin-left:111px; overflow:hidden;}
#next a#back { display:block;height:30px; width:52px;  margin-left:40px; margin-top:-50px; overflow:hidden;}

#content {  background-image:url(../images/paper.jpg); position:absolute; top:141px; left:99px; height:600px; width:450px; overflow:hidden; padding-left:10px; float:left;}

#content h1 { font-weight:normal; font-size:22px;  color:#513a07; }
#content h1 a { font-weight:normal; font-size:22px;  color:#513a07; }
#content h1 a:hover { font-weight:normal; font-size:22px;  color:#513a07; }

#content h2 { font-weight:normal; font-size:16px;  color:#393805;}
#content h3 {  font-size:13px; color:#513a07;}
#content h3#smaller {  font-size:13px; letter-spacing:-1px; color:#513a07;}

#content ul h4 {  font-weight:normal; font-size:12px; font-style:italic; color:#45300c;}

#content p { padding-right:30px;  line-height:1.7; font-size:13px; color:#513a07;  }
#content ul { margin:0px; padding:0px 0px 0px 10px;}

#content li {   line-height:1.7; font-size:12px; color:#513a07;padding-right:30px; }

#content a { font-weight:bold; color:#513a07; text-decoration:none; }
#content a:hover { font-weight:bold; color:#513a07; text-decoration:underline; }

body#portfolio #content li{ list-style:none; display:inline; padding:0 4px 0  0px;}
body#portfolio #content li img { border:3px double tan;}
body#portfolio #content li a:hover img { border:3px double #45300c;}

body#urls #content ul{ list-style:none; padding:0 0 0  0px; margin:0px;}
body#urls #content li{ list-style:none; padding:0 4px 0  0px;}
body#urls #content li a{ font-size:11px; font-weight:normal;}


#column1 { width:113px; overflow:hidden; float:left; border-right: 1px solid #45300c; }
#column2 { padding-left:8px; margin-right:5px; width:140px;overflow:hidden; float:left; }
#column3 { width:140px; overflow:hidden; float:left;border-left: 1px solid #45300c;  padding-left:8px}
body#urls #content #column2  li h3 { border-top:1px solid tan;  padding:0px; margin:0px; font-weight:normal; font-style:italic;}


/*body#portfolio #content p a { font-size:11px; padding:0px; margin:-20px 0 0 0px; border-bottom:1px solid tan; display:block; width:400px; text-align:right;}*/


#screens { float:right; width:265px; margin-top:-30px; }
#screens a img { border:none; }

#additional { border-top:1px solid #513a07; width:185px; padding-top:8px; }

#additional ul h4 {  font-weight:normal; font-size:12px;margin:2px 0; padding:0px; font-style:italic; color:#45300c;}
#additional ul { margin:0px; padding:0px; }
#additional li { margin:0px; padding:0 5px; list-style:none;}
#additional li a { font-weight:normal; color:#515007;}
#additional li a:hover { font-weight:normal;}

fieldset { font-size:14px; border:3px double tan; width:80%; padding:8px}
legend { font-variant:small-caps; font-size:15px; letter-spacing:.1em; margin:0 2px; }
label {  float:left; width:4.5em;  text-align:right; height:2em; clear:both    }
input {border:none; background-color:transparent; border-bottom:1px solid #393805; margin-bottom:1em;  margin-left:1em; width:240px;}
textarea {border:none; background-color:tan; width:237px; padding:4px;  margin-left:1em;}
button { font-family:Georgia, "Times New Roman", Times, serif; border:3px double tan; background-color:transparent; margin-left:230px; margin-top:21px; }
#contentbottom { border-top:1px solid #513a07; margin:0 10px; height:160px;    width:420px; }
#contentbottom p {font-size:12px;}

#columnl { width:205px; float:left; padding-right:5px;}
#columnr { width:210px; float:left;}



#orn { height:53px; width:460px; position:absolute; top:620px; left:99px; background-image:url(../images/content-orn.jpg); background-position:center bottom; background-repeat:no-repeat}
#pageend { position:absolute; top:672px; left:0px; }
#footer { background-color:#330000; float:left; clear:both; border-top:2px solid #fff; height:44px;}
