body {
    background-color: #12aed4;
    -webkit-background-size: 100%;
       -moz-background-size: 100%;
            background-size: 100%;
    font-size: 0.9em;
    padding-top: 35px;
}
body.lbp-vita {
	background: url('../img/lbpvita-repeat.gif') left 35px repeat;
	background-size: 288px 288px;
}
body.lbp-vita .bgr {
    background: url('../img/lbp-vita-bg.png') left top repeat-x transparent;
}
body.lbp {
	background: url('../img/lbp-repeat.gif') left 35px repeat;
	background-size: 288px 288px;
}
body.lbp .bgr {
	background: url('../img/lbp-bg.png') left top repeat-x transparent;	
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0;
}
hr {
    margin: 0.5em 0;
}
a:hover {
    text-decoration: none;
}
.label, .badge {
    font-size: 1em;
    line-height: 1.8em;
}
.labels .label {
    display: inline-block;
}
.labels .label:first-child {
    transform: rotate(-0.5deg) !important;
    -webkit-transform: rotate(-0.5deg) !important;
    -moz-transform: rotate(-0.5deg) !important;
}
.labels .label:nth-child(even) {
    transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
}
.labels .label:nth-child(odd) {
    transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -moz-transform: rotate(1.5deg);
}
form {
    margin: 0;
}

/* ---------------------------------------- bootstrap extensions */

.btn-bright-green, .more {
    background-color: hsl(195, 79%, 43%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c5eb", endColorstr="#1798c4");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#56c5eb), to(#1798c4));
	background-image: -moz-linear-gradient(top, #56c5eb, #1798c4);
	background-image: -ms-linear-gradient(top, #56c5eb, #1798c4);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56c5eb), color-stop(100%, #1798c4));
	background-image: -webkit-linear-gradient(top, #56c5eb, #1798c4);
	background-image: -o-linear-gradient(top, #56c5eb, #1798c4);
	background-image: linear-gradient(#56c5eb, #1798c4);
	border-color: #1798c4 #1798c4 hsl(195, 79%, 38%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-font-smoothing: antialiased;
}
.btn-bright-green:hover {
	/* background: yellow !important;
    color: #2F1111 !important; */
}
.label-purple, .badge-purple, .btn-purple {
    background-color: hsl(275, 37%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a47ac1", endColorstr="#4b2c61");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#a47ac1), to(#4b2c61));
    background-image: -moz-linear-gradient(top, #a47ac1, #4b2c61);
    background-image: -ms-linear-gradient(top, #a47ac1, #4b2c61);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a47ac1), color-stop(100%, #4b2c61));
    background-image: -webkit-linear-gradient(top, #a47ac1, #4b2c61);
    background-image: -o-linear-gradient(top, #a47ac1, #4b2c61);
    background-image: linear-gradient(#a47ac1, #4b2c61);
    border-color: #4b2c61 #4b2c61 hsl(275, 37%, 19.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
    -webkit-font-smoothing: antialiased;
}
.label-purple:hover {
    background: #4b2c61;
}

/* --------------------------------------------- BUTTONS */
.btn, .nav-collapse .btn {
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
}
.btn-group > .btn:first-child {
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
}
.btn-level-queue {
	margin-left: -1px;
}
.btn-grief, .btn-new-list, .level .btn-queue, .list .btn-delete-list, .list .btn-queue, /* .level-profile .btn-level-queue, */ .user-profile .btn-user-heart, 
/* .event-details .btn-heart-list, */ /*.event-details .btn-queue-list, */ /* .btn-level-list, */ .btn.show-settings-mode, .btn-blocking { 
    clear: right;
    float: right;
}
.btn-new-list {
	clear: none;
	margin-right: 5px;
}
.activity-list .btn-level-queue, .btn-enlist-level, .btn-queue, .btn-new-list, .btn-delete-list, #new-list .submit {
	padding-top: 2px;
}
#user-lists-list .btn-queue, .btn-enlist-level, .btn-delete-list {
	margin-right: -1em;
}
.btn-delete-list, .btn-grief, .btn-blocking {
	margin-top: 1em;
}
/* Large buttons  */
.level-profile .btn-level-list, .level-profile .btn-queue-list, .btn-heart-list, .btn-user-heart, .level-profile .btn-level-queue, .btn-play-now {
	clear: none !important;
	padding: 5px 14px;
}
.level-profile .btn-level-list {
	padding: 5px 24px;
}
.level .btn-queue, .level .btn-enlist-level {
    position: absolute;
    right: 0;
    top: 1em;
}
.btn-level-queue.wait span, .btn-user-heart.wait span, .btn-queue-list.wait span, .btn-heart-list.wait span, .btn-level-list.wait span,
#list-levels .btn.show-settings-mode, .list .btn-delete-list, .activity-list .btn-level-queue.wait:before, .btn-queue.wait:before,
.btn-enlist-level.wait span:before, .btn-delete-list.wait:before, #new-list .submit.wait:before, #edit-list-name .submit.wait:before, 
#edit-list-desc .submit.wait:before, .btn-play-now.wait:before, .activity-list .user-pic .hearted span, .activity-list .user-pic .hearted {
    display: none;
}
#list-levels.settings-mode .btn.show-settings-mode, .settings-mode .btn-delete-list {
    display: inline-block;
}
.btn-level-queue span:before, .btn-queue-list span:before, .btn-queue span:before, .btn-queue:before {
	content: "6";
}
.btn-level-list span:before, .btn-new-list span:before, .btn-enlist-level span:before {
	content: "\0AE";
}
.btn-user-heart span:before, .btn-heart-list span:before {
	content: "1";
}
.btn-delete-list:before {
	content: "\0B1"
}
.btn-play-now:before {
	content: "M";
}
.btn-grief:before {
	content: "3";
}
.btn-blocking:before {
	content: "\00f1";
}
.btn-blocking.unblock:before {
	content: "\00d1";
}
#new-list .submit:before, #list-popover .list-of-lists li button.active:before, #edit-list-name .submit:before, #edit-list-desc .submit:before {
    content: "/";   
}
#list-popover .list-of-lists li button:before {
	content: "+";
}
#list-popover .list-of-lists li button.wait.disabled:before, .btn-disable-level-comments.wait:before, .btn-enable-level-comments.wait:before, .btn-disable-user-comments.wait:before, .btn-enable-user-comments.wait:before,
.btn-disable-level-reviews.wait:before, .btn-enable-level-reviews.wait:before, .btn-disable-user-reviews.wait:before, .btn-enable-user-reviews.wait:before {
	content: "";
}
#list-popover .list-of-lists li button.wait.disabled {
	background-position: 16px 2px;
    padding: 15px 29px;
}
.btn-queue:before, .btn-enlist-level span:before, .btn-new-list span:before, .btn-delete-list:before, #new-list .submit:before, .btn-grief:before,
#edit-list-name .submit:before, #edit-list-desc .submit:before, .btn-blocking:before {
	margin-right: 5px;
	position: relative;
	top: 3px;
}
#user-levels-list .btn-group {
	position: absolute;
	right: -1em;
}
.btn-enable-level-comments {
    float: left !important;	
}
.btn-group.setting-option {
    position: absolute;
    right: 0;
}
.btn-enable-level-comments,
.btn-enable-level-reviews {
    display: none;
}
.settings-mode .btn-enable-level-comments,
.settings-mode .btn-enable-level-reviews,
.btn-enable-user-comments {
	display: block;
	padding: 5px 14px 4px 14px;
}
#list-popover .list-of-lists li button.active {
	padding: 8px 18px 4px 18px;
	font-size: 1em;
	line-height: 1em;
}
#list-popover .list-of-lists li button {
    line-height: 0.5em;
    font-size: 1.6em;
    padding: 8px 18px 0px 18px;
    position: absolute;
    right: 1em;
    top: 5px;
}
#list-popover .list-of-lists li button span {
	display: none;
}
.btn-grief, .btn-blocking {
	background: #BD362F;
	border: 0;
}
.wait, .wait.disabled {
    background: url('../img/loadingicon-grey.gif') 50% 50% no-repeat #006DCC;
    background-position: 50% 50%;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.moar-btn .btn {
	padding: 5px 0;
	margin-top: 1em;
	width: 100%;
}
.moar-btn .btn.wait {
	text-indent: -9999px;
}
.btn-level-queue.wait, .btn-user-heart.wait, .btn-queue-list.wait, .btn-heart-list.wait, .level-profile .btn-level-list.wait, .btn-play-now.wait {
	background-image: url('../img/loadingicon-grey.gif');
    background-position: 50% 9px;
    padding-top: 38px;
}
.btn-enlist-level.wait, #list-popover .list-of-lists li button.wait.disabled, .btn-enable-level-reviews.wait, 
.btn-enable-level-comments.wait, .btn-enable-user-comments.wait {
    background-color: #2F96B4;		
}
.btn-delete-list.wait {
	background-color: #BD362F;
}
.activity-list .btn-level-queue.wait, .btn-queue.wait, .btn-enlist-level.wait, .btn-delete-list.wait, #new-list .submit.wait,
.btn-disable-level-comments.wait.disabled, .btn-enable-level-comments.wait.disabled, .btn-disable-user-comments.wait.disabled, 
.btn-enable-user-comments.wait.disabled, .btn-disable-level-reviews.wait.disabled, .btn-enable-level-reviews.wait.disabled, 
.btn-disable-user-reviews.wait.disabled, .btn-enable-user-reviews.wait.disabled, #edit-list-name .submit.wait.disabled, 
#edit-list-desc .submit.wait.disabled, #widget-form .submit.wait.disabled {
	background-position: 8px 3px;
	padding-left: 35px;
	padding-top: 6px;
}
.btn-enable-user-comments.wait.disabled, .btn-enable-level-comments.wait.disabled, .btn-enable-level-reviews.wait.disabled {
	padding-top: 5px;
}
.btn-level-queue span, .btn-level-list span, .btn-heart-list span, .btn-queue-list span, .btn-user-heart span, .btn-play-now:before {
	display: block;
	font-size: 3em;
	line-height: 0.7em !important;
}
.btn-settings {
    float: right;
    margin-bottom: 0.5em;
    padding: 4px 11px 6px 11px;
}
.btn-settings span {
    background: url('../img/settings-btn.png') left top no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}
