/*===================================================  
 Description: My Custom Css
 Author: Mish Cambusa
 Date: June 16 2014
===================================================*/  

.image-shadow { 
  box-shadow: 10px 10px 5px #808080;
  border: 2px solid #DEDEDE;  
}

.social-buttons {
    display: block;
    list-style: none outside none; 
    padding: 0;
}
.rw-moon-desc p{
  text-align: justify;
}

.rw-moon-cont-image {
    background: #6699CC;  
    width:28%; 
    float: left;
    margin: 5px 20px 0 0;  
    padding: 8px;   
}

.email-feedback-link {
  text-decoration: underline;
  color: #274C86; 
}

.readmore_link {
  color: #6699CC !important;    
} 

.readmore-btn {   
  float: right;    
  margin-top: -80px; 
}

.phone-img { 
  color: #fff;
}

.workshop-img { 
  width: 350px;
  height: 310px;    
} 
 
/*======================  
## Telephone Header
========================*/   
 
.telnum-img { 
  margin-left: 475px;      
}   
   
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);  
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  } 

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}  

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

   
.pagination-comments {
   color: #333333;
   font-size: 16px;
}

.page-numbers {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%) repeat scroll 0 0 #FDFDFD;
  border: 2px solid #6699CC;
  padding: 5px;  
}

.current {  
  font-weight: bold; 
}

.prev {    
   border-bottom-left-radius: 15px;
   border-top-left-radius: 15px;
}

.next {
   border-bottom-right-radius: 15px;  
    border-top-right-radius: 15px;
}

/*======================  
## Fortune Page
========================*/ 

.fortune_post {
   background: none repeat scroll 0 0 #FFFFFF;  
    margin: 0 0 0 20px;
    width: 1200px;  
    float: left; 
} 

.fortune_post .post {   
    background-color: #FFFFFF;
    padding: 20px 2% 0; 
    float: left;
    width: 500px; 
   border-bottom: 1px dotted #DDDDDD;  
}

.fortune_post img.postimg { 
    height: auto;
    margin-bottom: -90px;  
    position: relative;
    width: 100%; 
}  

.fortune_post .post .post_content_wrapper {
    border-bottom: 1px dashed #DDDDDD;
    margin-bottom: 0;
    padding-bottom: 80px; 
}

.fortune_post .post .post_content { 
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 6px solid #6699CC; 
    margin: 0 7%;
    padding: 2% 2.5% 1.5%;
    position: relative;
    z-index: 1;
}
 
.fortune_post .post .post-social-link {
    transition: all 0.4s ease-out 0s;
}

.fortune_post .post h1.post_title {
    font-size: 1.8em;
    line-height: 34px; 
}
 
.fortune_post .post .post_content p {
    color: #222222;
    font-size: 1.05em;
    line-height: 26px;
} 


.psychics-readers-cont-text {
  padding: 10px; 
}


