/* CSS3 Wolverine (supplied from the original source; the archive never kept it) */

/* wolverine  */

#wolverine {
width:280px;
overflow:visible;
border:1px solid #fff;
padding:0px 0 33px 0;
margin:auto;
margin-bottom:0px;
text-align:center;
background-color:#f5f5f5;
box-shadow:0 5px 20px rgba(0,0,0,1);
}

#wolverine-head-box {
height:300px;
padding-top:50px;
}

#wolverine-top {
height:255px;
margin-bottom:-30px;
}

#wolverine-nose {
width:15px;
height:50px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
background:yellow;
border-bottom:4px solid orange;
position:relative;
border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
box-shadow:0 12px 5px rgba(0, 0, 0, .5);
}

#wolverine-lowerface {
background:red;
}

#wolverine-nosecover {
width:0;
height:0;
margin-bottom:-245px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
border-top:50px solid yellow;
border-left:16px solid transparent;
border-right:16px solid transparent;
position:relative;
z-index:99999999999999;
}

#wolverine-sideburns {
width:160px;
margin-left:auto;
margin-right:auto;
height:105px;
position:relative;
z-index:9999;
}

#wolverine-sideburn-r {
width:10px;
height:75px;
margin-top:-170px;
float:right;
border-right:30px solid #000;
position:relative;
z-index:9999;
border-bottom-left-radius:0;
border-bottom-right-radius:550px;
}

#wolverine-sideburn-l {
width:10px;
height:75px;
float:left;
border-left:30px solid #000;
position:relative;
margin-top:-170px;
z-index:9999;
border-bottom-left-radius:550px;
border-bottom-right-radius:0;
}

#wolverine-ear-r {
width:120px;
height:220px;
float:right;
margin-left:-450px;
margin-right:-10px;
border-right:70px solid #000;
position:relative;
z-index:9999;
border-top-left-radius:0;
border-top-right-radius:550px;
transform:rotate(40deg);
}

#wolverine-ear-l {
width:120px;
height:220px;
float:left;
margin-left:-10px;
margin-right:-450px;
border-left:70px solid #000;
position:relative;
z-index:9999;
border-top-left-radius:550px;
border-top-right-radius:0;
transform:rotate(-40deg);
}

#wolverine-eye-l {
margin-top:210px;
margin-left:90px;
background:#eee;
padding:4px 12px;
float:left;
position:relative;
z-index:999999;
border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
transform:rotate(10deg);
box-shadow:-5px 5px 10px rgba(0, 5, 201, 1);
}

#wolverine-eye-r {
margin-top:210px;
margin-right:90px;
background:#eee;
padding:4px 12px;
float:right;
position:relative;
z-index:999999;
border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
transform:rotate(-10deg);
box-shadow:5px 5px 10px rgba(0, 5, 201, 1);
}

#wolverine-head {
width: 176px;
height: 140px;
margin-left:auto;
margin-top:-210px;
margin-right:auto;
padding-top:50px;
padding-bottom:50px;
position:relative;
z-index:999;
background:yellow;
background:-webkit-radial-gradient(center, ellipse cover, #f9e548 1%,#f2bd0e 100%);
background:radial-gradient(center, ellipse cover, #f9e548 1%,#f2bd0e 100%);
border-radius:190px/290px;
box-shadow:0 5px 5px rgba(0, 0, 0, .3);
}

#wolverine-face {
width:130px;
height:20px;
margin-top:-30px;
padding-bottom:66px;
padding-top:30px;
margin-right:auto;
margin-left:auto;
border-bottom:1px solid #fff;
background:#fca7a7;
background:-webkit-radial-gradient(center, ellipse cover, #febbbb 0%,#fe9090 45%,#febbbb 100%);
background:radial-gradient(center, ellipse cover, #febbbb 0%,#fe9090 45%,#febbbb 100%);
border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
}

#wolverine-chin {
width:50px;
height:20px;
margin-top:-8px;
margin-right:auto;
margin-left:auto;
background:#fca7a7;
border-bottom:1px solid #fff;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
}

#wolverine-mouth {
width:65px;
margin-top:32px;
margin-left: auto;
margin-right:auto;
}

#wolverine-mouthin {
background:darkred;
clear:both;
overflow:hidden;
border-top-left-radius:60px;
border-top-right-radius:60px;
border-bottom-left-radius:90px;
border-bottom-right-radius:90px;
}

#wolverine-top-teeth {
width:55px;
height:10px;
margin-top:-6px;
margin-bottom:1px;
margin-left:auto;
margin-right:auto;
background:#fff;
border-top-left-radius:1200px;
border-top-right-radius:1200px;
}

#wolverine-bottom-teeth {
width:50px;
height:10px;
margin-left:auto;
margin-right:auto;
background:#fff;
border-bottom-left-radius:1200px;
border-bottom-right-radius:1200px;
}

#wolverine-neck {
width:90px;
height:60px;
margin-top:-25px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:222;
background:yellow;
background:-webkit-linear-gradient(left, #f9e548 1%,#f2bd0e 100%);
background:linear-gradient(left, #f9e548 1%,#f2bd0e 100%);
border-radius:600px/235px;
box-shadow:0 4px 10px rgba(0, 0, 0, .3);
}

#wolverine-shoulders {
width:250px;
height:70px;
margin-top:-30px;
margin-bottom:-140px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:33;
background:yellow;
background:-webkit-radial-gradient(center, ellipse cover, #f9e548 1%,#f2bd0e 100%);
background:radial-gradient(center, ellipse cover, #f9e548 1%,#f2bd0e 100%);
border-top-left-radius:75px;
border-top-right-radius:75px;
}

#wolverine-hand-l {
width:125px;
height:140px;
overflow:hidden;
float:left;
padding-left:30px;
margin-left:-15px;
}

#wolverine-hand-r {
width:125px;
height:140px;
overflow:hidden;
float:right;
padding-right:30px;
margin-right:-15px;
}

.wolverine-claw-l {
border-left:1px solid #000;
float:left;
margin-left:5px;
position:relative;
z-index:999;
padding:160px 9px 5px 4px;
background:#e2e2e2;
background:-webkit-linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background:linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
border-top-left-radius:80px;
border-top-right-radius:0;
transform:rotate(-30deg);
}

.wolverine-claw-r {
border-right:1px solid #000;
float:right;
margin-right:5px;
position:relative;
z-index:999;
padding:160px 4px 5px 9px;
background:#e2e2e2;
background:-webkit-linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background:linear-gradient(45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
border-top-left-radius:0;
border-top-right-radius:80px;
transform:rotate(30deg);
}