@charset "UTF-8";
#album {
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-bottom: 40px;
padding-top: 60px;
text-align: left;
}
.album_back {
border: 10px solid #08A1E1;
background-image: url(../4/album/images/back.gif);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
behavior: url(/PIE/PIE.htc);
padding-top: 30px;
}
#album_title {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #08A1E1;
margin-left: 30px;
margin-right: 30px;
}
#album_title p {
font-size: 44px;
line-height: 54px;
color: #08A1E1;
text-align: center;
}
.list {
margin-left: 30px;
margin-bottom: 30px;
}
.list ul {
display: table;
}
.list ul li {
float: left;
display: table-cell;
position: relative;
width: 176px;
height: 176px;
text-align: center;
}
.list ul li img {
}
#pic01_back {
position: absolute;
left: 0;
top: 10px;
}
#pic01 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic01 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic02_back {
position: absolute;
left: -10px;
top: -10px;
}
#pic02 {
width: 160px;
height: 160px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic02 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic03_back {
position: absolute;
left: -30px;
top: 20px;
}
#pic03 {
width: 170px;
height: 170px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic03 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic04_back {
position: absolute;
left: -45px;
top: -10px;
}
#pic04 {
width: 140px;
height: 140px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic04 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic05_back {
position: absolute;
left: -55px;
top: 0;
}
#pic05 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic05 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic06_back {
position: absolute;
left: 60px;
top: 40px;
}
#pic06 {
width: 120px;
height: 120px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic06 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic07_back {
position: absolute;
left: -5px;
top: 0;
}
#pic07 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic07 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic08_back {
position: absolute;
left: 5px;
top: 15px;
}
#pic08 {
width: 160px;
height: 160px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic08 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic09_back {
position: absolute;
left: -15px;
top: -30px;
}
#pic09 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic09 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic10_back {
position: absolute;
left: -20px;
top: 20px;
}
#pic10 {
width: 150px;
height: 150px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic10 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic11_back {
position: absolute;
left: 30px;
top: -20px;
}
#pic11 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic11 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic12_back {
position: absolute;
left: 30px;
top: 20px;
}
#pic12 {
width: 140px;
height: 140px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic12 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic13_back {
position: absolute;
left: 30px;
top: -20px;
}
#pic13 {
width: 200px;
height: 200px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic13 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic14_back {
position: absolute;
left: 80px;
top: 0px;
}
#pic14 {
width: 130px;
height: 130px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic14 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic15_back {
position: absolute;
left: 30px;
top: 0;
}
#pic15 {
width: 150px;
height: 150px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic15 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic16_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic16 {
width: 150px;
height: 150px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic16 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic17_back {
position: absolute;
left: -35px;
top: 0;
}
#pic17 {
width: 200px;
height: 200px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic17 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic18_back {
position: absolute;
left: -15px;
top: 20px;
}
#pic18 {
width: 150px;
height: 150px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic18 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic19_back {
position: absolute;
left: -15px;
top: 0;
}
#pic19 {
width: 160px;
height: 160px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic19 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic20_back {
position: absolute;
left: -30px;
top: -10px;
}
#pic20 {
width: 140px;
height: 140px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic20 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic21_back {
position: absolute;
left: 20px;
top: -15px;
}
#pic21 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic21 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic22_back {
position: absolute;
left: 70px;
top: 20px;
}
#pic22 {
width: 140px;
height: 140px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic22 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic23_back {
position: absolute;
left: 30px;
top: 10px;
}
#pic23 {
width: 160px;
height: 160px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic23 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic24_back {
position: absolute;
left: 30px;
top: -10px;
}
#pic24 {
width: 170px;
height: 170px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic24 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic25_back {
position: absolute;
left: 10px;
top: -35px;
}
#pic25 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic25 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic26_back {
position: absolute;
left: 0;
top: 0px;
}
#pic26 {
width: 120px;
height: 120px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(20deg);
}
#pic26 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic27_back {
position: absolute;
left: -60px;
top: -20px;
}
#pic27 {
width: 180px;
height: 180px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic27 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic28_back {
position: absolute;
left: -30px;
top: 40px;
}
#pic28 {
width: 140px;
height: 140px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic28 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic29_back {
position: absolute;
left: -75px;
top: -10px;
}
#pic29 {
width: 200px;
height: 200px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic29 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
#pic30_back {
position: absolute;
left: -20px;
top: -20px;
}
#pic30 {
width: 160px;
height: 160px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-20deg);
}
#pic30 img {
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
width: auto;
height: auto;
}
.archive_feed {
clear: both;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
}
.archive_feed ul {
overflow: hidden;
display: block;
margin: 0!important;
padding: 0!important;
}
.archive_feed ul li {
float: left;
display: block;
margin-right: 5px;
}
.archive_feed ul li p {
font-size: 12px;
line-height: 14px;
padding-top: 8px;
padding-bottom: 8px;
background-image: url(/images/spacer.png);
background-repeat: no-repeat;
}
.archive_feed ul li p a {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}
.archive_feed ul li p a:hover {
color: #FFFFFF;
background-color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}
.archive_feed ul li p span {
color: #FFFFFF;
background-color: #000000;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}
















@media screen and (max-width:767px) {




#album {
width: 90%;
margin:0  auto;
padding: 5% 0;

overflow: hidden;
text-align: left;
}
.album_back {
border: 5px solid #08A1E1;
background-image: url(../4/album/images/back.gif);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
behavior: url(/PIE/PIE.htc);
padding: 5% 0 0;
}
#album_title {
padding: 0 0 5%;
border-bottom: 3px solid #08A1E1;
margin: 0 5% 5%;

}
#album_title p {
font-size: 18px;
line-height: 28px;
font-weight: 700;
color: #08A1E1;
text-align: center;
}
.list {
width: 100%;
margin:0 0 5%;
text-align: center;
}
.list ul {
width: auto;
display: block;
clear: both;
margin: 0 auto 5%;
}
.list ul li {
float: none;
display: inline-block;
position: inherit;
width: 84px;
height: 84px;
text-align: center;
margin: 0 auto;
padding: 0 0 3px;
}
.list ul li img {
}
#pic01_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic01 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic01 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic02_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic02 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic02 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;}
#pic03_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic03 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-sh1adow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic03 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
height: auto;
}
#pic04_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic04 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic04 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic05_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic05 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic05 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic06_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic06 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic06 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic07_back {
display: grid;
position: inherit;
left: 0;
top: 0;
}
#pic07 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic07 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;

}
#pic08_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic08 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic08 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic09_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic09 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic09 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic10_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic10 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic10 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic11_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic11 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic11 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic12_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic12 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic12 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic13_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic13 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic13 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic14_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic14 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic14 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic15_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic15 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic15 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic16_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic16 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic16 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic17_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic17 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic17 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic18_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic18 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(-10deg);
}
#pic18 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic19_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic19 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic19 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic20_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic20 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic20 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic21_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic21 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic21 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic22_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic22 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(10deg);
}
#pic22 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic23_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic23 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic23 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic24_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic24 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic24 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic25_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic25 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic25 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic26_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic26 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform: rotate(20deg);
}
#pic26 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic27_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic27 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic27 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic28_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic28 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic28 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic29_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic29 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
-ms-border-radius: inherit;
border-radius: inherit;
position: relative;
behavior: url(/PIE/PIE.htc);
}
#pic29 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
#pic30_back {
display: block;
position: inherit;
left: 0;
top: 0;
}
#pic30 {
width: 84px;
height: 84px;
overflow: hidden;
-webkit-box-shadow: 0 1px 4px #ccc;
-moz-box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 4px #ccc;
-webkit-border-radius: 4%;
-moz-border-radius: 4%;
-o-border-radius: 4%;
-ms-border-radius: 4%;
border-radius: 4%;
position: relative;
behavior: url(/PIE/PIE.htc);
transform:inherit;
}
#pic30 img {
width:auto;
height: 130%;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
margin: auto;
}
.archive_feed {
clear: both;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
}
.archive_feed ul {
overflow: hidden;
display: block;
margin: 0!important;
padding: 0!important;
}
.archive_feed ul li {
float: left;
display: block;
margin-right: 5px;
}
.archive_feed ul li p {
font-size: 12px;
line-height: 14px;
padding-top: 8px;
padding-bottom: 8px;
background-image: url(/images/spacer.png);
background-repeat: no-repeat;
}
.archive_feed ul li p a {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}
.archive_feed ul li p a:hover {
color: #FFFFFF;
background-color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}
.archive_feed ul li p span {
color: #FFFFFF;
background-color: #000000;
padding: 4px;
font-weight: bold;
border: 1px solid #000000;
}




}