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

html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */

/* */
}

body {

color:#222222;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
margin:0;
padding:0;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.510);
background: #F3F1E5;
overflow-y:hidden;
outline: none;
}

* {
margin:0;
padding:0;
}

a {

color: #35bce4;
text-decoration:none;
outline: none;
}
a:hover {
text-decoration:underline;
}

.green {color: #D9E435}

h1 {
background:transparent url(images/header.png) no-repeat scroll 0 0;
color: #222222;
font-size:16px;
height:48px;
top:-14px;
padding:10px 0 0 30px;
padding-bottom: 0px;
position:relative;
text-transform:uppercase;
width:212px;
}

h2 {
font-size: 36px;
}

img {

border: none;
outline: none;
}

.blue {
background:transparent url(images/header2.png) no-repeat scroll 0 0;
}
.orange {
background:transparent url(images/h3.png) no-repeat scroll 0 0;
padding-left: 19px;
}
.pink {
background:transparent url(images/h4.png) no-repeat scroll 0 0;
padding-left: 22px;
}

.yellow {
background:transparent url(images/h5.png) no-repeat scroll 0 0;
}

.container {
height:535px;
margin:0;
overflow-y:hidden;
padding:0;
padding-top: 130px;
position: relative;
width:7780px;
}

#header {
border-top:2px solid #333333;
width: 100%;
height: 95px;
left:0px;
top:0px;
position: fixed;
overflow-y: hidden;
z-index:2;
}

#main {
height: 391px;
width: 100%;
position: absolute;
background: #FFFFFF;
box-shadow: 10px 0 10px #222 inset;
top: 130px;
margin:0;
z-index:1;
}

.section{
margin: 0 20px;
float: left;
}
 
.section p{
margin-top: 10px;

}

.section ul {
	list-style-image: none;
	list-style-position:inside;
	list-style-type: disc;
	float:left;
	margin: 0 5px;
}

.content{
float: left;
margin-left: 20px;
width: 500px;
}

.profile {
background:transparent url(images/info.png) no-repeat scroll left top;
height:500px;
margin-left:-20px;
margin-top:0;
padding:10px;
color: #FFFFFF;
text-shadow: none;
}

.profile ul {
	list-style-image: none;
	list-style-position:inside;
	list-style-type: none;
	margin: 0 5px;
	background: url(images/nav/division.png) no-repeat center bottom;
}
.avatar {
-moz-box-shadow:2px 2px 10px #888888;
box-shadow:2px 2px 10px #888888;
background-image:url(images/ava.jpg);
background-repeat:no-repeat;
border:3px solid #FFFFFF;
cursor:pointer;
float:left;
height:137px;
margin-right:15px;
width:137px;
}

#links {
height: 32px;
width: 500px;
float: left;
padding: 15px 5px;
}

.social {
width:32px;
height:32px;
float: left;
background: url(images/social.png) no-repeat top left;
}
.facebook { background-position: 0 0; width: 32px; height: 32px; } 
.facebook:hover { background-position: 0 -42px; width: 32px; height: 32px; } 
.lfm { background-position: 0 -84px; width: 32px; height: 32px; } 
.lfm:hover { background-position: 0 -126px; width: 32px; height: 32px; } 
.twitter { background-position: 0 -168px; width: 32px; height: 32px; } 
.twitter:hover { background-position: 0 -210px; width: 32px; height: 32px; } 

.short{
width: auto;
margin-right:100px;
}

.date {
color:#999999;
font-style:italic;
font-size: 24px;
}

#info {
color:#333333;
font-size:16px;
text-transform:uppercase;
margin-top:5px;
}

.nav {
display:block;
height:50px;
margin:40px 10px;
}

.nav_link {
width:50px;
height:50px;
margin-left: 50px;
float: left;
background: url(images/nav/sprites.png) no-repeat top left;

}
.nav_link:hover {
/*box-shadow: 10px 0px 5px #222;*/
}
.cog { background-position: 0 0; width: 50px; height: 50px; } 
.cog:hover { background-position: 0 -60px; width: 50px; height: 50px; } 
.edu { background-position: 0 -137px; width: 50px; height: 50px; } 
.edu:hover { background-position: 0 -197px; width: 50px; height: 50px; } 
.skills { background-position: 0 -257px; width: 50px; height: 50px; } 
.skills:hover { background-position: 0 -317px; width: 50px; height: 50px; } 
.pic { background-position: 0 -377px; width: 50px; height: 50px; } 
.pic:hover { background-position: 0 -437px; width: 50px; height: 50px; } 
.free { background-position: 0 -497px; width: 50px; height: 50px; } 
.free:hover { background-position: 0 -557px; width: 50px; height: 50px; } 
.work { background-position: 0 -617px; width: 50px; height: 50px; } 
.work:hover { background-position: 0 -677px; width: 50px; height: 50px; }