@charset "utf-8";
/* CSS Document */


/* =index-slider.php ----------- */
#recent-slider {
margin: -15px auto 0;
text-align: center;
height: 450px;
width: 961.5px;
background: transparent url('/wp-content/themes/partydigest/images/bkgd-slideshow.png') top left no-repeat;
background-size: auto;
}

#banner-slide {
width: 890px;
height: 390px;
margin: 0 auto ;
}




/* controls */
.bjqs-wrapper {
padding: 20px 0 0;
}

.bjqs {background: #333;}

.bjqs-controls > li a,
.bjqs-controls > li a:visited {
background: transparent url('/wp-content/themes/partydigest/images/bkgd-slideshowbtn.png') 0 0 no-repeat;
width: 61px;
height: 72px;
padding-top: 18px;
color: #fff;
text-decoration: none;
font-size: 80px;
}

.bjqs-controls > li.bjqs-prev a {margin-left: -7px;} 
.bjqs-controls > li.bjqs-next a {margin-right: -7px;} 

.bjqs-markers {display: none;}

/* captions */
.bjqs-caption {
text-align: left;
color: #fff;
width: 100%;
padding: 0 0 0 2%;
bottom: -3px !important;
}

.bjqs-caption > span {display: block; margin: 0px;}
.bjqs-caption > span > span {
margin: 0px;
}

.bjqs-slide {position: relative;}
.bjqs-slide div {
position: absolute;
z-index: 10;
bottom: 20px;
left: 0;
overflow: hidden;
width: 99%;
}

.bjqs-slide h1,
.bjqs-slide h2 {
text-align: left;
color: #fff;
float: left; 
clear: both;
bottom: -3px !important;
display: block;
max-width: 95%
}


/* title line */
.bjqs-caption > span:first-child, 
.bjqs-slide div h1  {
height: 50px;
}

.bjqs-caption > span:first-child  span,
.bjqs-slide div h1 {
position: relative;
display: inline-block;
max-width: 98%;
min-width: 45%;
position: relative;
padding: 6px 0px 6px 5px;
overflow: hidden;
margin-left: -18px;
}

.bjqs-caption > span:first-child span:before,
.bjqs-slide div h1:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0; left: 0;
background: #bd1e2c;
opacity: 0.9; 
margin: 0 0 0 -18px;
padding: 0 20px;
}

.bjqs-caption > span:first-child span b,
.bjqs-slide div h1 a, 
.bjqs-slide div h1 a:visited {
position: relative;
z-index: 1;
display: block;
margin: 0 0 0 10px;
font-size: 45px;
line-height: 60px;
max-width: 96%;
width: auto;
height: 55px;
overflow: hidden;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 0 10px;
}



/* desc line */
.bjqs-caption > span:last-child  span,
.bjqs-slide h2 {
position: relative;
display: inline-block;
max-width: 70%;
position: relative;
padding: 6px 0px 6px 5px;
overflow: hidden;
margin-left: -18px;
}

.bjqs-caption > span:last-child span:before,
.bjqs-slide h2:before {
content: '';
width: 100%;
height: 105%;
position: absolute;
top: 0; left: 0;
background: #1a1a1d;
opacity: 0.9; 
margin: 0 0 0 -18px;
padding: 0 20px 20px;
}

.bjqs-caption > span:last-child span b,
.bjqs-slide h2 span {
position: relative;
z-index: 1;
display: block;
margin: 0 0 0 10px;
width: auto;
height: 58px;
overflow: hidden;
font-weight: normal;
padding: 0 5px;
font-size: 14px; 
line-height: 20px;
padding: 0 10px
}



/* homepage blog posts */

#main #primary {
max-width: 780px;
float: left;
clear: none;
}

#hp-posts-container #hp-post-title {
color: #fff;
font-size: 34px;
text-decoration: none;
text-transform: uppercase;
line-height: 32px;
margin: 0 0 15px;
clear: both;
display: table;
width: 100%;
}

#hp-posts-container #hp-post-title h1 {
float: left;
clear: none;
width: 28%;
}

#hp-posts-container #hp-post-title div {
background: url('/wp-content/themes/partydigest/images/bkgd-widepinkstripes.png') top left repeat-x;
float: right;
width: 72%;
height: 34px;
clear: none;
}
 
#hp-posts-container ul {
padding: 0;
margin: 0;
width: 100%;
clear: both;
float: left;
display: table;
}

#hp-posts-container ul li {
width: 238px;
height: 288px;
float: left;
margin: 0 15px 30px 0;
clear: none;
overflow: hidden;
}

#hp-posts-container ul li:nth-child(3n) {margin-right: 0px;}

