/* Start GEOCOMs photo page image zoom v3.2 part 2 */
/* Design Studio - (Custom CSS - Global CSS) */
DIV.geocomsphotozoom{
   top:35px;
   position:fixed!important;
   right:0px!important;
   margin-right:0px!important;
   z-index:3!important;
   font-size:14px!important;
   color:white!important;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   border: 2px solid rgba(0, 0, 0, 0.8)!important;
   background-color: rgba(0, 0, 000, 0.3)!important;
   padding:3px!important; }
DIV.geocomszoomon{
   float:right!important; }
DIV.geocomszoomon BUTTON,
DIV.geocomsphotozoom BUTTON{
   -webkit-border-radius: 8px;
   border-radius: 8px;
   border: 2px solid rgba(0, 0, 0, 0.8)!important;
   background-color: rgba(0, 0, 000, 0.01)!important;
   padding:1px!important;
   color:white!important;
   font-size:10px!important;}
DIV.geocomszoomon BUTTON{
   background-color: rgba(0, 0, 000, 0.4)!important;
   color:white!important;
   font-size:14px!important;}
DIV.geocomsphotozoom BUTTON:hover{
   background-color: rgba(141, 216, 0, 0.5)!important; }
DIV.photoDetailPage-image IMG {
    z-index:2!important;}
.adjacentEntryLink{
   z-index:2!important; }
DIV.geocomsphotozoom{
    display:none; }
DIV.after-content DIV.geocomszoomon{
    display:none!important; }
@media screen and (max-width:660px)  {
DIV.geocomsphotozoom{
        display:none!important; } }
/* End photo zoom */

@media only screen and (min-width:771px){
/* Adjust the Column Widths */
.videoDetailPage .span8{ width:80% }
.videoDetailPage-list { margin:0px }
.videoDetailPage .span6{ width:20%}
.videoDetailPage-titleList { text-align:center; font-size:1.1em }
.videoDetailPage .matrix-itemFluid { min-width: 80%;max-width:100%; float:none }
.videoDetailPage .span6 .matrix-itemFluid { width: 80%; margin: 0px auto; }
}



.videoDetailPage-getEmbedCode_wrap { margin: 0 0 5px 8px }
.videoDetailPage-viewVideo { float:none; margin-bottom:5px }
.videoForm-inputTitle { height: auto;}
.videoDetailPage .socialActions{ margin-top:5px }
.videoDetailPage .entry-tags{ margin-top:10px }
.videoDetailPage-viewVideo .icon-eye{margin-right:5px }
.videoDetailPage .entry-content{ width:100%; clear:both }

/*Optional to show the word views*/
.videoDetailPage-viewVideo .icon-eye{
vertical-align:bottom;
display:inline;margin-right:0px;
}

