html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #2b0e00; background-color: #000000; background-image: url(../img/16original.gif); background-repeat: repeat; background-attachment: fixed; }

#container{ position: relative; width: 720px; margin: 10px auto; background-color: #fff; border-right: 0px solid #000000; border-left: 0px solid #000000; border-top: 0px solid #7C9384; } 
#header{ position: relative; background-color: #35322c; height: 60px; background-image: url(../img/15original.gif); background-repeat: repeat-x; color:#fff; } 
#header #mylogo{ position: absolute; left: 0px; top: 10px; }
#header #mylogo h1{ margin:0; padding:15; text-align: left;	text-indent: -9000px; display: none; }

#nav{ background-image: url(../img/15original.gif); background-repeat: repeat; background-color: #35322c; }
#nav ul{ list-style: none; margin: 0; padding: 0; }
#nav ul li{ float: right; position: relative; font-size: 130%; }
#nav ul li a{ display: block; padding: 10px .6em; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{ color: #FFFFFF; text-decoration: none; border-left: 0px solid #fff; border-right: 0px solid #dcebe9; border-top: 0px solid #fff; }
#nav ul li a:hover{ color: #0c0b0a; background-color: #fbfbfb; }

a:link    { color: #2b0e00;}
a:visited { color: #2b0e00;}  
a:hover, a:active  { color: #2b0e00;}

#content{ padding: 0 20px; }
p{ line-height: 1.4em; margin: 0 0 1em 3px; }
h1{ position: absolute; top: 0; left: -54px; width: 719px; height: 46px; margin: 0; padding: 12px 0 0 60px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 150%; font-weight: normal; background-image: url(../img/h1Bg.gif); background-repeat: no-repeat; background-position: 0 50%; }
h3{ position: relative; top: 0; left: 195px; height: 46px; margin: 0; padding: 20px 0 0 65px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 150%; font-weight: normal; background-image: url(../img/h1Bg.gif); background-repeat: no-repeat; background-position: 0 50%; }
span.toTop{ position: absolute; top: 13px; right: 0px; }
span.toTop img{ border: 0 none; }
h2{ font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 150%; font-weight: normal; clear: both; }


ul.thumbs{ list-style: none; margin: 4px 0 12px 17px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 6px; position: relative; }
ul.thumbs li a img{ border: 4px solid #ece4e4; }
ul.thumbs li a:hover img{ border: 4px solid #FFD700; }
ul.thumbs li img.new {display: block; position: absolute; top: -2px; right: -3px; z-index: 1; border: none; }

acronym { border-bottom: 1px solid #e2d6d6; cursor: help; }

#resume { position: relative; padding-top: 0.5em; }
#resume a, #photo a:link, #photo a:active, #photo a:visited, #photo a:hover{ color: #2b0e00; text-decoration: none; border-bottom: 1px dotted #2b0e00; }
#resume a:hover{ color: #2b0e00; border: 0 none; border-bottom: 0px dotted #2b0e00;}
#resumeRight{ float: right; position: relative; padding: 0px 0 0 10px;} 

#reel { position: relative; padding-top: 0.5em; }
#reel a:hover{ color: #990000; border: 0 none; border-bottom: 1px dotted #2b0e00;}
#reelTitle{ float:left; width:30%; align:center; padding: 0px 0 0 0px;} 
#reelItems{ float:left; width:30%; align:center; padding: 0px 0 0 0px;}


#about{  }
.aboutRight{ float: right; }
.aboutRight img{ padding: 15px 0 0 10px; }

#photo { position: relative; padding-top: 4em; }
#photo a, #photo a:link, #photo a:active, #photo a:visited, #photo a:hover{ color: #2b0e00; text-decoration: none; border-bottom: 0px dotted #2b0e00; }
#photo a:hover{ color: #2b0e00; border: 0 none; border-bottom: 0px dotted #2b0e00;}


#footer{ position: relative; background-color: #FFFFFF; color: #FFFFFF; padding: 10px 0 10px 0; font-size: 100%; background-image: url(../img/15original.gif); background-repeat: repeat; background-position: bottom; border-top: 3px solid #5a353b; }
#footer p{ padding: 0 0 .25em 30px; margin: 0 0px 0 0; }
#footer ul{ margin: 0; padding: 0; list-style: none; position: absolute; top: 1.2em; right: 30px; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #FFFFFF; }
#footer a:hover{ color: #FFFFFF; border: 0 none; border-bottom: 1px dotted #FFFFFF;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e8e4d9;
padding: 2px;
left: -1000px;
border: 1px dotted #ded9ca;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: -205px; /*position where enlarged image should offset horizontally */

}




.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
.clearfix {display:block;} 
* html .clearfix{ height: 1px; }