.level .btn-enlist-level {
	right: 1em;
	top: 4em;
}
.btn-enable-user-comments {
	float: right;
	margin-top: 0.5em;
}
.btn-disable-level-comments:before, .btn-enable-level-comments:before,
.btn-disable-user-comments:before, .btn-enable-user-comments:before {
    content: "\f0e5";
    margin-right: 5px;
}
.btn-disable-level-reviews:before, .btn-enable-level-reviews:before,
.btn-disable-user-reviews:before, .btn-enable-user-reviews:before,
.btn-edit-list-name:before, .btn-edit-list-desc:before {
    content: "\f040";
    margin-right: 5px;
}
.widget-wizard .submit, .btn-get-widget {
	padding: 5px 14px 3px 14px;
	margin: 1em 0;
}
.btn-edit-list-name, .btn-edit-list-desc {
	margin-top: 0em !important;
}
.list-heading h1 {
	
}
.btn-visit-lbpv, .btn-visit-lbpk, .btn-visit-lbp {
	padding-top: 7px;
}
.btn-teal {
	background-color: hsl(39, 1%, 27%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0b0af", endColorstr="#454544");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#b0b0af), to(#454544));
	background-image: -moz-linear-gradient(top, #b0b0af, #454544);
	background-image: -ms-linear-gradient(top, #b0b0af, #454544);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b0af), color-stop(100%, #454544));
	background-image: -webkit-linear-gradient(top, #b0b0af, #454544);
	background-image: -o-linear-gradient(top, #b0b0af, #454544);
	background-image: linear-gradient(#b0b0af, #454544);
	border-color: #454544 #454544 hsl(39, 1%, 16.5%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.69);
	-webkit-font-smoothing: antialiased;
}

.overlay-close {
	float: right;
    padding-right: 0px;
}
.overlay-close:after {
	content: "\0B1";
	font-size: 3em;
	position: relative;
	top: 5px;
	margin-left: 5px;
}
/* --------------------------------------------- END BUTTONS */

.caret {
    border-top: 4px solid #fff;
}
.my-profile .caret {
	border-top: 4px solid #333 !important;
}


/* ------------------------------------------------- Fonts */
@font-face {
  font-family: 'EigerdalsHeavy';
  src: url('fonts/1826A0_0.eot');
  src: url('fonts/1826A0_0.eot?#iefix') format('embedded-opentype'),
       url('fonts/1826A0_0.woff') format('woff'),
       url('fonts/1826A0_0.ttf') format('truetype'),
       url('fonts/1826A0_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EigerdalsHeavyItalic';
  src: url('fonts/1826A0_1.eot');
  src: url('fonts/1826A0_1.eot?#iefix') format('embedded-opentype'), 
       url('fonts/1826A0_1.woff') format('woff'),
       url('fonts/1826A0_1.ttf') format('truetype'),
       url('fonts/1826A0_1.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CrikeySquatRegular';
  src: url('fonts/crikey_squat-webfont.eot');
  src: url('fonts/crikey_squat-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/crikey_squat-webfont.woff') format('woff'),
       url('fonts/crikey_squat-webfont.ttf') format('truetype'),
       url('fonts/crikey_squat-webfont.svg#CrikeySquatRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CrikeyTallSemiBold';
  src: url('fonts/crikey_tall-webfont.eot');
  src: url('fonts/crikey_tall-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/crikey_tall-webfont.woff') format('woff'),
       url('fonts/crikey_tall-webfont.ttf') format('truetype'),
       url('fonts/crikey_tall-webfont.svg#CrikeyTallSemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ClassicRound';
  src: url('fonts/classic_round.eot');
  src: url('fonts/classic_round.eot?#iefix') format('embedded-opentype'),
       url('fonts/classic_round.woff') format('woff'),
       url('fonts/classic_round.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PopitRegular';
  src: url('fonts/popit-webfont.eot');
  src: url('fonts/popit-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/popit-webfont.woff') format('woff'),
       url('fonts/popit-webfont.ttf') format('truetype'),
       url('fonts/popit-webfont.svg#PopitRegularRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/fontawesome-webfont.woff') format('woff'),
       url('fonts/fontawesome-webfont.ttf') format('truetype'),
       url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
.hero-unit, .brand, .user-profile h1, .content-container h2, .level-profile h2, 
.level h1, .level h3, .event h3, .list h3, .level-profile .level-actions .btn,
.feedback li, .btn-queue, #lbp-tabbed li a, #tagged .name, .photo-details h1,
.well h4, .playerhighlight span, .user h3, .user-profile-nav li a, .moar-btn .btn,
.grief-message h1, .search-order .btn, .search-filter .btn, .search-published .btn, 
.one-click-search .btn, .moar-level-info, .logged-out .sign-in-message h1, 
.search-submit, .user-profile-details h1, .logged-out .sign-in-message p a.btn, 
.settings .user, legend, .settings h1, .settings h2, .btn-user-heart,
.btn-enable-level-comments, .btn-enable-level-reviews, .grief-panel h1, .searchsubmit, 
.settings-submit .btn, .grief-submit .btn, #user-pins-list li h3, .list .btn-delete-list,
.btn-new-list, .show-create-mode .submit, #show-players, .recent-activity .nav li a,
.btn-enlist-level, .btn-grief, #new-list .submit, .btn-enable-user-comments,
#edit-list-name .submit, #edit-list-desc .submit, .btn-edit-list-name, .btn-edit-list-desc,
.widget-wizard .submit, .btn-get-widget, .widget-wizard h3, .btn-visit-lbpk, .btn-visit-lbpv,
.btn-visit-lbp, .level-profile .level .event-details .level-description > a,
.block-message h1, .btn-blocking {
    font-family: "EigerdalsHeavy", Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.homepage-search h1, .logged-out .discover-header, .logged-out h2, .content-header h2,
.photos h2, .span3 .newest-levels h2, .span3 .trending-levels h2, .span3 .teampick-levels h2,
.game-banner.lbpv .lbpv-level-count, .game-banner.lbpk .lbpk-level-count, .game-banner.lbp .lbp-level-count,
.logged-out .homepage-list .recently-published-text span {
    font-family: "CrikeyTallSemiBold";
    font-weight: normal;
}
.level-creator, .advanced-search, .label, .photo-info h4, .fourohthree, .fourohone,
.my-profile .username, .btn-game-nav, .highscores thead tr th,
#signed-out-nav .btn, .logged-out .sign-in-message .intro, .fourohfour, .fivehundred, 
.navbar .nav a, .modal-header a, .search-filter h2, .no-activity, .results-found, .overlay-close {
    font-family: "CrikeySquatRegular";
}
.popit, .thumbsup span, .hearted span, .feedback li.plays span, 
.feedback li.listed span, .feedback li.published span, .feedback li.thumbsdown span,
.btn-level-list span, .btn-play-now:before, .btn-level-queue span, .btn-user-heart span,
.photo-details .photo-info #show-players:before, .btn-grief:before,
.playernumber .players .btn.pl1:before, .playernumber .players .btn.pl2:before,
.playernumber .players .btn.pl3:before, .playernumber .players .btn.pl4:before,
.logged-out .sign-in-message p a.btn:before, .recent-activity .nav li.hearted-activity a span, 
.recent-activity .nav li.psn-activity a span, .recent-activity .nav li.level-activity a span, 
.recent-activity .nav li.my-activity a:before, .btn-queue:before, .homepage .newest-levels h2:after, 
.homepage .trending-levels h2:after, .homepage .teampick-levels h2:after, .search-submit:before, 
.logged-out .logged-out-message p a:before, .logged-out .logged-out-message .sign-in-message-close span, 
.photos h2:before, .search .searchsubmit:before, .navbar .topbaractions .grief-btn span:before, 
.navbar .topbaractions .share-btn span:before, .settings .settings-success p:before, 
.settings .settings-error p:before, .modal-header .share-btn span:before,
.recent-activity .nav li a:before, .no-activity:before, .reset:before, .feedback .levels span,
.btn-settings:before, .highscores.pl1 tr th:after, .highscores.pl2 tr th:after, .highscores.pl3 tr th:after, 
.highscores.pl4 tr th:after, .btn-heart-list span, .overlay-close:after,
.span3 .newest-levels h2:after, .span3 .trending-levels h2:after, .span3 .teampick-levels h2:after,
.btn-new-list span:before, .btn-enlist-level span:before, .btn-enlist-level:before, 
.btn-delete-list:before, #new-list .submit:before, .results-found:before, .btn-queue-list span,
#edit-list-name .submit:before, #edit-list-desc .submit:before, 
.navbar .topbaractions .block-btn span:before, .btn-blocking:before,
.navbar .topbaractions .unblock-btn span:before {
    font-family: 'PopitRegular';
    font-weight: normal;
}
.btn-enable-level-comments:before, .btn-enable-level-reviews:before, .btn-enable-user-comments:before, 
.btn-enable-user-reviews:before, .btn-edit-list-name:before, .btn-edit-list-desc:before {
    font-family: 'FontAwesome';
}
.comment .popit, .review .popit, .recent-activity h2,.feedback li span, 
.level-profile .level h1, .user-profile .user h1, .photo-details .photo-info #show-players:before, .homepage-search h1,
.grief-panel h1, .span3 .newest-levels h2:after, .span3 .trending-levels h2:after, .span3 .teampick-levels h2:after,
#edit-list-name .submit:before, #edit-list-desc .submit:before {
    font-size: 2em;
}
.advanced-search .popit, .navbar .nav .popit, .logged-out .sign-in-message p a.btn span,
.logged-out .logged-out-message .sign-in-message-close span, .irating, .fourohfour h1, 
.fivehundred h1, .fourohthree h1, .fourohone h1, .logged-out .discover-header, .homepage-search h1,
.navbar .topbaractions .grief-btn span:before, .modal-header .share-btn span:before, 
.navbar .topbaractions .share-btn span:before, .no-activity:before, .highscores.pl1 tr th:after, 
.highscores.pl2 tr th:after, .highscores.pl3 tr th:after, .highscores.pl4 tr th:after, .results-found:before,
.btn-enlist-level:before, .game-banner.lbpv .lbpv-level-count, .game-banner.lbpk .lbpk-level-count, 
.game-banner.lbp .lbp-level-count, .navbar .topbaractions .block-btn span:before,
.navbar .topbaractions .unblock-btn span:before {
    font-size: 3em;
}
.user-profile h2, .level-profile h2, .homepage .trending-levels h2:after, .homepage .newest-levels h2:after,
.homepage .teampick-levels h2:after, .logged-out h2, .activity h4 .hearted, .activity h4 .thumbsup,
.span3 .newest-levels h2, .span3 .trending-levels h2, .span3 .teampick-levels h2, .btn-grief:before,
.btn-queue:before, .btn-new-list span:before, .btn-enlist-level span:before, .btn-delete-list:before,
#new-list .submit:before, .btn-enlist-level.active:before, .btn-blocking:before {
    font-size: 2.3em;
}
.comment .popit, .review .popit, .activity h4 .popit {
    color: #92D035;
    margin-left: 0.2em;
}
.advanced-search .popit {
    position: relative;
    top: 7px;
}

#signed-out-nav, .signed-in #signed-in-nav, .signed-in footer .show-signed-in  {
	display: block;
}
.signed-in .block-btn {
	display: inline-block;
}
.signed-in #signed-out-nav, #signed-in-nav, footer .show-signed-in, .block-btn {
    display:none;
}

#signed-out-nav {
    margin-bottom: 0.5em;
}
#signed-out-nav .register-link {
    color: #fff;
    margin-left: 10px;
    padding-top: 3px;
    position: relative;
    top: 3px;
}
/* .navbar .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
} */
.lbp .navbar .btn-navbar {
background-color: hsl(165, 44%, 8%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#276657", endColorstr="#0b1d18");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#276657), to(#0b1d18));
  background-image: -moz-linear-gradient(top, #276657, #0b1d18);
  background-image: -ms-linear-gradient(top, #276657, #0b1d18);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #276657), color-stop(100%, #0b1d18));
  background-image: -webkit-linear-gradient(top, #276657, #0b1d18);
  background-image: -o-linear-gradient(top, #276657, #0b1d18);
  background-image: linear-gradient(#276657, #0b1d18);
  border-color: #0b1d18 #0b1d18 hsl(165, 44%, 3%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
.lbp-vita .navbar .btn-navbar {
	background-color: hsl(254, 42%, 8%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#372965", endColorstr="#0f0b1c");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#372965), to(#0f0b1c));
	background-image: -moz-linear-gradient(top, #372965, #0f0b1c);
	background-image: -ms-linear-gradient(top, #372965, #0f0b1c);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #372965), color-stop(100%, #0f0b1c));
	background-image: -webkit-linear-gradient(top, #372965, #0f0b1c);
	background-image: -o-linear-gradient(top, #372965, #0f0b1c);
	background-image: linear-gradient(#372965, #0f0b1c);
	border-color: #0f0b1c #0f0b1c hsl(254, 42%, 3%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #080808 \9;
}
.navbar .nav .popit {
    float: left;
}
.navbar .nav li a {
    text-shadow: none;
}
.navbar .nav .active a {
    background: none;
    color: #fff;
    text-decoration: underline; 
}
.navbar .nav .dropdown-menu {
    margin: 10px 0 0 0;
}
.navbar #signed-in-nav .dropdown-menu {
    left: -35px;
}
.navbar .nav li .nav-share {
    padding: 9px 0 0 6px;
}
.navbar #signed-out-nav .btn {
    padding: 3px 14px;  
}
.navbar .username {
	padding: 5px 14px 3px 14px;
}
.playernumber .players .btn.pl1, .navbar .btn-group > .btn:first-child {
    -webkit-border-radius: 15px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 15px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.playernumber .players .btn.pl4, .navbar .btn-group > .btn:last-child {
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius: 0px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
nav .search-form {
    background: none !important;
    float: left;
    margin: 6px 0 0 80px !important;
    padding: 0 !important;
    width: auto;
}
nav .search-form .search-input {
    background: #fff;
    font-size: 0.9em !important;
    float: left;
    margin: 0;
    padding: 1px 0px 0px 10px !important;
    width: 10em;
    height: 2em !important;
    -webkit-border-radius: 15px !important;
    -webkit-border-top-right-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius: 15px !important;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-radius: 15px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
nav .search-form .search-submit {
    border: 0;
    float: left;
    line-height: 0.6em; 
    padding: 0px 9px 0px 6px;
    width: 3em;
    height: 2em !important;
    -webkit-border-radius: 0px !important;
    -webkit-border-top-right-radius: 15px !important;
    -webkit-border-bottom-right-radius: 15px !important;
    -moz-border-radius: 0px !important;
    -moz-border-radius-topright: 15px !important;
    -moz-border-radius-bottomright: 15px !important;
    border-radius: 0px !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
nav .search-form .search-submit span {
	display: none;
}
nav .search-form .search-submit::before {
    content: "\00A2";
    font-size: 3em;
    position: relative;
    top: 5px;
}
.navbar .btn-group {
    margin-top: 5px;        
}
.navbar .btn-group .dropdown-toggle {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* ------------------------------------------------- display none */
.nav .popit span, .grief-message, .btn-grief, footer #logos li a span,
.level .level-pic .lbp1 span, .level .level-pic .lbp2 span, .level .level-pic .lbpvita span, .level .level-pic .queued span,
.level-profile .level .level-pic .queued, .level-profile .event-details .add-to-list,
.irating span span, .icon.private span, .icon.locked span, .user-profile .user .pins .desc,
.highscores caption, .search legend, .pin-progress .pins .pin span.desc, .playernumber .players .btn span,
#by-label, .level .level-pic .level-complete span, .list-detail .list-pic .icon.queued span, 
.level .level-pic .level-hearted span, .level .level-pic .level-goodies span, 
.level .level-pic .level-aced span, .level .level-pic .level-reward1 span, .level .level-pic .level-reward2 span,
.level .level-pic .level-reward3 span, .user-profile .user-pic .hearted span, .user-profile .user-pic .hearted, .level-hearted, .queued,
.list .list-hearted span, .level-profile .level .list-hearted span, .list .list-pic .queued span,
.level .level-pic .psmove span, .level .level-pic .cross-control span, .block-message, .btn-blocking {
    display: none;
}

/* ------------------------------------------------- Rounded corners */
.user-profile, .well, .level-profile, .level-search, .grief-message, .block-message,
.activity-list .comment .event-details, .activity-list .review .event-details, 
.level-profile .event-details .add-to-list, .settings, .widget-wizard, .setting-option,
.search-form, .logged-out-message, .grief-panel, .fourohfour, .fourohthree, .fourohone, .fivehundred, .grief-success,
.grief-validation, .search-results, .photo-details, .one-click-search, .homepage-search,
.level-list, .search .input-xlarge, .search-options, .widget-wizard .preview, .logged-out .homepage-level-lists {
    padding: 1em;
    margin-bottom: 1em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(256, 256, 256, 0.95);
}
.content-container {
    -moz-border-image: url('../img/paper-bg.png') 8 repeat;
    -webkit-border-image: url('../img/paper-bg.png') 8 stretch;
    -o-border-image: url('../img/paper-bg.png') 8 repeat;
    border-width: 8px;
    border-style: solid;
    border-image:url('../img/paper-bg.png') 10 fill repeat;
    border-color: #fff;
    padding: 1em;
    margin-bottom: 1em;
}
.device-android .content-container {
    border-width: 2px;
}
.logged-out-message { /* dark background */
    background: rgba(0, 0, 0, 0.7);
}

/* ------------------------------------------------- background colours */
.lbp-vita .user-profile, .lbp-vita .level-profile, .lbp-vita .photo-details, .lbp-vita .modal .modal-body .photo-details, .lbp-vita .search-options,
.lbp-vita .one-click-search, .lbp-vita .level-list, .lbp-vita .homepage-search, .lbp-vita .settings, .lbp-vita .fourohfour, .lbp-vita .fivehundred,
.lbp-vita .widget-wizard .preview, .lbp-vita.logged-out .homepage-level-lists {
    background: rgba(100, 140, 166, 1);
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(101, 127, 174, 0.7)),color-stop(0.40, rgba(131, 155, 200, 0.7)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(101, 127, 174, 0.7)),color-stop(0.40, rgba(131, 155, 200, 0.7)));
    background: -moz-linear-gradient(center bottom,rgba(131, 155, 200, 0.7) 0%,rgba(101, 127, 174, 0.7) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(131, 155, 200, 0.7) 0%,rgba(101, 127, 174, 0.7) 40%);
    border-width: 0px;
}
.lbp .user-profile, .lbp .level-profile, .lbp .photo-details, .lbp .modal .modal-body .photo-details, .lbp .search-options,
.lbp .one-click-search, .lbp .level-list, .lbp .homepage-search, .lbp .settings, .lbp .fourohfour, .lbp .fivehundred, .lbp .widget-wizard .preview,
.lbp.logged-out .homepage-level-lists {
    background: rgba(68, 182, 73);
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(51, 136, 55, 0.7)),color-stop(0.40, rgba(68, 182, 73, 0.7)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(51, 136, 55, 0.7)),color-stop(0.40, rgba(68, 182, 73, 0.7)));
    background: -moz-linear-gradient(center bottom,rgba(51, 136, 55, 0.7) 0%,rgba(68, 182, 73, 0.7) 40%);   
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(51, 136, 55, 0.7) 0%,rgba(68, 182, 73, 0.7) 40%);
    border-width: 0px;
}
.lbp-vita .teampick-levels {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(221,8,145, 0.8)),color-stop(0.40, rgba(255, 22, 172, 0.9)));
    background-image: -moz-linear-gradient(center bottom,rgba(221,8,145, 0.8) 0%,rgba(255, 22, 172, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(221,8,145, 0.8) 0%,rgba(255, 22, 172, 0.9) 40%);
} 
.lbp .teampick-levels {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(221,8,145, 0.7)),color-stop(0.40, rgba(255, 22, 172, 0.7)));
    background-image: -moz-linear-gradient(center bottom,rgba(221,8,145, 0.7) 0%,rgba(255, 22, 172, 0.7) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(221,8,145, 0.7) 0%,rgba(255, 22, 172, 0.7) 40%);
}

/* ------------------------------------------------- colors */
.user-profile a, .level-profile a, .photo-details a, .user-profile, .level-profile, .photo-details,
.timestamp, .navbar .brand,
body.grief .grief-message, .btn-grief, footer ul li a, footer small a, .irating span:before,
.user-profile-nav li a, .playerhighlight span, .pin-progress .pins .pin span.desc, .advanced-search,
.navbar .nav > li > a, .logged-out.homepage h2, .one-click-search h2, .logged-out .logged-out-message, 
.homepage-search a, .homepage .level .event-details a, .homepage-search h1, .homepage-search p,  
.settings legend, .logged-out .logged-out-message a, .settings, .settings .user a, 
.grief .lbp-carousel li .btn-grief:hover, .fourohfour, .fivehundred, .fourohthree, .fourohone, 
#advanced-search legend, .level-list h2 a, .search-filter h2, .span3 .newest-levels h2:after, 
.span3 .trending-levels h2:after, .span3 .teampick-levels h2:after, #lbp-tabbed li a, 
.user-profile-nav li a, .advanced-search:hover, .game-banner.lbpv .lbpv-level-count, 
.game-banner.lbpk .lbpk-level-count, .game-banner.lbp .lbp-level-count, .logged-out .homepage-list .recently-published-text span,
body.block .block-message, .btn-blocking {
    color: #fff;
}

/* ------------------------------------------------- box-shadow*/
.user-pic img, .photopos img, .lbp-carousel img, .photolist li img, .activity-list .photos img,
.homepage-search, .newest-levels, .trending-levels, .teampick-levels, .level-profile, .user-profile,
.search-options, .one-click-search, .logged-out .homepage-level-lists, .game-banner {
    box-shadow: 0px 2px 4px black;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 4px black;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px #000;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0, 0.4);
}

/* ------------------------------------------------- Sign in button */
.sign-in-btn {
    width: 100%;
    padding: 3px 0 7px 0 !important;
    margin: 0.5em 0;
    line-height: 1.4em;
}
.sign-in-btn:before {
    content: "\\";
    font-size: 3em;
    position: relative;
    top: 7px;
    margin-right: 4px;
}
.show-signed-in-owner {
    display: none;
}
.signed-in-owner .hide-signed-in-owner {
    display: none;
}
.signed-in-owner .show-signed-in-owner {
    display: block;
}

/* ------------------------------------------------- Top Nav bars */
.sonybar {
    background: url('../img/makebelieve.png') right top #000 no-repeat;
    border-bottom: 1px solid #eee;
    min-height: 35px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 60;
}
.navbar {
    margin-bottom: 1.5em;
    position: relative;
    z-index: 50;
}

/* site selector */
.navbar .brand {
    background: url('../img/site-selector.png') -325px -196px no-repeat;
    display: block;
    float: left;
    height: 35px;
    margin: 2px 0 0 0px;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    width: 176px;
    z-index: 40;
}
.navbar .brand span {
    background: url('../img/site-selector.png') right 3px no-repeat transparent;
    position: absolute;
    right: -25px;
    top: 10px;
    width: 20px;
    height: 20px;
}
.navbar .brand.open span {
    background-position: right -20px;
}
body.lbp .navbar .brand {
    background: url('../img/site-selector.png') -324px -5px no-repeat transparent;
    width: 110px;
}
.site-select {
    background: url('../img/site-selector.png') left bottom no-repeat transparent;
    display: none;
    margin: 0px;
    position: absolute;
    top: 70px;
    width: 320px;
    z-index: 30;
}
.site-select-bottom {
	display: none;
    background: url('../img/site-selector.png') 1px -283px no-repeat transparent;
    left: -2px;
    padding: 13px 0;
    position: relative;
    top: 25px;
}
.site-select ul {
    list-style: none;
    margin: 20px 0 0 20px;
    padding: 0 0 40px 0;
}
.site-select ul li a {
    display: block;
    margin: 0 0 0 0;
    overflow: hidden;
    text-indent: -9999px;
}
.site-select .lbpk a {
    background: url('../img/site-selector.png') -325px -47px no-repeat transparent;
    height: 50px;
    width: 245px;
}
.site-select .lbpme a {
    background: url('../img/site-selector.png') -323px -3px no-repeat transparent;
    height: 44px;
    margin-bottom: 10px;
    width: 245px;
}
.site-select .lbpvita a {
    background: url('../img/site-selector.png') -325px -196px no-repeat;
    height: 40px;
    width: 245px;
}
.site-select .lbpcom a {
    background: url('../img/site-selector.png') -324px -115px no-repeat transparent;
    height: 56px;
    margin-top: 0px;
    width: 245px;
}

/* site selector */
.navbar .my-profile {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-inner { /* bootstrap override */
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
}
.lbp-vita .navbar-inner {
    background: rgba(64, 57, 107, 1);	
}
.lbp .navbar-inner {
	background: #44B649;
    background: rgba(68, 182, 73, 0.9);
}
.navbar .topbaractions {
    float: right;
    margin-right: 3px;
}
.navbar .topbaractions .share-btn, 
.navbar .topbaractions .grief-btn, 
.modal-header .share-btn,
.navbar .topbaractions .block-btn,
.navbar .topbaractions .unblock-btn {
    float: none;
    margin-top: 4px;
    padding-bottom: 0px;
}
.navbar .topbaractions .grief-btn span:before {
    content: "3";
}
.navbar .topbaractions .block-btn span:before {
	content: "\00f1";
}
.navbar .topbaractions .unblock-btn span:before {
	content: "\00d1";
}
.modal-header .share-btn span:before,
.navbar .topbaractions .share-btn span:before {
    content: "C";
    position: relative;
    top: 2px;
}
.popover {
    background: #eee;
    border: 3px solid #1799C4;
    width: 161px;
}
.popover-title {
    background-color: transparent;
    border-bottom: 0;
    color: #333;
    font-weight: bold;
    font-size: 1em;
    padding-bottom: 0;
}
.popover.bottom .arrow {
    border-bottom-color: #1799C4;
    top: -12px;  
}
.popover-content a:first-child {
    margin-right: 2em;
}
.search .popover-content a:first-child {
    margin-right: 0;
}
.popover #share-twitter img,
.popover #share-facebook img {
    box-shadow: 0 0 5px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 1);
    width: 48px;
    height: 48px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.timestamp {
    float: left;
    font-size: 0.75em;
    margin: 0.5em 0 0 0;
    padding: 0 5px;
    transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.lbp .timestamp {
	background: #DBDBDB;
    color: #333;
}
.lbp-vita .timestamp {
	background: #DBDBDB;
	color: #333;
}

/* grief & block handling */
.grief .grief-message, .block .block-message {
    background: #BD362F;
    display: block;
}
.grief .btn-grief, .grief-panel .btn-grief, .block .btn-blocking {
    display: block;
}
.grief-success {
    color: #000;
    margin-bottom: 0;
}
.grief-validation {
    color: #000;
}

/* ----------------------------------------------------------- Errors */
.lbp .fourohfour, .lbp .fivehundred, .lbp .fourohthree, .lbp .fourohone,
.lbp-vita .fourohfour, .lbp-vita .fivehundred, .lbp-vita .fourohthree, .lbp-vita .fourohone {
    background: #17201f;
}
.fourohone .message {
    background: url('../img/401.jpg') left top no-repeat;
    min-height: 260px;
    padding-top: 180px;
}
.fourohthree .message {
    background: url('../img/403.jpg') left top no-repeat;
    min-height: 310px;
    padding-top: 160px;
}
.fourohfour .message {
    background: url('../img/404.jpg') left top no-repeat;
    min-height: 250px;
    padding-top: 160px;
}
.fivehundred .message {
    background: url('../img/500.jpg') right 20px no-repeat;
    min-height: 250px;
    padding-top: 200px;
    text-align: right;
}
html[lang|=en] .fourohone .message {background: url('../img/401-en.jpg') left top no-repeat;}
html[lang|=en] .fourohthree .message {background: url('../img/403-en.jpg') left top no-repeat;}
html[lang|=en] .fourohfour .message {background: url('../img/404-en.jpg') left top no-repeat;}
html[lang|=en] .fivehundred .message {background: url('../img/500-en.jpg') right 20px no-repeat;}

.fourohthree .message p, .fourohone .message p {
    width: 40%;
}
.fourohfour .message h1,
.fourohfour .message p {
    clear: right;
    float: right;
    width: 40%;
}
.fivehundred .message p {
    clear: right;
    float: right;
    margin: 0.5em 0;
    width: 40%;
}
.ajax-error {
    background: #000;
    bottom: 0px;
    color: white;
    display: none;
    opacity: 0.9;
    padding: 20px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 50;
}

/* ----------------------------------------------------------- HOMEPAGE logged out */
.logged-out .discover-header, .homepage-search h1, .one-click-search h2, .newest-levels h2, .trending-levels h2, .teampick-levels h2 {
    text-shadow: 1px 1px 2px #333;
    filter: dropshadow(color=#333, offx=1, offy=1);
}
.logged-out .discover-header {
    padding: 0;
    margin: 10px 0;
    position: relative;
    z-index: 10;
    text-align: center;
}
.logged-out .one-click-search {
    box-shadow: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: none;
    text-align: center;
    position: relative;
    z-index: 10;
}
.logged-out .one-click-search .btn {
    margin-right: 0.5em;
    padding: 0.4em 1.5em 0.2em 1.5em;
    width: auto;
}
.logged-out .branding {
    height: 232px;
    width: 300px;
    left: -5px;
    top: -30px;
    position: absolute;	
}
.lbp.logged-out .branding {
	background: url('../img/lbp-logo.png') left top no-repeat;
	background-size: 300px 232px;
}
.lbp-vita.logged-out .branding {
	background: url('../img/lbpv-logo.png') left top no-repeat;
	background-size: 300px 232px;
}

.logged-out .search-form {
	margin-top: 65px;
}
.logged-out .sign-in-btn {
	margin-top: 200px;
}
.logged-out .homepage-level-lists {
	margin-top: 0.5em;
}
.logged-out .homepage-level-lists .first {
    margin-left: 0 !important;
}
.logged-out .discover-header img {
    margin: -35px auto 0 auto;
    display: block;
}
.logged-out .homepage-level-lists .icon.psmove,
.logged-out .homepage-level-lists .icon.cross-control {
	display: none !important;
}
.logged-out .sign-in-message {
	position: relative;
}
.logged-out .sign-in-message img.main-img {
	position: absolute;
	left: -39px;
	top: -18px;
	max-width: none !important;
	width: 335px !important;
	height: 210px !important;
}
.logged-out .game-banner {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 4px solid white;
    padding: 1em;
    margin: 0.5em 0 1.5em 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.logged-out .game-banner.lbpv {
	background-image: url('../img/lbp-vita-banner-bg.png'), url('../img/lbp-vita-bg.png');
	background-repeat: no-repeat, repeat-x;
	background-position: right bottom, bottom right;
	background-size: 150px 142px, 288px 1440px;
	border: 4px solid rgba(256, 256, 256, 0.6);
	min-height: 150px;
}
.logged-out .game-banner.lbpk {
	background-image: url('../img/lbp-karting-banner-bg.png'), url('../img/karting-banner-tile.png');
	background-repeat: no-repeat, repeat;
	background-position: right bottom, left top;
	background-size: 180px 211px, 301px 302px;
	border: 4px solid rgba(256, 256, 256, 1);
	min-height: 150px;
}
.logged-out .game-banner.lbp {
    background-image: url('../img/lbp-banner-bg.png'), url('../img/lbp-bg.png');
    background-repeat: no-repeat, repeat;
    background-position: right bottom, left top;
    background-size: 169px 169px, 288px 1140px;
    border: 4px solid rgba(256, 256, 256, 1);
    min-height: 150px;
}
.logged-out .game-banner.lbpv h2, .logged-out .game-banner.lbp h2, .logged-out .game-banner.lbpk h2 {
    position: relative;
    height: 58px;
}
.logged-out .game-banner.lbpv h2 img, .game-banner.lbpk h2 img, .game-banner.lbp h2 img {
    position: absolute;
}
.logged-out .game-banner.lbpv h2 img, .game-banner.lbpk h2 img, .game-banner.lbp h2 img {
    top: -30px;
}
.logged-out .game-banner .level-wrapper {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 0 0 0;
	min-height: 50px;
}
.logged-out .game-banner .btn span {
	padding: 2px 20px 2px 0px;
	background: url('../img/btn-arrow.png') right top no-repeat;
}
.logged-out .lbpk-level-count {
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	float: left;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 2em !important;
}
.logged-out .homepage-list {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 320px;
    height: 200px;
    overflow: hidden;
}
.logged-out .homepage-list .recently-published-text {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 40px;
	z-index: 10;
}
.logged-out .homepage-list .recently-published-text span {
	float: left;
	font-size: 1.8em;
	margin-top: 15px;
	background: url('../img/recently.png') right top no-repeat;
	padding-right: 50px;
}
.logged-out .homepage-list ul {
    list-style: none;
}
.logged-out .homepage-list ul li img {
    width: 50px;
    height: 50px;
    z-index: 20;
}
.logged-out .homepage-list ul li a:hover {z-index: 50;}
.logged-out .homepage-list ul li .listbadge1 {position: absolute;right: -3px;bottom: -10px;}
.logged-out .homepage-list ul li .listbadge2 {position: absolute;right: -5px;bottom: 100px;}
.logged-out .homepage-list ul li .listbadge3 {position: absolute;right: 0px;bottom: 68px;}
.logged-out .homepage-list ul li .listbadge4 {position: absolute;right: -13px;bottom: 39px;}
.logged-out .homepage-list ul li .listbadge5 {position: absolute;right: 20px;bottom: 20px;}
.logged-out .homepage-list ul li .listbadge6 {position: absolute;right: 106px;bottom: -25px;}
.logged-out .homepage-list ul li .listbadge7 {position: absolute;right: 76px;bottom: -10px;}
.logged-out .homepage-list ul li .listbadge8 {position: absolute;right: 44px;bottom: -20px;}
.logged-out .homepage-list ul li .listbadge9 {position: absolute;right: 54px;bottom: 25px;}
.logged-out .homepage-list ul li .listbadge10 {position: absolute;right: 30px;bottom: 60px;}
.logged-out .homepage-list ul li .listbadge11 {position: absolute;right: 27px;bottom: 124px;}
.logged-out .homepage-list ul li .listbadge12 {position: absolute;right: -13px;bottom: 141px;}

/* search panel on logged out homepage */
.homepage-search {
    border: 4px solid #fff !important;
    position: relative;
}
.homepage-search h1 {
    margin-bottom: 0.5em;
}
.homepage-search .span4 {
    border-right: 2px dashed #fff;
    margin-left: 0;
    padding-right: 1em;
}
.homepage-search .span8 {
    margin-left: 0.5em;
    padding-left: 1em;
}
/* logged out homepage lower content */
.homepage .trending-levels h2:after,
.homepage .newest-levels h2:after,
.homepage .teampick-levels h2:after {
    float: right;
    font-weight: normal;
}
.homepage .newest-levels h2:after, .span3 .newest-levels h2:after {content: "\00d4";}
.homepage .trending-levels h2:after, .span3 .trending-levels h2:after {content: "\00f5";}
.homepage .teampick-levels h2:after, .span3 .teampick-levels h2:after {content: "k";}

/* logged out homepage level treatment */
.homepage .activity-list .level {
    background: url('../img/dotted-hr-white.png') left top repeat-x transparent;
    border: none;
    margin: 0;
    padding: 1em 0 0 0;
}
.homepage .level .event-details {
    margin-left: 60px;
}
.homepage .level .event-details h3 {
    margin-right: 0;
}
.homepage .level .level-pic img {
    height: 50px;
    margin: 0;
    padding: 0;
    width: 50px;    
}

/* logged in homepage level lists in sidebar */
.span3 .level {
	background: url('../img/dotted-hr-white.png') left top repeat-x transparent !important;
	padding: 1em 0em 0.5em 0em !important;
	min-height: auto !important;
}
.span3 .level .level-pic {
	display: none;
}
.span3 .level .event-details {
	margin-left: 0px !important;
}
.span3 .level .event-details h3 {
	margin-right: 0px;
}
.span3 .level .event-details a {
	color: #fff;
}
.span3 .newest-levels h2:after, .span3 .trending-levels h2:after, .span3 .teampick-levels h2:after {
	float: right;
	font-weight: normal;
}

/* ------------------------------------------------- black box on logged out pages */
.logged-out .logged-out-message p a {
    font-size: 1em;
    margin-right: 1em;
}
.logged-out .logged-out-message p a:before {
    content: "(";
    font-size: 2em;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.logged-out .logged-out-message p a.btn span,
.logged-out .logged-out-message .sign-in-message-close span {
    float: left;
    margin-right: 10px;
}
.logged-out .logged-out-message .sign-in-message-close span:before {
    content: "!";
}
.logged-out .logged-out-message .sign-in-message-close {
    float: right;
}

/* ------------------------------------------------- Forms */
select {
    margin-bottom: 0;
}
fieldset {
    margin-top: 10px;
}
legend {
    font-size: 1.2em;
    line-height: 20px;
    margin-bottom: 10px;
}

/* ------------------------------------------------- Settings */
#settings fieldset {
    position: relative;
}
.settings .privacy-all,
.settings .privacy-psn,
.settings .privacy-game {
    float: left;
}
.settings .privacy-all .desc,
.settings .privacy-psn .desc,
.settings .privacy-game .desc {
    display: none;
}
.settings .privacy-all .privacybutton,
.settings .privacy-psn .privacybutton,
.settings .privacy-game .privacybutton {
    border: 3px solid #fff;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    cursor: pointer;
    display: block;
    height: 72px;
    margin-right: 1em;
    opacity: 0.6;
    position: relative;
    width: 72px;
}
.settings .privacy-all .privacybutton:hover,
.settings .privacy-psn .privacybutton:hover,
.settings .privacy-game .privacybutton:hover {
    background: #fff;
    opacity: 1;
}
.settings .privacy-all .privacybutton:hover {
    border-color: #93C83E;
}
.settings .privacy-psn .privacybutton:hover {
    border-color: #F4A50C;
}
.settings .privacy-game .privacybutton:hover {
    border-color: #E41212;
}
.settings .privacy-all input,
.settings .privacy-psn input,
.settings .privacy-game input {
    display: none;
}
.settings .privacy-all .privacybutton .icon,
.settings .privacy-psn .privacybutton .icon,
.settings .privacy-game .privacybutton .icon {
    background-image: url('../img/spritesheet.png');
    background-position: -48px -24px;
    display: block;
    height: 56px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 56px;
}
.settings .privacy-psn .privacybutton .icon {
    background-position: -104px -24px;
    height: 58px;
    left: 6px;
    width: 60px;
}
.settings .privacy-game .privacybutton .icon {
    background-position: 0px -24px;
    height: 57px;
    left: 12px;
    width: 47px;
}
.settings .privacy-all.active .desc,
.settings .privacy-psn.active .desc,
.settings .privacy-game.active .desc {
    display: block;
    left: 280px;
    padding: 29px;
    position: absolute;
}
.settings .privacy-all.active .privacybutton,
.settings .privacy-psn.active .privacybutton,
.settings .privacy-game.active .privacybutton {
    opacity: 1;
}
.settings .privacy-all.active .privacybutton {
    background-color: #93C83E;
    border-color: #93C83E;
}
.settings .privacy-psn.active .privacybutton {
    background-color: #F4A50C;
    border-color: #F4A50C;
}
.settings .privacy-game.active .privacybutton {
    background-color: #E41212;
    border-color: #E41212;
}
.settings .privacy-all.active .privacybutton .icon {
    background-position: -48px -84px;
}
.settings .privacy-psn.active .privacybutton .icon {
    background-position: -104px -84px;
}
.settings .privacy-game.active .privacybutton .icon {
    background-position: 0px -84px;
}
.settings .privacy-all.active .desc,
.settings .privacy-psn.active .desc,
.settings .privacy-game.active .desc,
.settings .settings-success,
.settings .settings-error,
.settings .level-settings-validation,
.settings .profile-settings-validation {
    background: #fff;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;    
}
.settings .settings-success p:before {
    content: "/";
    font-size: 3em;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.settings .settings-error p:before {
    content: "q";
    font-size: 5em;
    position: relative;
    top: 11px;
    margin-right: 5px;
}
.settings .level-settings-validation,
.settings .profile-settings-validation {
    float: left;
    margin-top: 15px;
    padding: 15px;
    clear: left;
}
.settings .settings-success,
.settings .settings-error {
	margin-top: 20px;
    padding: 15px;
}
.settings .settings-success,
.settings .privacy-all.active .desc {
    color: #93C83E;
}
.settings .profile-settings-validation,
.settings .level-settings-validation,
.settings .privacy-psn.active .desc {
    color: #F4A50C
}
.settings .settings-error,
.settings .privacy-game.active .desc {
    color: #E41212
}
.settings .settings-submit .btn {
    width: 16em;
}


/* ------------------------------------------------- Grief */
.grief-panel {
    background: rgba(189, 54, 47, 0.85);
    line-height: 2em;
}
.grief-panel, .grief-panel legend {
    color: #fff;
}
.grief-panel legend {
    border-color: #fff;
}
.grief-panel label span {
    float: left;
    font-size: inherit;
    padding-top: 5px;
    width: 10em;
}
.grief-panel .btn-grief {
    clear: none;
    margin-top: 0;
}
.grief-panel .cancel {
    float: right;
    margin: 1px 1em 0 0;
    padding: 8px 10px 5px 10px;
}
.grief-submit .submit {
    min-width: 10em;
}
.grief-submit .submit.wait {
    background: url('../img/loadingicon-grey.gif') 50% 50% no-repeat #BD362F;
    background-position: 50% 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    text-indent: -9999px;
    transition: none;
}
.btn-grief:hover, .btn-blocking:hover {
    color: #fff;
}

/* ------------------------------------------------- Footer */
footer {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgba(8, 17, 22, 1)),color-stop(0.90, rgba(15, 31, 38, 1)));
    background-image: -moz-linear-gradient(center bottom,rgba(8, 17, 22, 1) 10%,rgba(15, 31, 38, 1) 90%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(8, 17, 22, 1) 10%,rgba(15, 31, 38, 1) 90%);
    border-top: 1px solid #626D72;
    color: grey;
    padding: 1em 0;
}
footer .footer {
    margin: 0 auto;
    width: 979px;
}
footer .ft-left {
    float: left;
    width: 48%;
}
footer .ft-right {
    float: right;
    text-align: right;
    width: 48%;
}
footer .ft-bottom {
    clear: both;
}
footer #sitemap li {
    float: left;
    font-size: 0.875em;
    padding: 0 16px 0 0;
}
footer ul {
    clear: left;
    list-style: none;
    margin: 0 0 1em 0;
}
footer ul li {
    float: left;
}
footer #logos li a {
    background-image: url("../img/spritesheet.png");
    background-repeat: no-repeat;
    display: block;
}
#ft-esrb a {
    background-position: -407px -188px;
    height: 46px;
    width: 33px;
}
#ft-ps3 a {
    background-position: -144px -263px;
    height: 24px;
    margin-top: 15px;
    width: 71px;
}
#ft-psn a {
    background-position: -144px -209px;
    height: 30px;
    margin-top: 11px;
    width: 100px;
}
footer #logos #ft-psv a {
    background-image: url('../img/psvita-logo-footer.png');
    height: 50px;
    margin-top: 11px;
    width: 100px;
}
#ft-pegi a {
    background-position: -404px -24px;
    height: 50px;
    width: 36px;
}
#ft-sce a {
    background-position: -222px -240px;
    height: 44px;
    margin-top: 4px;
    width: 34px;
}
#logos {
    float: right;
}
#logos li {
    float: left;
    padding-left: 16px;
}
footer small {
    display: block;
    font-size: 0.7em;
}
footer small span {
    background-color: transparent;
    background-image: url("../img/spritesheet.png");
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;
}
footer small span.logop {
    background-position: -144px -241px;
    height: 15px;
    top: 6px;
    width:  20px;
}
footer small span.logops3 {
    background-position: -165px -241px;
    height: 9px;
    width: 41px;
}
footer small span.logosce {
    background-position: -210px -239px;
    height: 15px;
    top: 3px;
    width:  11px;
}
footer small span.logosymbols {
    background-position: -164px -252px;
    height: 9px;
    width:  44px;
}
footer small span.logopsn {
    background-position: -231px -182px;
    height: 16px;
    top: 3px;
    width: 16px;
}

/* ------------------------------------------------- User/Level 
# An activity list can contain events such as 'User played/hearted this level'
# Event can also contain a user that has been hearted
# Event can also contain a level that has been played
*/
.nav > li > a:hover {
    background: none;
}
.recent-activity .nav li {
    float: left;
    width: 25%;
}
.lbp-vita #lbp-tabbed li a, 
.lbp-vita .user-profile-nav li a {
    -moz-border-image: url('../img/purple_border.png') 5 stretch;
    -webkit-border-image: url('../img/purple_border.png') 5 stretch;
    -o-border-image: url('../img/purple_border.png') 5 stretch;
    border-image: url('../img/purple_border.png') 5 fill stretch;
    background-color: transparent;
    border-width: 5px;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
}
.lbp #lbp-tabbed li a, 
.lbp .user-profile-nav li a {
    -moz-border-image: url('../img/green_border.png') 5 stretch;
    -webkit-border-image: url('../img/green_border.png') 5 stretch;
    -o-border-image: url('../img/green_border.png') 5 stretch;
    border-image: url('../img/green_border.png') 5 fill stretch;
    background-color: transparent;
    border-width: 5px;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
}
.user-profile-nav li.active a,
.nav-pills > .active > a {
    -moz-border-image: url('../img/yellow_border.png') 5 stretch !important;
    -webkit-border-image: url('../img/yellow_border.png') 5 stretch !important;
    -o-border-image: url('../img/yellow_border.png') 5 stretch !important;
    background-color: transparent;
    border-width: 5px;
    border-image: url('../img/yellow_border.png') 5 fill stretch !important;
    color: #2f1111 !important;
    -webkit-font-smoothing: antialiased;
}
.recent-activity h3 {
    margin-bottom: 10px;	
}
.recent-activity-menu {
	padding-bottom: 20px;
	background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
}
.recent-activity .nav li.hearted-activity a,
.recent-activity .nav li.psn-activity a,
.recent-activity .nav li.level-activity a,
.recent-activity .nav li.my-activity a {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #93C83E; 
    padding: 2px 0 6px 0;
    position: relative;
    text-shadow: none;    
}
.recent-activity .nav li.hearted-activity a:before {content: "1";}
.recent-activity .nav li.psn-activity a:before {content: "\\";}
.recent-activity .nav li.level-activity a:before {content: "0"}
.recent-activity .nav li.my-activity a:before {content: "k"}
.recent-activity .nav li a:before {
	font-size: 3em;
	position: relative;
	top: 5px;
}
.event, .level, .comment, .list, .activity {
    position: relative;
}
#user-queued-levels-list li.unqueued {
    opacity: 0.5;   
}
.activity-list {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}
.activity-list .level,
.activity-list .event,
.activity-list .comment,
.activity-list .list,
.activity-list .review,
.activity-list .user,
.activity-list .activity {
    background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    margin: 0 0 0 0;
    padding: 0.5em 1em 1.5em 1em;
}
.activity-list .list {
	min-height: 90px;
}
.activity-list .level.inactive .level-pic,
.activity-list .level.inactive .event-details {
	opacity: 0.5;
}
.activity-list li:last-child {
	background: none;
}
.results-found {
    background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    color: #333;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    margin-bottom: 0;
}
.results-found:before {
	content: "\0A2";
	position: relative;
	top: 5px;
}
.activity-list .activity {
    padding: 1em 1em 2em 1em;
}
.activity-list .comment .event-details,
.activity-list .review .event-details {
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    background: #eee;
    border: 1px solid #08C;
    margin: 1em 0 0 0;
    padding: 1em;
    position: relative;
}
.activity-list .event-details .level-creator {
    margin-bottom: 0;
}
.activity-list .activity-list .review,
.activity-list .activity-list .comment {
    border: 0;
    padding: 0;
}
.activity-list .activity-list .review:first-child,
.activity-list .activity-list .comment:first-child {
    margin-top: 0em;
}

.lbp-vita .activity-list .comment.highlight,
.lbp-vita .activity-list .review.highlight {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    box-shadow: 1px 2px 5px #888;
    background: rgba(131, 155, 200, 0.5);
    padding-bottom: 1em;
    margin: 1em 0;
}
.lbp .activity-list .comment.highlight,
.lbp .activity-list .review.highlight {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    box-shadow: 1px 2px 5px #888;
    background: rgba(68, 182, 73, 0.5);
    padding-bottom: 1em;
    margin: 1em 0;
}
.activity-list .comment .event-details p,
.activity-list .review .event-details p {
    margin: 0;
}
.activity-list .comment .event-details,
.activity-list .review .event-details {
    border:2px solid #02C263;
}
.activity-list .comment .event-details:before,
.activity-list .review .event-details:before {
    border-color: #02C263 transparent;
    border-style: solid;
    border-width: 0 15px 15px;
    content: "";
    display: block; 
    left: 40px; /* controls horizontal position */
    position: absolute;
    top: -15px; /* value = - border-top-width - border-bottom-width */
    width: 0;
}
/* creates the smaller  triangle */
.activity-list .comment .event-details:after,
.activity-list .review .event-details:after {
    border-color: #eee transparent;  
    border-style: solid;
    border-width: 0 17px 17px;  
    content: "";
    display: block; 
    left: 38px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    position: absolute;
    top: -12px; /* value = - border-top-width - border-bottom-width */
    width: 0;
}
.activity-list .review .event-details {
    border-color: #08C;
}
.activity-list .review .event-details:before {
    border-color: #08C transparent;
}
.activity-list .review .event-details,
.activity-list .comment .event-details {
    background: #eee; 
    min-height: 20px
}
.activity-list .comment .event-details:after {
    border-color: #eee transparent;
}
.activity-list .comment .feedback,
.activity-list .review .feedback {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.activity-list .comment .thumbratings .thumbrating,
.activity-list .review .thumbratings .thumbrating {
    color: #92D035;
    float: right;
    font-size: 1.2em;
}
.activity-list .activity {
    clear: left;
    padding: 0.5em 0 1em 0;
}
.activity-list .activity .user-pic {
    float: left;
    margin-right: 10px;
}
.activity-list .activity:first-child {
    padding-top: 0;
}
.content-header {
    background: url('../img/solid_hr.png') left bottom repeat-x transparent;
    padding-bottom: 10px;
}
.settings .content-header {
    background: url('../img/solid_hr_white.png') left bottom repeat-x transparent;
}
.setting-option {
	display: none;
}
.settings-mode .setting-option {
	display: block;
	background: rgba(23,153,196, 0.8);
	color: #fff;
	margin-top: 0.5em;
}
.content-header h2 {
    font-size: 3em;
    float: left;
}
#user-published-levels .activity-list li:first-child,
#user-hearted-levels .activity-list li:first-child,
#user-comments .activity-list li:first-child,
#user-hearted-lists .activity-list li:first-child,
#user-hearted-players .activity-list li:first-child {
    margin-top: 0;
}
#user-hearted-players-list > li {
    width: 45% !important;
    float: left;
}
#user-hearted-players-list > li:nth-child(even) {
    float: right
}
.activity-list .activity ul .review,
.activity-list .activity ul .comment,
.activity-list .activity ul .level,
.activity-list .activity ul .user {
    background: none;
}
.activity-list .event .level {
    background: #eee;
    margin-left: 50px;
}
.activity-list .photos {
    text-align: center;
}
.activity-list .photos img {
    margin: 1em;
}
.event .user-pic,
.level .level-pic,
.level-profile .level-pic,
.user-profile .user-pic,
/* .list .event-details, */
.user .user-pic {
    float: left;
}
.level .level-pic {
    position: absolute;
}
.level .event-details,
.user .user-profile-details,
.list .event-details {
    margin-left: 110px;
    position: relative;
}
.level .event-details h1,
.level .event-details h3,
.list .event-details h3 a {
    word-wrap: break-word;
}
.level .event-details h3 {
    line-height: 1.6em;
    margin-right: 80px;
}
.level .moar-level-info {
	margin-top: 1em;
    padding-top: 6px
}
.level-profile .level h1,
.user-profile .user h1 {
    line-height: 1.2em;
    word-wrap: break-word;
}
.photos h2 {
    color: #333;
    font-size: 3em;
    line-height: 1em;
}
.photos h2:before {
    content: "\00f3";
    font-size: 1.4em;
    margin-right: 5px;
}

/* small level icons in search results */
.level .level-pic img {
    background-size: 1150px 252px; /* for 'retina' images */
    float: left;
    margin-left: 0px;
    margin-top: -19px;
    padding: 22px 13px 20px 10px;   
}
.level .level-pic.cinematic img {
    background: url('../img/leveltypes.png') -622px 5px no-repeat transparent;
}
.level .level-pic.versus img {
    background: url('../img/leveltypes.png') -624px -137px no-repeat transparent;
}
.lbp-vita .level .level-pic.versus img {
    background: url('../img/badge_versus.png') -14px -5px no-repeat transparent;
    background-size: 134px 134px;
}
.level .level-pic.teampicked img {
    margin: -4px 0px 0px 7px;
}
.level .level-pic.teampicked {
    background: url('../img/leveltypes.png') -748px 1px no-repeat transparent;
    margin-left: -8px;
    margin-top: -15px;
}
.level .level-pic .lbp1,
.level .level-pic .lbp2,
.level .level-pic .lbpvita,
.level .level-pic .queued,
.level .level-pic .level-complete,
.level .level-pic .level-hearted,
.level .level-pic .level-goodies,
.level .level-pic .level-aced,
.level .level-pic .level-reward1,
.level .level-pic .level-reward2,
.level .level-pic .level-reward3,
.level .level-pic .psmove,
.level .level-pic .cross-control {
    background-image: url('../img/spritesheet.png');
    height: 24px;
    left: 69px;
    position: absolute;
    top: 10px;
    width: 24px;
}
.level .level-pic.teampicked .lbp1,
.level .level-pic.teampicked .lbp2,
.level .level-pic.teampicked .lbpvita {
    left: 78px;
    top: 25px;
}
.level .level-pic .lbp2 {
    background-position: -429px -76px !important;
}
.level .level-pic .lbp1 {
    background-position: -402px -76px !important;
}
.level .level-pic .lbpvita {
    background-position: -484px -201px !important;
}
.level .level-pic .psmove {
    background-position: -412px -153px !important;
    left: 50px;
    top: -5px;
    width: 24px;
    height: 26px;
}
.level .level-pic.teampicked .psmove {
    left: 58px;
    top: 11px;
}
.level .level-pic .cross-control {
    left: 9px;
    top: 9px;
    background-position: -309px -324px;
}
.level .level-pic.teampicked .cross-control {
    left: 15px;
    top: 23px;
}
.level .level-pic .level-complete {
    background-image: url('../img/level-complete.png');
    height: 53px;
    left: 85px;
    top: 35px;
    width: 55px;
}
.level .level-pic .level-hearted {
    background-position: -265px -106px;
    height: 40px;
    left: 20px;
    top: 135px;
    width: 40px;
}
.level .level-pic .level-goodies {
    background-position: -364px -66px;
    height: 40px;
    left: 54px;
    top: 48px;
    width: 40px;
}
.level .level-pic .level-aced {
    background-position: -364px -26px;
    width: 40px;
    height: 40px;
    left: 27px;
    top: 75px;
}
.level .level-pic .level-reward1 {
    background-image: url('http://id.lbp.me/img/fw/g125488-d5d2fee0.png');
    height: 50px;
    left: 130px;
    top: 150px;
    width: 50px;
}
.level .level-pic .level-reward2 {
    background-image: url('http://id.lbp.me/img/fw/g125488-d5d2fee0.png');
    height: 50px;
    left: 80px;
    top: 160px;
    width: 50px;
}
.level .level-pic .level-reward3 {
    background-image: url('http://id.lbp.me/img/fw/g125488-d5d2fee0.png');
    height: 50px;
    left: 30px;
    top: 150px;
    width: 50px;
}

/* ----- .level-profile */
.level-profile .level {
    position: relative;
}
.level-profile .level .level-pic,
.level-profile .list-detail .list-pic { /* a */
    margin-left: -20px;
    margin-top: -30px;
    padding: 20px 12px 10px 12px;
    position: absolute;
}
.level-profile .level .list-pic {
	margin-left: -10px;
	padding-right: 8px;
}
.level-profile .level .event-details {
    margin-left: 210px;
    min-height: 160px;
}
.level-profile .level .event-details .level-creator {
    font-size: 1.6em;
}
.level-profile .level .level-pic img {
    margin-top: -4px;
    margin-left: 8px;
    padding-right: 32px;
    padding-top: 32px;
    z-index: 1;
}
.level-profile .level .level-pic .lbp1,
.level-profile .level .level-pic .lbp2,
.level-profile .level .level-pic .lbpvita,
.level-profile .level .level-pic .psmove {
    background-position: -418px -239px !important;
    height: 41px;
    left: 143px;
    top: 67px;
    width: 41px;
    z-index: 20;
}
.level-profile .level .level-pic .lbp1 {
    background-position: -341px -144px !important;
}
.level-profile .level .level-pic .lbpvita {
    background-position: -467px -228px !important;
}
.level-profile .level .level-pic .queued {
    background-position: -320px -64px !important;
    height: 41px;
    left: 150px;
    top: 120px;
    width: 41px;
}
.level-profile .level .level-pic .psmove {
    background-position: -420px -104px !important;
    height: 41px;
    left: 114px;
    top: 38px;
    width: 40px;
}
.level-profile .level .level-pic .cross-control {
    background-position: -340px -310px;
    width: 39px;
    height: 38px;
    left: 31px;
    top: 66px;
}
.level-profile .level .level-pic.teampicked {
    background: url('../img/leveltypes.png') 0px 19px no-repeat transparent !important;
}
.level-profile .level .level-pic.teampicked img {
    margin-left: 8px;
}
.level-profile .level .level-pic.cinematic img {
    background: url('../img/leveltypes.png') -230px 4px no-repeat transparent;
    padding-top: 33px;
}
.level-profile .level .level-pic.versus img {
    background: url('../img/leveltypes.png') -435px -17px no-repeat transparent;
    padding-top: 33px;
}
/* vita variants for versus icon */
.lbp-vita .level-profile .level .level-pic.versus {
	margin-left: -33px;
}
.lbp-vita .level-profile .level .level-pic.versus .lbpvita {
    left: 153px;
}
.lbp-vita .level-profile .level .level-pic.versus .queued {
	left: 160px;
}
.lbp-vita .level-profile .level .level-pic.versus img {
    background: url('../img/badge_versus.png') -24px -20px no-repeat transparent;
    background-size: 247px 248px;
    padding-top: 33px;
	padding-left: 24px;
	padding-bottom: 31px;
}

.level-profile .level-details {
    margin-bottom: 10px;
}
.level-profile .level-info,
.level-profile .level-info .moar-info,
.level-profile .level .event-details .level-description {
    clear: left;
}
.level-profile .level .event-details .level-description .labels {
    margin-top: 0.5em;
}
.level-profile .level-info .moar-info ul {
    margin: 0;
    padding: 1em 0 0 0;
}
.level-profile .level-actions {
    float: right;
}
.level-profile .level-actions .btn-level-list.active {
    background: #ddd;
    /* border-bottom-right-radius: 0px;
    border-top-right-radius: 10px; */
    border-bottom: none;
    padding-bottom: 6px;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    z-index: 3;
}
.level-profile .event-details .add-to-list {
    background: #ddd;
    border: 1px solid #bbb;
    bottom: -151px;
    height: 130px;
    padding: 10px;
    position: absolute;
    right: 3px;
    width: 270px;
    z-index:2;
}

/* star rating */
.irating {
    color: #f09700 !important;
    float: left;
    height: 30px;
    line-height: 0.7em;
    margin-right: 10px;
    overflow: hidden;
    width: 120px;
    text-shadow: 1px 1px 2px #3d3d3d;
    filter: dropshadow(color=#3d3d3d, offx=1, offy=1);
}
.level-profile .irating {
    font-size: 4em;
    height: 30px;
    line-height: 0.5em;
    margin-right: 10px;
    width: 144px;
}
#level-activity-list .irating {
	display: inline-block;
	float: none;
	margin: 0 0 0 5px;
	position: relative;
	top: 5px;
}
.irating.r1:before {content: "9";}
.irating.r1 span:before {content: "9999";}
.irating.r2:before {content: "99";}
.irating.r2 span:before {content: "999";}
.irating.r3:before {content: "999";}
.irating.r3 span:before {content: "99";}
.irating.r4:before {content: "9999";}
.irating.r4 span:before {content: "9";}
.irating.r5:before {content: "99999";}

/* feedback */
.feedback {
    float: left;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}
.feedback li {
    float: left;
    font-size: 1.8em;
    margin-right: 20px;
}
.feedback li span {
    color: #92d035;
    font-size: 2.4em;
    margin-right: 6px;
    position: relative;
    top: 2px;
    z-index: 1;
}
.feedback li {
    font-size: 1.2em;
    margin-right: 10px;
}
.level-profile .feedback li {
    font-size: 1.4em;
}
.thumbsup span:before {content: "2";color:#92D035;}
.thumbsdown span:before {content: "3";color:#92D035;}
.hearted span:before {content: "1";color: #e41212;}
.hearted span:before, .activity h4 .popit {color: #e41212;}
.plays span:before {content: "M";}
.listed span:before {content: '\00ae';}
.published span:before {content: "8";}
.levels span:before {content: "k";}

.activity h4 .hearted, .activity h4 .thumbsup {
    margin: 0 0 0 5px;
}

/* level description */
.level-profile .level .event-details .level-description {
    padding: 1em 0 0 0;
}
.level-profile .level .event-details .level-description a {
	font-weight: bold;
}
.signed-in-owner .list-detail .list-heading,
.signed-in-owner .list-detail .level-description {
    padding: 1em !important;
    background: rgba(256,256,256,0.3);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 1em 200px 1em 0em;
}
.signed-in-owner .list-detail .level-description {
	margin-top: 2em;
}
.signed-in-owner .list-detail #edit-list-name,
.signed-in-owner .list-detail #edit-list-desc {
	margin-top: 1em;
}
.signed-in-owner .list-detail #edit-list-name textarea,
.signed-in-owner .list-detail #edit-list-desc textarea {
	margin-bottom: 0;
}

/* ------------------------------------------------- List profile */
.list-detail .list-pic {
    background-position: -870px -14px !important;
    background-image: url('../img/leveltypes.png');
    display: block;
    height: 170px;
    position: relative;
    margin-top: -10px !important;
    width: 180px;
}
.list-detail .list-pic img.listbadge {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
}
.list-detail .list-pic .listbadge0 {
    left: 62px;
    top: 38px;
    z-index: 15;
}
.list-detail .list-pic .listbadge1 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    left: 36px;
    top: 71px;
    z-index: 14;
}
.list-detail .list-pic .listbadge2 {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    left: 122px;
    top: 39px;
    z-index: 13;
}
.list-detail .list-pic .listbadge3 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    left: 79px;
    top: 107px;
    z-index: 12;
}
.list-detail .list-pic .listbadge4 {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    left: 113px;
    top: 81px;
    z-index: 11;
}
.list-detail .list-pic .listbadge5 {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    left: 120px;
    top: 103px;
    z-index: 10;
}
.list-detail .list-pic .listbadge6 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    left: 46px;
    top: 41px;
    z-index: 10;
}
.list-detail .list-description {
    clear: left;
    float: left;
}
.list-detail .list-pic .icon.queued {
	background-image: url('../img/spritesheet.png');
	background-position: -320px -64px !important;
	height: 41px;
	left: 150px;
	top: 120px;
	width: 41px;
	z-index: 20;
}

/* ------------------------------------------------- list of lists and level badges */
.list {
	padding-bottom: 1em !important;
}
.list .list-pic  {
    background-position: -757px -149px !important;
    background-image: url(../img/leveltypes.png);
    display: block;
    float: left;
    height: 97px;
    left: 10px;
    position: absolute;
    top: 0px;
    width: 110px; /* value the same as level/user .event-details */
    z-index: 10;
}
.list .list-pic img.slistbadge {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
}
.list .list-pic .slistbadge0 {
    left: 26px;
    top: 18px;
    z-index: 15;
}
.list .list-pic .slistbadge1 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
	left: 14px;
    top: 45px;
    z-index: 14;
}
.list .list-pic .slistbadge2 {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
	left: 64px;
    top: 30px;
    z-index: 13;
}
.list .list-pic .slistbadge3 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
	left: 38px;
    top: 61px;
    z-index: 12;
}
.list .list-pic .slistbadge4 {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
	left: 57px;
    top: 46px;
    z-index: 11;
}
.list .list-pic .slistbadge5 {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
	left: 61px;
    top: 59px;
    z-index: 10;
}
.list .list-pic .slistbadge6 {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
	left: 15px;
    top: 16px;
    z-index: 10;
}
#new-list {
    background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    margin-top: 1em;
    padding-bottom: 1.5em;
}
#new-list .constrain-submit {
    margin: 0;
}
/* list popover */
#list-popover {
	width: 300px;
}
#list-popover .popover-title {
	background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
	margin: 0 1em;
	padding: 0.5em 0 1em 0;
}
#list-popover .view-lists {
	position: absolute;
	right: -1em;
	top: 0.5em;
}
#list-popover .popover-content {
	padding-top: 5px;
}
#list-popover .list-of-lists {
	list-style: none;
	margin: 0 3em 0 0;
	width: 100%;
}
#list-popover .list-of-lists li {
	clear: both;
	float: left;
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 5px;
	padding: 0 60px 10px 0;
	position: relative;
	width: 80%;
	background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
	min-height: 3em;
}
#list-popover #new-list-panel, #list-popover #new-list-panel .popover-title {
	margin: 0;
	padding: 0;
}
#list-popover #new-list-panel {
	margin-top: 1em;
}
#list-popover #new-list-panel .popover-title {
	padding: 0.5em 0 1em 0;
}
#list-popover #new-list-panel #new-list {
	background: none;
	padding-bottom: 0;
}
#list-popover #new-list-panel #new-list .constrain-submit {
	width: 166px;
}
#list-popover .new-list-link.active {
	display: none;
}


