@charset "utf-8";
/*  
    Site Name   : A Theory Tank Inc. Project
    URI         : http://www.theorytank.com
    Description : Global style sheets (including reset, typography, and forms)
    Version     : 0.0.1
    Author      : TheoryTank Inc.
    Author URI  : http://www.theorytank.com

    Document    : default_layout.css
    Created on  : Mar 6, 2012, 9:47:18 AM
    Author      : Chris Murphy
    Description :
        Layout control for A Theory Tank Inc. Project
*/


/* LAYOUT: BASICS
---------------------------------------------------------- */
html
{
    overflow-x: hidden;
    overflow-y: scroll;
}

html.full
{
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

body 
{
    display: block;
    clear: both;
    margin: 0; padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 100%; height: 100%;
    
    background: #b2c9e4 url('../images/common/bg.jpg') no-repeat 50% 0;
}

a,
a:visited
{
    text-decoration: none;
    color: #ff0049;
}

a.special-fx {
    font-weight: bold;
    color:#ff0049; 

    -webkit-transition-property: color; 
    -webkit-transition-duration: 256ms, 256ms; 
    -webkit-transition-timing-function: linear, ease-in;
}

a.special-fx:hover {
    color: #111111;
}

.more
{
    display: inline-block;
    height: 34px; line-height: 34px !important;
    padding: 0 10px !important;
    
    color: #fff !important;
    font-size: 14px;
    font-weight: bold !important;
    text-transform: uppercase;
    text-shadow: none !important;
    
    background: #ff0049 !important;
    
    border: none;
    
    cursor: pointer;
}

.more:hover
{
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(1, 134, 62, .3);
    box-shadow: inset 0px 0px 20px 0px rgba(1, 134, 62, .3);
}

.more.white
{
    color: #ff0049 !important;
    background: #fff !important;
}

.more.medium
{
    font-size: 12px;
}

.more.large
{
    font-size: 16px !important;
    line-height: 40px !important;
    height: 40px !important;
}

.lc
{
    text-transform: lowercase;
}

.uc
{
    text-transform: uppercase;
}

.right
{
    float: right !important;
}

.left
{
    float: left !important;
}

.hidden
{
    display: none !important;
    visibility: hidden !important;
}

.scroll-y
{
    overflow: hidden;
    overflow-y: auto;
}

.scroll-x
{
    overflow: hidden;
    overflow-x: auto;
}

.scroll-content
{
    padding: 20px;
}

.white
{
    color: #fff;
}

.pink
{
    color: #ff0049 !important;
}

.pink-bg
{
    color: #fff;
    background: #ff0049 !important;
}

.image-link,
.image-link img,
.image-container,
.image-container img
{
    display: block;
    margin: 0 !important; padding: 0 !important;
}

.image-link:hover,
.image-link:hover img
{
    background: none !important;
}

.image-link img
{
    border: none !important;
}

.dark-bg
{
    background: #ff0049 !important;
}

.no-margin
{
    margin: 0 !important;
}

.no-border
{
    border: none !important;
}

.no-padding
{
    padding: 0 !important;
}

/* POSITIONING & SIZE */
.bottom
{
    position: absolute;
    bottom: 20px; left: 20px;
}

.center
{
    position: absolute;
    left: 20px; right: 20px; top: 20px; bottom: 20px;
}

.centered-text
{
    text-align: center;
}

.group-box
{
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.top-left
{
    position: absolute;
    left: 20px; right: 20px; top: 20px;
    text-align: left;
}

.top-right
{
    position: absolute;
    left: 20px; right: 20px; top: 20px;
    text-align: right;
}

.bottom-left
{
    position: absolute;
    left: 20px; right: 20px; bottom: 20px;
    text-align: left;
}

.bottom-right
{
    position: absolute;
    left: 20px; right: 20px; bottom: 20px;
    text-align: right;
}


/* NOTICES
---------------------------------------------------------- */
.ui-notice
{
    position: relative;
    /*padding-left: 46px;*/
    /*font-size: 16px;*/
}

.ui-notice .close
{
    position: absolute;
    right: -15px; top: -15px;

    display: block;
    width: 32px; height: 32px;
    margin: 0; padding: 0;

    text-indent: -999px;
    overflow: hidden;
    background: url('http://www.playbrave.org/themes/default/images/icons/icon-close-32.png') no-repeat 50% 50%;

    border: none;
}

.ui-notice .close:hover
{
    background: url('http://www.playbrave.org/themes/default/images/icons/icon-close-32.png') no-repeat 50% 50% !important;
}

.ui-notice,
.notice,
.error,
.info,
.success,
.hint
{
    margin-bottom: 20px; padding: 1em;
    border-width: 1px;
}

.rounded-corners
{
    -webkit-border-radius: 6px;
    border-radius: 6px;       
}

.message
{
    display: block;
    width: 100%;
    padding: 5px 10px;
    margin: 0;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}

.message.required
{
    margin: -5px 0 0 0;
    
    background: #ec1013;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px -1px 0px #880003;
}

.message.success
{
		padding: 15px;
		
		font-weight: bold;
		font-size: 14px;
		color: #fff;
		
		text-shadow: 0 1px 0 #769731;
		
		background: #95be3e;
		
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
}

.message.error
{
		padding: 15px;
		
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		
		text-shadow: 0 -1px 0 #b00032;
		
		background: #ff0048;
		
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		
}

/* UI DIALOG
---------------------------------------------------------- */
.ui-dialog 
{
    overflow: visible !important;
}

.ui-dialog .ui-dialog-titlebar-close  
{
    position:  absolute;
    right:  -13px; top:  -13px;
    width:  30px; height:  30px;
    margin:  0; padding:  0;
}

.ui-dialog .ui-dialog-titlebar-close span 
{
    display: block;
    width: 30px; height: 30px;
    background: url('../images/icons/icon-close-small.png') no-repeat 50% 50% !important;
}


/* ACTION BUTTON
---------------------------------------------------------- */
.action,
.action-button,
.ui-button {
    background-color:#FF0049;
    display:inline-block;
    color:#ffffff !important;
    font-family:arial;
    font-weight:bold;
    padding:8px 20px;
    text-align: center;
    text-decoration:none;
    text-shadow:0px -1px 0px #B40134;
    border: none !important;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.ui-button .ui-button-text-only,
.ui-button .ui-button-text
{
    padding: 0 !important;
}

.action:hover,
.action-button:hover {
    text-shadow:0px -1px 0px #000000;
    background-color:#111111;
}

.action:active,
.action-button:active {
    position:relative;
    top:1px;
}
.action.full,
.action-button.full {
    display: block;
    clear: both;
    width: 100% !important;
    
    padding: 8px 0 !important;
    
}

.action-button.large-cta
{
    display: block;
    width: 100%;
    font-size: 44px;
    line-height: 83px;
    height: 83px;
    
    font-weight: bold;
    padding: 0;
}


.ui-widget-overlay
{
    background: rgba( 0,0,0, .8 ) !important;
}

/* TOOLTIP
---------------------------------------------------------- */
.tooltipster-default 
{
		border-radius: 5px; 
		border: none;
		background: #111111;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
}

/* LOGO
---------------------------------------------------------- */
#logo
{
    display: block;
    clear: none;
    margin-left: -398px; padding: 0;
    
    background: url('../images/common/pb-logo.png') no-repeat 50% 50%;
    width: 796px; height: 185px;
    
    position: absolute;
    left: 50%; top: -207px;
    
    overflow: hidden;
    
}

#logo a
{
    display: block;
    width: 796px; height: 185px;
    
    text-indent: -999px;
    text-align: left;
    overflow: hidden;
}

.logo-container{}

/* MAIN
---------------------------------------------------------- */
#main
{
    padding: 242px 0 45px 0;
}

/* HEADER
---------------------------------------------------------- */
#header
{
    height: 48px;
    margin-bottom: 40px;
}

/* FOOTER
---------------------------------------------------------- */
#footer
{
    border-top: 2px solid #97acc4;
    min-height: 48px;
    margin-bottom: 30px; padding-top: 38px;
    overflow: visible;
}

#footer .footer-content
{
    height: 37px;
    overflow: visible;
}

#footer .copyright,
#footer #footer-links
{
    clear: both;
    font-size: 8px;
    font-weight: bold;
    color: #111111;
    
    text-transform: uppercase;
    
    margin: 0;
}

#footer #footer-links .link-divider
{
    padding: 0 10px;
}

#footer #footer-links li a
{
    color: #111111;
}

#footer #footer-links li a:hover
{
    color: #ff0049;
}

#footer .footer-logo
{
    position: absolute;
    left: 0;
}

#footer .footer-meta
{
    position: absolute;
    right: 0;
}

#footer .share {
    
    text-align: right;
}

#footer .share .twitter-tweet
{
    display: inline-block;
    position: absolute;
    margin-left: 95px;
}

#footer .share .fb-like
{
    display: inline-block;
    margin-right: 100px;
}

/* MAIN NAV
---------------------------------------------------------- */
#main-nav,
#main-nav ul
{
    line-height: 48px;
    height: 48px;
    overflow:  visible;
}

#main-nav ul
{
    display: table;
    table-layout: fixed;
    
    margin: 0 auto !important;
    
    -webkit-border-radius: 4px;
    border-radius: 4px;    
}

#main-nav li
{
    display: table-cell;
    margin: 0;
}

#main-nav li:first-child a span
{
    padding-left: 47px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

#main-nav li:last-child a span
{
    padding-right: 47px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

#main-nav li,
#main-nav li a
{
    line-height: 48px;
    
    color: #fff;
    font-weight: bold;
    font-size: 18.5px;
    
}

#main-nav li a
{
    height: 48px;
    display: block;
    text-align: center;
}

#main-nav li a span
{
    display: block;
    height: 48px;
    padding: 0 20px;
    background: #111111;
    -webkit-font-smoothing: antialiased !important;
}

#main-nav li.current a
{
    height: 60px;
    color: #ff0049;
    background: url('../images/common/nav-divot.png') no-repeat 50% 0 !important;
}

#main-nav li.current a,
#main-nav li.current:hover a,
#main-nav li:hover a
{
    height: 60px;
    background: url('../images/common/nav-divot.png') no-repeat 50% 0 !important;
}

#statement p,
.statement-content,
.statement-content p
{
    font-size: 23px;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
    
    line-height: 31.5px;
    
    text-align: center;
    
    -webkit-font-smoothing: antialiased !important;
}

.statement-content.copy-deck p
{
    font-family: 'BitterRegular';
    font-weight: normal !important;
    font-style: normal;

    font-size: 15px;
    line-height: 21.5px;
    
    text-align: left;
    padding: 0 20px;
}

.statement-content .cta-contianer
{
    position: relative;
    bottom: -20px;
}


#statement p:last-child
{
    margin-bottom: 0;
}

#statement.completed p
{
    font-size: 32px;
}

#statement,
.statement-content
.statement-content
{
    margin-bottom: 0;
    overflow: visible !important;
    
    background: rgba( 255, 255, 255, .95 );
    padding: 16px 0;
}

/*
#statement.challenges
{
    margin-bottom: 20px;
}
*/

.statement-content
{
    margin-bottom: 0 !important;
}

#statement.copy-deck
{
    background: #eeeeee !important;
}

#statement.copy-deck p
{
    padding: 0 20px;
    font-size: 18px;
    line-height: 30px;
}


#statement.homepage-statement
{
    background: #eeeeee !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 40px;
}

#statement.homepage-statement p
{
    font-family: Helvetica, Arial, sans-serif;
    padding: 0 20px;
    font-size: 35px;
    font-weight: bold !important;
    line-height: 35px;
    text-align: center;
}


/* UTILITY NAV
---------------------------------------------------------- */
#utility-nav
{
    position: absolute;
    left: 0; top: 0;
    padding: 25px 0 0 0;
}

#utility-nav ul
{
    float: right;
    margin: 0;
    padding: 0 35px 0 0 !important;
}

#utility-nav a
{
    color: #000;
    font-weight: bold;
}

#utility-nav a:hover,
#utility-nav a.hover
{
    color: #ff0049;
}

/* ENTRY CONTAINER
---------------------------------------------------------- */

.Page_GalleryPage #main-content,
.Page_GalleryPage #main-content .section,
.Page_GalleryPage #main-content .section #entries
{
    width: 960px;
    overflow: visible !important
}

.Page_GalleryPage #main-content .section
{
    min-height: 150px;
}

#entries
{
    margin-bottom: 30px;
}

#entries.isotope
{
    width: 100% !important; height: 150px;
}

#entry-sort,
.secondary-nav
{
    z-index: 1000;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba( 255, 255, 255, .95 ) !important;
    padding: 16px 0;
}

.secondary-nav.has-subnav,
.secondary-nav.has-subnav > ul
{
    overflow: visible;
    height: 42px;
}

.secondary-nav
{
    text-align: center;
    margin-bottom: 20px;
}

.secondary-nav > ul
{
    display: inline-block;
    clear: both;
    width: auto !important; height: 42px;
    
    margin: 0 auto !important;
}

.secondary-nav > ul > li
{
    position: relative;
    overflow: hidden;
    line-height: 42px;
    
    margin-right: 6px;
		margin-bottom: 0 !important;
}

.secondary-nav li a
{
    font-weight: bold;
}

.secondary-nav > ul > li > a
{
    float: left;
    clear: both;
    height: 100%;
    
    padding: 0 20px;
    
    background: #959595;

    -webkit-transition-property: background-color; 
    -webkit-transition-duration: 256ms, 256ms; 
    -webkit-transition-timing-function: swing, ease-in;
    
    font-weight: bold;
    font-size: 18.5px;
    
    color: #fff;
    
    -webkit-border-radius: 6px;
    border-radius: 6px;    
}


.secondary-nav > ul > li.menu-label > a,
.secondary-nav > ul > li.menu-label > a:hover,
.secondary-nav > ul > li.menu-label > a.hover
{
    background: none !important;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal !important;    
    font-size: 16.5px;
    
    color: #111111;
}

.secondary-nav > ul > li > a:hover,
.secondary-nav > ul > li > a.hover,
.secondary-nav > ul > li.current > a,
.secondary-nav > ul > li.current > a:hover
.secondary-nav > ul > li.current > a.hover
{
    background: #ff0049 !important;
}

.secondary-nav li.sub-menu-container:hover,
.secondary-nav li.sub-menu-container.hover
{
    overflow: visible;
    
}

.secondary-nav li.sub-menu-container:hover > .sub-menu,
.secondary-nav li.sub-menu-container.hover > .sub-menu
{
    visibility: visible;
}

.secondary-nav li.sub-menu-container:hover > a,
.secondary-nav li.sub-menu-container.hover > a,
.secondary-nav li.sub-menu-container .sub-menu a:hover,
.secondary-nav li.sub-menu-container .sub-menu a.hover
{
    width: 207px;    
    color: #fff !important;
    background: #ff0049 !important;
}

.secondary-nav li.sub-menu-container > a
{
    width: 207px;  
    background-image: url('../images/icons/icon-menu-arrow-down.png') !important;
    background-repeat: no-repeat !important;
    background-position: 207px 60% !important;

    text-align: left !important; 
}

.secondary-nav li.sub-menu-container > a:hover,
.secondary-nav li.sub-menu-container > a.hover,
.secondary-nav li.sub-menu-container:hover > a
{
    background-image: url('../images/icons/icon-menu-arrow-up.png') !important;
    background-repeat: no-repeat !important;
    background-position: 207px 60% !important;
}

.secondary-nav li.sub-menu-container > .sub-menu
{
    visibility: hidden;
    position: absolute;
    left: 0; top: 36px;
    
    display: block;
    clear: both;
/*    background: #ff0049 !important;   */
    
    width: 247px;
    margin: 0;
    
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;   
}

.secondary-nav li.sub-menu-container.right > .sub-menu
{
    visibility: hidden;
    position: absolute;
    left: inherit !important; right: 0; top: 36px;
    
    display: block;
    clear: both;
/*    background: #ff0049 !important; */
    z-index: 1000;
}

.secondary-nav li.sub-menu-container > .sub-menu > li
{
    margin: 0;
}

.secondary-nav li.sub-menu-container > .sub-menu > li > a:hover
{
    background: #cf003a !important;
}

.secondary-nav li.sub-menu-container > .sub-menu > li:last-child > a
{
    -webkit-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
}

.secondary-nav li.sub-menu-container > .sub-menu > li > a
{
    display: block;
    padding: 0 20px;
    min-width: 100px; height: 48px;
    
    color: #fff;
    font-size: 18.5px;
    line-height: 48px;
    text-align: left !important; 
    
    background: #ff0049;    
    
    overflow: hidden;
    
}

/* ISOTOPE
---------------------------------------------------------- */
.entry
{
    margin: 5px !important;
    overflow: hidden;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.entry .entry-points,
.contribution .entry-points
{
    position: absolute;
    left: 10px; top: 10px;
    z-index: 100;
    background: rgba(255,255,255,0.3);
    font-weight: bold;
    color: white !important;
    font-size: 16px;
    padding: 2px 8px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

/* SIZING */
.entry a
{
		position: relative;
    overflow: hidden;
}

.entry,
.entry a
{
    background-position:  center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;		
    
}

.entry a img
{
		position: relative;
    width: auto;
}

/* SMALL */
.entry,
.entry.small,
.entry.small a
{
    width: 150px; height: 150px;
}

.entry a img,
.entry.small a img
{
    height: 150px;    
}

.entry.small a.YouTubeEntry img
{
    margin-left: -105px !important;
    margin-top: -100px !important;
    top: 50%;
    height: 270px;
}

.entry.small a.TumblrEntry img
{
    width: 150px; height: auto;
}

/* X-SMALL */
.entry.xsmall,
.entry.xsmall a
{
    width: 70px; height: 70px;
}

.entry.xsmall a img
{
    height: 70px;    
}

/* MEDIUM */
.entry.medium,
.entry.medium a
{
    width: 310px; height: 310px;
    overflow: hidden;
}

.entry.medium a img
{
    height: 310px;    
}

.entry.medium a.YouTubeEntry img
{
    margin-left: -220px !important;
    margin-top: -210px !important;
    top: 50%;
    height: 420px;
}

.entry.medium a.TumblrEntry img
{
    width: 310px; height: auto;
}

/* LARGE */
.entry.large,
.entry.large a
{
    width: 470px; height: 470px;
    overflow: hidden;
}

.entry.large a img
{
    height: 470px;    
}

.entry.large a.YouTubeEntry img
{
    margin-left: -325px !important;
    margin-top: -420px!important;
    top: 50%;
    height: 840px;
}

.entry.large a.TumblrEntry img
{
    width: 470px; height: auto;
}

/* X-LARGE */
.entry.xlarge,
.entry.xlarge a
{
    width: 950px; height: 950px;
    overflow: hidden;
}

.entry.xlarge a img
{
    height: 950px;    
}

/* ENTRY IMAGE */
.entry .image-content,
.contribution .image-content
{
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0; 
    margin: 0; padding: 20px;
    
    background: rgba( 0,0,0,.66 ) url('../images/icons/icon-eye-large.png') no-repeat 50% 50%;
    
    color: #fff;
    font-weight: bold;
    
    -webkit-font-smoothing: antialiased !important;
    
    -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,.5);
    box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,.5);
    
    cursor: pointer;
    
}

/* TUMBLR */
.entry[data-entry-type="TumblrEntry"],
.contribution[data-entry-type="TumblrEntry"]
{
    background-position:  center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    
    background-color: #2c4762 ;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"],
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"]
{
    background: #2c4762 url('../images/common/tumblr_bg.png') repeat-x 0 0 !important;
    background-size: auto 100% !important;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="audio"],
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="audio"]
{
    background-image: url('../images/common/tumblr_audio_bg.png') !important;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="quote"],
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="quote"]
{
    background-image: url('../images/common/tumblr_quote_bg.png') !important;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] img,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] img,
.entry[data-entry-type="TumblrEntry"][data-entry-subtype="quote"] img,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="quote"] img
{
    display: none; visibility: hidden;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] .image-content,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] .image-content
{
    background: rgba( 0,0,0,.66 ) url('../images/icons/icon-audio-large.png') no-repeat 50% 50% !important;
}

