div.about{
    width: 800px;
    height: 600px;
    margin: auto;
    padding: 0px;
    
    position: relative;
    top: 40px;
    
}
div.header{
    color: #999999;
    
    width: 800px;
    height: 50px;
}

div.header a{
    color: #CCCCCC;
}
div.header a:hover{
    color: #FFFFFF;
}


#aboutContainer{
	width: 900px;
	height: 680px;

	background-color: #191919;
	position:relative;
}
#aboutContainer img{
	display: block;	
}

a.twitter{ position: relative; left: 30px; bottom: 20px; }
p.follow{ position: absolute; left: 560px; bottom: 345px;  }


a.facebook img, a.twitter img{
    opacity: .3;
}
a.facebook:hover img, a.twitter:hover img{
    opacity: 1;
}


div.links1, div.links2{
    width: 120px;
}
div.links1{ position: relative; right: 80px; top: 40px; float: right;}





p.projects a{
    color: #CCCCCC;
}
p.projects a:hover{
    color: #FFFFFF;
}


p.title{
    font-size: 20px;
    width: 200px;
    
    margin: 0px;
    padding: 0px;
}

div.divider{
    height: 0px;
    width: 800px;
    border: thin white dotted;
    border-color: #555555;
    
    margin: 0px; padding: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
}

ul.contact{
  
    position: relative;
    margin:0px; padding: 0px;
    top: 3px;

}
ul.contact li{display: inline;}

div.content{
    width: 800px;
    height: 500px;
}

div.about_text{
    position: relative;
    
    width: 350px;
    color: #A1A1A1;
    float: left;
    
    left: 40px;
    margin-top: 40px;
}

img.about{
    display: block;
    position: relative;
    top: 40px;
    left: 100px;
}


#siteCredit{
	text-align: right;
	position: relative;
	top: 45px;
	left: 20px;
}
#siteCredit a{
	color: #888888;
}
#siteCredit a:hover{
	color: #CCCCCC;
}