/* Edit list details */
#edit-list-name textarea, #edit-list-desc textarea {
	width: 50%;
	border-radius: 10px;
}
.list-description .list-desc {
	
}

/* ------------------------------------------------- User profile */
.user {
    background: #ccc;
    position: relative;
}
.user-profile .user {
    background: none;
}
.user-profile .user .user-pic img {
    height: 152px;
    margin-left: 15px;
    width: 128px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}
.user .user-pic img {
    height: 76px;
    margin-left: 15px;
    width: 64px;
}
.user .icon.private,
.level .icon.private,
.level .icon.locked,
.level .icon.queued,
.list .list-hearted,
.list .icon.queued {
    background: url('../img/spritesheet.png') -320px -24px no-repeat transparent;
    height: 40px;
    left: 38px;
    position: absolute;
    top: 63px;
    width: 40px;
}
.user .icon.private {
    left: -2px;
    top: 73px;
}
.level .icon.private {
    left: 21px;
    top: 110px;
}

.level .icon.locked {
    background-position: -258px -24px;
    height: 82px;
    left: 58px;
    top: 57px;
    width: 60px;
}
.activity-list .level .icon.locked {
    background-position: -384px -107px;
    height: 45px;
    left: 48px;
    position: absolute;
    top: 31px;
    width: 34px;
}
.photo-info .level .icon.level-hearted,
.activity-list .level .icon.level-hearted,
.list .list-pic .list-hearted {
    background-position: -430px 0px;
    width: 28px;
    height: 23px;
    left: 9px;
    top: 53px;
    z-index: 15;
}
.list .list-pic .list-hearted {
	display: none;
	top: 63px;
}
.photo-info .level .level-pic .queued,
.activity-list .level .level-pic .queued,
.list .list-pic .queued {
    background-position: -463px -274px !important;
    height: 21px;
    left: 75px;
    top: 36px;
    width: 23px;
}
.list .list-pic .queued {
	z-index: 100;
	left: 80px;
	top: 50px;
}
.activity-list .level .level-pic.teampicked .lbpvita  {
    left: 78px;
    top: 27px;       
}
.photo-info .level .level-pic.teampicked .level-hearted,
.activity-list .level .level-pic.teampicked .level-hearted {
    left: 16px;
    top: 68px;
}
.photo-info .level .level-pic.teampicked .queued,
.activity-list .level .level-pic.teampicked .queued {
    left: 83px;
    top: 53px;
}
.user-profile .user-pic .hearted,
.level-profile .level .list-hearted,
.activity-list .user-pic .hearted {
    background: url('../img/spritesheet.png') -265px -107px no-repeat;
    width: 41px;
    height: 40px;
    position: absolute;
    left: 120px;
    top: 80px;
}
.activity-list .user-pic .hearted {
	background-position: -430px 0px;
	width: 28px;
	height: 25px;
	left: 21px;
	top: 51px;
}
.level-profile .level .list-hearted {
	display: none;
	left: 10px;
	top: 110px;
}
.user-profile .user .pins {
    left: -8px;
    position: absolute;
    top: 130px;
}
.user-profile .user .pins .pin {
    float: left;
    padding: 0 5px;
}
.user-profile .user .user-profile-details {
    margin-left: 170px;
}
.user-profile .user .user-profile-details .feedback {
    font-size: 1.2em;
    margin: 1em 0;
}
.user-profile .user .user-profile-details p {
    float: left;
    font-size: 1.1em;
    line-height: 1.6em;
    width: 100%;
}
.user-profile-nav li a {
    margin: 0 0 0.5em 0;
    padding: 10px 7px 9px 7px;
}