.challenge-entries .entry[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] .image-content,
.challenge-entries .contribution[data-entry-type="TumblrEntry"][data-entry-subtype="audio"] .image-content
{
    background: rgba( 0,0,0,.66 ) url('../images/icons/icon-audio-large.png') no-repeat 50% 50% !important;
    background-size: auto 50% !important;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="audio"].small .image-content,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="audio"].small .image-content
{
    background-size: auto 50% !important;
}

.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"] .image-link img,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"] .image-link img
{
    display: none;
    visibility: hidden;
}

/* TUMBLR ENTRIES */
.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"] .image-link,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"] .image-link
{
    font-size: 14.5px;
    font-weight: bold;
    color: #fff !important;
    
    padding: 20px !important;
    line-height: 1.25em;
    overflow: hidden;
}

/* SMALL */
.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"].small .image-link,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"].small .image-link
{
    font-size: 14.5px;
    line-height: 1.33em;
}

/* MEDIUM */
.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"].medium .image-link,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"].medium .image-link
{
    font-size: 28.5px;
    line-height: 1.33em;
    padding: 40px !important;
}

/* LARGE */
.entry[data-entry-type="TumblrEntry"][data-entry-subtype="text"].large .image-link,
.contribution[data-entry-type="TumblrEntry"][data-entry-subtype="text"].large .image-link
{
    font-size: 40px;
    line-height: 1.25em;
    padding: 40px !important;
}

