@charset "utf-8";
/* CSS Document for Social Media Icon Tutorial */

/*********** Social Media Icons *********************/
#iconplacer{margin:0; position:relative; top:82px; left:425px; z-index:0;}

#iconplacer a {margin-right:3px;text-indent:-10000px;float:left;
transition: background-position 1s ease-out; 
-webkit-transition: background-position 1s ease-out; 
-o-transition: background-position 1s ease-out; 
}

.rssfollow{
width:60px; height:50px;
background:url(images/iconsfollow.png) no-repeat -10px 10px;
}

.facebook{
width:62px; height:50px;
background:url(images/iconsfollow.png) no-repeat -75px 10px;
}

.twitterfollow{
width:60px; height:50px;
background:url(images/iconsfollow.png) no-repeat -142px 10px;
}

.deviantart{
width:64px; height:50px;
background:url(images/iconsfollow.png) no-repeat -205px 10px;
}

.flickr{
width:60px; height:50px;
background:url(images/iconsfollow.png) no-repeat -273px 10px;
}

.youtube{
width:60px; height:50px;
background:url(images/iconsfollow.png) no-repeat -338px 10px;
}

/* Hover */
.rssfollow:hover{
background:url(images/iconsfollow.png) no-repeat -10px 0px;
}

.facebook:hover{
background:url(images/iconsfollow.png) no-repeat -75px 0px;
}

.twitterfollow:hover{
background:url(images/iconsfollow.png) no-repeat -142px 0px;
}

.deviantart:hover{
background:url(images/iconsfollow.png) no-repeat -205px 0px;
}

.flickr:hover{
background:url(images/iconsfollow.png) no-repeat -273px 0px;
}

.youtube:hover{
background:url(images/iconsfollow.png) no-repeat -338px 0px;
}

/***** end of social media additions ******/

/*** general ***/
body {background-color:#6CF;}
#totalwrapper{
	margin:0 auto;}
#headercontainer{
	background:#333;	
	height:132px;
	width:810px;}
#navigation{
	background-color:#FFF;
	height:50px;
	width:810px;
	z-index:1;}