/* homepage level badges */
.homepage .activity-list .level .level-pic img,
.homepage .activity-list .level .level-pic.teampicked img {
    margin: -15px 0 0 -15px;
    padding: 15px 10px 15px 15px;
}
.homepage .activity-list .level .level-pic.teampicked {
    background-position: -1068px -170px;
}
.homepage .activity-list .level .level-pic.versus img {
    background-position: -1072px -8px;
}
.lbp-vita.homepage .activity-list .level .level-pic.versus img {
	background-image: url('../img/badge_versus-small.png');
    background-size: 81px 81px;
    background-position: -1px -2px;
}
.homepage .activity-list .level .level-pic.cinematic img {
    background-position: -1072px -89px;
}
.homepage .activity-list .level .teampicked {
	margin: -15px 0 0 -15px;
    padding: 15px;
}
.homepage .activity-list .level .level-pic .icon.lbpvita,
.homepage .activity-list .level .level-pic .icon.locked,
.homepage .activity-list .level .level-pic .icon.private,
.homepage .activity-list .level .level-pic .icon.queued,
.homepage .activity-list .level .level-pic .icon.level-hearted,
.homepage .activity-list .level .level-pic .icon.lbp1 {
    background-position: -491px 1px;
    height: 20px;
    width: 19px;
}
.homepage .activity-list .level .level-pic .icon.lbpvita,
.homepage .activity-list .level .level-pic .icon.lbp1,
.homepage .activity-list .level .level-pic .icon.lbp2 {
    background-position: -493px -37px !important;
    height: 18px;
    left: 33px;
    top: 4px;
    width: 18px;
}
.homepage .activity-list .level .level-pic .icon.lbpvita {
    height: 17px;
    width: 16px;
}
.homepage .activity-list .level .level-pic .icon.lbp1 {
    background-position: -491px -105px !important;
}
.homepage .activity-list .level .level-pic .icon.lbp2 {
    background-position: -492px -84px !important;
}
.homepage .activity-list .level .level-pic .icon.locked {
    background-position: -487px -168px !important;
    height: 32px;
    left: 14px;
    top: 8px;
    width: 23px;
}
.homepage .activity-list .level .level-pic .icon.private {
    background-position: -493px -61px !important;
    left: -6px;
    top: 11px;
}
.homepage .activity-list .level .level-pic .icon.queued {
    background-position: -492px -18px !important;
    left: 38px;
    top: 22px;
}
.homepage .activity-list .level .level-pic .icon.level-hearted {
    left: -4px;
    top: 30px;
}
.homepage .activity-list .level .level-pic.teampicked .lbp1,
.homepage .activity-list .level .level-pic.teampicked .lbp2,
.homepage .activity-list .level .level-pic.teampicked .lbpvita {
    left: 48px;
    top: 19px;
}
.homepage .activity-list .level .level-pic.teampicked .locked {
    left: 29px;
    top: 23px;
}
.homepage .activity-list .level .level-pic.teampicked .private {
    left: 9px;
    top: 26px;
}
.homepage .activity-list .level .level-pic.teampicked .queued {
    left: 53px;
    top: 37px;
}
.homepage .activity-list .level .level-pic.teampicked .level-hearted {
    left: 11px;
    top: 45px;
}