/* Make video Responsive */
.videoDetailPage-video.iframed {
    margin-bottom: 5px;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.videoDetailPage-video.iframed iframe{
    max-width: 100%;
    height: 100%;
    width:100%;
    position: absolute;
}
.videoListPage-metaTitle  > a{ color:#212121!important; margin:auto;padding:10px; }
.videoListPage-metaTitle a:hover, .videoListPage-metadata a:hover, .videoListPage-metaTitle  > a:hover{ color:#212121!important;text-decoration:none }
.videoListPage-metadata a{ color: rgba(44, 62, 80,1.0); }
/* Letter spacing for all modules header */
 .module-header > h3{ letter-spacing:0.07em }
.sheet {background:url('http://api.ning.com/files/VRZzgEZ7j93fKQQzhsj-auulmVl5oxizYeCEGUToHcSYy2EOMRD8O3vQ2qCac1bp6lb2O2OvwzR29pCBcQCljDNel3SA1riG/greycarto.jpg')}
h2.groupHeader-groupName,.status-container:hover,.subnavline > li:hover,.navbar:focus,.sheet:focus,a.media-img.avatar-frame:hover,.glow {font-family: 'Cabin Sketch',cursive;
  margin: auto;
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(46, 204, 113,.75);
-moz-box-shadow: 0px 0px 15px 5px rgba(46, 204, 113,.75);
box-shadow: 0px 0px 15px 5px rgba(46, 204, 113,.75);}
.SP_Photo_Title {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    font-size: 12px;
    padding: 5px;
    position: absolute;
}

.SP_Photo_Title a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
a.entry-readMore{background:url(http://api.ning.com/files/4t8Bu5s6lgSVRajALZudYarnoLOm9tw1hiiDClY*NakgWWMi1jFDcDUSxp6i4*sf0xGEWcqfzrRGhXTxMX0DaMofxX2S6cJ3/herotile.jpg);font-size:1.5em;color:#212121;padding:3px;}
.jQH_PhotoTitle {
    background-color: #FFFFFF;
    padding: 0.5em;
    text-align: center;
}


.VL_NB_SignUP {
background-color:#2ecc71;
margin: 0;
padding: 3px 10px;
border-right: 1px solid #FFFFFF;
}

.VL_NB_SignUP a {
background: url("http://api.ning.com/files/omkt7cwbhXKsF1PUCV*gAK9*AIF6H-FuhswpRyLFBtkLAfuWYX59yXhJKWx13hzvaQRQoZDOa*eREha*PxtvhL4AsQoxTYPO/join.png") no-repeat scroll 2px center rgba(0, 0, 0, 0);
color: #FFFFFF;
padding-left: 25px;
}

.VL_Acc_Av {
float: left;
height: 30px;
}

.VL_NB_SignIn {
    background-color: #27ae60;
    margin: 0;
    padding: 3px 10px;
}

.VL_NB_SignIn a{
    color: #fff;
}



.button-tiny.likeButton a { padding: 0px 4px 4px 4px; border-radius: 2px 4px; font-size: 1em;}
/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
.jffooter {
  padding: 20px 0;
  text-align: center;
}

#inside_header {
width: 15%;
float:right;
}
.jfsocial {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  line-height: 40px;
  font-family: Entypo;
  font-size: 1.3em;
  text-align: center;
  color: #158c93;
  border-radius: 50%;
  background: #eee;
  overflow: hidden;
  transition: color .3s;
}

.jfsocial:hover {
  color: #000;
  cursor: pointer;
}

.jfsocial {
  box-shadow: rgb(210, 210, 210) 1px 1px,
    rgb(210, 210, 210) 2px 2px,
    rgb(211, 211, 211) 3px 3px,
    rgb(211, 211, 211) 4px 4px,
    rgb(211, 211, 211) 5px 5px,
    rgb(212, 212, 212) 6px 6px,
    rgb(212, 212, 212) 7px 7px,
    rgb(212, 212, 212) 8px 8px,
    rgb(213, 213, 213) 9px 9px,
    rgb(213, 213, 213) 10px 10px,
    rgb(214, 214, 214) 11px 11px,
    rgb(214, 214, 214) 12px 12px,
    rgb(214, 214, 214) 13px 13px,
    rgb(215, 215, 215) 14px 14px,
    rgb(215, 215, 215) 15px 15px,
    rgb(215, 215, 215) 16px 16px,
    rgb(216, 216, 216) 17px 17px,
    rgb(216, 216, 216) 18px 18px,
    rgb(216, 216, 216) 19px 19px,
    rgb(217, 217, 217) 20px 20px,
    rgb(217, 217, 217) 21px 21px,
    rgb(218, 218, 218) 22px 22px,
    rgb(218, 218, 218) 23px 23px,
    rgb(218, 218, 218) 24px 24px,
    rgb(219, 219, 219) 25px 25px,
    rgb(219, 219, 219) 26px 26px,
    rgb(219, 219, 219) 27px 27px,
    rgb(220, 220, 220) 28px 28px,
    rgb(220, 220, 220) 29px 29px,
    rgb(221, 221, 221) 30px 30px;
   text-shadow: rgb(226, 226, 226) 1px 1px,
    rgb(227, 227, 227) 2px 2px,
    rgb(227, 227, 227) 3px 3px,
    rgb(228, 228, 228) 4px 4px,
    rgb(229, 229, 229) 5px 5px,
    rgb(229, 229, 229) 6px 6px,
    rgb(230, 230, 230) 7px 7px,
    rgb(230, 230, 230) 8px 8px,
    rgb(231, 231, 231) 9px 9px,
    rgb(232, 232, 232) 10px 10px,
    rgb(232, 232, 232) 11px 11px,
    rgb(233, 233, 233) 12px 12px,
    rgb(233, 233, 233) 13px 13px,
    rgb(234, 234, 234) 14px 14px,
    rgb(235, 235, 235) 15px 15px,
    rgb(235, 235, 235) 16px 16px,
    rgb(236, 236, 236) 17px 17px,
    rgb(236, 236, 236) 18px 18px,
    rgb(237, 237, 237) 19px 19px,
    rgb(238, 238, 238) 20px 20px;
}
div.feedListPage-itemTitle:hover {color: #fff;}
ul.subnav {font-family: 'Cabin Sketch',cursive;background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.footy{font-size:0.9em;color:white;font-family: 'Cabin Sketch',cursive;background-image:url(http://api.ning.com/files/xtBPm6ISfdArMshgXspXkNCtV1Gzf7an-WFSVbkKAIC38-23AgigpAESbz5P8aIo9PwcYrgJ1Vvw9HveQRzGZPshX-KauNea/seavoyage.png);background-repeat:no-repeat;overflow:visible;background-position:bottom center;height:380px}

h2.content-head {background: url(http://api.ning.com/files/gWhc*8EYmk8nmt9r-o0UxzuSI*eCv*QoFPMGcqxaVTaiQTsWqoRBMQK8DU9GOpvM4tdAZbmepqCdvyP9YzK5BHwZ*hMQbDQJ/bnationheader.png);background-repeat:no-repeat;overflow:visible;background-position:right top;height:55px;box-shadow:0 0 3px #444})}
.ningbar .ningbar-userLinks > li a {font-size:0.7em;color: #eee;font-family: 'Cabin Sketch',cursive;font-weight: 400;position:relative;}
p{font-family: 'Lato', sans-serif;font-weight: 400;}
li.subTab-item a span,.navbar > ul > li > a { font-family: 'Cabin Sketch', cursive;font-weight: 800!important;text-transform:capitalize;font-size:1.5em; }
.navbar > ul > li.active > a {font-size:1.5em;color:#000000 ;font-family: 'Cabin Sketch',cursive;font-weight: 900;text-transform:capitalize;}
h3.aboutNetwork-title,h3.form-legend,h1, h2, h3 { font-family: 'Cabin Sketch', cursive;font-weight: 900;}
.navbar > ul > li.active > a ,H3.module-name,H2.content-name.pull-left,H2.content-name { font-family: 'Cabin Sketch',cursive;font-weight: 900; font-size:1.6em;color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;}

SPAN.poweredBy-text{ margin-left:20px }
.footer-left > a{font-style:italic }
.footer-left > a:hover{color:gold!important }
.page-photos .photoListPage ul.matrix.row:before{content:" ?Tip:  When uploading photos, always add proper titles, tags and descriptions. Channels also have their own photo sections.  Please help keep journey photos categorized and orderly.";center;}

/* Custom Twitter Button /*
.custom-tweet-button,
.custom-follow-button {
  width: 200px;
  margin: 1em auto 2em;
}  
.custom-tweet-button a,
.custom-follow-button a {
  position: relative;
  display: inline-block;
  height: 16px;
  padding: 2px;
  border: 1px solid #ccc;
  font-size: 11px;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  font-weight: bold;
  background-color: #F8F8F8;
  background-image: -webkit-gradient(linear,left top,left     bottom,from(#FFF),to(#DEDEDE));
  background-image: -moz-linear-gradient(top,#FFF,#DEDEDE);
  background-image: -o-linear-gradient(top,#FFF,#DEDEDE);
  background-image: -ms-linear-gradient(top,#FFF,#DEDEDE);
  border: #CCC solid 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
}
.custom-tweet-button a:hover,
.custom-follow-button a:hover  {
  border-color: #BBB;
  background-color: #F8F8F8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#D9D9D9));
  background-image: -moz-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image: -o-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image: -ms-linear-gradient(top,#F8F8F8,#D9D9D9);
  background-image: linear-gradient(top,#F8F8F8,#D9D9D9);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.custom-tweet-button a .btn-icon,
.custom-follow-button a .btn-icon{
  position: absolute;
  width: 16px;
  height: 13px;
  top: 50%;
  left: 3px;
  margin-top: -6px;
  background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
  background-size: 13px;
}
.custom-tweet-button a .btn-text,
.custom-follow-button a .btn-text{
  display: inline-block;
  padding: 2px 3px 0 20px;
}
/*end custom twitter/*
.tweety {background: none repeat scroll 0 0 #000;
border: medium none;
width:170px;
align:center;
border-radius: 3px;
  font-size:1.5em;
color: #000;
margin-right: 5px;
margin-bottom:1px;}
.tweety a {color:#22b2d6;}
.tweety:hover {background: none repeat scroll 0 0 #22b2d6;
border: medium none;
  width:170px;
border-radius: 3px;
color: #000;
margin-right: 5px;
margin-bottom:1px;}
.tweety a:hover {color:#000;}

.dropdown {
    display: block;
    display: inline-block;
    margin: 0px 3px;
    position: relative;
}


.dropdown .dropdown_button {
    cursor: pointer;
    width: auto;
    display: inline-block;
    padding: 4px 5px;
    border: 1px solid #AAA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    color: #717780;
    line-height: 16px;
    text-decoration: none !important;
    background: white;
}

.dropdown input[type="checkbox"]:checked +  .dropdown_button {
    border: 1px solid #3B5998;
    color: white;
    background: #6D84B4;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    border-bottom-color: #6D84B4;
}

.dropdown input[type="checkbox"] + .dropdown_button .arrow {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 5px solid #6B7FA7;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.dropdown input[type="checkbox"]:checked + .dropdown_button .arrow { border-color: white transparent transparent transparent }

.dropdown .dropdown_content {
    position: absolute;
    border: 1px solid #777;
    padding: 0px;
    background: white;
    margin: 0;
    display: none;
}

.dropdown .dropdown_content li {
    list-style: none;
    margin-left: 0px;
    line-height: 16px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin-top: 2px;
    margin-bottom: 2px;
}

.dropdown .dropdown_content li:hover {
    border-top-color: #3B5998;
    border-bottom-color: #3B5998;
    background: #6D84B4;
}

.dropdown .dropdown_content li a {
    display: block;
    padding: 2px 7px;
    padding-right: 15px;
    color: black;
    text-decoration: none !important;
    white-space: nowrap;
}

.dropdown .dropdown_content li:hover a {
    color: white;
    text-decoration: none !important;
}

.dropdown input[type="checkbox"]:checked ~ .dropdown_content { display: block }

.dropdown input[type="checkbox"] { display: none }
li.tabContainerSection-tab span {background: none repeat scroll 0 0 #2c3e50;
border: medium none;
border-radius: 3px;
color: #fff;
margin-right: 5px;
margin-bottom:1px;}
li.tabContainerSection-tab span:hover {background: none repeat scroll 0 0 #fff;
color: #2c3e50;}
tabContainerSection-tab current span a {color:#fff;}
/* Show Members Avatar In Activity Side Panels */
.span4 span.feed-icon, .span5 span.feed-icon, .span6 span.feed-icon{
    display:block!important;position:relative;left:0}
.subnavline > li:hover > a,
.subnavline > li:hover > span,
.subnavline > li.current > a,
.subnavline > li.current > span {
  color: #3498db;
  border-bottom-color: #f1c40f;
  font-weight: bold;
  text-decoration: none;
background:#ecf0f1;
border-radius:0px 5px 5px 5px;box-shadow:4px 7px 8px gray
}
a.entry-readMore,li.subnavline {color:#34495e;font-family: 'Cabin Sketch',cursive;font-weight:900;font-size:1.2em;}
ul.subnavline {background: #ecf0f1;}
/***************************************************** MAIN PHOTOS ************************************************/

/* Photo Detail Page Size Adjustment */
@media only screen and ( min-width:959px ){
.page-photos .photoDetailPage{ width:90% }}


@media only screen and ( min-width:1280px ){
.page-photos DIV.photoDetailPage:before{content:"TIP:Hover over the photo to navigate";float:left}}

@media only screen and ( min-width:959px ){

.page-photos .photoDetailPage .image-aspect-4-3 { padding-bottom:65%;background-image:url('http://api.ning.com/files/1zruj0PgXfhtA8AwXhr1UNT9R46y7OSluCmDcYMfgyslDtvX8XW8s8QhhpVMORC6H3xw-nYGB-8U3f-iLcjwL1IK2bIt87i-/background.jpg'), url('http://api.ning.com/files/1zruj0PgXfhtA8AwXhr1UNT9R46y7OSluCmDcYMfgyslDtvX8XW8s8QhhpVMORC6H3xw-nYGB-8U3f-iLcjwL1IK2bIt87i-/background.jpg');background-repeat:no-repeat;background-repeat:no-repeat;background-size:100% 100%;background-position: top right, bottom left;}

.page-photos nav.content-nav.condenseable.subnavBar.cl{padding:20px 5px 30px 10px; }
.page-photos .content-nav{margin-bottom:20px;}
.page-photos h2.content-name.pull-left{display:none }
.page-photos section.content-body{margin-top:-50px }
.page-photos section.site-bodyFrame{ margin-top:-10px }


/*********** NAVIGATION CONTROLS *************/

/* This makes the photo clickable on either side to go forward or back */
.page-photos .adjacentEntryLink {    
     height: 100%;
    width: 50%; 
position:absolute;top:0%;
}

.page-photos  .adjacentEntryLink a{ width:100%; height:100%;position:absolute;top:0px;/* this shows the text for next and previous */ text-indent: 35%; margin-top:-20px}
.page-photos  .adjacentEntryLink a:after{/* this goes before the next previous text */  content:" Photo "; }

.page-photos  .adjacentEntryLink-previous a:hover { opacity:1;cursor:pointer; z-index:0}

.page-photos  .adjacentEntryLink-previous a{
    background: url("http://api.ning.com/files/1zruj0PgXfidxvrx6I8Gi27tA6mLDa5KAHFNFRAPx6lCkf0m7LYbfzAJRweqNLZjEE8Kt*E6INjpZjf*b0VxHg-B2BsaCM*2/boatleft.png?width=100") no-repeat scroll 0% 0% transparent;background-size:10%;background-position:center left;opacity:0; left: 0px;}

.page-photos  .adjacentEntryLink-next a:hover { opacity:1; cursor: pointer; z-index:0;}
.page-photos  .adjacentEntryLink-next a {
    background: url("http://api.ning.com/files/1zruj0PgXfgO8fz0fCOI8ErTtJNa7MuTTz5vLWFftSiGUCm46-hZp2lugNpPA7D7MK96sdU1tPYOySB277qsV8CRXlPYmRVl/boatright.png?width=100") no-repeat scroll 0% 0% transparent;background-size:10%;background-position:center right;opacity:0; right: 0px;}

/* Photo Title */
 .page-photos H3.entry-title{color:#fff;font-size:1.2em;text-shadow: 0px 0px 2px rgba(115, 131, 142, 1);margin-bottom:15px}
 .page-photos H3.entry-title a{font-size:1.2em }

/* Photo Description */
 .page-photos .photoDetailPage-mainSection .entry-content{ border: double 3px gray;padding:10px;text-align:center }


/* MORE ENTRIES */

.page-photos .photoDetailPage-moreEntries { border-top:double 4px gray }


/* Empty Category Message On Page */

.page-photos p.entry-emptyPageMessage{ text-align:center }
.page-photos p.entry-emptyPageMessage:after{ content:" You can add your photos by using the + Add button located at the top right of the photos page. We look forward to seeing your photos, BNP Crew. ";padding-left:4px}

/* Show Members Avatar In Activity Side Panels */
.span4 span.feed-icon, .span5 span.feed-icon, .span6 span.feed-icon{
    display:block!important;position:relative;left:0}
.SP_sign_up{
text-align:center;
background:#fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:10px 0;
}

.SP_sign_up h4{
font-weight:bold;
}

.SP_sign_up_button{
padding:7% 10%;
}

.SP_sign_up_button a{
color:#333;
font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:5% 15%;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F8F7F7), color-stop(1, #ECEBEB));
background:-moz-linear-gradient(top, #F8F7F7 5%, #ECEBEB 100%);
background:-webkit-linear-gradient(top, #F8F7F7 5%, #ECEBEB 100%);
background:-o-linear-gradient(top, #F8F7F7 5%, #ECEBEB 100%);
background:-ms-linear-gradient(top, #F8F7F7 5%, #ECEBEB 100%);
background:linear-gradient(to bottom, #F8F7F7 5%, #ECEBEB 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F7F7', endColorstr='#ECEBEB',GradientType=0);
background-color:#F8F7F7;
border:solid 1px #c9c9c9;
}

.SP_sign_up_in p{
font-size:12px;
}

.SP_sign_up_external{
text-align:center;
}
.SP_sign_up_external ul{
padding: 0;
margin:0;
}

.SP_sign_up_external img{
max-width: 15%;
}

.SP_sign_up_external li{
display: inline;
list-style: none;
padding: 2px;
}

.SP_sign_up_external > p {
font-size: 10px;
}
/* Box shadow behind the photos in the list page */
DIV.matrix-media-4-3{ box-shadow:6px 9px 12px rgba(0,0,0,0.7)}

/* Box shadow behind photos in the main viewer */
.photoDetailPage-image > img { box-shadow:6px 9px 12px rgba(0,0,0,0.7)}


/*** Matrix Hover ***/
.matrix-itemFluid:hover {background:rgba(231, 76, 60,1.0);border-radius:3px; color:#fff;}
.matrix-itemFluid:hover a{color:#fff;}

.matrix-itemFluid {padding:12px;}



}
div.groupHub-groupInfo {display:none;}
.groupHub-group.matrix-itemFluid {
    max-width: 100%;
}

.span16 .smallMatrix .matrix-itemFluid {
    width: 25%;
}
.status-container,section.entry-content.cf,header.entry-headline.media-frame {
  background: rgb(189, 195, 199);
  border-radius: 5px;
  padding: 1em;
  margin: 1em;
  color:#000;
}
div.entry-byline {background-color:rgb(236, 240, 241);border-radius: 5px;
  padding: 0.3em;
  margin: 0.3em;font-family: 'Cabin Sketch',cursive;}
h3.entry-title {font-size: 1.3em;}
/** Comments Sections **/
/* Font Size for comment replies */
.activityFeed-comment{ font-size:1em }
/* Background for comment replies plus a small indent */
.activityFeed-comments{ background:rgba(231,231,231,0.6);width:95%;margin-left:5%;border-radius:0px 10px 10px 10px;box-shadow:4px 7px 8px gray }

/* comment button and comment count move to the right */
.activityItemCommentForm-focused .button{ float:right }
.activityItemCommentForm-focused{ margin-bottom:40px }
.activityItemCommentForm-focused .input-full{ border: solid 3px rgba(0,0,0,0.4);}

/* Add a resize handle to drag the box down */
.activityItemCommentForm-focused textarea.input-full{ resize:vertical!important }

/* Reveal The Word Comment before the count number */
.activityFeed .icon-comment{display:inline;vertical-align:bottom}
a.activityFeed-commentCount, a.activityFeed-commentFormDisplay {font-size: 14px; line-height: 1em; float:right; }

/* Add the word 'Add' before comment */
a.activityFeed-commentFormDisplay:before{content:"Add";display:inline-block;margin-right:2px;}

/* Change Comment links into buttons */
a.activityFeed-commentCount, a.activityFeed-commentFormDisplay{ background-color: #24C0EB;
background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.16)); color: #FFF; font-style: normal; font-weight: normal; text-decoration: none; text-transform: none;border:double 4px seashell;padding:6px;box-shadow:2px 4px 7px gray;}
/* Hover Colour for them */
a.activityFeed-commentCount:hover{ background-color: #2F4F4F;background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.12));color:#FFF }
a.activityFeed-commentFormDisplay:hover{ background-color: #2F4F4F;background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.12));color:#FFF }

/* Add a thicker border around the comment input box */
.activityFeed .input-full{ border: solid 3px rgba(0,0,0,0.3);}

/* Add the words 'Add A Comment' above the input box */
.js-activityItemCommentForm:before{content:"Add a comment";display:block;}

/* Limit comment replies list and add scroll bar */
.js-activityFeedCommentsList{ max-height:500px;overflow:auto }

/* See more link & more link */
.activityFeed-more {padding: 0px 0px 6px; float:right}
.activityFeed-more a {
    background-color: #24C0EB;
background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.16)); color: #FFF;
    padding: 1px 4px 4px;
    border: medium double #FFF5EE;}
.activityFeed-more a:hover{ background-color: #2F4F4F;background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.12));color:#FFF;text-decoration:none }

/* Activity feed footer, the part which holds the timestamp. Increase line height to stop the fowling of content from 1em to 2em */
.activityFeed-footer{ line-height:2em }
.activityFeed-footer { height:auto } 
/* Time stamp adjustments so it does not blend into the normal text of the post or comment */
.event-info-timestamp{ color:darkblue; font-style:italic; font-size:12px; }
/* New Activity Feed Adjustments for smaller size screen, moves avatar to top and lets the content go full width */
@media screen and (max-width:959px){
.span4.pull8.tablet8.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span4.tablet8.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span4.pull8.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span8.push4.tablet16.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span8.tablet8.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span5.tablet16.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span12.tablet16.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
.span16.tablet16.mobile16.column .activityFeed .media-body{ width:96%;padding-top:15px }
}

.tablink {color:white!important;display:inline-block;margin-bottom:10px}
.tablink:hover{ text-decoration:none!important }
.tablink{border:double 4px oldlace;padding:8px;background-color: #24C0EB;background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.15))}
.tablink:hover{border:double 4px oldlace;padding:8px;background-color: #BC8F8F;background-image: linear-gradient(#24C0EB, rgba(0, 0, 0, 0.15))}
#infscr-loading {
    margin: 20px;
    text-align: center;
}
LI.tabContainerSection-tab:hover,p a:hover, span a:hover{
  position: relative;
  top: 1px;
}
.bi {
    border: 45px solid transparent;
    -webkit-border-image: url(http://api.ning.com/files/JnNsxgX9lA0necy9A9baWCUrGoKWr1tmsZxg5mL1JUG9pQ-IOz1J6bVrk9Q49v1852RrC8yuBSWYgXKy8GbTtWagebUCZKlG/borderimage.jpg) 45 round;
    -moz-border-image: url(http://api.ning.com/files/JnNsxgX9lA0necy9A9baWCUrGoKWr1tmsZxg5mL1JUG9pQ-IOz1J6bVrk9Q49v1852RrC8yuBSWYgXKy8GbTtWagebUCZKlG/borderimage.jpg) 45 round;
    border-image: url(http://api.ning.com/files/JnNsxgX9lA0necy9A9baWCUrGoKWr1tmsZxg5mL1JUG9pQ-IOz1J6bVrk9Q49v1852RrC8yuBSWYgXKy8GbTtWagebUCZKlG/borderimage.jpg) 45 round;
   font-family: 'Cabin Sketch',cursive;
    color: #222;
    width: 100%;
    margin: 30px auto 30px auto;
    overflow: hidden;
    resize: both;
}
header.entry-headline.media-frame {background:#2c3e50;}
}
a.entry-readMore {
  background:#ecf0f1;
   -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #666666;
  font-family: 'Cabin Sketch',cursive;font-weight:700;
  color: #2980b9;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
width:35%;
}
footer.entry-footnote {font-family: 'Cabin Sketch',cursive;background:#2ecc71;}
a.entry-readMore:hover {
  background: #3498db;
    text-decoration: none;
color:#ecf0f1;
width:25%;
}
ul.subnav.expanded li a,.subnavline > li, li.subnav.expanded , h3.entry-title a {font-family: 'Cabin Sketch',cursive;font-weight:900;}
ul.subnav.expanded {padding-bottom:30px;z-index:-1;overflow:hidden;}
div.row.photoEditPage-entry  {z-index:2;overflow:hidden;}
/*.entry-byline [href="/members/lighthouse"] { display:none }*/

/* COMMENTS NOTICE BOARD */
.page-notice-board .commentForm{ display:none }
.page-notice-board.isAdmin .commentForm{ display:block }

/* Hide the reply,edit,delete from user */
.page-notice-board .comments-commentBody.media-frame .comments-actions{ display:none }
.page-notice-board.isAdmin .comments-commentBody.media-frame .comments-actions{ display:inline-block }

.page-notice-board .comments-commentBody.media-frame > .media-img {display:none }/* Hide Avatar */
.page-notice-board .comments-main .comments-title{ display:none } /* Hide Word Comments title */
.page-notice-board .comments-commentBody.media-frame .comments-metadata{ display:none }/* Hide who posted and when */

/* Style Module Name */
.page-notice-board .section-commentWall .module-name{ color:white;font-size:1.5em;font-style:italic;text-align:center;background-color:saddlebrown;padding:8px;border:solid 4px #B0935C;box-shadow:0px 6px 10px rgba(0,0,0,0.8)}

/* Style background of comment wall */
.page-notice-board .section-commentWall {background-color:darkslategray;background-image:url(http://api.ning.com/files/vBRJ1USeFwT70Yvfehdewu-JMX0WotRA2KQ84*o1dExP4DpyE5sW3fSWN8r0vVMG-d*BRQ9muXcHcFOGeI11IponIdG0VUAG/CorkboardTexture1200x800.jpg);border:solid 10px #B0935C;box-shadow:4px 6px 10px rgba(0,0,0,0.8)}
/** Style the notices **/
/* Add pins */
.page-notice-board .comments-commentBody.media-frame {background-color:snow;background-image:url(http://api.ning.com/files/HcjlpmwAvfvYO0GOoKYJv8oo29SM5xHxOqIuuPMGM5bJvXWsKK3iTNaejnlgWJXBXC0vzQoBI0Vq-9n3N5YW9kd7eaW5LxAN/pinleft.png
), url(http://api.ning.com/files/HcjlpmwAvfvq*9aoS92-E-*MklVtSDOg3icSgW1oTnZm24fZ6B8atCpco3BD8kAjL-bh1*huw2eeElehDNcZk5MGHFMxoaKC/pinright.png);background-repeat:no-repeat;background-position:top left,top right;text-align:center;padding:30px}
/* Box shadow behind the entry */
.page-notice-board .comments-commentBody.media-frame{ box-shadow:4px 7px 10px rgba(0,0,0,0.8)}
/* Move the content over from the left a little to get it center so not to fowl the pins */
.page-notice-board .comments-text .entry-content{ width:95%; margin-left:3% }

/* Remove the comment message when signed out */
.page-notice-board .commentingMessage{ display:none }

/* COMMENTS NOTICE BOARD & COMMENTS*/
.page-comment-notice-board .span11 .commentForm{ display:none }
.page-comment-notice-board.isAdmin .span11 .commentForm{ display:block }

/* Hide the reply,edit,delete from user */
.page-comment-notice-board .span11 .comments-commentBody.media-frame .comments-actions{ display:none }
.page-comment-notice-board.isAdmin .span11 .comments-commentBody.media-frame .comments-actions{ display:inline-block }

.page-comment-notice-board .span11 .comments-commentBody.media-frame > .media-img {display:none }/* Hide Avatar */
.page-comment-notice-board .span11 .comments-main .comments-title{ display:none } /* Hide Word Comments title */
.page-comment-notice-board .span11 .comments-commentBody.media-frame .comments-metadata{ display:none }/* Hide who posted and when */

/* Style Module Name */
.page-comment-notice-board .span11 .section-commentWall .module-name{ color:white;font-size:1.5em;font-style:italic;text-align:center;background-color:saddlebrown;padding:8px;border:solid 4px #B0935C;box-shadow:0px 6px 10px rgba(0,0,0,0.8)}

/* Style background of comment wall */
.page-comment-notice-board .span11 .section-commentWall {background-color:darkslategray;background-image:url(http://api.ning.com/files/vBRJ1USeFwT70Yvfehdewu-JMX0WotRA2KQ84*o1dExP4DpyE5sW3fSWN8r0vVMG-d*BRQ9muXcHcFOGeI11IponIdG0VUAG/CorkboardTexture1200x800.jpg);border:solid 10px #B0935C;box-shadow:4px 6px 10px rgba(0,0,0,0.8)}
/** Style the notices **/
/* Add pins */
.page-comment-notice-board .span11 .comments-commentBody.media-frame {background-color:snow;background-image:url(http://api.ning.com/files/HcjlpmwAvfvYO0GOoKYJv8oo29SM5xHxOqIuuPMGM5bJvXWsKK3iTNaejnlgWJXBXC0vzQoBI0Vq-9n3N5YW9kd7eaW5LxAN/pinleft.png
), url(http://api.ning.com/files/HcjlpmwAvfvq*9aoS92-E-*MklVtSDOg3icSgW1oTnZm24fZ6B8atCpco3BD8kAjL-bh1*huw2eeElehDNcZk5MGHFMxoaKC/pinright.png);background-repeat:no-repeat;background-position:top left,top right;text-align:center;padding:30px}
/* Box shadow behind the entry */
.page-comment-notice-board .span11 .comments-commentBody.media-frame{ box-shadow:4px 7px 10px rgba(0,0,0,0.8)}
/* Move the content over from the left a little to get it center so not to fowl the pins */
.page-comment-notice-board .span11 .comments-text .entry-content{ width:95%; margin-left:3% }

/* Remove the comment message when signed out */
.page-comment-notice-board .span11 .commentingMessage{ display:none }
.page-comment-notice-board#googlemaps{content:","; 
  height: 100%; 
  width: 100%; 
  position:absolute; 
  top: 0; 
  left: 0; 
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}
/** Scrollup **/
.scrollup {
    background: url("http://api.ning.com/files/Stym6V-ACBaiDP5ilIPA6bJ3rn0ZdlI1EwGHWgROvEkwiCCaNgzJRcZTZH8OGkV3fvK-NboXjThXltWFbcihM-jI4Mwz5SV3/scrollup_icon.png") no-repeat scroll 0 0 transparent;
    bottom: 5px;
    display: inline !important;
    height: 40px;
    opacity: 0.3 !important;
    position: fixed;
    right: 30px;
    text-indent: -9999px;
    width: 40px;
    z-index: 999;
}
.scrollup:hover {
    opacity:0.99!important;
}

/** Ads Board Using Comment Walls And A Tab Container **/

/* The styling for the tabs is optional if you want to keep yours as they are */
/* Sidebar vertical menu tabcontainer */
.page-partners .span5 .grid-frame.sheet.section-tabContainer .subnavline > li {
    display: inline-block;
    width: 100%;
  /* background of tabs*/ background:bisque;
 /* margin between the tabs */ margin-bottom:5px;}

/*  MAIN AD BOARD CODE   */
.page-partners .span5 .commentForm{ display:none }
.page-partners.isAdmin .span5 .commentForm{ display:block }

/* Hide the reply,edit,delete from user */
.page-partners .span5 .comments-commentBody.media-frame .comments-actions{ display:none }
.page-partners.isAdmin .span5 .comments-commentBody.media-frame .comments-actions{ display:inline-block }
.page-partners .span5 .comments-commentBody.media-frame > .media-img {display:none }/* Hide Avatar */
.page-partners .span5 .comments-main .comments-title{ display:none } /* Hide Word Comments title */
.page-partners .span5 .comments-commentBody.media-frame .comments-metadata{ display:none }/* Hide who posted and when */

.page-partners .span5 .comments-commentBody{ margin-bottom:0px;margin-top:0px }
.page-partners .span5 .comments-text{ margin-bottom:0px }
.page-partners .span5 .comments-text.entry-content p{ margin-bottom:2px }

.page-blog SPAN.image.image-contain.image-aspect-4-3.blogListPage-entryImage {width:100% ;
    height:40%;
    padding-bottom: 40%;}
.page-blog SPAN.image.image-contain.image-aspect-4-3.blogDetailPage-entryImage {width:100% ;
    height:40%;
    padding-bottom: 40%;}
/*SLIDER*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
margin: 0; 
padding: 0;
}

.flex-active-slide {
right: 0px;
}

.flexslider .slides > li {list-style:none;display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 auto 20px; background: #fff; border: none; position: relative;width:100%;padding: 10px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;padding-left:0px;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -10px 10px 0; display: block; background: url(http://api.ning.com/files/BAcPAB7hbbh7gep995N4URPxyLmm*5b1CU4D0TL-Yvf-Z4PYmAP5k30DRbTB83h4T8a834JVn2r1kGSHC04X0-SFiVwwkNlo/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 40%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {display:; width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.flex-direction-nav > li {
list-style: none;
}

.flex-active-slide {
    position: relative;
    right: 0px;
}

.flexslider .flex-control-paging {
    padding: 0;
    position: relative;
    top: 0;
}

.flex-direction-nav {
margin-bottom: 0;
}

/*ADDITIONAL CSS FOR BLOGS IN SLIDER*/

/*Slider Blog Module entry header and title*/
.flexslider li .entry-headline.media-frame {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 55%;
width: 80%;
}

.flexslider li .entry-headline.media-frame .entry-title > a, .flexslider li .entry-headline.media-frame .entry-title > a:hover {
color: #fff;
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px #000;
}

.flexslider li .entry-headline.media-frame .entry-title {
    margin-bottom: 6px;
    margin-top: 1%;
}

.flexslider li .entry-headline.media-frame .media-img.avatar-frame {
    border: 1px solid #fff;
    margin: 5px 15px 5px 5px;
    max-width: 60px;
}

/*Slider Blog Module Byline - User name, date etc*/
.flexslider .entry-byline a {
    color: #212121;
}
.flexslider .entry-byline {
    color: #3366FF;
}

/*Slider Blog Module Lead photo*/
.flexslider li .image-aspect-4-3 {
    background-size: cover;
    height: 0;
    padding-bottom: 40%;
    width: 100%;
}

/*Slider Blog Module Hide Read More, Tags and Comment Count*/
.flexslider li .entry-tags, .flexslider li .entry-commentsCount, .flexslider li .entry-readMore {
    display: none;
}

/*Slider Blog Module Excerpt*/

.flexslider section.entry-content {
    background-color: transparent;
    color: #2e2e2e;
    margin-top: 10px;
    padding: 5px;
}

/*Slider Blog Module Footer*/
.flexslider .module-footer.cf {
    display: none;
}

/*Hide Blog Before Slider Loads*/
.section-blogBundle{
    display: none;
}
li.groupHeader-tab  a[href$="unlinked"]{ display:none }
.btn {
  display: block;
  font-family: Helvetica, Arial;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 15px;
  letter-spacing: 2px;
  font-size: 12px;
  white-space: normal;  
}

.navbar > ul > li,.btn-stroke-black {
  background-color: transparent;
  color: #0d0d0e !important;
  border: 1px solid #0d0d0e;
  }

.navbar > ul > li:hover,.btn-stroke-black:hover {
  background-color: #0d0d0e;
  color: white !important;  
}
div.banner-footer {
  height: 100px;
  margin: 0 0 20px 0;
  background-color: #eaeaea;
  background-size: 20px 20px;
  background-image:
     -webkit-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
     -webkit-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  background-image:
     -moz-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
     -moz-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  background-image:
     -o-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
     -o-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
  background-image:
     repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px),
     repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
}
.papers {
  background-color: white;
  height: 400px;
  padding: 20px;
  width: 80%;
  -webkit-box-shadow: 
        1px 1px   0 rgba(0,   0,   0,   0.100), 
        3px 3px   0 rgba(255, 255, 255, 1.0), 
        4px 4px   0 rgba(0,   0,   0,   0.125), 
        6px 6px   0 rgba(255, 255, 255, 1.0),  
        7px 7px   0 rgba(0,   0,   0,   0.150), 
        9px 9px   0 rgba(255, 255, 255, 1.0),  
        10px 10px 0 rgba(0,   0,   0,   0.175);
  -moz-box-shadow: 
        1px 1px   0 rgba(0,   0,   0,   0.100), 
        3px 3px   0 rgba(255, 255, 255, 1.0), 
        4px 4px   0 rgba(0,   0,   0,   0.125), 
        6px 6px   0 rgba(255, 255, 255, 1.0),  
        7px 7px   0 rgba(0,   0,   0,   0.150), 
        9px 9px   0 rgba(255, 255, 255, 1.0),  
        10px 10px 0 rgba(0,   0,   0,   0.175);
  box-shadow: 
        1px 1px   0 rgba(0,   0,   0,   0.100), 
        3px 3px   0 rgba(255, 255, 255, 1.0), 
        4px 4px   0 rgba(0,   0,   0,   0.125), 
        6px 6px   0 rgba(255, 255, 255, 1.0),  
        7px 7px   0 rgba(0,   0,   0,   0.150), 
        9px 9px   0 rgba(255, 255, 255, 1.0),  
        10px 10px 0 rgba(0,   0,   0,   0.175);
    
}
footer.entry-footnote,div.entry-socialActions.cf {background:#ecf0f1;border: 1px solid #e6e6e6}
hr.omega{
  text-align: center;
  padding: 0;
  border: none;
  border-top: 5px double transparentize(#222, .5);
  
  &::after{
    background: lighten(#222, 50%);
    color: #FFF;
    padding: 5px 10px;
    top: -20px;
    content: "ℬ";
    border-radius: 50%;
    position: relative;
    display: inline-block;
  }
}
div.profileCoverArea-avatar.media-img avatar-frame{
  text-align: center;
  width: 50%;
  margin: 0 auto;
  padding: 20px;
  margin: 100px auto 0px;
  background: rgba(255,255,255,0.8);
  border-radius: 10px;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.7), 0px 4px 0px #FF0090, inset 0px 1px 0px #fff, inset 0px -1px 0px rgba(0,0,0,0.4), 0px 6px 26px rgba(0,0,0,0.4);
}
img.photo.avatar.avatar-90 {
  border-radius: 50%;
  width: 140px;
  border: 3px solid #FDFDFD;
  box-shadow: 0px 3px 16px rgba(0,0,0,0.4);
}
div.feedListPage-itemTitle {font-size: 1.5em;
  color:#414141;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
margin: 5px auto;
  border: solid 1px black;
  min-height: 60px;
  word-wrap: break-word;
  font-size: 1.1em;
  line-height: 1.4em;
  border: 2px
  background:#ffffff;
  background-image: url(http://api.ning.com/files/uFCQvH3jdgC6Cbp9aRCoWNEn27MqVD3zwZhV9LcvBqq24OWQydhNcWnA*-Nzc4GRIKruoR*WUiC5qTz5m9hOXPwwFSxHrxVY/blueline.png);
  background-repeat: repeat-x;
  overflow: hidden;
  background-position: right top;
    box-shadow: 0 0 3px #444;padding: 20px 0;}
div.feedListPage-itemTitle:hover {
background: #414141;
  color:#FFFFFF;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
.fb-wrap {
  width:50%;
  margin: 0 auto;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
body form input.st-search-input {
  color: green;
  font-weight: bold;
}
/* Search styles */

#s { background: rgba(0,0,0,.375) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNqslI0RgyAMhdENWIEVWMEVXIGO0BW6Ah2hHcGOoCPYEewINFzBe9IA9id37w4kfEZesHHOCSYUqSPJML+RJlELDwN1pMHxMZNMkr8RTgyz2YPH5LmtwXpIHkOFmKhIlxowDmYAycKnHAHYcTCsSpXOJCie6YWDnXKLGeHLN2stGaqDsXXrX3GFcYcLrfhjtKEhffQ792gYT2nT6pJDjCw4z7ZGdGipOIqNbXIwFUARmCbKpMfYxsWJBmCEDoW7+gYUTAU2s3HJrK3AJvMLkqGHFLgWXTckm+SfSQexs+tLRqwVfgvjgMsvMAT689S5M/sk/I14kO5PAQYAuk6L1q+EdHMAAAAASUVORK5CYII=) no-repeat 14px 14px; text-indent: .75em; display: inline-block; border: 0 none; width: 0; height: 3em; border-radius: 3em; -webkit-transition: .2s; transition: .2s; outline: none; padding: 1em 1.5em; cursor: pointer; -webkit-appearance: none; font-weight: inherit; font-size: inherit; font-family: inherit; color: #999; vertical-align: baseline; }

#s:hover, #s:focus { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNqsVLtOw0AQtIMlRJHCEhUVMg398QEUSZnSfILzCXxDPsFu6XAJHWnTcS1lWsprKdmLxtKwvjVBYaTV7cm+udnX5fPb+yyBSmwhVmK/FfPZLyjUPhI8YtXYi23EOovs7PzyevAbsWeoGg5HNUHsCipX8F9TZDOstVgLPxIsxW6w3sHv6dJ2StkLbh6IPtR/AWRfSIET20H9D2U1hfaAgxY2KMagcBSmg9/rmwx0lBqTzGfHoVfVHxXgXzCjHNRHnnHke4vMGc2q0RBR0GSeCLlpLaJGFWKUszVuib32nih7iTFrjXAPyGnQ48c3Gu5AOVlMtMk6NZuf+FiC+AIhV0T+pBQ5ntXceIJKqKko2duJ2TwoLAz5QTVnagJaXWEO8y/wSMuKH9RTJoCTHyNZFidOUEfNu/8WYAAOXUT04MOtlwAAAABJRU5ErkJggg==) 14px 14px no-repeat; }

#s:focus { width: 100%; cursor: text; }
body form input#s {
  color: green;
  font-weight: bold;
}
/* Change color of search result text */
.swiftype-widget .autocomplete ul li p.title {
  color: #34495e;
}

/* Change background color of selected search result */
.swiftype-widget .autocomplete ul li.active {
  background: none;
  background-color: firebrick;
  border-top: 1px solid darkred;
  border-bottom: 1px solid darkred;
  -webkit-box-shadow: 0 1px 0 #C0242D inset;
}

/* change the color of the section text (displayed below the title) */
.swiftype-widget .autocomplete ul li.active .sections em {
  color: white;
}
.st-result-listing a {
  color: #2ecc71;
}

.st-result-listing a:visited {
  color: #0B2644;
}

.st-result-listing a:hover {
  color: black;
}
.st-snippet em {
  font-weight: bold;
  font-style: normal;
  font-size: 150%;
  text-transform: uppercase;
}
.st-result-listing {
  font-family: 'Cabin Sketch',cursive;
}

.st-result-listing h3 a {
  font-family: 'Cabin Sketch',cursive;
  font-size: 2em;
}

.st-result-listing .st-result .st-snippet {
  color: Crimson;
  font-size: 1.5em;
}
main {
  z-index: 1;
  position: relative;
  height: 100%;
  background: url("http://goo.gl/87Onyp") no-repeat scroll center center/cover transparent;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.8);
}

footer {
  position: relative;
  z-index: -2;
 height:auto
  background: none repeat scroll 0% 0% #31353A;
  font-size: 12px;
  color: #CCC;
  text-align: center;
}
footer h1 {
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 110px;
  margin-left: -400px;
  width: 800px;
  list-style: outside none none;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  font-size: 2.125rem;
  
}




@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/** TAGS CLOUD SETTINGS **/
.tagsList a{margin: 2.5px 1.5px  }
.tagsList  a{ background:gray; padding: 3px; font-size:1em;
 text-align:center; border-radius:4px; color:seashell;display:inline-block;
float:left; box-shadow:1px 1px 2px grey  }
.tagsList  a:hover{ background:darkblue; color:gold;text-decoration:none }
.tagsList{ max-height:300px; overflow:auto; padding:2px 0px; }
.tagsList > a:first-letter{ text-transform:uppercase }

/****** End Tag Cloud CSS ***/
/*! Start customizing sign-in sign-up pop-up */ 


/*! sign-in & sign-up form field */
HTML BODY DIV.date-count-down .form-field {
    font-size:12px!important;
    padding:3px!important;}

/*! sign-in & sign-up text input fields */
HTML BODY DIV.date-count-down .form-field input{
    padding: 0.3em!important;
    font-size: 12px!important;
    line-height: 1.20em!important;}

/* Main module - border Background, text color & size */
HTML BODY DIV.date-count-down {
    background-color: rgba(250, 250, 250, 0.9)!important;
    color: black!important;
    font-size:15px!important;
    border: 5px solid #333!important;}

/* text color & size big text top */
HTML BODY P.date-count-down-top-big{
   color: black !important;
   font-size:34px!important;}

/* text color & size big text bottom */
HTML BODY P.date-count-down-bottom-big{
   color: blue!important;
   font-size:24px!important;}

/* Sign-up button text color & size  */
HTML BODY A#date-count-down3.button{
    color: blue!important;
    font-size:24px!important; }

/* Sign-up module - border Background, text color & size */
HTML BODY DIV.Geo.signUpPage-signUpForm{
    background-color: rgba(200, 200, 250, 0.9)!important;
    color: black!important;
    font-size:19px!important;
    border: 1px solid #333!important;}

/* Sign-in button text color & size  */
HTML BODY A#date-count-down2.button{
    color: black!important;
    font-size:16px!important;}

/* sign-in module - border Background, text color & size */
HTML BODY DIV.date-count-down-2{
   background-color: rgbargba(200, 220, 250, 0.9)!important;
   color: black!important;
   font-size:16px!important;
   border: 1px solid #333!important;}

/*! End customizing sign-in sign-up pop-up */
/* CHANGE LAYOUT ON PLAY */
@media only screen and ( min-width:959px ){
.videoPlay.feedListPage .feedListPagePlayer{ height:100%;}
.videoPlay.feedListPage{ position:absolute;top:0px;right:0px;width:100%;z-index:10;background:rgba(0,0,0,0.7);height:100%}
.videoPlay.feedListPage .content-body{ width:30%;float:right}
.videoPlay.feedListPage .span16 .matrix-itemFluid{width:50%}
.videoPlay.feedListPage .feedListPage-item.matrix-itemFluid{ max-width:100%}
.videoPlay.feedListPage .content-header{ display:none }
.videoPlay.feedListPage .feedListPagePlayer{ left:0px;width:70%}
.videoPlay.feedListPage .feedListPagePlayer-source{ margin-top:0px;padding-top:5px }
.videoPlay.feedListPage .content-body .sheet{
 background-color: #EFEFEF; border-color:rgba(200, 32, 32, 0.28);
border-style: solid;
border-width: 6px 6px 10px 6px;
border-radius: 0px;
padding: 10px;height:100%}
}


@media only screen and (  max-width:480px){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:380px;height:213px;display:flex;margin:auto}}

@media only screen and ( min-width:481px ) and (max-width:680px ){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:440px;height:250px; display:flex; margin:auto}}

@media only screen and ( min-width:680px ) and ( max-width:959px){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:640px;height:360px; display:flex;margin:auto }}

@media only screen and ( min-width:959px ) and ( max-width:1440px ) {
.videoPlay.feedListPage .sourceContainer.cl iframe{width:843px;height:480px; display:flex;margin:auto}}

@media only screen and (min-width:1440px ) {
.videoPlay.feedListPage .sourceContainer.cl iframe{width:1130px;height:640px; display:flex;margin:auto}}


/*! GEOCOMs Social Channel Video hover  icon */
.feedListPage-item.featured DIV.matrix-media-4-3:after{
    position: absolute!important;
    left:-1%!important;
    right:0%!important; 
    top:-1.4%!important;   
    bottom:0%!important;    
    content: ""!important;
    background-position: top left;  
    background-repeat: no-repeat;
    background-image: url(http://api.ning.com/files/AgFOgF-tqnS1zHE6BOj0YEQuLDVkDwEAAqBwVciV8jHgBjnOmeJXCHORslM4MTBaeiG0ncK44XLXYyPR0JkAQj4AAwk4CPgt/featured.png);
    background-size: 65px !important;}

#showfeaturedVideo{ background-color: #00A6EB;
    background-image: linear-gradient(#00A6EB, rgba(31, 31, 31, 0.75));
    color: #F0EEBE; padding:6px;margin-bottom:4px; border-radius:6px; box-shadow:1px 3px 6px #424242;font-size:12px }

#showfeaturedVideo:hover{background-color: #ED2A00;
    background-image: linear-gradient(#F00, rgba(17, 17, 17, 0.55));
    color: #FFF;text-decoration: none;}

/* HOVER SETTINGS*/
.matrix-itemFluid.matrix-itemFrame.feedListPage-item:hover .matrix-item.matrix-sheet{ background:rgba(169, 0, 37, 0.59); border-radius:10px 10px 0px 0px}
.matrix-itemFluid.matrix-itemFrame.feedListPage-item:hover .feedListPage-itemTitle{ color:antiquewhite }

/* ACTIVE VIDEO */
.videoActive.matrix-itemFluid.matrix-itemFrame.feedListPage-item .matrix-item.matrix-sheet{ background:rgba(169, 0, 37, 0.59); box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.87);border-radius:10px ;}
.videoActive .feedListPage-itemTitle{ color:antiquewhite }

/* CHANGE LAYOUT ON PLAY */
@media only screen and ( min-width:959px ){
.videoPlay.feedListPage .feedListPagePlayer{ height:100%;}
.videoPlay.feedListPage{ position:absolute;top:0px;right:0px;width:100%;z-index:10;background:rgba(0,0,0,0.7);height:100%}
.videoPlay.feedListPage .content-body{ width:30%;float:right}
.videoPlay.feedListPage .span16 .matrix-itemFluid{width:50%}
.videoPlay.feedListPage .feedListPage-item.matrix-itemFluid{ max-width:100%}
.videoPlay.feedListPage .content-header{ display:none }
.videoPlay.feedListPage .feedListPagePlayer{ left:0px;width:70%}
.videoPlay.feedListPage .feedListPagePlayer-source{ margin-top:0px;padding-top:5px }
.videoPlay.feedListPage .content-body .sheet{
 background-color: #EFEFEF; border-color:rgba(200, 32, 32, 0.28);
border-style: solid;
border-width: 6px 6px 10px 6px;
border-radius: 0px;
padding: 10px;height:100%}
}


@media only screen and (  max-width:480px){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:380px;height:213px;display:flex;margin:auto}}

@media only screen and ( min-width:481px ) and (max-width:680px ){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:440px;height:250px; display:flex; margin:auto}}

@media only screen and ( min-width:680px ) and ( max-width:959px){
.videoPlay.feedListPage .sourceContainer.cl iframe{width:640px;height:360px; display:flex;margin:auto }}

@media only screen and ( min-width:959px ) and ( max-width:1440px ) {
.videoPlay.feedListPage .sourceContainer.cl iframe{width:843px;height:480px; display:flex;margin:auto}}

@media only screen and (min-width:1440px ) {
.videoPlay.feedListPage .sourceContainer.cl iframe{width:1130px;height:640px; display:flex;margin:auto}}