body {
    #background:url(./img/noise.png) repeat #ddd;
    margin:0;
    padding:0}
a {
    color:#216fa7;
    text-decoration:none}
a:hover {
    text-decoration:underline}
.wrapper {
    font-family:arial;
    margin:80px auto 0;
    width:433px}
.notes {
    color:#3D3D3D;
    font-size:15px;
    margin:20px;
    text-shadow:1px 1px 0 #A7A7A7;
    text-align:center}
.social {
    width:600px;
    padding-bottom:40px;
    zoom:1}
.widget-container {
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-style:solid;
    border-width:1px;
    float:left;
    height:175px;
    margin:20px;
    position:relative;
    width:175px}
.widget-content {
    color:#fff;
    font-family:Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
    font-size:12px;
    font-style:italic;
    line-height:16px;
    margin:30px 0 0 30px;
    width:150px;
    z-index:10}
.widget-button {
    margin:20px 0 0 30px}
.widget-logo {
    background-image:url(./img/icons.png);
    background-repeat:no-repeat;
    position:absolute;
    z-index:1}
.widget-bottom {
    border-radius:0 0px 4px 4px;
    -webkit-border-radius:0 0px 4px 4px;
    -moz-border-radius:0 0px 4px 4px;
    border-style:solid;
    border-width:1px 0 0;
    bottom:0;
    height:35px;
    position:absolute;
    width:100%}

.twitter-container {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#61c3e4),color-stop(1,#2dabd6));
    background:-moz-linear-gradient(center top,#61c3e4 5%,#2dabd6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61C3E4', endColorstr='#2DABD6');
    box-shadow:0 1px 0 #7DD2EE inset, 0 38px 40px -23px #222;
    -moz-box-shadow:0 1px 0 #7DD2EE inset, 0 38px 40px -23px #222;
    -webkit-box-shadow:0 1px 0 #9DB6D0 inset, 0 38px 40px -23px #222;
    background-color:#61c3e4;
    border-color:#43b3d8
}
.twitter-container .widget-content { text-shadow:1px 1px 0 #227996; width:120px}
.twitter-container .widget-logo { background-position:-544px -30px; height:135px; bottom:5px; right:3px; width:170px}
.twitter-container .widget-bottom { background-color:#68bfdd; border-color:#76c7e3}

.googleplus-container {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#d44635),color-stop(1,#ac2c1e));
    background:-moz-linear-gradient(center top,#d44635 5%,#ac2c1e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D44635', endColorstr='#AC2C1E');
    box-shadow:0 1px 0 #DE6354 inset, 0 38px 40px -23px #222;
    -moz-box-shadow:0 1px 0 #DE6354 inset, 0 38px 40px -23px #222;
    -webkit-box-shadow:0 1px 0 #DE6354 inset, 0 38px 40px -23px #222;
    background-color:#d44635;
    border-color:#c54131
}
.googleplus-container .widget-content { text-shadow:1px 1px 0 #93291e; width:120px}
.googleplus-container .widget-logo { background-position:-156px -10px; height:141px; right:18px; bottom:5px; width:143px}
.googleplus-container .widget-bottom { background-color:#c54131; border-color:#ce4c3d}

.linkedin-container {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#1187c1),color-stop(1,#03669b));
    background:-moz-linear-gradient(center top,#1187c1 5%,#03669b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1187C1', endColorstr='#03669B');
    box-shadow:0 1px 0 #209BD8 inset, 0 38px 40px -23px #222;
    -moz-box-shadow:0 1px 0 #209BD8 inset, 0 38px 40px -23px #222;
    -webkit-box-shadow:0 1px 0 #209BD8 inset, 0 38px 40px -23px #222;
    background-color:#2096d6;
    border-color:#1c84bc #1c84bc
}
.linkedin-container .widget-content { text-shadow:1px 1px 0 #094a6d; width:135px}
.linkedin-container .widget-logo { background-position:-420px -32px; height:118px; right:22px; bottom:22px; width:124px}
.linkedin-container .widget-bottom { background-color:#3481aa; border-color:#3d8eba}

.github-container {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#51555b),color-stop(1,#33353a));
    background:-moz-linear-gradient(center top,#51555b 5%,#33353a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51555B', endColorstr='#33353A');
    box-shadow:0 1px 0 #6a6a6a inset, 0 38px 40px -23px #222222;
    -moz-box-shadow:0 1px 0 #6a6a6a inset, 0 38px 40px -23px #222222;
    -webkit-box-shadow:0 1px 0 #6a6a6a inset, 0 38px 40px -23px #222222;
    background-color:#51555b;
    border-color:#515151
}
.github-container .widget-content { text-shadow:1px 1px 0 #222; width:150px}
.github-container .widget-logo { background-position:-68px -3px; bottom:7px; height:147px; right:25px; width:86px}
.github-container .widget-bottom { background-color:#4d525e; border-color:#585e6b}
	
.octocat-container {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EFEFEF), color-stop(1, #CCC) );
	background:-moz-linear-gradient( center top, #EFEFEF 5%, #CCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#CCCCCC');
	box-shadow:0 1px 0 #FFF inset, 0 38px 40px -23px #222;
	-moz-box-shadow:0 1px 0 #FFF inset, 0 38px 40px -23px #222;
	-webkit-box-shadow:0 1px 0 #FFF inset, 0 38px 40px -23px #222;
	background-color:#FAF7F7;border-color:#AAA;
}
.octocat-container .widget-content{color:#888;text-shadow:1px 1px 0 #FFF;width:140px;}
.octocat-container .widget-logo{background-position:-300px -1px;height:150px;right:30px;bottom:12px;width:118px;}
.octocat-container .widget-bottom {background-color:#DDD;border-color:#EEE;}