/* ------------------------------------------------- Photo Detail Page */
.photo-details h1 {
    font-size: 1.4em;
    line-height: 2.2em;
    margin: 0 0 0.5em 0.5em;
}
.photo-details .user .user-pic {
    margin-right: 0.5em;
}
.photo-details .main-photo {
    float: left;
    overflow: hidden;
    position: relative;
}
.photo-details .photo-info {
    float: right;
}
.photo-details .photo-info h4 {
    background: url('../img/dotted-hr-white.png') left bottom repeat-x transparent;
    clear: both;
    padding: 5px 0;
}
.photo-details .photo-info .photo-links {
	clear: both;
}
.photo-details .photo-info .level {
    padding: 20px 0;
}
.photo-details .photo-info #tagged {
    float: left;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
.photo-details .photo-info #tagged li {
    float: left;
    font-size: 1.3em;
    margin: 0 20px 0 0;
}
.photo-details .photo-info #show-players {
    float: right;
    margin-top: 7px;
}
.photo-details .photo-info #show-players:before {
	content: '\00a2';
	margin-right: 4px;
	position: relative;
	top: 2px;
}
.photo-details .photopos img {
    box-shadow: 0px 2px 4px black;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 4px black;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px #000;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0, 0.4);
    width: 100%;
}
.photo-details .timestamp {
    margin-left: 25px;
}
#photometa {
    height: 100%;
    max-width: 100%;
    overflow: visible;
    z-index: 50;
}
#photometa a.photolink {
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.playerhighlight {
    border: 2px solid #08C;;
    box-shadow: 0px 0px 10px 0px #fff;
    position: absolute;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px #fff;
}
.playerhighlight span {
    background: #08C;
    box-shadow: 0px 0px 10px 0px #fff;
    left: -30px;
    padding: 2px 10px;
    position: absolute;
    -webkit-border-radius: 10px !important;
       -moz-border-radius: 10px !important;
            border-radius: 10px !important;
                transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
           -moz-transform: rotate(-10deg);
       -webkit-box-shadow: 0px 0px 10px 0px #fff;
}
.playerhighlight:hover {
    z-index: 1000 !important;
}
.playerhighlight.pl1 {border-color: #02c263;}
.playerhighlight.pl1 span {background: #02c263;}
.highlight.pl1 .name {color: #02c263;}
.playerhighlight.pl2 {border-color: #fd53cf;}
.playerhighlight.pl2 span {background: #fd53cf;}
.highlight.pl2 .name {color: #fd53cf;}
.playerhighlight.pl3 {border-color: #6884ff;}
.playerhighlight.pl3 span {background: #6884ff;}
.highlight.pl3 .name {color: #6884ff;}
.playerhighlight.pl4 {border-color: #ff2906;}
.playerhighlight.pl4 span {background: #ff2906;}
.highlight.pl4 .name {color: #ff2906;}

#photometa .selected,
.playerhighlight:hover {
    border-color: #92D035;
}
.playerhighlight:hover span {
    background: #92D035;
}
#tagged .selected a {
    color: #92D035;
}
.photolist {
    float: left;
    list-style: none;
    margin: 0 0 0 0.5em;
    padding: 0;
    width: 100%;
}
.photolist li {
    float: left;
    margin: 1%;
    width: 31%;
}
.photolist li a img {
    width: 100%;
}
/* hi scores table, level page */

#level-scores-list li:nth-child(odd) {
    clear: left;
    float: left;
    width: 49%;
}
#level-scores-list li:nth-child(even) {
    clear: right;
    float: right;
    width: 49%;
}
.highscores {
	background: url('../img/bg-sackboy.png') left top repeat transparent;
    margin-bottom: 1em;
    margin-right: 5px;
    width: 100%;
}
.highscores thead {
    color: #fff;
}
.highscores td {
    padding: 7px 10px 15px 10px;
}
.highscores th {
    padding: 10px 28px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.lbp .highscores th {
	background: rgba(68, 182, 73, 0.7);
}
.lbp-vita .highscores th {
    background: #849cc8;
}
.highscores tbody tr {
    background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
}
.highscores tbody tr:nth-child(even) {
    background: url('../img/dotted-hr-black.png') 20px bottom repeat-x transparent;
}
.highscores tbody tr:last-child {
    background: none;
}
.highscores tr td:first-child {
    text-align: center;
    width: 3em;
}
.highscores tr td:last-child {
    text-align: right;
}
.highscores.pl1 tr th:after, .highscores.pl2 tr th:after, 
.highscores.pl3 tr th:after, .highscores.pl4 tr th:after {
    -webkit-font-smoothing: antialiased;
    float: right;
}
.highscores.pl1 tr th:after {
	content: "\D2";
}
.highscores.pl2 tr th:after {
    content: "\D3";
}
.highscores.pl3 tr th:after {
    content: "\D4";
}
.highscores.pl4 tr th:after {
    content: "\D5";
}

/* tabbed content (levels) */
#lbp-tabbed {
    margin: 0 0 1em 0;
}
#lbp-tabbed li a,
.user-profile-nav li a {
    font-size: 1.2em;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}
.no-activity {
    background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    font-size: 1.2em;
    padding-bottom: 1em;
    padding-left: 30px;
}
.no-activity:before {
    color: #E41212;
    content: "q";
    margin-left: -35px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

/* ------------------------------------------------- search panel */
.span4 .search-form {
	width: 93%;
}
.search-form {
	background-image: url('../img/input_text.png');
	background-size: 100% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 10px;
	position: relative;
	width: 97%;
}
.span9 .search-form {
	background: rgba(256,256,256,0.7) !important;
	background-image: none;
}
.homepage .search-form:before {
	background: url(../img/sackboy.png);
    content: " ";
    height: 101px;
    margin: -10px 0 0 -10px;
    position: absolute;
    right: 25%;
    top: -83px;
    width: 155px;
}
.search-form fieldset {
    margin-top: 0;  
}
.search-input,
.search-form .search-submit {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    font-size: 1em !important;
    height: 2.2em !important;
    margin: 0 !important;
    padding: 0 !important;
}
.search-input {
    float: left;
    padding-left: 2% !important;
    width: 65%;
}
.search-form .search-submit {
    float: right;
    font-size: 2em;
    height: 2.3em !important;
    line-height: 2.5em;
    padding-top: 1em;
    width: 30%;
}

/* ----------------------------------------------- DLC results */
.dlc-list {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
.dlc-list li {
	background-image: url('../img/dlc-left.png'), url('../img/dlc-right.png');
    background-repeat: no-repeat;
    background-position: left top, right 10px;
    float: left;
    padding: 20px;
	width: 43%;
}
.dlc-list li a img {
	float: left;
	height: 65px;
	margin: 8px 0 0 10px;
	width: 65px;
}
.dlc-list li .dlc-link {
	clear: none;
	float: left;
	font-weight: bold;
	margin: 18px 0 0 10px;
	width: 50%;
	vertical-align: top;
}

/* ----------------------------------------------- navbar search form */

/*  Search results */
.search {
    margin: 0;
}

/* clear button development */
.reset {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #969696;
    background: #969696;
    display: none;
    height: 20px;
    padding: 0;
    width: 20px;
}
.reset:before {
    content: "\b1";
    color: #fff;
    font-size: 2em;
}
.search-form .reset {
    margin-top: 6px;
    margin-left: -27px;
}
nav .search-form {
	position: relative;
}
nav .search-form .reset {
	height: 15px;
    line-height: 0.9em;
    position: absolute;
    right: 53px;
    top: 1px;
    width: 15px;
}
nav .search-form .reset:before {
    font-size: 1.2em;
}

/* clear button development */
.search fieldset {
    margin: 0;
}
#labelPopoverContent {display: block !important;}
#level-search {
    float: left;
    padding: 7px 5px;
    width: 65%;
}
.search-order,
.search-filter,
.search-published,
.playernumber {
    margin: 0.5em 0 !important;
}
.search-filter h2 {
    margin: 0.5em 0;
}
.search-filter #by-label-content {
    text-align: center;
}
.search-published {
    
}
.search-order .btn,
.search-filter .btn,
.search-published .btn,
.one-click-search .btn {
    font-size: 16px;
    margin: 0 -1px;
    padding: 0.3em 0 0.2em 0;
    width: 100%;
}
.one-click-search .btn {
    margin: 0.5em 0 0 0;
}
.search-order .dropdown-menu,
.search-published .dropdown-menu {
    width: 100%;
}
.searchsubmit {
    float: right;
	padding: 9px 7px 6px 7px;
    width: 28%;
}
.advanced-search {
    display: block;
    padding: 10px 0;
    text-align: center;
}
#advanced-search legend {
    border: 0;
    display: block;
    font-size: 1em !important;
    line-height: 20px;
    margin: 0;
    padding: 5px 0 0 0;
    width: 200px;
}
.search select {
    width: 100%;
}
.search-labels {
    display: none;
}

/* game options */
.select-game .btn {
    padding: 0;
    width: 50%;
}
.select-game .btn span {
    background-repeat: no-repeat;
    display: block;
    margin: 10px auto;
    padding: 0 1px;
    text-indent: -9999px;
}
.select-game .lbp1 span {
    background-image: url('../img/spritesheet.png');
    background-position: -274px -218px;
    height: 25px;
    width: 88px;
}
.select-game .lbp2 span {
    background-image: url('../img/spritesheet.png');
    background-position: -274px -249px;
    height: 25px;
    width: 92px;
}
.select-game .lbp2move span {
    background-image: url('../img/move-logo-en-sml2.png');
    height: 41px;
    margin: 2px auto;
    width: 91px;
}
.select-game .cross-control span {
    background-image: url('../img/spritesheet.png');
    background-position: -207px -306px;
    height: 41px;
    margin: 2px auto;
    width: 91px;
}
.select-game .btn-group + .btn-group {
	margin-left: 0px;
	margin-top: 5px;
}

/* number of players */
.playernumber .players {
    width: 100%;
}
.playernumber .players .btn {
    font-size:50px;
    margin: 0 -1px;
    padding: 0.2em 0 0.4em 0;
    width: 25%;
}
.playernumber .players .btn.pl1:before {content: "\D2";}
.playernumber .players .btn.pl2:before {content: "\D3";}
.playernumber .players .btn.pl3:before {content: "\D4";}
.playernumber .players .btn.pl4:before {content: "\D5";}

.playernumber .players .pl1.selected,
.playernumber .players .pl2.selected,
.playernumber .players .pl3.selected,
.playernumber .players .pl4.selected {
    background-color: #E6E6E6;
    background-color: #D9D9D9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Elastislide Style */
.lbp-carousel-wrapper {
    padding:5px 45px;
    position:relative;
}
.lbp-carousel {
    overflow:hidden;
    padding-bottom: 4px;
}
.lbp-carousel ul {
    display:none;
}
.lbp-carousel ul li {
    display:block;
    float:left;
    height:100%;
}
.grief .lbp-carousel li {
    position: relative;
}
.grief .lbp-carousel li .btn-grief {
    bottom: 0.5em;
    position: absolute;
    right: 0;
}
.lbp-carousel .carousel-image {
    border: 2px solid white;
}
.lbp-carousel ul li a img {
    border:none;
    display:block;
    max-height:100%;
    max-width:100%;
}
.lbp-carousel-nav a {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    color: white;
    filter: alpha(opacity=50);
    font-size: 47px;
    font-weight: 100;
    height: 39px;
    left: -2px;
    line-height: 40px;
    margin-top: -24px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 39px;
}
.lbp-vita .lbp-carousel-nav a {
    background: #637CAB;	
}
.lbp .lbp-carousel-nav a {
    background: #44B649;
}
.lbp-carousel-nav a.disabled {
    background: #ddd;
    cursor: default;
}
.lbp-carousel-nav a.wait {
    text-indent: -9999px;
    background: url('../img/loadingicon-grey.gif') 8px 7px no-repeat #92D035;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.lbp-carousel-nav .lbp-carousel-nav-next{
    background-position: top right;
    left: auto;
    right: -1px;
}
.lbp-carousel-nav span:hover{
    opacity:1.0;
}

/* modal */
.modal {
    left: 50%;
    margin: 0 0 0 -25%;
    overflow-x: hidden;
    top: 1%;
    width: 50%;
}
.modal, .modal-footer {
    -webkit-border-radius: 10px !important;
       -moz-border-radius: 10px !important;
            border-radius: 10px !important;
}
.modal-body {
    max-height: 100%;
    padding:0;
}
.modal-header .share-btn {
    margin-top: 0px;
}
.modal-body .content-container {
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
       -webkit-box-shadow: none;
          -moz-box-shadow: none;
               box-shadow: none;
    border: none;
    padding: 1em;
    margin-bottom: 0px;
}
.modal-body .photo-details {
    background: #fff;
    margin: 0;
}
.modal-body .main-photo .photopos {
    width: 100%;
}
.modal-body .main-photo .photopos .photo {
    width: 100%;
}
.modal-body .photo-details .photo-info {
    clear: left;
    float: left;
}
.modal-body .row-fluid .span6 {
    margin: 0;
    width: 100%;
}

/* PINS */
.tab-content {
    overflow: visible !important;
}
#user-pins-list li h3 {
	background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    font-size: 1.4em;
    padding-bottom: 10px;
}
#user-pins-list .pins {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 16px 16px 16px;
}
#user-pins-list .pins .pin {
    cursor: pointer;
    display: block;
    float: left;
    height: 64px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 61px;
}
#user-pins-list .pins .pin.level2, #user-pins-list .pins .pin.level3, 
#user-pins-list .pins .pin.level4, #user-pins-list .pins .pin.level5 {
    background-image: url('../img/pin-ribbons.png');
    background-size: 228px 49px;
    background-repeat: no-repeat;
}
#user-pins-list .pins .pin.level2 {
	background-position: 13px 21px;
}
#user-pins-list .pins .pin.level3 {
    background-position: -45px 21px;
}
#user-pins-list .pins .pin.level4 {
    background-position: -107px 21px;
}
#user-pins-list .pins .pin.level5 {
    background-position: -176px 21px;
}
#user-pins-list .pins .pin.notachieved, 
#user-pins-list .pins .pin.notachieved:hover span.desc, 
#user-pins-list .pins .pin.notachieved.selected {
    opacity: 1;
}
#user-pins-list .pins .pin.notachieved:hover img, 
#user-pins-list .pins .pin.notachieved img {
    opacity: 0.2;
}
#user-pins-list .pins .pin img {
    display: block;
    height: 48px;
    margin: auto;
    width: 48px;
}
#user-pins-list .pins .pin .progress {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) !important;
       -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) !important;
            box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid #333;
    display: block;
    height: 10px;
    left: 1px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 56px;
}
#user-pins-list .pins .pin .progress .bar {
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background: #3792D7;
    background-color: #96E138;
    height: 10px;
}
#user-pins-list .pins .pin:hover span.desc, 
#user-pins-list .pins .pin.selected span.desc {
    display: block;
}
#user-pins-list .pins .pin:hover span.desc {
    z-index: 102;
}
#user-pins-list .pins .pin.selected span.desc {
    z-index: 101;
}
#user-pins-list .pins .pin span.desc {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
       -webkit-box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
          -moz-box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
               box-shadow: 0px 0px 2px 0px rgb(0, 0, 0);
    background: #3792D7;
    font-size: 0.8em;
    font-weight: bold;
    left: -24px;
    min-width: 106px;
    padding: 4px;
    position: absolute;
    text-shadow: 0px 1px 1px #4F4F4F;
    top: 54px;
    width: auto;
    z-index: 50;
    display: none;
    color: #fff;
}
#user-pins-list .pins .pin span.desc .descriptiontext {
	padding: 2px;
	background: white;
	display: block;
	color: #333;
	text-shadow: none;
	font-weight: normal;
}
#user-pins-list .pins .pin span.desc:before {
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #3792D7 transparent;
    content: "";
    display: block; 
    left: 40px; /* controls horizontal position */
    position: absolute;
    top: -15px; /* value = - border-top-width - border-bottom-width */
    width: 0;
}
#user-pins-list .pins .pin span.desc span.progresstext {
    color: #96E138;
}
/* widget wizard */
.widget-wizard {
    color: #333 !important;
    background: rgba(256, 256, 256, 0.7) !important;
}
.widget-wizard .content-header p {
	float: right;
	margin-top: 1em;
}
.widget-wizard h3 {
	margin: 1em 0;
}
.widget-wizard .wizard-left {
    width: 46%;
    float: left;
    /* background:  rgba(256, 256, 256, 0.6); */
}
.widget-wizard .wizard-right {
    width: 46%;
    float: right;
}
.widget-wizard .preview {
    padding: 1em;
    color: #fff;
}
.widget-wizard .preview a.lbplm-link {
    font-weight: bold;
    border-bottom: 1px dashed #fff;
    color: #fff;
}
.widget-wizard .btn-get-widget {
	clear: left;
	float: left;
}
.widget-wizard .lbp-lolz, .widget-wizard .preview {
	margin: 0;
}
.widget-wizard .widget-validation {
	background: #BD362F;
	color: #fff;
	padding: 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.widget-wizard #widget-code {
	padding: 1em 0 0 0;
	width: 100%;
	margin-right: 1em;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 140px;
}
.widget-wizard .lolz-widget-form #widget-code {
	min-height: 200px;
}