.contribution .image-content
{
    width: 315px; height: 315px;
    padding: 0;
    bottom: 17px; 
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.entries .image-content
{
    background-size: 80% auto;
}

.entry .image-content span,
.contribution .image-content span
{
    display: block;
    width: 100%;
    position: absolute;
    left: 0; bottom: 20px;
    
    font-size: 14.5px;
    line-height: 14.5px;
    text-align: center;
}

/* PAGE CONTENT
---------------------------------------------------------- */
.page-content-wrapper
{
    margin-bottom:  85px; 
    padding-bottom: 23px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% bottom;
}

.page-content-wrapper .page-content
{
    background: #eeeeee;
    padding: 30px;
		
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;		
}

/* PROFILE
---------------------------------------------------------- */
.profile,
.profile .summary
{
}

.profile
{
    margin-bottom: 20px;
    padding-bottom: 23px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% bottom;
}

.profile .profile-content
{
    background: #111111;
}

.profile .summary
{
    width: 706px;
    background: #eeeeee;
    min-height: 435px;
    
    padding: 0;
}

.profile.collapsed .summary
{
    width: 950px;
    min-height: 186px;
}

.profile .summary .detail
{
    border-top: 1px solid #ccc;
    padding: 0;
}

.profile .summary .detail:first-child
{
    padding-top: 30px !important;
    border-top: none !important;
}

.profile .summary .detail:last-child
{
    padding-bottom: 30px !important;
}

.profile .summary .profile-title
{
    margin: 0;
}

.profile .summary .profile-name,
.profile .summary .profile-points
{
    display: block;
    font-size: 45px;
    line-height: 45px;
    
    margin-bottom: 0;
}

.profile .summary .profile-points
{
    font-size: 18.5px;
    line-height: 18.5px;
}

.profile .summary .muted
{
    color: #9e9e9e;
    font-style: normal !important;
}

.profile .summary .detail h3
{
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
}

/* USER BLOCK */
.profile .summary .detail.user-block
{
    padding: 30px 30px 30px 152px;
    
    height: 61px;
}

.profile .summary .detail.user-block .image-link
{
    position: absolute;
    left: 0; top: 0;
    
    width: 122px; height: 122px;
    overflow: hidden;
}

.profile .summary .detail.user-block .image-link img
{
    width: 122px; height: auto;
}

/* BADGES BLOCK */
.profile .summary .detail.badges-block
{
    padding: 30px 30px 94px 30px;
}

body[data-page-segment="my-profile"] .profile .summary .detail.badges-block
{
    padding: 30px;
	padding-bottom: 64px;
}

body[data-page-segment="my-profile"] .profile .summary .detail.badges-block form
{
    margin: 0; padding :0;
}


/* BADGES BLOCK */
.profile .summary .detail.venues-block
{
    display: block;
    width: 100%; height: 64px;
    margin: 0 !important; padding: 0 !important;
    
    position: absolute;
    left: 0; bottom: 0;
    border: none;
    
    background: #ccc;
    color: #fff;
}

/* BADGES */
.profile .summary .badges-list
{
    margin: 0; padding: 0;
}

.profile .summary .badges-list .badge
{
	position: relative;
    width: 200px; height: 200px;
    margin: 5px; padding: 0 0 24px 0;
    overflow: hidden;
}

.profile .summary .badges-list .badge .badge-claim
{
	display: inline-block;
	position: absolute;
	left: 0; bottom: 0;
	
	width: 100%; height: 24px; line-height: 28px;
	font-size: 14px;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
	color: #ff0049;
	text-align: center;
}



.profile .summary .badges-list .badge a
{
    display: block;
    width: 200px; height: 200px;    
    
    text-indent: -999px;
    text-align: left;
}

.profile .summary .badges-list .badge.see-all a
{
    display: block;
    width: 97px;   
    padding: 45px 0 0 0;
    
    text-indent: 0 !important;
    text-align: center;
    font-weight: bold;
    
    background: url('../images/icons/icon-eye-pink.png') no-repeat 50% 20px;
}

.profile .summary .badges-list .badge.badge-dark a
{
    background: url('../images/badges/badge-fpo-dark.png') no-repeat 50% 50%;
}
.profile .summary .badges-list .badge.badge-pink a
{
    background: url('../images/badges/badge-fpo-pink.png') no-repeat 50% 50%;
}
.profile .summary .badges-list .badge.badge-TakeAction a
{
    background: url('../images/badges/TakeAction.png') no-repeat;
}
.profile .summary .badges-list .badge.badge-MissionAccomplished a
{
    background: url('../images/badges/MissionAccomplished.png') no-repeat 50% 50%;
}
.profile .summary .badges-list .badge.badge-Committed a
{
    background: url('../images/badges/Committed.png') no-repeat 50% 50%;
}
.profile .summary .badges-list .badge.badge-NoPause a
{
    background: url('../images/badges/NoPauseForTheCause.png') no-repeat 50% 50%;
}
.profile .summary .badges-list .badge.NotAvailable a
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    opacity: 0.1;
}
.profile .summary .badges-list .badge.Available a
{
    opacity: 0.5;
}

