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

* {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

img {
	border:0px;
}

a:link {
	color:#222;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#222;
	text-decoration:none;
	outline:none;
}

a:visited {
	color:#222;
	text-decoration:none;
	outline:none;
}

a:active {
	color:#222;
	text-decoration:none;
	outline:none;
}

body {
	width:1024px; 
	margin:0 auto;
	overflow:auto;
	font-family:Helvetica, Arial, sans-serif
}

li {
	list-style:none;
}

p {
	line-height:14pt;
	font-size:11pt;
	color:#777;
}

h3 {
	line-height:15pt;
	font-size:11pt;
	font-weight:bold;
	color:#BBB;
}

h4 {
	line-height:12pt;
	font-size:8pt;
	font-weight:bold;
	color:#669999;
}

#resume h4 {
	text-transform:uppercase;
}

.about {
	background-color:#333;

}

.book {
	overflow:hidden;
	background-color:#333;
}

.arrow {
	float:none;
	text-decoration:none;
	display:block;
	text-align:center; 
	padding:3 0 3 0; 
	color:#CCC;
	font-size:7pt; 
	font-weight:bold;
	background:url(../images/bgsubhead.png) repeat-x;
	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}	

.book_head {
	height:100%;
	color:#222;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:2pt;
	text-shadow:0px 1px 1px #666;

}

.book_head:link {
	text-decoration:none;
}

.book_head a:hover {
	color:#333;
}

.under {
	text-align:center;
	overflow: auto;
}

.under li {
	cursor:pointer;
	float:left;
	display:block;
}

.resume {
	overflow:auto;
}

.reshead {
	padding-bottom:10px;
}

.sub{
	padding:10 60 10 25;
}

.subhead {
	padding:15 0 15 15;
}

.list {
	width:120px;
	height:90px;
	float:left;"
}


#future .subhead {
	background:url(../images/resume/future_03.png) no-repeat;
}

#future p {
	padding:10 0 0 0;
}

#intro {
	background:url(../images/about/bgleft.jpg) no-repeat;
	float:left;
	width:270px;
	height:654px;
}

#intro .subhead {
	padding-left:30;
	background-color:#555;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45;
}

#intro .content {
	padding: 30 30 0 30;
}

#blog {
	border-left:1px solid #333;
	background:url(../images/about/bgblog.jpg) no-repeat;
	float:left;
	width:520px;
	height:654px;
}

#twitter {
	overflow:hidden;
	background:url(../images/about/bgright.jpg) no-repeat;
	float:left;
	width:232px;
	height:654px;
}

#twitter ul {
	width:249px;
	height:500px;
	overflow:auto;
	padding:0 0 20 0;
}

#twitter li {
	font-size:11pt;
	padding:10 40 5 20;
	list-style:none;
	color:#666;
}

#twitter .subhead {
	padding:15 0 10 15;
	background:url(../images/bgsubhead.png) repeat-x;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45;
}

#twitter li:first-line {
	font-variant:small-caps;
	font-weight:bold;
	font-size:13pt;
	color:#999;
	
}

#twitter li a:link {
	font-variant:small-caps;
	color:#669999;
	text-decoration:none;
}

#twitter-link {
	text-decoration:none;
	display:block;
	text-align:center; 
	padding:15 0 15 0; 
	color:#222;
	font-size:14pt; 
	font-weight:bold;
	background:url(../images/bgsubhead.png) repeat-x;
	text-shadow:0px 1px 1px #555;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#twitter-link:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#resume {
	border-right:1px solid #333;
	background:url(../images/resume/bgres.png) no-repeat;
	float:left;
	width:583px;
	height:654px;
}

#resume .subhead {
	background:url(../images/resume/res_bghd.png) no-repeat;
	padding:13 0 13 10;
}


#skills {
	background:url(../images/resume/bgtech.png) top no-repeat;
	float:left;
	width:440px;
	height:386px;
}

#skills ul {
	height:60px;
	width:260px
}

#skills li {
	background:url(../images/plus.png) left  no-repeat;
	padding: 3 10 7 18;
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	color:#669999;
	float:left;
}

#skills .subhead {
	background:url(../images/resume/skill_03.png) no-repeat;
}

#future {
	background:url(../images/resume/bgtech.png) bottom no-repeat;
	float:left;
	width:440px;
	height:268px;
}

#future p:first-line {
	line-height:16pt;
	font-size:13pt;
	font-weight:bold;
	color:#CCC;
}

#interactive {
	background:url(../images/book/interbg.png) no-repeat;
	float:left;
	width:1024px;
	height:240px;
}

#interactive .book_head {
	display:block;
	font-size:85pt;
	padding-top:50px;
}

#interactive .book_head:active {
	background:url(../images/book/interbg_under.png);
}

#interactive .under {
	padding:30 0 20 10;
	height:200px;
	width:1030px;
	overflow:auto;
	background:url(../images/book/interbg_under.png) no-repeat;
}