/*widget themes */
.themeslist .theme .box {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #333;
	cursor: pointer;
	opacity: 0.7;
	text-indent: -9999px;
    overflow: hidden;
    margin-right: 0.5em;
}
.themeslist .theme input[type="radio"] {
    display: none;	
}
/* DEFAULT - remix of cool island*/ 
.themeslist .theme.default .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(29,220,204, 0.95)),color-stop(0.40, rgba(55,146,215, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(29,220,204, 0.95)),color-stop(0.40, rgba(55,146,215, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(29,220,204, 0.95) 0%,rgba(55,146,215, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(29,220,204, 0.95) 0%,rgba(55,146,215, 0.9) 40%);
}
/* Cool Island */ 
.themeslist .theme.cool_island .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(29,220,204, 0.95)),color-stop(0.40, rgba(150, 221, 60, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(29,220,204, 0.95)),color-stop(0.40, rgba(150, 221, 60, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(29,220,204, 0.95) 0%,rgba(150, 221, 60, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(29,220,204, 0.95) 0%,rgba(150, 221, 60, 0.9) 40%);
}
/* Icecream Sprinkles */
.themeslist .theme.icecream_sprinkles .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(59, 207, 193, 0.95)),color-stop(0.40, rgba(255, 216, 0, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(59, 207, 193, 0.95)),color-stop(0.40, rgba(255, 216, 0, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(59, 207, 193, 0.95) 0%,rgba(255, 216, 0, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(59, 207, 193, 0.95) 0%,rgba(255, 216, 0, 0.9) 40%);
}
/* Candy Jar */
.themeslist .theme.candy_jar .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 246, 0, 0.95)),color-stop(0.40, rgba(204, 10, 29, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 246, 0, 0.95)),color-stop(0.40, rgba(204, 10, 29, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 246, 0, 0.95) 0%,rgba(204, 10, 29, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 246, 0, 0.95) 0%,rgba(204, 10, 29, 0.9) 40%);
}
/* Forest Surprise */
.themeslist .theme.forest_surprise .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 198, 0, 0.95)),color-stop(0.40, rgba(200, 0, 204, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 198, 0, 0.95)),color-stop(0.40, rgba(200, 0, 204, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 198, 0, 0.95) 0%,rgba(200, 0, 204, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 198, 0, 0.95) 0%,rgba(200, 0, 204, 0.9) 40%);
}
/* Sliced Bread */
.themeslist .theme.sliced_bread .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(100, 200, 230, 0.95)),color-stop(0.40, rgba(170, 185, 90, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(100, 200, 230, 0.95)),color-stop(0.40, rgba(170, 185, 90, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(100, 200, 230, 0.95) 0%,rgba(170, 185, 90, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(100, 200, 230, 0.95) 0%,rgba(170, 185, 90, 0.9) 40%);
}
/* Moon Queen */
.themeslist .theme.moon_queen .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(225, 225, 230, 0.95)),color-stop(0.40, rgba(160, 150, 135, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(225, 225, 230, 0.95)),color-stop(0.40, rgba(160, 150, 135, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(225, 225, 230, 0.95) 0%,rgba(160, 150, 135, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(225, 225, 230, 0.95) 0%,rgba(160, 150, 135, 0.9) 40%);
}
/* Meditation */
.themeslist .theme.meditation .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 180, 0, 0.95)),color-stop(0.40, rgba(117, 95, 28, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 180, 0, 0.95)),color-stop(0.40, rgba(117, 95, 28, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 180, 0, 0.95) 0%,rgba(117, 95, 28, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 180, 0, 0.95) 0%,rgba(117, 95, 28, 0.9) 40%);
}
/* Rack attack */
.themeslist .theme.rack_attack .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 240, 0, 0.95)),color-stop(0.40, rgba(255, 135, 29, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 240, 0, 0.95)),color-stop(0.40, rgba(255, 135, 29, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 240, 0, 0.95) 0%,rgba(255, 135, 29, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 240, 0, 0.95) 0%,rgba(255, 135, 29, 0.9) 40%);
}
/* Tennis Elbow */ 
.themeslist .theme.tennis_elbow .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 234, 135, 0.95)),color-stop(0.40, rgba(145, 66, 178, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 234, 135, 0.95)),color-stop(0.40, rgba(145, 66, 178, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 234, 135, 0.95) 0%,rgba(16, 204, 117, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 234, 135, 0.95) 0%,rgba(16, 204, 117, 0.9) 40%);
}
/*  Volcanic Glacier */
.themeslist .theme.volcanic_glacier .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(200, 205, 230, 0.95)),color-stop(0.40, rgba(250, 130, 40, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(200, 205, 230, 0.95)),color-stop(0.40, rgba(250, 130, 40, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(200, 205, 230, 0.95) 0%,rgba(255, 234, 135, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(200, 205, 230, 0.95) 0%,rgba(255, 234, 135, 0.9) 40%);
}      
/* Dylan's Jalopy */
.themeslist .theme.dylans_jalopy .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(255, 29, 177, 0.95)),color-stop(0.40, rgba(19, 245, 255, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255, 29, 177, 0.95)),color-stop(0.40, rgba(19, 245, 255, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(255, 29, 177, 0.95) 0%,rgba(19, 245, 255, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(255, 29, 177, 0.95) 0%,rgba(19, 245, 255, 0.9) 40%);
}
/* Funkian */
.themeslist .theme.funkian .box {
    background: gradient(linear,left bottom,left top,color-stop(0, rgba(104, 61, 191, 0.95)),color-stop(0.40, rgba(80, 20, 40, 0.9)));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(104, 61, 191, 0.95)),color-stop(0.40, rgba(80, 20, 40, 0.9)));
    background: -moz-linear-gradient(center bottom,rgba(104, 61, 191, 0.95) 0%,rgba(80, 20, 40, 0.9) 40%);
    /* Emergency fallback for broken IE11 pages */
    background: linear-gradient(315deg, rgba(104, 61, 191, 0.95) 0%,rgba(80, 20, 40, 0.9) 40%);
}
.themeslist .theme.selected label.box, 
.themeslist .theme.selected:hover label.box {
    border: 2px solid #303437;
    opacity: 1;
}

/* symbolicons */

/* Symbol icons */
.symbolicon  { 
    background-image: url('../img/spritesheet-symbols.png'); 
    background-color: transparent; 
    background-repeat: no-repeat; 
} 
.symbolicon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 0 2px;
}

.stream .event .actions .symbolicon,
.actions .level .basicinfo .name .symbolicon {
    padding: 0;
    display: inline-block;
}
.symbolicon.cross,
h1 .symbolicon.xE001 {
    height: 36px; width: 39px; background-position: 0px 0px;
}
.symbolicon.circle,
h1 .symbolicon.xE004 {
    height: 36px; width: 39px; background-position: -39px 0px;
}
.symbolicon.triangle,
h1 .symbolicon.xE003 {
    height: 36px; width: 39px; background-position: -78px 0px;
}
.symbolicon.square,
h1 .symbolicon.xE002 {
    height: 36px; width: 39px; background-position: -118px 0px;
}
.symbolicon.leftstick,
h1 .symbolicon.xE00A,
h1 .symbolicon.xE00C {
    height: 36px; width: 38px; background-position: -159px 0px;
}
.symbolicon.rightstick,
h1 .symbolicon.xE00B,
h1 .symbolicon.xE00D {
    height: 36px; width: 38px; background-position: -197px 0px;
}
.symbolicon.l1,
h1 .symbolicon.xE00E {
    height: 36px; width: 44px; background-position: -235px 0px;
}
.symbolicon.l2,
h1 .symbolicon.xE00F {
    height: 36px; width: 44px; background-position: -279px 0px;
}
.symbolicon.r1,
h1 .symbolicon.xE010 {
    height: 36px; width: 44px; background-position: -324px 0px;
}
.symbolicon.r2,
h1 .symbolicon.xE011 {
    height: 36px; width: 44px; background-position: -369px 0px;
}
.symbolicon.select,
h1 .symbolicon.xE012 {
    height: 36px; width: 48px; background-position: 0px -37px; 
}
.symbolicon.start,
h1 .symbolicon.xE013 {
    height: 36px; width: 40px; background-position: -49px -37px;
}
.symbolicon.dpaddown,
h1 .symbolicon.xE008 {
    height: 36px; width: 38px; background-position: -90px -37px;
}
.symbolicon.dpadleft,
h1 .symbolicon.xE009 {
    height: 36px; width: 38px; background-position: -128px -37px;
}
.symbolicon.dpadright,
h1 .symbolicon.xE007 {
    height: 36px; width: 38px; background-position:  -166px -37px;
}
.symbolicon.dpadup,
h1 .symbolicon.xE006 {
    height: 36px; width: 38px; background-position:  -204px -37px;
}
.symbolicon.dpad,
h1 .symbolicon.xE005 {
    height: 36px; width: 38px; background-position:  -242px -37px;
}
.symbolicon.move,
h1 .symbolicon.xE01C {
    height: 36px; width: 24px; background-position:  -357px -37px;
}
.symbolicon.movetrigger,
h1 .symbolicon.xE01D {
    height: 36px; width: 26px; background-position:  -383px -37px;
}
.symbolicon.small.cross,
.symbolicon.xE001 {
    height: 15px; width: 17px; background-position: 0px -76px;
}
.symbolicon.small.circle,
.symbolicon.xE004 {
    height: 15px; width: 17px; background-position: -18px -76px;
}
.symbolicon.small.triangle,
.symbolicon.xE003 {
    height: 15px; width: 17px; background-position: -36px -76px;
}
.symbolicon.small.square,
.symbolicon.xE002 {
    height: 15px; width: 17px; background-position: -54px -76px;
}
.symbolicon.small.leftstick,
.symbolicon.xE00A,
.symbolicon.xE00C {
    height: 15px; width: 17px; background-position: -73px -75px;
}
.symbolicon.small.rightstick,
.symbolicon.xE00B,
.symbolicon.xE00D {
    height: 15px; width: 16px; background-position: -91px -75px;
}
.symbolicon.small.l1,
.symbolicon.xE00E {
    height: 15px; width: 20px; background-position: -108px -75px;
}
.symbolicon.small.l2,
.symbolicon.xE00F {
    height: 15px; width: 19px; background-position: -129px -75px;
}
.symbolicon.small.r1,
.symbolicon.xE010 {
    height: 16px; width: 19px; background-position: -149px -75px;
}
.symbolicon.small.r2,
.symbolicon.xE011 {
    height: 16px; width: 19px; background-position: -170px -75px;
}
.symbolicon.small.select,
.symbolicon.xE012 {
    height: 16px; width: 20px; background-position: -191px -76px;
}
.symbolicon.small.start,
.symbolicon.xE013 {
    height: 16px; width: 18px; background-position: -213px -76px;
}
.symbolicon.small.dpaddown,
.symbolicon.xE008 {
    height: 16px; width: 18px; background-position: -231px -76px;
}
.symbolicon.small.dpadleft,
.symbolicon.xE009 {
    height: 16px; width: 18px; background-position: -248px -76px;
}
.symbolicon.small.dpadright,
.symbolicon.xE007 {
    height: 16px; width: 18px; background-position: -266px -76px;
}
.symbolicon.small.dpadup,
.symbolicon.xE006 {
    height: 16px; width: 18px; background-position: -283px -76px;
}
.symbolicon.small.dpad,
.symbolicon.xE005 {
    height: 16px; width: 17px; background-position: -301px -76px;
}
.symbolicon.small.move,
.symbolicon.xE01C {
    height: 16px; width: 12px; background-position: -353px -76px;
}
.symbolicon.small.movetrigger,
.symbolicon.xE01D {
    height: 16px; width: 13px; background-position: -365px -76px;
}
/* symbolicons */

/* JP lang variants */
html[lang|=ja] .homepage-search h1 {font-size: 2.3em;}
html[lang|=ja] .homepage-search h2,
html[lang|=ja] .discover-header,
html[lang|=ja] .content-header h2 {font-size: 2em;}
html[lang|=ja] .level-list h2 {font-size: 1.4em;}
html[lang|=ja] .photos h2 {font-size: 2em;}
html[lang|=ja] #lbp-tabbed li a, 
html[lang|=ja] .user-profile-nav li a {font-size: 1em;}

/* ----------------------------------------------------- Responsive styles override */
@media (min-width: 1024px) {
    /* TODO: Should this be in with min-width: 1200px? */
    .show-device::after {
        content: "DESKTOP" !important;
    }
    /* body {
        padding-top: 60px;
    } */
    .container-fluid {
        margin: 0 auto;
        width: 979px;
    }
    .chk-boxgroup.select-lvl-usr label.btn {
        width: 120px;
    }
    .one-click-search button {
        width: 100%;
    }
}