/* VENUES */
.profile .summary .venues-list
{
    display: block;
    height: 64px;
    margin: 0;
    
    overflow: hidden;
}

.profile .summary .venues-list li
{
    position: relative;
    width: 25%;
    margin: 0; padding: 0;
}

.profile .summary .venues-list li a
{
    display: block;
    width: 100%; min-height: 64px;
    margin: 0; padding: 36px 10px 0 10px;
    
    color: #7c7c7c;
    
    font-weight: bold;
    font-size: 15.5px;
    line-height: 15px;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   
    
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(left,  #cccccc 0%, #b0b0a8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(100%,#b0b0a8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #cccccc 0%,#b0b0a8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #cccccc 0%,#b0b0a8 100%); /* Opera 11.10+ */
    background: linear-gradient(to right,  #cccccc 0%,#b0b0a8 100%); /* W3C */
    
}

.profile .summary .venues-list li.connected a
{
    color: #fff;
    
    background: #ff0048; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff0048 0%, #cc0038 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0048), color-stop(100%,#cc0038)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ff0048 0%,#cc0038 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ff0048 0%,#cc0038 100%); /* Opera 11.10+ */
    background: linear-gradient(to right,  #ff0048 0%,#cc0038 100%); /* W3C */    
}

.profile .summary .venues-list li a.disconnect {
    cursor: default;
}

.profile .summary .venues-list li a img
{
    display: block;
    position: absolute;
    left: 10px; top: 10px;
    margin: 0; padding: 0;
}

.profile .summary .venues-list li.Instagram a
{
/*    background-image: url('http://www.playbrave.org/themes/default/images/icons/icon-connector-instagram.png') no-repeat 10px 10px;*/
}

.profile .summary .venues-list li.Twitter a
{
/*    background-image: url('http://www.playbrave.org/themes/default/images/icons/icon-connector-twitter.png') no-repeat 10px 10px;*/
}

.profile .summary .venues-list li.Facebook a
{
/*    background-image: url('http://www.playbrave.org/themes/default/images/icons/icon-connector-facebook.png') no-repeat 10px 10px;*/
}

.profile .summary .venues-list li.YouTube a
{
/*    background-image: url('http://www.playbrave.org/themes/default/images/icons/icon-connector-youtube.png');*/
}

/* NOTIFICATIONS
---------------------------------------------------------- */
.notifications-header
{
    color: #fff;
    font-size: 14.5px !important;    
    text-align: center;
    
    padding: 50px 0 20px 0;
    background: url('../images/icons/icon-notifications.png') no-repeat 50% 20px;
    -webkit-font-smoothing: antialiased !important;
}

.notifications-header .notification-count,
.notifications-list em
{
    color: #fef79c;
}

.notifications-list
{
    width: 100%;
    color: #7c7c7c;
    margin: 0 !important;
    
    position: absolute;
    left: 0; top: 100px;
    bottom: 0; right: 0;
    
    overflow-y: auto;
    
    z-index: 10;
}

.notifications-list .notification
{
    margin: 0; padding: 0;
    clear: both;
}

.notifications-list .notification:nth-child(even)
{
    background: #252525;
}

.notifications-list .notification .notification-content
{
    padding: 20px;
    
    font-size: 12px;
    line-height: 16px;
    
    cursor: pointer;
    
    -webkit-font-smoothing: antialiased !important;    
}

.notifications-list .notification .notification-content:hover,
.notifications-list .notification .notification-content.hover
{
    color: #ccc;
}

.notifications-list::-webkit-scrollbar 
{
    height: 12px;
    width: 12px;
    background: #252525;
}
.notifications-list::-webkit-scrollbar-thumb 
{
    background: #464646;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
.notifications-list::-webkit-scrollbar-corner 
{
    background: #252525;
}

/* CONTRIBUTIONS
---------------------------------------------------------- */
#contributions
{
    margin-bottom: 30px;
}

#contributions .contributions-list
{
    margin: 0;
    min-height: 315px;
}

#contributions .contributions-list li,
#contributions .contributions-list li a,
#contributions .contributions-list li a img
{
    width: 315px; height: 315px;
}

#contributions .contributions-list li
{
    position: relative;
    margin: 0 2px 0 0; padding-bottom: 0;
    background: url('../images/common/entry-shadow.png') no-repeat 50% bottom;
    
}
#contributions .contributions-list li,
#contributions .contributions-list li a
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

#contributions .contributions-list li
{
    position: relative;
    margin: 0 2px 0 0; padding-bottom: 0;
    width: 315px; height: 315px;
    overflow: hidden;
    background: url('../images/common/entry-shadow.png') no-repeat 50% bottom;
    
}

#contributions .contributions-list li:last-child
{
    margin: 0;
}

#contributions .contributions-list li .contribution-points
{
    display: block;
    margin: 0; padding: 0;
    
    position: absolute;
    left: 8px; top: 15px;
    z-index: 10;
    
    font-weight: bold;
    font-size: 18.5px;
    line-height: 18px;
    color: #ff0048;
}

/* CHALLENGE
---------------------------------------------------------- */
.challenge,
.challenge .summary
{
}

.challenge
{
    margin-bottom: 20px;
}

.challenge.vote:last-of-type,
.challenge.vote:last-child
{
    margin-bottom: 0;
}

.challenge .challenge-content
{
    background: #111111;
}

/* CHALLENGE SUMMARY */
.challenge .summary
{
    width: 706px;
    background: #eeeeee;
    min-height: 435px;
    
    padding: 0 30px;
}

.challenge.complete .summary
{
    /*width: inherit !important; */
    width: 950px;
    min-height: auto !important;
    padding: 0;
}

.challenge.complete .summary .goal-final
{
    padding: 0 30px;
    
    font-size: 23px;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
    
    line-height: 31.5px;
    
    -webkit-font-smoothing: antialiased !important;
}

.challenge .summary .task-title,
.challenge .summary .task-count
{
    display: block;
    font-size: 45px;
    line-height: 45px;
    
    margin-bottom: 0;
}

.challenge.complete .summary .task-title span
{
    display: inline;
}

.challenge.complete .summary .task-title
{
    font-size: 32px;
}
.challenge.vote .summary .task-title
{
		padding-bottom: 0;
}

.challenge .summary .task-count
{
    color: #ff0048;
}

.challenge .summary .task-description
{
    font-family: 'BitterRegular';
    font-size: 15px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;    
}

.challenge .summary .task-description .suggested-by
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 17px;
		color: #9d9d9d;
}

.challenge.complete .summary .task-description
{
    margin-right: 244px;
}

.challenge .summary .task-description p:last-child
{
    margin: 0;
}

.challenge .summary .detail
{
    border-top: 1px solid #ccc;
    padding: 20px 0;
}

.challenge.complete .summary .detail
{
    padding: 20px 30px;
}

.challenge.complete .summary .detail.task
{
    border: none !important;
    padding-top: 0;
}

.challenge.complete .summary .detail.goal
{
    padding: 14px 0 !important;
}

.challenge.complete .summary .detail.goal h3
{
    margin: 0;
}

.challenge .summary .detail:first-child
{
    padding-top: 30px !important;
    border-top: none !important;
}

.challenge .summary .detail:last-child
{
    padding-bottom: 30px !important;
}

.challenge .summary .detail h3
{
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 10px 0;
}

/* GOAL STATUS BADGES */
.challenge .summary .detail.goal
{
    position: relative;
}

.challenge .status-badge
{
    position: absolute;
    right: 0; top: -20px;
    width: 123px; height: 123px;
    float: right;
}

.challenge .status-badge.reached
{
    right: 0; top: -20px;
    background: url('../images/badges/badge-goal-reached.png') no-repeat 50% 50%;
}

.challenge .status-badge.complete
{
    right: 20px; top: 20px;
    background: url('../images/badges/badge-mission-complete.png') no-repeat 50% 50%;
}

.challenge .status-badge.incomplete
{
    right: 20px; top: 20px;
    background: url('../images/badges/badge-mission-incomplete.png') no-repeat 50% 50%;
}

/* GOAL REACHED */
.challenge .progress-bar-container.reached
{
    width: inherit !important;
    margin-right: 150px;
}

.challenge .progress-bar-container.reached .goal-value
{
    right: 0;
    width: 100%;
    text-align: center;
}

.challenge .progress-bar-container.reached .bar
{
    background: #95be3e;
}

/* CHALLENGE VOTE */
.challenge.vote .challenge-content
{
    background: #eeeeee;
}

.challenge.vote .summary
{
    min-height: 205px;
}

/* PROGRESS BAR */

.challenge .progress-bar-container
{
    overflow: hidden;
}

.challenge .progress-bar-container,
.challenge .progress-bar-container .bar
{
    display: block;
    width: 100%; height: 35px;
    margin: 0; padding: 0;
    position: relative;
    
    background: #d7d7d7;
}

.challenge .progress-bar-container .bar
{
    width: 0;
    background: #ff0048;
}

.challenge .progress-bar-container .point-value,
.challenge .progress-bar-container .goal-value
{
    display: inline-block;
    position: absolute;
    z-index: 100;
    
    height: 35px;
    line-height: 35px;
    
    font-weight: bold;
    color: #fff;
}

.challenge .progress-bar-container .point-value
{
    left: 10px; top: 0;
}

.challenge .progress-bar-container .goal-value
{
    right: 10px; top: 0;
}

/* META DATA */
.challenge .meta,
.profile .meta
{
    position: static;
    color: #898989;
    background: #111111;
    width: 244px;
    padding-bottom: 116px;
}

.challenge.vote .meta
{
		background: #eeeeee;
}

.profile .meta
{
    position: relative !important;
    padding-bottom: 0;
    overflow: hidden;
    min-height: 460px;
}

.challenge .meta .meta-data,
.profile .meta .meta-data
{
    margin: 0; padding: 28px;
}

.challenge .meta .meta-data dt,
.challenge .meta .meta-data dd
{
    margin: 0;
    
    text-align: center;
}

.challenge .meta .meta-data dd
{
    font-size: 38px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 33px;
}

.challenge .meta .meta-data dd.hash-tag
{
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 33px;
}

.challenge .meta .meta-data dd.share
{
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0px;
}

.challenge .meta .meta-data dd.share .twitter-tweet
{
    display: inline-block;
    position: absolute;
    margin-left: 95px;
    margin-top: 4px;
}

.challenge .meta .meta-data dd.share .fb-like
{
    display: inline-block;
    margin-right: 100px;
}

.challenge .meta .heading,
.profile .meta .heading
{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased !important;
    
    text-align: center;
    
    margin-bottom: 16px !important;
}

.challenge .meta .time-value.small-date
{
    font-size: 22px !important;
    line-height: 28px !important;
}


.challenge .meta .heading .heading-icon,
.profile .meta .heading .heading-icon
{
    display: inline-block;
    line-height: 24px;
    padding: 0 0 0 34px;
}

.challenge .meta .heading.time-left .heading-icon
{
    background: url('../images/icons/icon-stopwatch.png') no-repeat 0 50%;
}

.challenge .meta .heading.tag .heading-icon
{
    background: url('../images/icons/icon-tag.png') no-repeat 0 50%;
}

.challenge .meta .challenge-accept,
.challenge .meta .challenge-vote
{
    display: block;
    width: 244px; height: 116px;
    
    position: absolute;
    right: 0; bottom: 0;
    
    text-indent: -9999px;
}

.challenge .meta .challenge-vote
{
		height: 105px;
}

.challenge .meta .challenge-accept.acccept
{
    background: #ff0048 url('../images/common/accept.png') no-repeat 0 0;
}

.challenge .meta .challenge-accept.acccepted
{
    background: #ff0048 url('../images/common/accepted.png') no-repeat 0 0;
    /*cursor: default;*/
}

.challenge .meta .challenge-vote.vote
{
    background: #ff0048 url('../images/common/vote.png') no-repeat 0 0;
}

.challenge .meta .challenge-vote.voted
{
    background: #ff0048 url('../images/common/voted.png') no-repeat 0 0;
    /*cursor: default;*/
}

/* CHALLENGE NOTICE */
#contributions .contributions-notice,
.challenge .challenge-notice,
.challenge .challenge-entries
{
    display: block;
    clear: both;
    height: 122px;
    
    padding-bottom: 23px;
    
    background: url('../images/common/challenge-shadow.png') no-repeat 50% 120px;
}

.challenge.vote .challenge-entries
{
    height: 23px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% 0;
}

.challenge.vote .challenge-entries:last-of-type,
.challenge.vote .challenge-entries:last-child
{
    padding: 0;
}

.challenge.complete .challenge-entries
{
    display: block; clear: both; height: 238px;
    padding-bottom: 23px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% 238px;
	overflow: hidden;
}

#contributions .contributions-notice p,
.challenge .challenge-notice p
{
    height: 122px;
    
    font-size: 20.5px;
    font-weight: bold;
    line-height: 122px;
    
    text-align: center;
    background: #e1e1e1;
}

/* CHALLENGE ENTRIES */
.challenge .challenge-entries .entries
{
    width: 732px; height: 122px;
    background: #e1e1e1;
    margin: 0 !important; padding: 0 !important;
    overflow: hidden;
}

.challenge.complete .challenge-entries .entries
{
    width: 955px; height: 238px;
    overflow: hidden;
}

.challenge .challenge-entries .entries-controls
{
    float: left;
    margin: 0; padding: 0;
    width: 218px; height: 122px;
    background: #111111;
    
    overflow: hidden;
}

.challenge.complete .challenge-entries .entries-controls
{
    position: relative;
    width: 238px; height: 119px;
}

.challenge .challenge-entries .entries-controls li
{
    margin: 0;
}

.challenge .challenge-entries .entries-controls li a
{
    font-weight: bold;
    color: #fff;
    font-size: 18.5px;
}

.challenge .challenge-entries .entries-controls .recent-submissions
{
    height: 68px;
    line-height: 22px;
    padding: 10px 20px 0 20px
}

.challenge .challenge-entries .entries-controls .see-all
{
    height: 44px; line-height: 44px;
    padding: 0 0 0 50px;
    
    background: #FF0049 url('../images/icons/icon-eye.png') no-repeat 15px 50%;
    background-size: auto auto !important;
}

.challenge .challenge-entries .entries-controls li:last-child,
.challenge .challenge-entries .entries-controls li:last-of-type
{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.challenge .challenge-entries .entries .entry
{
    position: relative;
    width: 122px; height: 122px;    
    margin: 0 !important;
    overflow: hidden;
}

.challenge.complete .challenge-entries .entries .entry
{
    width: 119px; height: 119px;    
    margin: 0 !important;
    overflow: hidden;
}

.challenge .challenge-entries .entries .entry.entries-controls-container
{
    width: 238px; height: 119px;    
}

.challenge .challenge-entries .entries .entry img
{
    width: auto; height: 122px;    
}

.challenge.complete .challenge-entries .entries .entry img
{
    width: auto; height: 119px;    
}

/* HOMEPAGE CHALLENGES */
#homepage-content .challenge.complete
{
    width: 534px; height: 534px;
		margin: 0;
}

#homepage-content .challenge.complete .challenge-entries,
#homepage-content .challenge.complete .challenge-entries.large
{
    width: 534px; height: 534px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% 167px;
		padding: 0;
}

#homepage-content .challenge.complete .challenge-entries .entries
{
    width: 534px; height: 534px;
}

#homepage-content .challenge.complete  .challenge-entries .entries .entry
{
    width: 178px; height: 178px;    
    margin: 0 !important;
    overflow: hidden;
}

#homepage-content .challenge.complete .challenge-entries .entries .entry img
{
    width: auto; height: 178px;    
}

#homepage-content .challenge.complete .challenge-entries .entries .cta-contianer,
#homepage-content .challenge.complete .challenge-entries .entries .cta-contianer a
{
    width: 356px; height: 178px;    
		background: #ff0047;
		margin: 0;
}

#homepage-content .challenge.complete .challenge-entries .entries .featured-contianer
{
    width: 178px; height: 178px;    
    margin: 0;
    float:none;
    position: absolute;
    left: 0;
    bottom: 0;    
}

#homepage-content .challenge.complete .challenge-entries .entries .cta-contianer
{
		position: absolute;
		bottom: 0; right: 0;
}

#homepage-content .challenge.complete .challenge-entries .entries .cta-contianer a
{
		text-align: left;
		text-indent: -999px;
		background: #ff0047 url('../images/about/cta-get-started.png') no-repeat 50% 50%;
}

/* HOMEPAGE CHALLENGES v2 */
#homepage-content .page-content
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   
		
    width: 416px; height: 534px;
    padding: 60px 40px;
}

#homepage-content
{
		margin-bottom: 40px;
}

#homepage-content .page-content,
#homepage-content .page-content p
{
    font-family: 'BitterRegular';
    font-weight: normal !important;
    font-style: normal;

    font-size: 15px;
    line-height: 21.5px;
    
    text-align: left;
}

#homepage-content p
{
		font-size: 16px;
    line-height: 25px;
}

#homepage-content h2,
#homepage-content .h2,
#homepage-content h3,
#homepage-content .h3
{
    font-family: 'BitterBold' !important;
    font-style: normal;
		
    font-size: 28px; line-height: 35.5px;
}

#homepage-content h2,
#homepage-content .h2
{
    font-weight: normal !important;
}

#homepage-content h2,
#homepage-content .h2,
#homepage-content p
{
    margin-bottom: 35px;
}

#homepage-content h3,
#homepage-content .h3
{
    font-weight: bold !important;
    font-size: 24px !important; line-height: 30px !important;
    margin: 0 !important;
}



/* PROFILE FORM
---------------------------------------------------------- */
#ProfileForm{}

#ProfileForm .combined-input input
{
    line-height: 20px;
    padding: 8px 20px !important;
    margin: 0; min-height: 47px;
    
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    
    font-size: 16px;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    float: left;
    
}

#ProfileForm .combined-input input[type="text"]
{
    width: inherit !important;
    width: 260px;
    margin-right: 5px;
}

#ProfileForm .col.two-col
{
    width: 445px;
    margin: 0 !important;
}

#ProfileForm .ui-notice.success
{
    padding: 12px 0 12px 35px;
    font-weight: bold;
    border: none !important;
}

#ProfileForm .ui-notice.success
{
    background: url('../images/icons/icon-check.png') no-repeat left 50%;
    color: #5cc314 !important;
}

#ProfileForm .ui-notice.error
{
    background: url('../images/icons/icon-error.png') no-repeat left 50%;
    color: #eb002b !important;
}

/* FANCYBOX
---------------------------------------------------------- */
#fancybox-content object,
#fancybox-content > div
{
		z-index: 9999;
}

#fancybox-content > div
{
		background: #fff;
}

#fancybox-outer
{
    -webkit-box-shadow:  0px 0px 40px 0px rgba(0, 0, 0, .5);
    box-shadow:  0px 0px 40px 0px rgba(0, 0, 0, .5);    
}

#fancybox-overlay
{
    position: fixed !important;
}

#fancybox-wrap
{
    width: auto !important;
}

#fancybox-title,
#fancybox-title.fancybox-title-over
{
    position: relative;
    top: 0;
    background: #fff;
    color: #222;
    width: auto !important;
    margin: 0 10px;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   		

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   		
}

#fb-custom-image-title 
{ 
    text-align: left; 
    padding: 0 0 10px 0;
    min-height: 27px;
}

#fb-custom-image-title .fb-image-title 
{     
    color: #111;
    font-size: 14px;
    line-height: 27px;
    font-weight: bold;
    
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    
}

#fb-custom-image-title .fb-image-title.disabled
{     
    color: #ccc;
}

#fb-custom-image-title .fb-image-link
{     
		float: right;
		padding: 3px 10px;
		
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		
		background: #ff0048;
}

#fb-custom-image-title .fb-image-link.disabled
{     
		background: #ccc;
}

#fb-custom-image-title .fb-image-title:hover
{ 
    color: #111;
}

#fb-custom-image-title .fancy-close-icon 
{
    float: right;
    display: inline-block;
    width: 20px; height: 20px;
    overflow: hidden;
    text-align: left;
    text-indent: -999px;
    background: url('http://www.playbrave.org/themes/default/images/common/close_button.png') no-repeat 50% 50%;
}

/* ENTRY TYPES */
#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="text"],
#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="quote"]
{
    /* WEBKIT ONLY HARDWARE SUPPORTED SCROLLING */
    -webkit-overflow-scrolling: touch;    
    
    overflow: hidden;
    overflow-y: auto;
}

#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="text"] > div,
#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="quote"] > div
{
    padding-right: 20px;
}

#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="quote"],
#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="text"],
#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="audio"]
{
    min-width: 310px; min-height: 150px;
    max-width: 310px; max-height: 310px;
}

#fancybox-content[data-entry-type="TumblrEntry"][data-entry-subtype="audio"]
{
    min-height: 30px;
    max-width: 310px; max-height: 35px;
}


/* REGISTRATION FORM
---------------------------------------------------------- */
#success-message .lead-intro
{
    font-size: 23px;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
    
    line-height: 31.5px;
    
    -webkit-font-smoothing: antialiased !important;    
}

/* VOTE SCREENS
---------------------------------------------------------- */
#statement.vote p
{
    font-size: 32px;
}

#statement.vote p.vote-countdown
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
		font-weight: bold !important;
		line-height: 20px;
		
}

#statement.vote p.vote-countdown .vote-timer
{
		padding: 0 0 0 34px;
		background: url('../images/icons/icon-vote-clock.png') no-repeat 0 50%;
}

/* SUGGESED BY */
p.suggested-by
{
		clor: #9d9d9d;
		font-size: 18px;
		font-style: italic;
}

/* VOTE META */
.challenge.vote .meta .meta-data
{
		padding: 20px 20px 10px 20px;
}

.challenge.vote .meta .meta-data dd
{
		margin: 0 !important;
}

.challenge.vote .meta .meta-data dd.vote-count 
{
		color: #7dc8c7;
		font-size: 45.5px;
		line-height: 45.5px;
		margin-bottom: 5px !important;
}

.challenge.vote .meta .meta-data dd.small
{
		color: #000;
		font-size: 18.5px !important;
		line-height: 20px;
}

#vote-form-container
{
		margin-bottom: 40px;
		background: #111111;
		
		-webkit-border-radius: 6px;
		border-radius: 6px;
}

#vote-form-container form
{
		margin: 0; padding: 30px; 
		min-height: 175px;
}

#vote-form-container > h2
{
		font-size: 33px;
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
		line-height: 35.5px;
		
    -webkit-font-smoothing: antialiased !important;
		
		color: #fff;
		
		padding: 30px 30px 0 30px; margin: 0;
}

#vote-form-container form fieldset
{
		display: block; clear: both;
		width: 642px; 
		padding: 0;margin:0;
}

#vote-form-container form label
{
		display: none;
		visibility: hidden;
}

#vote-form-container form label.message
{
		display: block;
		visibility: visible;
}

#vote-form-container form label.message.error
{
		margin: -20px 0 20px 0;
}

#vote-form-container form input[name="Title"],
#vote-form-container form textarea[name="Description"]
{
		width: 100%;
		
		background: #363636;
		
		-webkit-border-radius: 0 !important;
		border-radius: 0  !important;
		border: none !important;
		
		
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   
		
		color: #fff;
    -webkit-font-smoothing: antialiased !important;
}

#vote-form-container form input[name="Title"]
{
		display: block; clear: both;
		height: 40px;
		padding: 0 20px 0 10px !important; margin-bottom: 20px;
		
		line-height: 40px;
		font-size: 18.5px;
		font-weight: bold;
		color: #fff;
		
}

#vote-form-container form input::-webkit-input-placeholder,
#vote-form-container form input:-moz-placeholder,
#vote-form-container form input::-moz-placeholder,
#vote-form-container form input:-ms-input-placeholder
{
		color: #fff;
}

#vote-form-container form textarea[name="Description"]
{
		display: block; clear: both;
		padding: 10px !important; margin-bottom: 0;
		
		font-size: 15.5px;
    font-family: 'BitterRegular';
    font-weight: normal !important;
    font-style: normal;
}

#vote-form-container form .Actions
{
		display: block;
		width: 245px; min-height: 300px; height: 100%;
		
		position: absolute;
		right: 0; top: 0;
		
		border-left: 2px solid #464646;
}


#vote-form-container form .Actions input[name="action_doSuggestChallenge"]
{
		display: block;
		width: 213px; min-height: 300px; height: 100%;
		margin: 0 !important; padding: 0 !important;
		overflow: hidden;
		
		text-align: left;
		text-indent: -999px;
		
		cursor: pointer;
		
		background: url('../images/common/vote-send.png') no-repeat 50% 50%;
}




/* VENUE CHART
---------------------------------------------------------- */
#venue-chart
{
    height: 336px;
    padding-bottom: 23px; margin-bottom: 30px;
    background: url('../images/common/challenge-shadow.png') no-repeat 50% 310px;
}

#venue-chart .venue-chart-message
{
		background: #eee;
		border-bottom: 1px solid #d4d4d4;
		
		text-align: center;
		
		padding: 20px 30px;
}

#venue-chart .venue-chart-message h2
{
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
		margin-bottom: 10px;
}

#venue-chart .venue-chart-message p
{
		color: #111111;
    font-size: 15px;
    font-family: 'BitterRegular';
    font-weight: normal !important;
    font-style: normal;
    
    line-height: 21px;
    
    text-align: center;
    
    -webkit-font-smoothing: antialiased !important;
}

#venue-chart .venue-chart-message p:last-of-type,
#venue-chart .venue-chart-message p:last-child
{
		margin-bottom: 0;
}

/* CHARTS */
#venue-chart .venu-chart-container
{
		background: #fff;
		min-height: 180px;
}

#venue-chart .venu-chart-container .charts
{
		width: 417px; height: 139px;
		margin: 0 auto; padding: 20px 0 !important;
		clear: both;
}

#venue-chart .venu-chart-container .charts li,
#venue-chart .venu-chart-container .charts li > .state-keyframe
{
		position: relative;
		
		width: 139px; height: 139px;
		overflow: hidden;
		
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat 0 -139px;
}

/* STATES */
#venue-chart .venu-chart-container .charts .state-1
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -139px 0 !important;
}
#venue-chart .venu-chart-container .charts li.state-1
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -139px -139px !important;
}

