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

body{
	font-family: Arial, sans-serif; 
	font-size:100%;
	background-color:#CCCCCC;
	background:url(../images/bg.jpg) repeat-x  #31b734;
}

#wrapper{
	width:960px;
	margin:20px auto 0 auto;
}
h2{
	margin:15px 0 0 0;
	font-size:100%;
}
h3{
	margin:15px 0 10px 0;
	font-size:80%;
}
hr{
	width:920px;
	margin:5px 0 5px 0;
}
#innerWrapper{
	float:left;
	width:960px;
	background-color:#EEE;
	border:1px solid #999;
}

#content table{
	border:2px solid #FFF;
	float:left;
}

#content p{
	font-size:80%;
	width:800px;
}

#content p strong{
	font-size:80%;
	width:800px;
}

#content p a{
	color:#003399;
	text-decoration:none;
}

#content p a:hover{
	text-decoration:underline;
}

#experience{
	margin:20px 0 0 0;
	padding:0 0 0 10px;
	border:2px solid #FFF;
}

#content table td{
	font-size:80%;
	border:none;
	padding:5px;
	margin:5px;
}
.bar{ 
	position: relative;
	border: 1px solid #ccc;
	width: 935px;  
	padding: 1px;
	margin: 4px 0px 0px 0px;  
	font-size:90%;
}
	
.progressBar{ 
	display: block;
	position: relative; 
	text-align: left; 
	color: #FFF; 
	height: 1.3em; 
	line-height: 1.5em;    
	padding:2px;
	font-size:80%;   
	font-style:italic;   
}
.progressBar a{
	color:#FFFFFF;
	text-decoration:none;
}
.progressBar a:hover{
	text-decoration:underline;
}
#header{
	width:950px;
	background-color:#333333;
	color:#FFFFFF;
	padding:0 0 0 10px;
	float:left;
	height:70px;
	background:url(../images/gradientblackgray.jpg) repeat-x #333333;
}

#content{
	padding:0 0 0 10px;
	margin:0 0 30px 0;
	float:left;
}

#footer{
	height:60px;
	background:url(../images/gradientblackgrayflipped.jpg) repeat-x #333333;
	float:left;
	padding:4px 10px 0 10px;
	width:940px;
	color:#FFFFFF;
}

#footer strong{
	float:right;
	float:right;
	font-size:70%;
	margin:10px;
	text-align:right;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

.clear{
	display:block;
	height:40px;
	clear:both;
}

.picture{
	display:block;
	width:128px;
	height:128px;
	float:left;
	border:2px solid #FFFFFF;
	margin:0 0 0 10px;
}

#moreInfo{
	width:220px;
	height:360px;
	border:2px solid #FFFFFF;
	margin:0 20px 0 10px;
	float:right;
}

#moreInfo a{
	font-weight:bold;
	color:#111;
	text-decoration:none;
}

#moreInfo a:hover{
	text-decoration:underline;
}

#moreInfo table{
	border:none;
}

#skillz{
	float:left;
}
.now{
	color:#006600;
	font-style:italic; 
}
#validXHTML a, #validCSS a{
	float:left;
	display:block;
	height:58px;
	width:58px;
	background:url(../images/valid-sprite.png);
}

#validXHTML a{
	background-position:0 58px;
}
#validXHTML a:hover{
	background-position:58px 58px;
}

#validCSS a{
	background-position:0 0;
}
#validCSS a:hover{
	background-position:58px 0;
}

#opera, #ie6, #ie7, #ie8, #ff, #chrome, #safari{
	display:block;
	height:50px;
	width:50px;
	float:left;
	margin:5px 5px 0 0;
}

#opera{
	background:url(../images/browsers/opera.png) no-repeat;
}

#ie6{
	background:url(../images/browsers/internetexplorer6.png) no-repeat;
}

#ie7{
	background:url(../images/browsers/internetexplorer7.png) no-repeat;
}

#ie8{
	background:url(../images/browsers/internetexplorer8.png) no-repeat;
}

#ff{
	background:url(../images/browsers/mozillafirefox.png) no-repeat;
}

#chrome{
	background:url(../images/browsers/googlechrome.png) no-repeat;
}

#safari{
	background:url(../images/browsers/safari.png) no-repeat;
}