@media (max-width: 979px) {
    .show-device::after {
        content: "MAX-WIDTH:979px";
    }
    .navbar .user-profile,
    .photo-details .photopos img {
        width: 100%;
    }
    .nav-collapse {
        
    }
    .navbar #signed-out-nav {
        float: left;
        clear: left;
    }
    .navbar .search-form {
        /* margin-left: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important; */
    }
    .navbar .nav-collapse .dropdown-menu {
        margin: 0 0 0.5em 5px;
    }
    .navbar .nav-collapse .dropdown-menu a {
        color: #fff;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        padding: 4px 15px;
    }
    .navbar .nav-collapse .dropdown-menu a:hover {
       background: none;
    }
    .navbar .topbaractions {
        float: right;
        margin-bottom: 0.5em;
    }
    .navbar .nav-collapse.in .topbaractions {
        position: absolute;
        right: 0;
        bottom: 0;        
    }
    #signed-in-nav {
        float: left;
        clear: left;
    }
    #signed-in-nav .username {
        display: block;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin-left: 4px;
    } 
    .navbar .dropdown-toggle {
        display: none;
    }
    .homepage-search .search-form {
        padding: 1.5%;
    }
    .homepage .search-form::before {
        display: none;
    }
    .popover-inner {
        position: relative;
        width: auto;
    }
    .secondary-nav h4 {
        display: none;
    }
    .secondary-nav ul { 
        padding: 0;
        width: 100%;
    }
    .secondary-nav ul li {
        width: 33.33%;
    }
    .secondary-nav ul li a {
        border-radius: 10px;
        float: left;
        margin: 0;
        width: 33%;
    }
    .user-profile-nav li {
        float: left;
        margin-right: 0.5em;
    }
    /* footer */
    footer .footer, footer .ft-left, 
    footer .ft-right, #logos {
        clear: left;
        float: left;
        text-align: left;
        width: 98%;
    }
    /* logged out homepage */
    .homepage-search .span4 {
        border-right: none;
        padding-right: 0;
    }
    .homepage-search .span8 {
        margin-left: 0;
        padding-left: 0;
    }
    .homepage-search .intro {
       transform: rotate(0deg) !important;
       -webkit-transform: rotate(0deg) !important;
       -moz-transform: rotate(0deg) !important;
    }
    .search-order .dropdown-menu, 
    .search-published .dropdown-menu {
       width: 100%;
       text-align: center;
    }
    .fourohone .message, .fourohthree .message, .fourohfour .message, .fivehundred .message,
    html[lang|=en] .fourohone .message, html[lang|=en] .fourohthree .message, 
    html[lang|=en] .fourohfour .message, html[lang|=en] .fivehundred .message {
       background-size: 300px auto;
       padding: 170px 0 20px 0;
       min-height: 200px;
    }
    html[lang|=en] .fourohfour .message, .fourohfour .message {
       min-height: 260px;
    }
    .fourohfour .message, html[lang|=en] .fourohfour .message {
       padding-top: 150px;
    }
    .fourohone .message h1,
    .fourohthree .message h1,
    .fourohfour .message h1,
    .fivehundred .message h1 {
       font-size: 1.8em;
    }
    .fourohthree .message p, 
    .fourohone .message p,
    .fourohfour .message h1,
    .fourohfour .message p,
    .fivehundred .message p {
       width: 100%;
    }
    .lbp-tabbed-content .content-header {
       display: none;
    }
    .search-form {
       padding: 1.5%;
    }
    .logged-out .search-form {
       margin-top: 0px;
    }
    .logged-out .game-banner-wrapper {
       float: left;
       clear: none;
       width: 48.717948717948715% !important;
       margin-left: 2.564102564102564% !important;
    }
    .logged-out .game-banner-wrapper:first-child {
       margin-left: 0px !important;
    }
}

@media (min-width: 895px) and (max-width: 896px) {
    .show-device::after {
        content: "PS VITA" !important;
    }
    body.device-psv  {
        font-size: 1.6em;
    }
    .device-psv .ajax-error {
        height: 100px;
        bottom: 30px;
        line-height: 1.2em;
    }
    .device-psv.logged-out .branding, .device-psv.logged-out .homepage-list,
    .device-psv .homepage .homepage-cta, .device-psv #by-label-content,
    .device-psv .search-filter h2, .device-psv #advanced-search .playernumber legend {
        display: none;
    }
    .device-psv .site-select {
        top: 90px;
    }
    .device-psv .navbar .brand span {
        background: url('../img/vita-arrow.png') left top no-repeat;
        top: 15px;
        right: -50px;
        width: 40px;
        height: 38px;
        z-index: 50;
    }
    .device-psv .navbar .brand.open span {
        background-position: left bottom;
    }
    .device-psv.lbp-vita .navbar .brand {
       background: url('../img/lbpme-vita-logo-psv.png') left 10px no-repeat;
       width: 200px;
       padding: 10px 20px 15px;
       z-index: 40;
    }
    .device-psv.lbp .navbar .brand {
       background: url('../img/lbpme-logo-psv.png') left 5px no-repeat;
       width: 120px;
       padding: 10px 20px 15px;
       z-index: 40;
    }
    .device-psv .navbar .btn-navbar {
        padding: 15px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    .device-psv .navbar .btn-navbar .icon-bar {
        width: 27px;
        height: 4px;
    }
    .device-psv .navbar {
        margin-bottom: 0.5em;
    }
    .device-psv .navbar .navbar-inner {
       min-height: 54px;
    }
    .device-psv .navbar #signed-out-nav .btn {
       padding: 11px 12px;
       font-size: 22px;
    }
    .device-psv .navbar .topbaractions .share-btn, .navbar .topbaractions .grief-btn {
        padding: 4px 14px 2px;
    }
    .device-psv .navbar .nav li a {
       font-size: 0.7em;
    }
    .device-psv .popover {
        width: 90%;
    }
    .device-psv .btn-queue, .device-psv .feedback li, .device-psv .user-profile h1, .device-psv .btn-user-heart, .device-psv .level .event-details h3,
    .device-psv #lbp-tabbed li a, .device-psv .user-profile-nav li a, .device-psv .moar-btn .btn, .device-psv .searchsubmit, .device-psv .search-order .btn.btn-filter-type,
    .device-psv .logged-out .sign-in-message p a.btn, .device-psv .one-click-search .btn, .device-psv #by-label {
        font-family: "CrikeySquatRegular";
    }
    .device-psv .content-container.user-profile, .device-psv .content-container.level-profile, .device-psv .content-container.photo-details, 
    .device-psv .modal .modal-body .photo-details, .device-psv .content-container.search-options,
    .device-psv .content-container.one-click-search, .device-psv .content-container.level-list, .device-psv .content-container.homepage-search, 
    .device-psv .content-container.settings, .device-psv .content-container.fourohfour, .device-psv .content-container.fivehundred {
        background: rgba(55, 146, 215, 1);
        background: gradient(linear,left bottom,left top,color-stop(0, rgba(29, 220, 204, 0.95)),color-stop(0.40, rgba(55, 146, 215, 0.95)));
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(29, 220, 204, 0.95)),color-stop(0.40, rgba(55, 146, 215, 0.95)));
        background: -moz-linear-gradient(center bottom,rgba(29, 220, 204, 0.95) 0%,rgba(55, 146, 215, 0.95) 40%);
        /* Emergency fallback for broken IE11 pages */
    	background: linear-gradient(315deg, rgba(29, 220, 204, 0.95) 0%,rgba(55, 146, 215, 0.95) 40%);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .device-psv .content-container.teampick-levels {
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(221,8,145, 0.8)),color-stop(0.40, rgba(255, 22, 172, 0.9)));
        background-image: -moz-linear-gradient(center bottom,rgba(221,8,145, 0.8) 0%,rgba(255, 22, 172, 0.9) 40%);
        /* Emergency fallback for broken IE11 pages */
        background: linear-gradient(315deg, rgba(221,8,145, 0.8) 0%,rgba(255, 22, 172, 0.9) 40%);
    }
    .device-psv .content-container {
       /* background: #fff;
       -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
               border-radius: 10px; */
    }
    .device-psv .homepage-search h1 {
        margin-bottom: 0 !important;
        text-align: center;
    }
    .device-psv .homepage-search .intro {
        line-height: 1.2em;
    }
    .device-psv .search-form {
        background-image: none !important;
        background-color: rgba(255,255,255,0.5);
        width: 98%;
        padding: 1%;
        margin-bottom: 0.5em;
    }
    .device-psv .homepage-search .sign-in-message .sign-in-btn {
        font-size: 1.4em;
        line-height: 1em;
        margin: 0;
        padding-bottom: 14px !important;
        -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
               border-radius: 25px;
    }
    .device-psv .homepage-search .sign-in-message p {
        margin: 1em 0;
    }
    .device-psv .homepage-search .sign-in-message .sign-in-btn:before {
        top: 14px;
    }
    .device-psv .homepage .search-form .search-input {
       line-height: 2em;
       padding: 1em !important; 
       width: 620px;
    }
    .device-psv #level-search {
       width: 610px;
       padding: 0.6em 0.7em !important;
    }
    .device-psv .homepage-search .search-form .search-submit {
        padding: 8px 110px 8px 49px;
    }
    .device-psv .homepage-search .one-click-search {
        padding: 0;
    }
    .device-psv.logged-out .one-click-search .btn {
        font-size: 1em;
        line-height: 1.4em;
        -webkit-border-radius: 25px;
           -moz-border-radius: 25px;
                border-radius: 25px;
    }
    .device-psv .search .searchsubmit,
    .device-psv .search #level-search,
    .device-psv #lbp-tabbed li a, .device-psv .modal-header .btn {
        font-size: 1em;
        padding: 0.5em;
    }
    .device-psv #lbp-tabbed li a {
       padding: 0.5em 0.4em;
    }
    .device-psv #lbp-tabbed.user-profile-nav {
       margin: 0;
    }
    .device-psv #lbp-tabbed.user-profile-nav li a {
       padding: 0.5em 0.3em;
       font-size: 0.78em;
    }
    .device-psv .search .searchsubmit {
       padding: 0.6em 0 0.7em 0;
    }
    .device-psv .search .searchsubmit:before {
       top: 10px;
    }
    .device-psv #by-label {
       display: block !important;
    }
    .device-psv .search-order .btn.btn-filter-type, .device-psv .search-order .dropdown-menu, .device-psv .level-profile .level-actions .btn,
    .device-psv .level-profile .level .moar-level-info, .device-psv .user-profile-details .btn-user-heart, .device-psv .level .btn-queue,
    .device-psv #show-players, .device-psv #by-label {
        font-size: 32px;
    }
    .device-psv #show-players {
        padding: 0.5em 1em;
    }
    .device-psv .level .btn-queue {
        padding: 0.5em;
    }
    .device-psv .search-order .dropdown-menu a {
        line-height: 42px;
    }
    /* level */
    .device-psv .level .event-details h3 {
        margin-right: 150px;
    }
    .device-psv .homepage-level-lists .level .event-details h3 {
        margin-right: 0;
    }
    .device-psv .level-profile .level .event-details .level-creator {
        margin-bottom: 0.5em;
    }
    .device-psv .level-profile .level .event-details .level-description {
        line-height: 1.4em;
    }
    .device-psv .level-profile .level .moar-level-info {
        padding: 0.7em 0.5em 0.5em 0.5em;
    }
    .device-psv .activity-list .comment .event-details p, .device-psv .activity-list .review .event-details p {
        line-height: 1.4em;
    }
    .device-psv .timestamp {
        padding: 10px;
    }
    .device-psv #moar-info ul li,
    .device-psv #moar-info p {
        line-height: 40px;
    }
    .device-psv .activity-list .comment .event-details, .device-psv .activity-list .review .event-details {
        border-width: 5px;
    }
    .device-psv .activity-list .comment .event-details:before, .device-psv .activity-list .review .event-details:before {
        top: -19px;
        left: 39px;
    }
    .device-psv .level-profile .level h1, .device-psv .user-profile .user h1 {
        line-height: 1em;
        margin-bottom: 0.5em;
    }
    .device-psv .activity-list .comment.highlight,
    .device-psv .activity-list .review.highlight {
        border: 5px solid #ddd;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #eee;
    }
    .device-psv .activity-list .review.highlight .event-details, 
    .device-psv .activity-list .comment.highlight .event-details {
        background: #fff;
    }
    .device-psv .activity-list .review.highlight .event-details:after,
    .device-psv .activity-list .comment.highlight .event-details:after {
        border-color: #fff transparent; 
    }
    .device-psv .user-profile .user .user-profile-details .feedback {
        margin: 0 0 1em 0;
    }
    .device-psv .level-creator {
       margin: 0.5em 0 1em 0;
    }
    .device-psv .activity-list .activity ul .level {
       padding-bottom: 1em;
    }
    .device-psv .moar-btn .btn {
        padding: 0.5em 0 !important;
    }
    .device-psv #level-photos-list {
       height: 100px;
       overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .show-device::after {
        content: "MIN-WIDTH:768px MAX-WIDTH:979px";
    }
    [class*="span"], .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
    .container-fluid {
        padding: 0;
        margin: 0 20px;
    }
    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
    }
    .dl-horizontal dd {
        margin-left: 0;
    }
    .logged-out .homepage-panel .sign-in-message {
        display: block;
    }
    .logged-out .homepage-panel object {
        display: none;
    }
    .homepage .homepage-cta {
        display: none;
    }
    .logged-out .homepage-list {
        top: -20px !important;
        right: 0px;
        overflow: visible;
    }
    .logged-out .homepage-level-lists .span6 {
        width: 48.717948717948715% !important;
        float: left;
        margin-left: 2.564102564102564%;
    }
    .logged-out .homepage-level-lists .span6.first {
        margin-left: 0;
    }
    .logged-out .search-form {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .show-device::after {
        content: "MAX-WIDTH:767px";
    }
    body {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .homepage .homepage-cta {
        display: none;
    }
    #by-label-content {display: none !important;}
    #by-label {display: block !important;}
    .navbar .my-profile {
        clear: left;
        float: left;
    }
    .navbar .my-profile .username {
        display: none;
    }
    nav .nav-collapse .nav {
        width: 160px; 
    }
    .searchsubmit {
        padding: 7px 7px 3px 7px;
    }
    .content-container, .my-profile, .well, 
    .level-profile, .level-search, .user-profile,
    .navbar {
        margin-bottom: 10px;
    }
    .navbar-inner {
        padding: 0 5px 0 10px;
    }
    .site-select {
        top: 36px;
		margin-left: -13px;
		padding-top: 36px;
    }
    .photo-details .photo-info .level {
        margin-top: 1%;
    }
    .container-fluid {
        margin-right: 10px;
        margin-left: 10px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        margin-right: -10px;
        margin-left: -10px;
    }
    #level-scores-list li {
        width: 100% !important;
    }
    .modal {
        position: fixed;
        top: 0.5em;
        left: 1%;
        margin: 0 0 0 0;
        width: 98%;
        overflow: visible;
    }
    .search-labels {
        display: block;
        clear: left;
        width: 100%;
        padding-top: 10px;
    }
    .search-filter h2 {
        display: none;
    }
    .advanced-search {
        clear: left
    }
    .search .popover {
        width: 90%;
    }
    #user-hearted-players-list > li {
        width: 40% !important;
    }
    .logged-out .homepage-list {
        top: -20px !important;
        right: 0px;
        overflow: visible;
    }
    .signed-in-owner .list-detail .list-heading,
	.signed-in-owner .list-detail .level-description {
	    padding: 0.5em !important;
	    margin: 1em 200px 1em 0em;
	}
	.search .clickover .popover-content {
    	text-align: center !important;
	}
}