/*======================  
## Fortune Box
========================*/  
.fortunebox_content {
    overflow: hidden;
    margin-bottom: 65px;
}
.fortunebox_inner_box {
   width: 140px;
   float: left;
}
.fortunebox_inner_box p{
    font-size:16px;
    line-height:24px;
}
@-webkit-keyframes bounceIn_custom {
 0% {
 -webkit-transform: scale(1);
}
 25% {
 -webkit-transform: scale(.8);
}
 50% {
 -webkit-transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @-moz-keyframes bounceIn_custom {
 0% {
 -moz-transform: scale(1);
}
 25% {
 -moz-transform: scale(.8);
}
 50% {
 -moz-transform: scale(1.05);
}
 70% {
 -moz-transform: scale(.9);
}
 100% {
 -moz-transform: scale(1);
}
}
 @-o-keyframes bounceIn_custom {
 0% {
 -o-transform: scale(1); 
}
 25% {
 -o-transform: scale(.8);
}
 50% {
 -o-transform: scale(1.05);
}
 70% {
 -o-transform: scale(.9);
}
 100% {
 -o-transform: scale(1);
}
}
 @keyframes bounceIn_custom {
 0% {
 transform: scale(1);
}
 25% {
 transform: scale(.8);
}
 50% {
 transform: scale(1.05);
}
 70% {
 transform: scale(.9);
}
 100% {
 transform: scale(1);
}
}
.fortunebox_inner_box .circle {
    display: block;
    max-width: 125px;
    border-radius: 50%; 
    background: #fff;
    padding: 8px;
    display: block; 
    position: relative;
    margin-left: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background: #fff;
    border: 1px solid #6699CC;
}
.fortunebox_inner_box .circle span {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.fortunebox_inner_box .circle:hover span {
    width: 78px;
    height: 78px;  
    position: absolute;  
    right: 0;
    bottom: 10%;
    background: url(images/circle-link.png) center no-repeat;
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.fortunebox_inner_box .circle:hover span:hover {
    background: url(images/circle-link-hover.png) center no-repeat;
}
.fortunebox_inner_box .circle img {
    width: 120px;
    height: 130px;
    border-radius: 50%;  
    border: 1px solid #6699CC; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #f05931;
    cursor: pointer; 
}
.fortunebox_inner_box .circle:hover {
    cursor: pointer; 
}
.fortunebox_inner_box .circle img:hover {
    cursor: pointer;  
}
.fortunebox_inner_box h6 {
    font-size: 16px;
    line-height: 24px; 
     text-align: center;  
}
.fortunebox_inner_box h6 a { 
    cursor: pointer;  
    text-align: center;
}
.fortunebox_inner_box.first {
    margin-left: 15px; 
    margin-top: 20px;
}
.fortunebox_inner_box.second {
}
.fortunebox_inner_box.third {
    margin-left: 58px;
}
.fortunebox_inner_box .feature_title.first {
    margin-top: 15px;
    padding: 0;
}
.fortunebox_inner_box .feature_title.last {
    margin-right: 0;
    margin-left: 15px;
    padding: 0;
}
.fortunebox_inner_box a {
    color: #878787; 
    cursor: pointer; 
}
.fortunebox_inner_box a:hover {
    cursor: pointer;
}

/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

 
/*======================  
## Float Shadow || Hover
========================*/  
.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);     
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/*======================  
## Workshop
========================*/   
.workshop-feature {
  float: left;
  margin-top: 30px;  
  margin-left: 10px; 
   -webkit-box-shadow: 0 10px 6px -6px #E0E0E0;
     -moz-box-shadow: 0 10px 6px -6px #E0E0E0;
          box-shadow: 0 10px 6px -6px #E0E0E0;     
}  

.workshop-left-cont {
  float:left;
  background:#87cced; 
  width:200px;
  padding: 5px;
}

.workshop-item-title { 
    font-size: 18px; 
    font-weight: bold;  
    color: #000;   
}

.workshop-special-info {
  background: #35a2da;
  margin: 5px; 
  padding: 10px; 
  border-radius: 5px;  
}

.workshop-special-info p{
  font-size: 12px;
  line-height: 16px;  
  color: #fff; 
}

.workshop-right-cont {  
  float:right;
  width:300px;
  background:#fff;
  padding: 5px;      
}    

.workshop-aim-img-cont {
  background: url(images/workshop-frame.png) no-repeat;  
  height: 255px;
}    

.workshop-aim-img-cont {
  padding: 20px; 
}

.workshop-aim {
  color:#6699CC;
  font-size: 12px;  
}  

.workshop-aim-img-cont .postimg {   
    border: 1px solid #ACACAC;  
    margin-top: 5px;  
} 
 
.workshop-booknow {
  margin-left: 60px;  
}  

/*======================  
## Workshop when click
========================*/  
.workshop-wrap {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%) repeat scroll 0 0 #FDFDFD;
  border-bottom: 4px solid #6699CC;   
  border-top: 4px solid #6699CC;    
  box-shadow: 1px -1px 0 #FFFFFF inset, 0 2px 2px rgba(0, 0, 0, 0.05);
  padding: 10px; 
  width: 700px; 
}
.workshop-wrap p {
  line-height: 18px;   
  color: #6699CC;
  font-size: 14px;  
}

.workshop-wrap span {
  font-size: 14px !important;  
  font-weight: bold;  
}

/*======================  
## Workshop Slider
========================*/  
.slider-workshop-shadow {
  background:url("images/slider-shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);    
} 
.slider-workshop-wrap { 
  margin: 0 0 0 90px;  
  display: block;
  height: 480px;  
}

.thumbslider-cont {
  position: relative; top: 0px; left: 0px;  
  width: 960px;
  height: 480px; background: #191919; overflow: hidden; 
}

.loadingslide-cont{
  position: absolute; top: 0px; left: 0px;
}

.loadingslide-item1 {
  filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
  background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;
}
.loadingslide-item2 {
  position: absolute; display: block; background: url(images/loading.gif) no-repeat center center;
  top: 0px; left: 0px;width: 100%;height:100%;
} 

.thumbslider-wrap {
  cursor: move; position: absolute; left: 240px; top: 0px; width: 720px; height: 480px; overflow: hidden;
}
.arrow-left {
  width: 40px; height: 40px; top: 158px; left: 248px;
}
.arrow-right { 
  width: 40px; height: 40px; top: 158px; right: 8px;
}

.thumb-navigator {
  position: absolute; width: 240px; height: 480px; left:0px; bottom: 0px; 
}

 .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{
   position: absolute;
   cursor: pointer;
   display: block;
   background: url(images/a17.png) no-repeat;
   overflow:hidden;  
}
 
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.jssort02 .w {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; 
}
.jssort02 .c {
 position: absolute;
top: 0px;
left: 0px;
width: 95px;
height: 62px;
border: #000 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c {
background: url(images/t01.png) center center; 
border-width: 0px;
top: 2px;
left: 2px;
width: 95px;
height: 62px;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c{ 
top: 0px;
left: 0px;
width: 97px;
height: 64px;
border: #fff 1px solid;  
}

.prototype-slide {
  position: absolute; width: 99px; height: 66px; top: 0; left: 0;
}
.thumbnail-template {
  width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;
}


/*======================  
## Psychics Readings
========================*/   

.psychics-readers-lyn {
  margin: 10px;
}

.psychics-readers-lyn-image {
  float: left;
  width: 290px;
  margin-right: 25px; 
}

.lynn-image-wrap {
  border: 5px solid #CCCCCC;
}

.psychics-readers-lyn-talents-cont {
  margin: 5px; 
}

.prl-name {
  font-size: 20px;  
  color: #214aa6;
  font-weight: bold;
  padding-top: 10px;  
}
.prl-status {
  color: #214aa6;
  line-height: 5px;   
}

.prl-id {
  color: #214aa6;
  font-size: 18px;
  line-height: 7px; 
}

.psychics-readers-lyn-talents {
  background: #6699cc;
  border: 3px solid #214aa6;
  float: left;
  border-radius: 5px; 
}

.psychics-readers-lyn-talents ul li {
  color: #FFF;
  list-style: none;  
  margin: 5px !important;
  padding: 5px;
  line-height: 10px;
}

.psychics-featured-readers-wrap {
  border: 1px solid #ECECEC;  
  float: left;  
  margin-top: 20px;
}

.featured-readers-titles { 
    background: none repeat scroll 0 0 #6699CC;
    color: #fff;
    font-size: 22px;  
    font-weight: 300;   
    margin: 0 -1px;
    padding: 17px 18px;
}

.psychics-featured-readers-cont {
  padding: 20px; 
  width: 460px;
}

.psychics-text {  
   color: #333333;
   font-size: 22px;    
   padding: 10px; 
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%) repeat scroll 0 0 #FDFDFD;
   border: 2px solid #6699CC;
   box-shadow: 1px -1px 0 #FFFFFF inset, 0 2px 2px rgba(0, 0, 0, 0.05);
   width: 540px;  
}  

.telephone-text {
  font-size: 24px; 
   color: #6699CC;
   margin-top: 20px; 
   margin-bottom: 10px;
}
  
.readings-text {    
  font-size: 16px;  
   color: #6699CC !important;  
   margin-top: 10px;  
}  

.psychics-cont-left {  
  float: left;
  width: 530px;  
}  

.psychics-cont-right {   
  float: right;
  width: 530px;  
} 

.paypal-cont {    
  margin: 35px 0 0 40px;
}

.paypal-text {
  font-size: 16px; 
  line-height: 0;       
}


.live-psychics-readers-wrap {
  border: 1px solid #ECECEC;   
}

.live-psychics-readers-title { 
    background: none repeat scroll 0 0 #6699CC;
    color: #fff; 
    font-size: 22px;  
    font-weight: 300;  
    margin: 0 -1px;
    padding: 17px 18px;
}  


.live-psychics-readers-cont-text {    
  padding: 10px;
}

.psychic-country_num {     
 font-size: 22px;          
 color: #214aa6;   
}

/*======================  
## live psychics Fortune Page
========================*/  
.fortune-readers-title { 
    background: none repeat scroll 0 0 #6699CC;
    color: #FFFFFF !important; 
    font-size: 22px;  
    font-weight: 300;  
    margin: 0 -1px !important;
    padding: 17px 18px; 
}
.fortune-readers-wrap {
  border: 1px solid #ECECEC;  
  margin-top: 25px;     
}      

.fortune-paypal-cont {
  background: #a7c4e1; 
  border: #9bb9d9;
  border-radius: 5px; 
  margin: 10px;
  padding: 5px;  
  width: 260px;  
}

.fortune-paypal-text {   
  font-size: 16px;  
  line-height: 20px;
  text-align: center;
}

 
/*======================  
# Psychics Readers || Slider
========================*/  
.readers-list-main-container { 
    float: left;
    margin-top: 30px;   
    margin-left: 15px;  
}
.readers-info-container {
    float: left;
    height: 240px;   
    width: 180px;  
}

.reader-alias {  
    float: left;  
    position: relative;
    width: 100%;  
}  

.reader-talents {
  font-size: 12px;     
}

.reader-alias a { 
    color: #B4E167; 
    font-size: 13px;
}
.readers-info-container .reader-status { 
    margin-top: 5px;  
}  

.readers-wrap {   
   overflow: auto;
    width: 6500px;              
}

.new_slide_inner { 
    background-color: #6699CC;  
    padding-top: 10px ;  
    border-radius: 5px;     
    float: left; 
}
 
.new_slide_inner img {
    margin-left: 10px;        
    border: 3px solid #CCCCCC; 
    width: 110px; 
}

.new_photo {
  height: 210px; 
  width: 140px;
}

.new_caption, .new_caption:link, .new_caption:visited, .new_caption2, .new_caption2:link, .new_caption2:visited {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;    
    margin-left: 10px;  
}
.new_caption3, .new_caption3:link, .new_caption3:visited {
    color: #ffffff;  
    font-size: 16px; 
    line-height: 40px;
    text-shadow: 0 0px 0 #FFFFFF;
    margin-left: 5px;  
} 

/*image hover*/       
.contenthover { padding:10px 10px 5px 10px; }  
.contenthover p {line-height:1.4em; color:#fff; font-size: 11px;}  

    
/* Grow Rotate */ 
.grow-rotate { 
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}  
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}


/** SLIDER CONTAINER **/  
.slides_cont {     
   cursor: move; 
   position: absolute; 
   width: 805px;     
   height: 250px;      
   overflow: hidden; 
   margin-left: 65px;     
}


/*======================  
## Aricles Page
========================*/   

.article_post {
   background: none repeat scroll 0 0 #FFFFFF;  
    margin: 0 0 0 20px;
    width: 1100px;  
    float: left;
}

.article_post .post { 
    background-color: #FFFFFF;
    padding: 20px 2% 0; 
}

.article_post img.postimg {
    height: auto;
    margin-bottom: -90px;
    position: relative;
    width: 100%;
}

.article_post .post .post_content_wrapper {
    border-bottom: 1px dashed #DDDDDD;
    margin-bottom: 0;
    padding-bottom: 80px;
}

.article_post .post .post_content { 
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 10px solid #6699CC; 
    margin: 0 7%;
    padding: 2% 2.5% 1.5%;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
    overflow: auto;  
} 

.article_post .post .post-social-link {
    transition: all 0.4s ease-out 0s;
}

.article_post .post h1.post_title {
    font-size: 1.8em;
    line-height: 34px; 
}

.article_post .post .post_content p {
    line-height: 26px;
    color: #373636 !important;
    font-family: Voces,verdana,Arial,sans-serif !important; 
} 

/*======================  
## Astrology Page
========================*/  

.astrology-wrap {
  background: #6699CC;  
  margin: 20px;  
}

.wrapperart-article {  
  margin: 30px;    
}


/*======================  
## Featured Page
========================*/     
.each-readers-cont {
    border:2px solid #6699CC;  
    background: #cadbed;    
    padding: 5px; 
    margin: 20px;  
    width: 370px; 
    height: 495px;       
    float: left;
}
.each-rdimage{  
    border: 5px solid #DEDEDE; 
    box-shadow:0.5em 0.5em 0.3em #808080;  
    width: 90px !important;   
    height: 90px !important; 
} 

.each-rdimage:hover {   
  border: 5px solid #6699CC !important;      
} 

.col-tw-1, .col-tw-2{   
    float: left;
}

.col-tw-1 {
    width: 30%;
}

.col-tw-2 {
    width: 65%; 
}  

.each-rddetails {
   color: #333333;
   margin-top: 15px;
   padding: 10px;
}

.each-rname {
  font-size: 24px !important;
  color: #6699cc; 
} 

.each-rdprofile {
  margin: 15px;
} 

.each-rdtalents {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%) repeat scroll 0 0 #FDFDFD;
   border: 1px solid #6699CC; 
   box-shadow: 1px -1px 0 #FFFFFF inset, 0 2px 2px rgba(0, 0, 0, 0.05);
   padding: 5px; 
   margin: 10px;
   border-radius: 8px;  
   width: 130px;
}  
  
/*======================    
## Reader Page
========================*/ 

.reader-container {  
  overflow: auto;    
  border: 1px solid #E9E9E9; 
  padding: 25px; 
  margin-bottom: 20px;    
} 

.reader_name {
   color: #526cb3;
   font-size: 24px; 
}

.reader-profile-image{   
   border: 5px solid #DEDEDE;
   width: 100px; 
 }   
  
.col-reader-1, .col-reader-2{   
    float: left;   
}

.reader-profile-image-cont {  
    border-radius: 0 3px 3px;
    box-shadow: 0.5em 0.5em 0.3em #808080; 
    margin-right: 20px; 
}

.col-reader-2 { 
  width: 70%;   
}  

.col-reader-1 ul {
  margin-top: 20px;
} 
   
.col-reader-1 ul li {
   list-style: none;
   font-size: 12px;
   color: #526CB3;
   font-weight: bold;
}  

.reader-profile-cont {
  padding-top: 20px; 
  padding-bottom: 25px;
} 

.reader-profile-back-btn { 
  float: right;
  margin-top: 10px;
}

/**======================== 
# MOON PHASE POPUP
==========================**/ 
.close-lightbox { 
    background: none repeat scroll 0 0 #6699cc; 
    float: right;
    padding: 10px; 
 }   

 .exit-btn {
    font-size: 20px;        
    color: #FFFFFF;    
 }  
  
.black_overlay{ 
    display: none;
    position: absolute;    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.44);  
}   
   
.moonphase-wrap{ 
    display: none; 
    position: absolute; 
    width: 100%; 
    max-width: 850px;      
    border: 8px solid #6699cc;     
    background: #d2e4f7; 
    border-radius: 5px;     
    margin-top: -250px; 
}     


.moonphase-title { 
    color: #000 !important;   
    font-size: 18px !important;   
    border-bottom: 1px solid #6699cc;  
    width: 300px;  
}  

.moonphase-cont {
  padding: 20px;  
}

.moonphase-wrap p, .moonphase-cont p{ 
    color: #000 !important; 
}

.moonphase-image { 
    background: #6699CC;   
    float: right;
    margin: 5px 20px 0 0;  
    padding: 8px;   
}
 
.moonbutton {  
   float: right;
}

/**======================== 
# CANDLES
==========================**/ 

.candles-wrap{ 
  width: 860px;
}

.candles-cont1{
  float:left;  
  width: 350px;
}

.candles-cont2{
  float:left; 
}

.candles-wrap p{
  font-size: 11px;     
}

.candles-wrap p span{ 
  font-size: 14px !important;  
}

.giftresources-wrap {
  padding: 5px;  
  background: #cadbed;
  border: 2px solid #6699cb;
  width: 300px; 
}

.giftresources-wrap img {
   margin-top: -5px;
   float: right;
}


/* Custom by Harold 7/29/2015 */
.main-sched-container {
	margin-top: 22px;
	padding-left: 30px;
	display: none;
}
.sched-hdr-title {
	color: #214aa6;
	font-size: 18px;
}
.sched-date-container,.sched-time-container  {
  float: left;
}
.sched-date-container {
	width: 30%;
}
.sched-time-container span {
	color: #69C;
	font-size: 21px;
}
.sched-time-container {
  margin-left: 5px;
}
/* Custom by Harold 7/30/2015 */
a.block-link {
	display: block;
    width: 100%;
    border: solid 1px #69C;
    background-color: rgb(102, 153, 204);
    padding: 10px 0;
    transition: background 200ms linear;
	margin: auto;
	text-align: center;
	margin-top: -14px;
	max-width: 747px;
}
a.block-link span {
	color: #FFFFFF;
    font-family: 'open_sanslight';
}
a.block-link:hover {
	background-color: #FFFFFF !important;
}
a.block-link:hover > span {
  color: rgb(49, 47, 47) !important;
  text-decoration: underline;
}