#venue-chart .venu-chart-container .charts .state-2
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -278px 0 !important;
}

#venue-chart .venu-chart-container .charts li.state-2
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -278px -139px !important;
}

#venue-chart .venu-chart-container .charts .state-3
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -417px 0 !important;
}

#venue-chart .venu-chart-container .charts li.state-3
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -417px -139px !important;
}

#venue-chart .venu-chart-container .charts .state-4
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -556px 0 !important;
}

#venue-chart .venu-chart-container .charts li.state-4
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -556px -139px !important;
}

#venue-chart .venu-chart-container .charts .state-5
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -695px 0 !important;
}

#venue-chart .venu-chart-container .charts li.state-5
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -695px -139px !important;
}

#venue-chart .venu-chart-container .charts .state-6
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -834px 0 !important;
}

#venue-chart .venu-chart-container .charts li.state-6
{
		background: url('../images/heatmap/heatmap-sprite.png') no-repeat -834px -139px !important;
}

#venue-chart .venu-chart-container .charts li > .state-keyframe
{
		position: absolute;
		left: 0; top: 0;
		z-index: 5;
		
		background: none;
}


/* ICONS */
#venue-chart .venu-chart-container .charts li .icon
{
		position: absolute;
		left: 50%; top: 50%;
		z-index: 10;
		
		display: block;
		width: 51px; height: 51px;
		overflow: hidden;
		
		margin: -25.5px 0 0 -25.5px;
}