@media (max-width: 600px) { /* break point set for design rather than device - http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/ */
    .show-device::after {
        content: "MAX-WIDTH:600px";
    }
    .site-select-bottom, .level-profile .level .level-pic .lbp1 span,
    .level-profile .level .level-pic .lbp2 span, .search .one-click-search,
    .span3 .teampick-levels, .span3 .trending-levels, .span3 .newest-levels {
        display: none;
    }
    body {
        font-size: 0.8em;
    }
    .content-container, .my-profile, .well, .level-profile, .level-search, .search-results, .activity-list .level, 
    .search-results .level, .activity-list .comment, .activity-list .comment .event-details, .user-profile, .activity-list .activity {
        padding: 0.5em; /* WAS 2% */
    }
    .activity-list .level, .activity-list .event, .activity-list .comment, .activity-list .comment .event-details, 
    .activity-list .list, .activity-list .review, .activity-list .review .event-details, .activity-list .user {
        margin-top: 0.5em;
    }
    .level-profile .btn-level-list, .level-profile .btn-queue-list, .btn-heart-list, .btn-user-heart, .level-profile .btn-level-queue, .btn-play-now {
        padding: 5px 8px !important;
    }
    .level-profile .btn-level-queue.wait, .level-profile .btn-user-heart.wait, .level-profile .btn-queue-list.wait, 
    .level-profile .btn-heart-list.wait, .level-profile .level-profile .btn-level-list.wait, .level-profile .btn-play-now.wait {
        padding: 26px 5px 5px 5px !important;
    }
    .logged-out .branding {
        display: none;
    }
    .logged-out .sign-in-btn {
        margin-top: 10px;
    }
    .logged-out .search-form {
        margin-top: 10px;
    }
    .photo-details {
        padding: 2%;
    }
    .navbar .topbaractions {
        margin-bottom: 0.5em;
    }
    .navbar #signed-out-nav .btn {
        margin-top: 0px;
    }
    .navbar #signed-out-nav {
        margin: 5px 0;
        width: 100%;
    }
    .navbar .search-form {
        margin: 0px 0px 6px 0px !important;
        /* margin-left: 0px !important; */
    }
    .site-select {
        width: 100%;
        background-image: none;
        background-color: rgba(51, 51, 51, 0.95);
        margin-left: -10px;
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .site-select ul {
        margin-left: 20px;
    }
    .search .clickover .popover-content {
        text-align: center !important;
    }
    .photolist {
        margin: 0;
    }
    .photolist li img {
        margin-bottom: 2%;
    }
    .photo-details h1 {
        font-size: 1.2em;
    }
    .photolist li {
        float: left;
        width: 48%;
    }
    .photos {
        padding: 1em; /* TODO: find out why a padding of 0.25em here stops the photo carousel from working */
    }
    .moar-btn .btn {
        margin-top: 0.5em;
    }
        
    /* levels */
    .level-actions {
        margin-bottom: 1em;
    }
    .level-profile .level .event-details .level-creator {
        font-size: 1.2em;
        margin-bottom: 2px;
    }
    .activity-list .level {
        padding-bottom: 1em !important;
    }
    .activity-list .level .icon.locked {
        left: 35px;
    }
    .level .btn-queue,
    .level .btn-enlist-level,
    .list .btn-queue-list {
        float: left;
        clear: left;
        margin: 5px 0 0 110px;
        position: relative;
        top: 0;
    }
    .level-profile .level-actions {
        width: 100%;
    }
    .btn-play-now, .btn-level-list, .btn-level-queue {
        width: 33%;
    }
    .level .btn-enlist-level {
        right: 0;
    }
    .level .btn-group.setting-option {
        position: relative;
        top: auto;
        right: auto;
        margin: 5px 0 0 110px;
        float: left;
        clear: left;
    }
    .level .btn-enable-level-comments {
        clear: none;
        margin-left: 10px;
    }
    .level .event-details h3,
    .level-profile .level h3,
    .user-profile .user h3 {
        font-size: 1.3em;
        margin-right: 0;
    }
    .level-profile .level .feedback li,
    .level .feedback li,
    .level .feedback li span {
        margin-right: 2px;
    }
    .level .level-pic.teampicked {
        margin-left: -12px;
    }   
    .level .level-pic img {
        margin-left: -4px;
    }
    .irating {
        float: left;
        width: 92px;
        height: 22px;
        margin: 0 10px 7px 0;
    }
    .level .level-creator {
        margin-bottom: 0;
    }
    .user .icon.private,
    .level .icon.private {
        background: url('../img/spritesheet.png') -384px -153px no-repeat transparent;
        width: 22px;
        height: 25px;
        position: absolute;
        left: 1px;
        top: 38px;
    }
    .level-profile .level .icon.locked {
        background-position: -386px -108px;
        height: 42px;
        width: 34px;
        left: 32px;
        top: 25px;
    }
    /* overrides for responsive level-profile images */
    .level-profile .level .level-pic {
        margin: 0;
        padding: 0;
        width: 115px;;
    }
    .level-profile .level .level-pic img {
        float: left;
        padding: 22px 32px 20px 10px;   
        margin-top: -19px;
        margin-left: -4px;
        background-size: 1150px 252px;
        width: 84px;
        height: 84px;
    }
    .level-profile .level .level-pic .level-hearted {
        background-position: -430px 0px;
        width: 28px;
        height: 23px;
        left: 6px;
        top: 53px;
    }
    .level-profile .level .level-pic.cinematic img {
        padding-top: 20px;
        background: url(../img/leveltypes.png) -622px 5px no-repeat transparent;
    }
    .level-profile .level .level-pic.versus img {
        padding-top: 20px;
        background: url(../img/leveltypes.png) -624px -137px no-repeat transparent;
    }
    .level-profile .level .level-pic.teampicked img {
        margin: -4px 0px 0px 7px;
    }
    .level-profile .level .level-pic.teampicked {
        background-position: -748px 2px !important;
        background-image: url(../img/leveltypes.png);
        margin-left: -10px;
        margin-top: -15px;
    }
    .level-profile .level .level-pic .lbp1,
    .level-profile .level .level-pic .lbp2,
    .level-profile .level .level-pic .queued,
    .level-profile .level .level-pic .lbpvita,
    .level-profile .level .list-pic .icon.queued {
        background-image: url('../img/spritesheet.png');
        height: 24px;
        left: 65px;
        position: absolute;
        top: 12px;
        width: 24px;
        z-index: 16;
    }
    .level-profile .level .level-pic .lbp2 {
        background-position: -429px -76px !important;
    }
    .level-profile .level .level-pic .lbp1 {
        background-position: -402px -76px !important;       
    }
    .level-profile .level .level-pic .lbpvita  {
        background-position: -484px -201px !important;
        left: 65px;
        top: 12px;       
    }
    .level-profile .level .level-pic.teampicked .lbp1,
    .level-profile .level .level-pic.teampicked .lbp2,
    .level-profile .level .level-pic.teampicked .lbpvita  {
        left: 78px;
        top: 27px;       
    }
    .level-profile .level .level-pic.teampicked .level-hearted {
       left: 16px;
       top: 68px;
    }
    .level-profile .level .level-pic.teampicked .queued {
        left: 83px;
        top: 53px;
    }
    .level-profile .level .level-pic .queued,
    .level-profile .level .list-pic .queued {
        background-position: -463px -274px !important;
        left: 71px;
        top: 50px;
    }
    .level-profile .level .list-pic .icon.queued {
        left: 95px;
        top: 80px;
    }
    .level-profile .level .level-pic .psmove {
	    background-position: -412px -153px !important;
	    left: 59px;
	    top: 10px;
	    width: 24px;
	    height: 26px;
	}
	.level-profile .level .level-pic .cross-control {
        left: 8px;
        top: 11px;
        width: 24px;
        height: 24px;
        background-position: -309px -324px;
    }
	.level-profile .level .level-pic.teampicked .cross-control {
	    left: 19px;
	    top: 24px;
	}
    /* end overrides for responsive level images */
 
    .lbp-vita .level-profile .level .level-pic.versus {
        margin-left: -10px;
	}
	.lbp-vita .level-profile .level .level-pic.versus .lbpvita {
	    left: 65px;
	}
	.lbp-vita .level-profile .level .level-pic.versus .queued {
	    left: 71px;
	}
	.lbp-vita .level-profile .level .level-pic.versus img {
	    background: url('../img/badge_versus.png') -1px 6px no-repeat transparent;
		padding-top: 33px;
		padding-left: 24px;
		padding-bottom: 31px;
		background-size: 134px 134px;
	}
	.level-profile .level .list-pic {
        background-position: -740px -131px !important;
        width: 94px;
        height: 84px;
    }
    .level-profile .level .list-hearted {
        width: 30px;
        height: 30px;
        top: 63px;
        background-position: -429px 3px !important;
    }
    .level .feedback, .user-profile-details .feedback {
        font-size: 0.9em;
        margin: 0;
    }
    .level-profile .level .event-details {
        margin-left: 110px;
    }
    .level-profile .level .event-details .level-description,
    .level-profile .level .event-details .level-info {
        margin-left: -110px;
    }
    .level-profile .level .event-details .feedback {
        clear: both;
        margin-top: 0.5em;
    }
    .level-profile .level .event-details .level-description {
        padding-top: 0.5em;
    }
    .level-profile .level .level-actions .btn {
        font-size: 10px;
    }
    .chk-boxgroup.select-lvl-usr label.btn {
        width: 115px;
    }
    /* user profile */
    .user-profile .user .user-profile-details {
        margin-left: 90px;
    }
    .user-profile .user .user-pic {
        margin-left: -5px;
        margin-bottom: 2em;
    }
    .user-profile .user .user-pic img {
        width: 64px;
        height: 76px;
    }
    .user-profile .user-pic .hearted {
        left: 60px;
        top: 40px;
        width: 27px;
        height: 25px;
        background-position: -430px 0px;
    }
    .user-profile .user .pins {
        top: 70px;
        left: -10px;
    }
    .user-profile .pins .pin img {
        width: 24px;
    }
    .user-profile .btn-user-heart {
        font-size: 0.6em;
        padding: 6px 10px 1px 10px;
    }
    #user-hearted-players-list > li {
       width: 100% !important;
       float: left !important;
       clear: left;
       padding: 0 0 1em 0;
       margin: 0 0 0.5em 0;
    }
    .recent-activity .nav li {
        width: 50%;
    }
    .homepage-search h1 {
        font-size: 2.2em;
        margin-bottom: 0;
        text-align: center;
    }
    nav .search-form .search-submit {
        padding: 2px 12px 11px 8px;
    }
    .search-order .dropdown-menu, .search-published .dropdown-menu {
        width: 100%;
    }
    .search-order .btn, .search-filter .btn, .search-published .btn, .one-click-search .btn {
        width: 100%;
        padding: 0.5em 0;
    }
    .dlc-list li {
        width: 85%;
        float: left;
        padding: 20px;
        background-image: url('../img/dlc-left.png'), url('../img/dlc-right.png');
        background-repeat: no-repeat;
        background-position: left top, right 10px;
    }
    .user-profile-nav li.active a,
    .nav-pills > .active > a {
        -moz-border-image: url('../img/yellow_border.png') 5 stretch !important;
	    -webkit-border-image: url('../img/yellow_border.png') 5 stretch !important;
	    -o-border-image: url('../img/yellow_border.png') 5 stretch !important;
	    background-color: transparent;
	    border-width: 5px;
	    border-image: url('../img/yellow_border.png') 5 fill stretch !important;
	    color: #333 !important;
    }
    #settings fieldset {
       padding-bottom: 40px
    }
    .settings .privacy-all.active .desc,
    .settings .privacy-psn.active .desc,
    .settings .privacy-game.active .desc {
        bottom: 0px;
        display: block;
        font-size: 90%;
        left: 0px;
        padding: 10px 5px;
        position: absolute;
    }
    /* footer */
    footer .footer,
    footer .ft-left,
    footer .ft-right,
    #logos {
        width: 98%;
        float: left;
        clear: left;
        text-align: left;
    }
    footer #logos li {
        padding: 0 10px 0 0;
    }
    .list-detail .list-pic .listbadge0 {
	    left: 39px;
	    top: 34px;
	    z-index: 15;
	    width: 50%;
	    height: 50%;
	}
	.list-detail .list-pic .listbadge1 {
	    left: 27px;
	    top: 55px;
	    z-index: 14;
	    width: 25%;
        height: 25%;
	}
	.list-detail .list-pic .listbadge2 {
	    left: 77px;
	    top: 29px;
	    z-index: 13;
	    width: 25%;
        height: 25%;
	}
	.list-detail .list-pic .listbadge3 {
	    left: 51px;
	    top: 71px;
	    z-index: 12;
	    width: 25%;
        height: 25%;
	}
	.list-detail .list-pic .listbadge4 {
	    left: 77px;
	    top: 49px;
	    z-index: 11;
	    width: 25%;
        height: 25%;
	}
	.list-detail .list-pic .listbadge5 {
	    left: 78px;
	    top: 69px;
	    z-index: 10;
	    width: 25%;
        height: 25%;
	}
	.list-detail .list-pic .listbadge6 {
	    left: 29px;
	    top: 30px;
	    z-index: 10;
	    width: 25%;
        height: 25%;
	}
	.level-profile .btn-level-queue.wait, .level-profile .btn-user-heart.wait, .level-profile .btn-queue-list.wait, 
	.level-profile .btn-heart-list.wait, .level-profile .btn-level-list.wait, .level-profile .btn-play-now.wait {
	   background-position: 50% 5px;
	   background-size: 25% 45%;
	   padding-top: 26px;
	   padding-bottom: 5px;
	}
	.activity-list .btn-queue.wait {
	   padding-left: 15px;
	}
	.btn-user-heart.wait {
	   background-size: 30% 36%;
	   padding-top: 10%;
	}
	.level-profile .event-details h1 {
	   line-height: 1.2em;
	   float: left;
	   width: 100%;
	   margin-top: 0.5em;
	   clear: both;
	}
	.level-profile .list-detail .event-details .level-description {
	   margin-left: 0px;
	}
	#edit-list-name textarea, #edit-list-desc textarea {
	   width: 90%;
	}
	#edit-list-name .btn-list-save, #edit-list-desc .btn-list-save {
	   margin-bottom: 0.5em;
	}
	.widget-wizard .wizard-left, .widget-wizard .wizard-right {
        width: 100%;
    }
    .widget-wizard .wizard-left {
        background: url('../img/dotted-hr-black.png') left bottom repeat-x transparent;
    }
    .logged-out .homepage-list {
        display: none;
    }
    .logged-out .game-banner-wrapper {
        width: 100% !important;
        margin-left: 0px !important;
    }
    .signed-in-owner .list-detail .list-heading,
    .signed-in-owner .list-detail .level-description {
        margin: 0.5em 0 0 0;
        clear: both;
    }
}
@media (max-width: 320px) {
    .show-device::after {
        content: "IPHONE (portrait)";
    }
    .logged-out .branding {
        display: none;
    }
    .logged-out .sign-in-btn {
        margin-top: 0;
    }
    .search-form {
       padding: 0.5em;
    }
    nav .search-form {
        width: 330px;
    }
    nav .search-form .search-submit {
        padding: 5px 12px 21px 8px !important;
    }
    nav .search-form .reset {
        margin-top: 6px;
        margin-left: -65px;
        width: 20px;
        height: 20px;
        line-height: 0.5em;
    }
    nav .search-form .reset:before {
       font-size: 1.5em;
    }
    .level-profile .level .feedback,
    .level-profile .level .level-creator,
    .level-profile .level .event-details .irating {
        /* margin-left: -110px; */
        font-size: 1em;
    }
    .level-profile .event-details .add-to-list {
        width: 250px;
    }
    .level-profile .level .level-creator {
        margin-top: 1em;
        font-size: 1.4em;
    }
    .level .feedback {
        font-size: 0.8em;
    }
    .level-profile .level .event-details .irating {
        font-size: 4em;
    }
    .level-profile .level h3 {
        font-size: 1.8em;
    }
    .homepage-search {
        border-image: none;
    }
    .homepage-search h1 {
        font-size: 1.9em;
    }
    .logged-out .one-click-search .btn {
        width: 100%;
        padding: 7px 0;
    }
    .register-link, .learn-more-link {
        display: none;
    }
    .modal-body {
        height: 280px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .modal-body .content-container {
        padding: 0.5em;
    }
    .modal-body  > * {
        -webkit-transform: translate3d(0,0,0);
    }
    .recent-activity .nav li.hearted-activity a, .recent-activity .nav li.psn-activity a,
    .recent-activity .nav li.level-activity a, .recent-activity .nav li.my-activity a {
        padding-left: 0px;
        padding-top: 10px;
    }
    .recent-activity .nav li.hearted-activity a:before, .recent-activity .nav li.psn-activity a:before,
    .recent-activity .nav li.level-activity a:before, .recent-activity .nav li.my-activity a:before {
        content: none;
    }
    #list-popover {
	    width: 300px;
	    left: 5px !important;
	}
	#list-popover.popover.bottom .arrow {
	    left: 68% !important;
	}
	.btn-user-heart.wait {
        padding-top: 22px !important;
    }
    .homepage .activity-list .level {
        min-height: 40px !important;
    }
}
@media (max-width: 319px) {
    /* smaller android devices */
    .show-device::after {
        content: "LESS THAN 320px";
    }
    .level .level-pic {
        display: none;
    }
    .level .event-details,
    .level .btn-queue {
        margin-left: 10px;
    }
}

/* ----------------------------------------------------- retina images here */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),    
    only screen and (min-device-pixel-ratio: 1.5)
    and (min-device-width: 768px) and (max-device-width: 1024px) { 
    
    /* x2 retina image here */
    
    .lbp-vita .navbar .brand {
        background-image: url('../img/lbpme-vita-logo.png');
        background-size: 176px 35px;
        background-position: 0px 0px;
    }
    .lbp .navbar .brand {
        background-image: url('../img/site-selector-retina.png') !important;
    }
    .site-select .lbpk a, .site-select .lbpme a, .site-select .lbpvita a, .site-select .lbpcom a, .lbp .navbar .brand {
        background-image: url('../img/site-selector-retina.png');
        background-size: 600px 312px;
    } 
    .navbar .brand span {
		background: url('../img/site-selector-retina.png') right 3px no-repeat transparent;
		background-size: 600px 312px;
	}
    .sonybar {
        background-image: url('../img/logo-sony2x.png');
        background-size: 84px 35px;
    }
    nav .search-form {
        position: relative;
    }
    nav .search-form .reset {
        position: absolute;
        right: 50px;
        width: 20px;
        height: 20px;
        line-height: 0.5em;
    }
    nav .search-form .reset:before {
       font-size: 1.5em;
    }
    body {
        -webkit-background-size: 100%;
           -moz-background-size: 100%;
                background-size: 100%;
    }
    .content-header {
        background: url('../img/solid_hr-x2.png') left bottom repeat-x transparent;
        background-size: 183px 8px;
    }
    .activity-list .level, .activity-list .event, .activity-list .comment, .activity-list .list, .activity-list .review, .activity-list .user, .activity-list .activity {
        background: url('../img/dotted-hr-black-x2.png') left bottom repeat-x transparent;
        background-size: 183px 4px;
    }
    .homepage .activity-list .level {
        background: url('../img/dotted-hr-white-x2.png') left top repeat-x transparent;
        background-size: 183px 4px;
        padding-bottom: 0.3em; 
    }
    .content-container {
        -webkit-border-image: url('../img/paper-bg.png') 10 repeat;
    }
    .level-profile .level .level-pic.teampicked,
    .list .list-pic, .list-detail .list-pic {
        background: url('../img/leveltypes-x2.png') 0px 0px no-repeat transparent !important;
        background-size: 1140px 242px;
    }
    .list .list-pic {
        background-position: -755px -149px !important;
    }
    .level .level-pic .lbpvita, footer #logos li a, footer small span,
    .user .icon.private, .level .icon.private, .level .icon.locked, .level .icon.queued,
    .level .icon.level-hearted, .homepage .activity-list .level .level-pic .icon.lbp1,
    .homepage .activity-list .level .level-pic .icon.lbp2, 
    .select-game .lbp1 span, .select-game .lbp2 span {
        background-image: url('../img/spritesheet-x2.png');
        background-size: 517px 300px;
    }
    .select-game .lbp2move span {
        background-image: url('../img/move-logo-en-sml-x2.png');
        background-size: 90px 42px;
    }
    .activity-list .level .icon.level-hearted {
        background-position: -429px 0px;
    }
    .activity-list .level .level-pic .queued {
        background-position: -466px -272px !important;
    }
    footer #logos #ft-psv a {
        background-image: url('../img/psvita-logo-footer-x2.png') !important;
        background-size: 100px 34px;
    }
    .homepage .activity-list .level .level-pic.teampicked {
        background: url('../img/leveltypes-x2.png') -1060px -169px no-repeat transparent;
        background-size: 1150px 250px;
    }
    .homepage .activity-list .level .level-pic.versus img {
        background-position: -1072px -8px;
        background-size: 1150px 250px;
    }
    .homepage .activity-list .level .level-pic.cinematic img {
        background-position: -1072px -89px;
        background-size: 1150px 250px;
    }
    .homepage .activity-list .level .level-pic .icon.lbp1,
    .homepage .activity-list .level .level-pic .icon.lbp2 {
        width: 19px;
    }
    .logged-out .game-banner.lbpv {
	    background-image: url('../img/lbp-vita-banner-bg-retina.png'), url('../img/lbp-vita-bg.png');
	    background-repeat: no-repeat, repeat-x;
	    background-position: right bottom, bottom right;
	    background-size: 150px 150px, 288px 1440px;
	    border: 4px solid rgba(256, 256, 256, 0.6);
	    min-height: 150px;
	}
	.logged-out .game-banner.lbpk {
	    background-image: url('../img/lbp-karting-banner-bg-retina.png'), url('../img/karting-banner-tile.png');
	    background-repeat: no-repeat, repeat;
	    background-position: right bottom, left top;
	    background-size: 180px 200px, 301px 302px;
	    border: 4px solid rgba(256, 256, 256, 1);
	    min-height: 170px;
	}
	.logged-out .game-banner.lbp {
	    background-image: url('../img/lbp-banner-bg-retina.png'), url('../img/lbp-bg.png');
	    background-repeat: no-repeat, repeat;
	    background-position: right bottom, left top;
	    background-size: 169px 169px, 288px 1140px;
	    border: 4px solid rgba(256, 256, 256, 0.6);
	    min-height: 150px;
	}
	.lbp.logged-out .branding {
	    background: url('../img/lbp-logo-retina.png') left top no-repeat;
	    background-size: 300px 232px;
	}
	.lbp-vita.logged-out .branding {
	    background: url('../img/lbpv-logo-retina.png') left top no-repeat;
	    background-size: 300px 232px;
	}
	.lbp-vita.homepage .activity-list .level .level-pic.versus img {
	    background-image: url('../img/badge_versus.png');
	    background-size: 81px 81px;
	    background-position: -1px -2px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 600px),    
    only screen and (min-device-pixel-ratio: 1.5) and (max-width: 600px) {
    
    .level .level-pic .lbpvita, footer #logos li a, footer small span,
    .user .icon.private, .level .icon.private, .level .icon.locked, .level .icon.queued {
        background-image: url('../img/spritesheet-x2.png') !important;
        background-size: 517px 300px;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina */
    .level-profile .level .level-pic.teampicked {
        background-position: -744px 0px !important;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina */
    .level-profile .level .level-pic.teampicked {
        background-position: -3px 20px !important;
    }
    .list-detail .list-pic {
        background-position: -860px -14px !important;
        padding-right: 0px !important;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */

}