#social{
clear:both;
width:40%;
position:relative;
z-index:9999999999;
float:right;
margin:0 0 -68px 0;
}
#social #icon{
float:right;
height:68px;
}
#twitter-wrap,
#fb-wrap,
#feed-wrap,
#gmail-wrap{
margin:0 0 5px 5px;
}

#gmail-wrap:hover{
background:red;
}
#gmail-wrap:hover #gmali-icon{
background:red;
border-top:1px solid red;
border-bottom:1px solid red;
}
#gmail-wrap:hover .gmail-lineleft,
#gmail-wrap:hover .gmail-lineright
{
background:red;
}
#gmail-wrap:hover .gmail-intop{
border:7px solid red;
border-top:0;
border-left:0;
}

#gmail-wrap:hover .gmail-inbottom{
border:0.2px solid red;
border-bottom:0;
border-right:0;
}

#gmail-wrap{
float:left;
width:68px;
height:68px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#gmail-wrap2{
float:left;
width:64px;
height:64px;
margin:2px 0 0 2px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#gmali-icon{
float:left;
margin:11px 0 0 2px;
overflow:hidden;
width:60px;
height:40px;
border-radius:1.0px;
-moz-border-radius:1.0px;
-webkit-border-radius:1.0px;
}
#gmali-icon .gmail-lineleft{
width:6.5px;
margin:0 0 0 0.5px;
height:40px;
float:left;
position:relative;
z-index:3;
}
#gmali-icon .gmail-lineright{
width:6.5px;
margin:0 0.5px 0 0;
height:40px;
float:right;
position:relative;
z-index:3;
}
#gmali-icon .gmail-in{
float:left;
width:46px;
height:40px;
border-radius:0.5px;
-moz-border-radius:0.5px;
-webkit-border-radius:0.5px;
}
#gmali-icon .gmail-intop{
position:relative;
z-index:2;
float:left;
width:34px;
height:34px;
margin:-17px 0 0 2.5px;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
#gmali-icon .gmail-inbottom{
position:relative;
z-index:1;
float:left;
width:40px;
height:40px;
margin:-3px 0 0 3px;
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
}
/*
******************* //end gmail ************************/

#feed-wrap:hover{
background-color:#e47a24;
}
#feed-wrap:hover #feed-icon{
background-color:#e47a24;
}
#feed-wrap{
float:left;
width:68px;
height:68px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#feed-wrap2{
float:left;
width:64px;
height:64px;
margin:2px 0 0 2px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#feed-icon {
float:left;
margin:2px 0 0 2px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
height: 60px;
width: 60px;
}
#feed-icon .box {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
float: left;
height: 56px;
margin: 2px 0 0 2px;
width: 56px;
}
#feed-icon .box-in {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#feed-icon .first-radian {
-moz-border-radius: 50%;
-webkit-border-radius: 100px;
border-radius: 100px;
height: 100px;
margin: 3px 0 0 -67px;
position: relative;
width: 100px;
}
#feed-icon .second-radian {
-moz-border-radius: 50%;
-webkit-border-radius: 100px;
border-radius: 100px;
float: right;
height: 70px;
margin: 4px 4px 0 0;
position: relative;
width: 70px;
}
#feed-icon .small-radian{
-moz-border-radius: 50%;
-webkit-border-radius: 100px;
border-radius: 100px;
float: right;
height: 20px;
margin: 9px 9px 0 0;
position: relative;
width: 20px;
}

/*
******************* //end feedburner ************************/

.clear{clear:both;}

#fb-wrap:hover{
background:#3a5aa5;
}
#fb-wrap:hover #fb{
background:#3a5aa5;
}
#fb-wrap:hover #fb .hd .del{
background:#3a5aa5;
background:-moz-linear-gradient(
top,
#657eb9 0%,
#4462aa 100%)
;
background:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%,#788ec1),
color-stop(100%,#4462aa)
);}

#fb-wrap{
float:left;
width:68px;
height:68px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#fb-wrap2{
float:left;
width:64px;
height:64px;
margin:2px 0 0 2px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#fb{
margin:2px 0 0 2px;
float:left;
width:60px;
height:60px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;


}

#fb .hd{
float:right;
width:20px;
height:20px;
margin:5px 5px 0 0;
-moz-border-radius:50% 0 0 0;
-webkit-border-radius:10px 0 0 0;
border-radius:10px 0 0 0;
}
#fb .hd .del{
float:right;
width:10px;
height:10px;
margin:10px 0 0 0;
-moz-border-radius:50% 0 0 0;
-webkit-border-radius:5px 0 0 0;
border-radius:5px 0 0 0;
}
#fb .h{
float:left;
width:30px;
height:10px;
margin:0 0 0 25px;
}
#fb .v{
float:left;
width:10px;
height:22px;
margin:0 0 0 35px;
}

/*
******************* //end  facebook ************************/
#twitter-wrap:hover{
background:#6bc9ea;
}
#twitter-wrap:hover #twitter{
background:#6bc9ea;
}

#twitter-wrap:hover .v .in{
background:#99e9fb;
background:-moz-linear-gradient(
top,
#e3fafe 0%,
#70dbf7 100%)
;
background:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%,#e3fafe),
color-stop(100%,#70dbf7)
);
}
#twitter-wrap:hover .topright .in{
background:#99e9fb;
background:-moz-linear-gradient(
top,
#c3f1fc 0%,
#a8eafa 100%)
;
background:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%,#c3f1fc),
color-stop(100%,#a8eafa)
);

}
#twitter-wrap:hover .bottomright .in{
background:#99e9fb;
background:-moz-linear-gradient(
top,
#8ee3f8 0%,
#71dbf7 100%)
;
background:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%,#8ee3f8),
color-stop(100%,#71dbf7)
);

}
#twitter-wrap{
float:left;
width:68px;
height:68px;
-moz-border-radius:8px;
-webkitt-border-radius:8px;
border-radius:8px;
}
#twitter-wrap2{
float:left;
width:64px;
height:64px;
margin:2px 0 0 2px;
-moz-border-radius:8px;
-webkitt-border-radius:8px;
border-radius:8px;
}
#twitter{
margin:2px 0 0 2px;
float:left;
width:60px;
height:60px;
-moz-border-radius:8px;
-webkitt-border-radius:8px;
border-radius:8px;

}
#twitter .v{
float:left;
margin:0 0 0 2px;
width:24px;
height:60px;
-moz-border-radius:20px 20px 4px 40px;
-webkit-border-radius:20px 20px 4px 40px;
border-radius:20px 20px 4px 40px;
}
#twitter .v .in{
float:left;
margin:4px 0 0 5px;
width:14px;
height:51px;
-moz-border-radius:30px 30px 0px 60px;
-webkit-border-radius:30px 30px 0px 60px;
border-radius:30px 30px 0px 60px;
}
#twitter .topright{
float:left;
margin:13px 0 0 -3px;
width:34px;
height:22px;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}
#twitter .topright .in{
float:left;
margin:4px 0 0 -2px;
width:32px;
height:14px;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}
#twitter .bottomright{
float:left;
margin:2px 0 0 -3px;
width:34px;
height:22.5px;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}
#twitter .bottomright .in{
float:left;
margin:4px 0 0 -2px;
width:32px;
height:14px;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
}
/*
******************* //end twitter ************************/