@charset "UTF-8";

.bx-wrapper,
.bx-window{
margin-left:15px;
}

#slider li{
float: left;
width: 220px;
}
.post{
height: 138px;
}
.post h3{
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
font-weight: bold;
padding: 3px 7px;
background: #f25369;
margin-top: 114px;
filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
           -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
                box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
#slider .post a {
color: #fff;
}
#slider .post a:hover {
/*text-decoration: none;*/
}

#slider1 .post{background: url(../img/bxslider/event01_0401.jpg) no-repeat 0 0;}
#slider2 .post{background: url(../img/bxslider/event02_0402.jpg) no-repeat 0 0;}
#slider3 .post{background: url(../img/bxslider/event03_0501.jpg) no-repeat 0 0;}
#slider4 .post{background: url(../img/bxslider/event04_0502.jpg) no-repeat 0 0;}
#slider5 .post{background: url(../img/bxslider/event05_0601.jpg) no-repeat 0 0;}
#slider6 .post{background: url(../img/bxslider/event06_0701.jpg) no-repeat 0 0;}
#slider7 .post{background: url(../img/bxslider/event07_0801.jpg) no-repeat 0 0;}
#slider8 .post{background: url(../img/bxslider/event08_0802.jpg) no-repeat 0 0;}
#slider9 .post{background: url(../img/bxslider/event09_0901.jpg) no-repeat 0 0;}
#slider10 .post{background: url(../img/bxslider/event10_1001.jpg) no-repeat 0 0;}
#slider11 .post{background: url(../img/bxslider/event11_1002.jpg) no-repeat 0 0;}
#slider12 .post{background: url(../img/bxslider/event12_1003.jpg) no-repeat 0 0;}
#slider13 .post{background: url(../img/bxslider/event13_1101.jpg) no-repeat 0 0;}
#slider14 .post{background: url(../img/bxslider/event14_1102.jpg) no-repeat 0 0;}
#slider15 .post{background: url(../img/bxslider/event15_1201.jpg) no-repeat 0 0;}
#slider16 .post{background: url(../img/bxslider/event16_1202.jpg) no-repeat 0 0;}
#slider17 .post{background: url(../img/bxslider/event17_0101.jpg) no-repeat 0 0;}
#slider18 .post{background: url(../img/bxslider/event18_0102.jpg) no-repeat 0 0;}
#slider19 .post{background: url(../img/bxslider/event19_0201.jpg) no-repeat 0 0;}
#slider20 .post{background: url(../img/bxslider/event20_0202.jpg) no-repeat 0 0;}
#slider21 .post{background: url(../img/bxslider/event21_0301.jpg) no-repeat 0 0;}

/* Navi */
.bx-pager{
width: 180px;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 20;
}
*:first-child+html .bx-pager{
margin-top: 10px;
}

.bx-pager a{
display: block;
width: 24px;
height: 25px;
float: left;
background: url(../cycle-gallery/navi-bg.png) no-repeat 0 0;
color: #fff !important;
text-align: center;
line-height: 24px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
font-family: 'Josefin Sans', sans-serif;
margin: 0 5px;
}

.bx-pager a:hover,
.bx-pager a.pager-active{
background-position: 0 100%;
}

.archive {
width: 720px;
height: 240px;
background:url(../img/photoalbum.png) no-repeat left top;
}


.archive .post,
.single .post{
width: 200px;
margin: 70px 10px 20px 10px;
background: #fff;
float: left;
}
.post.pure{ background-color:inherit !important;}
.archive .post.two,
.single .post{
width: 460px;
}
.archive .post.three{
width: 700px;
}
.single .post{
position: relative;
}
.single .post .quote-content{
position: absolute;
top:0;
}

.quote-content{width: 100%;}
.quote{
background: rgba(0, 0, 0, .2);
padding: 20px;
font-family: Georgia, Times, serif;
font-size: 24px;
line-height: 130%;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.balloon {
height: 0px;
width: 0px;
margin-left: 20px;
border: 10px solid transparent;
border-top-color: rgba(0, 0, 0, .2);
border-left-color: rgba(0, 0, 0, .2);
}
.quote p{
font-style: italic;
}