#motion {
	background:url(../images/book/motbg.png);
	float:left;
	width:304px;
	height:236px;
}

#motion .book_head {
	display:block;
	font-size:45pt;
	padding-top:75px;
}

#motion .book_head:active {
	background:url(../images/book/photobg_under.png) top center;
}

#motion .under {
	padding:7 0 0 0;
	z-index:5;
	overflow:auto;
	height:236px;
	width:304px;
	background:url(../images/book/motbg_under.png) no-repeat;
}

#photo {
	background:url(../images/book/photobg.png);
	float:left;
	width:720px;
	height:236px;
}

#photo .book_head {
	display:block;
	font-size:62pt;
	padding-top:60px;
}

#photo .book_head:active {
	background:url(../images/book/photobg_under.png) top center;
}

#photo .under {
	padding:5 0 5 10;
	overflow:auto;
	height:231px;
	width:725px;
	background:url(../images/book/photobg_under.png) no-repeat;
}

#print {
	background:url(../images/book/printbg.png);
	float:left;
	width:734px;
	height:178px;
}

#print .book_head {
	display:block;
	font-size:62pt;
	padding-top:35px;
}

#print .book_head:active {
	background:url(../images/book/printbg_under.png) top center;
}

#print .under {
	padding:5 0 0 10;
	overflow:auto;
	height:178px;
	width:742px;
	background:url(../images/book/printbg_under.png) no-repeat;
}

#seedlings {
	background:url(../images/book/seedbg.png);
	float:left;
	width:290px;
	height:178px;
}


#seedlings .book_head {
	display:block;
	font-size:45pt;
	padding-top:50px;
}

#seedlings .book_head:active {
	background:url(../images/book/printbg_under.png) top center;
}

#seedlings .under {
	z-index:5;
	overflow:auto;
	height:177px;
	width:290px;
	background:url(../images/book/seedbg_under.png) no-repeat;
}

#greet {
	width:550;
	margin:0 auto;
	height:85;
	padding:15 0 0 0;
}

#greet a {
	color:#333;
	font-weight:bold;
}

#greet p {
	color:#333;
	text-shadow:0px 1px 1px #666;
}

#contact {
	background:url(../images/bgfull.jpg);
	width:1024;
	height:654;
}

#form {
	width:1024;
	height:454;
}

#contact form{
	margin:0 auto;
	width:860;
}


#info {
	text-align:center;
	float:left;
	width:430px;
}

#message {
	text-align:center;
	float:left;
	width:430px;
}

#contact p {
	padding:20 0 0 0;
	color:#222;
	text-shadow:0px 1px 1px #666;

}

#contact h1 {
	padding:15px;
	color:#222;
	text-align:center;
	font-size:60px;
	text-shadow:0px 1px 1px #666;
}

#contact input {
	border:1 #444 solid;
	color:#CCC;
	background-color:#333;
	font-size:24px;
	padding:13px;
	width:400;
}

#contact textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1 #444 solid;
	color:#CCC;
	background-color:#333;
	padding:15px;
	font-size:18px;
	width:400;
	height:210px;

}

#contact input:focus {
	border:1 #669999 solid;
}

#contact textarea:focus {
	border:1 #669999 solid;
}

.submit {
	background:url(../images/button.jpg) repeat-x;
}

.submit:active {
	border:2 #669999 solid;	
	background:url(../images/buttondown.jpg) repeat-x;
}

#social {
	text-align:center;
	width:1024;
	height:100;
}

#social li {
	font-weight:bold;
	font-size:28px;
	text-shadow:0px 1px 1px #666;
	padding:29 0 29 0;
	display:block;
	list-style:none;
	float:left;
	width:254;
}

#social li:hover {
	color:#666;
}

#social li:active {
	background:#111;
	color:#000;
	
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#hi {
	height:654;
	width:1024;
	background:url(../images/bgfull.jpg) no-repeat;
	vertical-align:middle;
}

#hi .wrapper {
	margin:0 auto;
	width:730;
}

#hi .welcome{
	margin:287 0 0 0;
	text-align:left;
	float:left;
	width:290;
}

#hi .welcome a {
	text-decoration:none;
	outline:none;
	color:#222;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
}

#hi .hi {
	margin:127 0 0 0;
	width:429;
	float:left;
}

#hi p {
	padding:0 0 10 5;
	color:#222;
	text-shadow:0px 1px 1px #666;
}

#hi h3 {
	padding:10 0 0 5;
}

::-webkit-scrollbar {
	width:5px;
	height:654px;    
}

::-webkit-scrollbar-button:vertical {
    background-color: red;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color:#333;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-color:#333;
}

::-webkit-scrollbar-track:vertical {
}

::-webkit-scrollbar-track-piece:vertical:start {
}

::-webkit-scrollbar-track-piece:vertical:end {
}

::-webkit-scrollbar-track-piece {
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color:#333;
}

::-webkit-scrollbar-corner:vertical {
}

::-webkit-scrollbar-resizer:vertical {
}