#venue-chart .venu-chart-container .charts li.youtube .icon
{
		background: url('../images/heatmap/youtube.png') no-repeat 50% 50%;
}

#venue-chart .venu-chart-container .charts li.twitter .icon
{
		background: url('../images/heatmap/twitter.png') no-repeat 50% 50%;
}

#venue-chart .venu-chart-container .charts li.instagram .icon
{
		background: url('../images/heatmap/instagram.png') no-repeat 50% 50%;
}

#venue-chart .venu-chart-container .charts li.tumblr .icon
{
		background: url('../images/heatmap/tumblr.png') no-repeat 50% 50%;
}


/* ABOUT
---------------------------------------------------------- */
body.Page_AboutPage .alt-page-title
{
		position: absolute;
		left: 0; top: 0;
		
		width: 100%; height: 75px;
		margin: 0;
		
		line-height: 75px;
		
    font-family: 'BitterBold';
    font-weight: normal !important;
    font-style: normal;
		
		text-align: center;
		
		background: #fff;
		
    -webkit-font-smoothing: antialiased !important;
}

body.Page_AboutPage #main-content .page-content
{
		padding-top: 100px;
}

body.Page_AboutPage .content-group
{
		min-height: 175px;
		padding: 35px 0 35px 320px;
		border-bottom: 1px solid #cccccc;
		
		position: relative;
}

body.Page_AboutPage .content-group:last-of-type,
body.Page_AboutPage .content-group:last-child
{
		border-bottom: none;
}

body.Page_AboutPage .content-group .icon-image
{
		display: block;
		width: 174px; height: auto;
		margin: -87px 0 0 0; padding: 0 73px;
		
		border: none;
		
		position: absolute;
		left: 0; top: 50%;
}

body.Page_AboutPage .content-group .icon-image.double
{
		margin: -184px 0 0 0;
}

body.Page_AboutPage .content-group p,
body.Page_AboutPage .content-group ul
{
    font-family: 'BitterRegular';
    font-weight: normal !important;
    font-style: normal;

    font-size: 15px;
    line-height: 21.5px;
    
    text-align: left;
    padding: 0 20px;
}

/* FONT FACE
---------------------------------------------------------- */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://www.playbrave.org/themes/default/fonts/FontName.eot');
	    src: url('http://www.playbrave.org/themes/default/fonts/FontName.eot?iefix') format('eot'),
	         url('http://www.playbrave.org/themes/default/fonts/FontName.woff') format('woff'),
	         url('http://www.playbrave.org/themes/default/fonts/FontName.ttf') format('truetype'),
	         url('http://www.playbrave.org/themes/default/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/