#hp-posts-container ul li .hppost-img {
height: 135px;
overflow: hidden;
text-align: center;
width: 226px;
border: 3px solid #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
margin: 0 0 5px;
background: #fff;
}

#hp-posts-container ul li .hppost-img img {
width: 100%;
height: auto;
}

#hp-posts-container ul li h1 {
margin: 0 0 5px;
height: 30px;
}

#hp-posts-container ul li h1 a,
#hp-posts-container ul li h1 a:visited {
color: #fff;
font-size: 28px;
text-decoration: none;
text-transform: uppercase;
line-height: 32px;
}

#hp-posts-container ul li h1 a:hover,
#hp-posts-container ul li h1 a:active {
color: #fb8993;
}

#hp-posts-container ul li p {
margin: 0 0 5px;
height: 66px;
overflow: hidden;
}

#hp-posts-container ul li .read-more div {
float: left;
clear: none;
width: 70%;
border-top: #fff solid 1px;
border-bottom: #fff solid 3px;
height: 2px;
margin-top: 15px;
}

#hp-posts-container ul li .read-more a,
#hp-posts-container ul li .read-more a:visited {
padding: 10px 7px 10px 13px;
float: right;
clear: none;
width: 18%;
text-align: right;
background: #fff;
display: block;
font-size: 15px;
text-decoration: none;
color: #b01823;
font-family:"Origin Extra Bold";
}

#hp-posts-container #more-hppost-link {
width: 240px;
padding: 5px 10px 2px;
text-align: center;
margin: 0 auto;
background: #fff; 
display: table;
margin: 0 auto 20px;
}

#hp-posts-container #more-hppost-link a,
#hp-posts-container #more-hppost-link a:visited { 
  color: #bd1e2c;
    font-size: 28px;
    line-height: 32px;
    text-decoration: none;
    text-transform: uppercase;
}



/* homepage sidebar */
#hp-sidebar-container {
float: right;
clear: none;
width: 240px;
}

#hp-sidebar-container > div {
margin: 0 0 15px;
text-align: center;
padding: 10px;
position: relative;
}

#hp-sidebar-container > div h2 {margin: 0 0 5px;}
#hp-sidebar-container > div h2,
#hp-sidebar-container > div h2 a,
#hp-sidebar-container > div h2 a:visited {
color: #fff;
font-size: 28px;
text-decoration: none;
text-transform: uppercase;
line-height: 32px;
}

#hp-sidebar-container #select-city {margin-bottom: 0;}
#hp-sidebar-container #select-city select {
border:solid 1px #fff;
width: 100%;
background: transparent;
padding: 5px 5px 5px 10px;
color: #fff;
font-size: 18px;
font-family: arial;
}

#hp-sidebar-container #post-event-link h2 {
position: absolute;
top: 0;
width: 92%;
margin: 25px auto 0;
text-align: center;
}   #hp-sidebar-container #post-event-link h2 br {display: none; }  

#post-event-link {height: 105px;}
#post-event-link h2 a,
#post-event-link h2 a:visited {
font-family: arial !important;
font-size: 12px !important;
text-transform: none !important;
line-height: 0px !important;
}

#hp-sidebar-container #post-event-link 
h2 a span {
margin-top: 10px;
display: block;
}

#hp-sidebar-container #post-event-link 
h2 a span.big {  
display: block;
width: 100%;
color: #fff;
font-size: 28px;
text-decoration: none;
text-transform: uppercase;
line-height: 30px;
margin: 0;
}


#hp-sidebar-container #recent-sbaby 
#members-list {
display: table;
width: 95%;
margin: 0 auto
}

#hp-sidebar-container #recent-sbaby 
#sbaby-content {
position: absolute;
top: 100px;
width: 88%;
margin-left: 2%;
}

#hp-sidebar-container #recent-sbaby 
#sbaby-content h2 {
text-align: center;
width: 100%
}

#hp-sidebar-container #recent-sbaby 
#members-list {margin-left: 13px;}

#hp-sidebar-container #recent-sbaby 
#members-list li {
width: 55px;
height: 85px;
overflow: hidden;
background: #fff;
padding: 5px 2px;
text-align: center;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
float: left;
clear: none;
margin: 0 5px 5px 0;
}

#hp-sidebar-container #recent-sbaby 
#members-list li .member-name a,
#hp-sidebar-container #recent-sbaby 
#members-list li .member-name a:visited {
color: #333;
text-decoration: none;
font-size: 11px;
font-family: arial;
line-height: 11px !important;
}

#hp-sidebar-container #recent-sbaby 
#members-list li .member-pic img {
width: 90%;
height: auto;
}