@-ms-viewport{width:device-width;zoom:1;min-zoom:1;max-zoom:1;user-zoom:fixed;}@viewport
{
	width: device-width;
	zoom: 1;
	min-zoom: 1;
	max-zoom: 1;
	user-zoom: fixed;
}

@media (max-width: 1300px) {
	.ad-skyscraper
	{
		display: none;
	}
}

@media (max-width: 800px) {
	#content .achievement-description
	{
		font-size: 12px;
		margin-top: -15px;
		min-height: 0;
		text-align: left;
	}
	#content .artist-bio img
	{
		width: 260px;
	}
	#content .artist-bio h2,
	#content .artist-bio p
	{
		margin-left: 10px;
	}
	#content .achievement-badge
	{
		margin: 0 10px 20px 0;
	}
	#content .achievement-badge.large
	{
		max-height: 176px;
		max-width: 235px;
	}
	#content .achievement-badge.large span
	{
		font-size: 30px;
	}
	#content .achievement-badge.large span:last-child
	{
		bottom: 0;
		font-size: 20px;
		right: 0;
	}
	#topmenu .dropdown
	{
		padding: 2px 4.2px;
	}
	#topmenu .dropdown.purchase
	{
		float: left;
	}
	#header .promo-banner
	{
		background: none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		left: 312px;
		margin-top: -131px;
	}
	.default #header .promo-banner
	{
		margin-top: -102px;
	}
	#header .promo-banner img
	{
		height: 85px;
	}
	.optional:not(p),
	#banner,
	#content .well,
	#content .options .btn i,
	#content #info .results .btn i,
	#header .dropdown:not(.on):not(.responsive-only):not(.permanent),
	#content .pagination-wrap .pagination-previous,
	#content .pagination-wrap .pagination-next,
	#content .pagination-wrap span:not(.current),
	#content #popOutInfo,
	#content .message.alert span,
	#content .message.notice span,
	#content .message.info span,
	#content .results caption:not(.with-link),
	#alerts .special-message p:first-child,
	#content .desktop-only
	{
		display: none;
	}
	#top-bar
	{
		background-image: none;
		height: 60px;
		padding-top: 0px;
	}
	.secure #top-bar {background-image: none;} /* https */
	#top-bar .logo,
	#top-bar .notice-text
	{
		display: none;
	}
	#top-bar .buttons
	{
		float: left;
	}
	#top-bar .btn
	{
		padding: 6px 13.3px;
	}
	#top-bar .dropdown-menu a
	{
		padding-bottom: 5px;
		padding-top: 5px;
	}
	#topmenu
	{
		margin-left: -10px;
	}
	.default #wrapper
	{
		background-image: linear-gradient(#345c88 0%, #20446f 84px);
		background-size: 100% 84px;
	}
	.default #header
	{
		height: 80px;
	}
	#content .pagination-wrap a.pagination-previous.step,
	#content .pagination-wrap a.pagination-next.step
	{
		display: block;
	}
	#content .love-btn
	{
		background-image: none;
		padding-left: 6px;
	}
	#alerts h4,
	#alerts .special-message a
	{
		font-size: 14px;
	}
	#footer
	{
		height: 40px; /* matches the mobile ad that we stick to the bottom of the page */
		margin: 0;
		padding: 5px 0;
	}
	#footer p,
	#footer a
	{
		font-weight: normal;
	}
	.responsive-only
	{
		display: inline;
	}
	#header ul
	{
		z-index: 1000;
	}
	#header .dropdown
	{
		margin-right: 5px;
	}
	#header .dropdown.on
	{
		min-width: 184px;
	}
	#header .dropdown.on.opened
	{
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
	}
	#header .dropdown.responsive-only:first-child .dropdown-toggle
	{
		background: url("http://songs.singsnap.com/images/logos/20x20.png") 7px 10px no-repeat;
		padding-left: 32px;
	}
	.secure #header .dropdown.responsive-only:first-child .dropdown-toggle {background-image: url("https://www.singsnap.com/images/secure/20x20.png");} /* https */
	#header .dropdown-menu
	{
		display: none;
		position: static;
		width: auto;
		min-width: 127px;
		height: auto;
		margin: 5px 10px 0 10px;
		padding: 3px 15px;
	}
	#header .dropdown-menu li
	{
		float: none;
		margin: 3px -10px 3px -10px;
	}
	#header .dropdown-menu a,
	#header .dropdown-menu .current-sub a
	{
		padding: 4px 8px;
	}
	#header #current-top > a:after
	{
		content: " \25BC";
	}
	#content h1, .logged-in #content h1, .logged-out #content h1
	{
		border-top: 2px solid #5989b6;
		padding-top: 3px;
		font-family: "Open Sans";
		font-size: 20px;
		line-height: 24px;
		margin-top: -50px;
		margin-bottom: 17px;
		max-width: none;
		color: #fff;
		text-transform: none;
	}
	#content .message.alert ~ h1, .logged-in #content .message.alert ~ h1, .logged-out #content .message.alert ~ h1,
	#content .message.notice ~ h1, .logged-in #content .message.notice ~ h1, .logged-out #content .message.notice ~ h1,
	#content .message.info ~ h1, .logged-in #content .message.info ~ h1, .logged-out #content .message.info ~ h1
	{
		margin-top: -113px;
		margin-bottom: 83px;
	}
	.container
	{
		width: auto;
		padding: 0 10px;
	}
	.row
	{
		margin-left: 0;
	}
	.row > [class*="span"]
	{
		float: none;
		display: block;
		width: auto;
		margin: 0;
	}
	#content h1, .logged-in #content h1, .logged-out #content h1,
	#content .message.alert,
	#content .message.notice,
	#content .message.info,
	#content .button-box p
	{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	#content .controls
	{
		clear: both;
		margin-left: 20px;
	}
	#content .form-horizontal fieldset > .btn-mini
	{
		margin-left: 20px;
	}
	#content .control-label
	{
		text-align: left;
		margin-left: 20px;
	}
	#content .form-actions
	{
		padding-left: 20px;
	}
	#content .pagination-wrap .pagination-links
	{
		width: 100%;
	}
	#content .controls input[type="text"],
	#content .controls textarea,
	#content .controls .textarea,
	#content .controls select
	{
		max-width: 370px;
	}
	#content .controls .inline-inputs input,
	#content .controls .inline-inputs select
	{
		margin-top: 2px;
		margin-bottom: 2px;
	}
	#wrapper > a
	{
		float: right;
		font-size: 10.5px;
		line-height: 10px;
		text-transform: uppercase;
		color: #fff;
		background: #333;
		padding: 3px 5px;
		border-bottom-left-radius: 6px;
	}
	#content .results .left-icon
	{
		background-position: -2000px 50%;
		padding-left: 8px;
	}
	#content .results.boxed tbody td
	{
		background-position: -2000px 50%;
		padding-left: 6px;
	}
	#content .results.boxed tbody td p
	{
		margin-left: 0;
	}
	#content .intro
	{
		min-height: 0;
		border-bottom: none;
	}
	#content .intro h1, .logged-in #content .intro h1, .logged-out #content .intro h1,
	#content .intro p
	{
		width: auto;
	}
	#content #container
	{
		float: none;
		height: auto;
		background-image: none;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	#content #container.flash
	{
		background: #666;
	}
	#content #container #playarea
	{
		float: none;
		width: auto;
	}
	#content #container.flash #playarea
	{
		padding-bottom: 128.29%;
		height: 0;
		overflow: hidden;
	}
	#content #container.video #playarea
	{
		height: 100%;
	}

	#content #container.audio #playarea
	{
		height: 185px;
	}
	#content #container.flash #playarea object,
	#content #container.flash #playarea embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#content #container.video #playarea video
	{
		max-width: 100%;
		height: auto;
		-webkit-transform-style: preserve-3d;
	}

	#content #container.audio #playarea #audio1
	{
		width: 320px;
		background-color: #000;
		height: 185px;
	}
	#content #container.audio #playarea #audio2
	{
		position: relative;
		top: -180px;
		left: -16px;;
	}
	#content #container.audio #playarea #audio2 #audio_information
	{
		width: 320px !important; /* needed to override inline style */
		left: 16px;
	}
	#content #info
	{
		height: auto;
	}
	#content .embed-container
	{
		display: block;
	}
	#content .embed-container div
	{
		display: block;
		position: relative;
		height: 0;
		overflow: hidden;
		margin-bottom: 15px;
	}
	#content .embed-container .youtube
	{
		padding-bottom: 56.25%;
	}
	#content .embed-container .recorder
	{
		padding-bottom: 65.89%;
	}
	#content .embed-container .remixer
	{
		padding-bottom: 68%;
	}
	#content .embed-container .wizard
	{
		padding-bottom: 63.31%;
	}
	#content .embed-container .picturetrail
	{
		padding-bottom: 76.08%;
	}
	#content .embed-container .photobucket
	{
		padding-bottom: 75%;
	}
	#content .embed-container .ss
	{
		padding-bottom: 128.29%;
	}
	#content .embed-container .picturetrail
	{
		padding-bottom: 76.08%;
	}
	#content .embed-container div iframe,
	#content .embed-container div object,
	#content .embed-container div embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.modal
	{
		width: 420px;
		margin-left: -210px;
	}
	#content .bbcode-size
	{
		font-size: 14px !important; /* needed to override inline styles */
		line-height: 19px !important; /* needed to override inline styles */
	}
	#content .pagination-wrap .pagination-links span
	{
		padding: 5px;
	}
	#content .pagination-wrap .pagination-links a
	{
		background: #f2f2f2;
		padding: 5px 10px;
		border: 1px solid #c8c8c8;
		border-radius: 5px;
		line-height: 32px;
	}
	#content .soft-shadow,
	#content .hard-shadow
	{
		box-shadow: none;
	}
	#content .recording
	{
		padding: 15px;
	}
}

@media (max-width: 468px) {
	#content .pagination-wrap .current:after,
	#content .pagination-wrap .current:before,
	#content .pagination-wrap .current.page:before
	{
		content: "";
	}
	#content .pagination-wrap + .pagination-wrap
	{
		margin-top: 0;
	}
	#top-bar
	{
		padding-left: 10px;
	}
	#content .form-horizontal legend,
	#content .date-display,
	#content .thumbnail:not(.huge),
	#content .well,
	#content .member-type,
	#content .trinket,
	#content .recording .one-liner,
	.promo-banner
	{
		display: none;
	}
	#content .thumbnail.huge
	{
		width: 280px;
	}
	#content .recording h2 img
	{
		width: 10px;
		height: 10px;
		margin-left: 1px;
	}
	#content .member-listing
	{
		margin-top: 12px;
	}
	#content .member-listing .thumbnail
	{
		display: block;
	}
	#content .options
	{
		width: 100%;
	}
	#topmenu
	{
		margin-left: 10px;
	}
	.container
	{
		padding: 0;
	}
	#content h1, .logged-in #content h1, .logged-out #content h1,
	#content h1 ~ h2,
	#content h1 ~ p,
	#content pre,
	#content .button-box,
	#content #usercontent p,
	#content .controls,
	#content .control-label,
	#content .form-horizontal fieldset > .btn-mini,
	#content .row > div > p,
	#content .row ~ h2,
	#content .row ~ p,
	#footer p
	{
		margin-right: 10px;
		margin-left: 10px;
	}
	#content .pagination-wrap
	{
		padding-right: 10px;
		padding-left: 10px;
	}
	#content .default_comment_area h2,
	#content .highlight_comment_area h2,
	#content .default_comment_area .comment,
	#content .highlight_comment_area .comment
	{
		margin-left: 0;
	}
	#content .controls input[type="text"],
	#content .controls textarea,
	#content .controls .textarea,
	#content .controls select
	{
		max-width: 270px;
	}
	#content .form-note
	{
		margin-top: 5px;
	}
	#content #container.video
	{
		margin-bottom: -4px;
	}
	#content #info
	{
		margin-top: 0;
		margin-bottom: -15px;
	}
	#content .button-box p a,
	#content .button-box p span
	{
		background-position: -2000px 50% !important; /* needed because button-box styles are inline */
		padding-left: 12px;
	}
	#content .form-actions
	{
		padding-left: 10px;
	}
	#content .message.alert,
	#content .message.notice,
	#content .message.info
	{
		position: absolute;
		left: 0;
		top: 144px;
		width: 100%;
		background-image: none;
		padding: 5px 0;
		font-size: 14px;
		text-indent: 10px;
		border: none;
		border-radius: 0;
	}
	.secure #content .message.alert,
	.secure #content .message.notice,
	.secure #content .message.info
	{
		background-image: none;
	}
	#content .message.alert ~ h1, .logged-in #content .message.alert ~ h1, .logged-out #content .message.alert ~ h1,
	#content .message.notice ~ h1, .logged-in #content .message.notice ~ h1, .logged-out #content .message.notice ~ h1,
	#content .message.info ~ h1, .logged-in #content .message.info ~ h1, .logged-out #content .message.info ~ h1
	{
		margin-top: -50px;
		margin-bottom: 50px;
	}
	#content h2,
	#content h2.lg,
	#content .modal-body h2.lg
	{
		margin-top: 10px;
		font-size: 14px;
		line-height: 16px;
	}
	#content .modal-header h2
	{
		margin-top: 0;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 16px;
		line-height: 19px;
	}
	#content p,
	#content .modal-body p.lg,
	#content li,
	#content input,
	#content .controls,
	#content .controls textarea,
	#content .controls .textarea,
	#content .controls select,
	#content .control-label,
	#content .results th,
	#content .results td
	{
		font-size: 12px;
		line-height: 16px;
	}
	#content p.lg
	{
		font-size: 14px;
		line-height: 19px;
	}
	#content blockquote,
	#content blockquote p
	{
		font-size: 10.5px;
		line-height: 13px;
	}
	#content .highlight
	{
		padding: 0;
		background: none;
	}
	#content .comment-form
	{
		padding-top: 0;
	}
	#content .boxed-content
	{
		background-position: 0 27px;
	}
	#content .boxed-content .inner p:first-child,
	#content .boxed-content .inner p:nth-child(2)
	{
		margin-right: 0;
	}
	#content .boxed-content .inner
	{
		background-position: -1000px 0;
		border: none;
	}
	#content .button-box
	{
		margin-bottom: 5px;
	}
	#content .message.alert,
	#content .message.notice,
	#content .message.info,
	#content div.alert,
	#content .pagination-wrap,
	#content .results,
	#content .form-horizontal,
	#content .error-messages,
	#content .tabbable
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	.modal
	{
		width: 300px;
		margin-left: -150px;
	}
	#content ol li
	{
		margin-left: 10px;
	}
	#content p.optional
	{
		visibility: hidden;
		height: 0;
		margin-bottom: -12px;
	}
	#content .cloud p
	{
		margin-top: 15px;
		line-height: 19px;
		text-align: left;
	}
	#content .cloud a
	{
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	#content .bbcode-size
	{
		font-size: 12px !important; /* needed to override inline styles */
		line-height: 16px !important; /* needed to override inline styles */
	}
	#content .form-horizontal fieldset
	{
		border-top: 1px solid #e6e6e6;
	}
	#content .tab-content
	{
		background: #e6e6e6;
		padding: 15px 0 0 0;
	}
	#content .tab-content p
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	#content .nav-tabs a
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	#content .nav-tabs .active a
	{
		background: #e6e6e6;
	}
	#content .recording .label
	{
		padding: 2px;
	}
	#content .results caption.with-link
	{
		margin-top: -1px;
	}
	#content .results caption.with-link a
	{
		margin-left: 0;
	}
}