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

body {
background: #333333;
font: small Verdana, Arial, Helvetica, sans-serif;
}

body a {
text-decoration: none;
color: #377CC3;
}
body a:hover {
color: #48a3ff;
}
body a img {
border: none;
}

h1 {
font-size: medium;
color: #1A3B5C;
font-weight: 300;
}

#box {
width: 40em;
background: #CCC url(img/glasseffect5.gif) repeat-x 0 0 fixed;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
min-height: 300px;
border: 1px solid #999999;
}

#banner {
height: 50px;
background: url(img/bannerbg.gif) repeat-x top left;
border-bottom: 1px solid #1a3b5c;
}

#sidebar {
width: 10em;
float: right;
}

#linklist {
margin-top: -1px;
}

#linklist a {
display: block;
text-align: left;
color: white;
padding: 5px 10px;
border-width: 0;
text-decoration: none;
background: #377CC3 url(img/off_bg.gif) repeat-x top left;
border: 1px solid #1A3B5C;
}
#linklist#t-home, #t-about, #t-resume, #t-portfolio, #t-webfolio a {
margin: -1px 0 -1px 0;
}
#linklist a:hover, body#home #t-home a, body#about #t-about a, body#resume #t-resume a, body#portfolio #t-portfolio a, body#webfolio #t-webfolio a {
	background: #48A3FF url(img/on_bg.gif) repeat-x top left;
	margin: -1px 0 -1px 0;
	}
	
#contact {
width: 9em;
padding: .5em;
}

#contact a {
text-decoration: none;
color: #377CC3;
}
#contact a:hover {
color: #48a3ff;
}

#content {
width: 28em;
background: white url(img/glasseffect4.gif) repeat-x 0 0 fixed;
color: black;
padding: 1em;
}

.thumb {
width: 80px;
margin: 5px;
float: left;
}
#thumbs {
height: 370px;
}
#thumbs img {
float: left;
border: 1px solid #377cc3;
margin-right: .5em;
}
#thumbs a:hover img {
border: 1px solid #48a3ff;
}

#webthumbs {
width: 27em;
}
#webthumbs dl {
margin: 25px 0;
}
#webthumbs dt {
margin: 0;
padding: 0;
font-size: x-small;
color: #377cc3;
font-weight: bold;
float: right;
width: 25em;
}
#webthumbs dd {
margin: 0;
padding: 0;
}
#webthumbs dd.img img {
float: left;
border: 1px solid #377cc3;
margin-right: .5em;
}
#webthumbs dd.img a:hover img {
border: 1px solid #48a3ff;
}