html, body {
	font-family: helvetica, arial, sans-serif;
	margin:0; padding:0
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

pre {
	background: #000;
	color: #fff;
	padding: 10px;
}

fieldset{
	border:0;
}

hr {
	border:1px solid #ddd;
}

.btn {
	border-radius:0;
}

.alert {
	border-radius:0;
}

#footerBar .links {
	text-align:right;
}

#footerBar .links a {
	margin-left:10px;
}

.music .resultItemFooter {
	padding-top:10px;
}

.resultItemFooter {
	font-size:16px; /* The default font needs to be a bit bigger than the text for the itemCategoryType, itemNSFW, etc. links are uppercase and will appear bigger than regular text at the same font-size.  */
}



h2.page-title {
	font-size:44px;
	margin-bottom:30px;
}

@media (max-width: 700px) {
	#footerBar .links a {
		display:block;
		width:100%;
		padding:10px 0;
		margin-bottom:15px;
		text-align:left;		
	}	
}

.submit-page .submit-button {
	display:none;
}

.modal-header {
	padding:0.7rem 1rem;
}

.modal-body{
	padding:0.7em 1em 0;
}

.close-button  {
	display:none;
}

.modal .close-button {
	display:inline;
}

.musicModalCheckboxes {
	padding-top:7px;
	width:100%;
}

.musicCheckboxColumn {
	width:32%;
}

.musicModalCheckboxes .musicCheckboxColumn, .musicModalCheckboxes label, .musicModalCheckboxes input[type=checkbox] {
	display:inline-block;
}

.resultItemFooter .episode-count, 
.resultItemFooter .rss-link, 
.resultItemFooter .itunes-link {
	margin-left:10px;
}

#sidebar-podcast-meta {
	width:100%;
}

#sidebar-podcast-meta-image {
	width:200px;
	height:200px;
	background:#ddd;
	float:right;
}

#sidebar-podcast-meta nav {
	border:1px solid #ddd;
	margin-bottom:25px;
	width:200px;
	float:right;
}



/* IMPORTANT: I think Soundcloud requires the widget to be visible or else it won't load. Currently it's work with display:none for default/placeholder song/track, but it reveals errors in the console log. So this could be a problem later. */

#playback-area-wrapper {
	width:100%;
	height:170px;
	border:1px solid #ccc;
	background:#f2f2f2;
	margin-bottom:20px;
}

.media-placeholder {
	display:none;
}

#youtube-wrapper, #vimeo-wrapper, #vimeo-wrapper iframe,  #soundcloud-wrapper,  #soundcloud-wrapper iframe {
	width:100%;
}

#nav-recent li, #nav-queue li {
	cursor:pointer;
}

#nav-recent ol, #nav-queue ol {
	font-size: 15px;
	margin-top:10px;
	padding-left: 19px;
}

#nav-recent li, #nav-queue li {
	margin-bottom:5px;
}

#sidebar-player {
	width:20%;
	top:70px;
}

#postForm .count {
	padding:5px 12px;
}

#postForm .count.error {
	color:#ff0033;
}

article img {
	width:100%;
}

.itemTerms{
	margin-bottom:5px;
}

#emailDigestBox {
	width:100%;
	border:1px solid #ccc;
	padding:20px;
	margin-top:30px;
}

.digest-footer {
	margin-top:5px;
}

.digest-box-options {
	padding-top:5px;
}

.digest-box-options input, .digest-box-options label{
	display:inline;
}

.modal-content {
	border-radius:0;
}

#mainNavbar.navbar {
	padding-top: 3px;
	padding-bottom: 3px;	
	border-bottom: 1px solid #ddd;	
}

.archiveDescription {
	line-height:130%;
	font-family:arial,sans-serif;
	font-size:19px;
}

.postFormSubHeader{
	background: #eee;
	margin-bottom: 15px;
	padding-bottom: 0;
	margin-bottom: 15px;
	padding-top: 15px;
}


#contentColumn img {
	max-width:100%;
}

.home article, .blog article, .search article  {
	max-width:640px;
}

.post-edit-link {
	font-size:14px;
}

.itemNSFW > a, .itemCategoryType > a, .itemLicense {
	margin-right:8px;
}

.itemSource {
	font-size:14px;
}

.itemSourceLabel {
	font-weight:bold; color:#555;
}

.itemSourceURI {
	text-decoration:underline;
}

.music .itemSourceDomain, .music .itemSourceDomain a {
	color:#666;
}

.itemSubHeading {
    font-family: georgia,times,serif;
    font-size: 18px;
    color: #444; 
    font-weight:normal;
    margin-bottom: 10px;
}


.music .itemSubHeading {
    margin-bottom: 3px;
}

.itemSubHeading a {
    color: #444;
}

.itemCategoryType > a {
	background:#0275d8;
	color:#fff;
	padding:3px 5px;
	border:1px solid #0275d8;
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: 0.02em;	
}

.itemLicense {
	background:#fff;
	color:#000;
	padding:3px 5px;
	border:1px solid #444;
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: 0.02em;	
}

.itemLicense a {
	color:#000;
}

.itemNSFW {
	background:#111;
	color:#fff;
	padding:3px 5px;
	border:1px solid #111;
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: 0.02em;	
}


#deleteFormModal .postTitle {
	color:#ff0033;
	border-bottom:1px dashed #ff0033;
}

.editPostLink, .deletePostLink {
	display:none;
}


.loggedin .editPostLink, .loggedin .deletePostLink {
	display:inline-block;
}

.resultItem .downloadFile, .addToPlaylist, .addToQueue, .removeFromQueue, .editPostLink, .deletePostLink, .permalink {
	color:#ccc;
	cursor:pointer;
}

.resultItem:hover .downloadFile, .resultItem:hover .addToPlaylist, .resultItem:hover .addToQueue, .resultItem:hover .removeFromQueue, .resultItem:hover .editPostLink, .resultItem:hover .deletePostLink, .resultItem:hover .permalink {
	color: #000;		
}


#postFormModal .modal-dialog, #musicFormModal .modal-dialog,  #adFormModal .modal-dialog  {
    max-width: 900px;
}

.mediafilterItem article p {
	margin: 0 0 25px;
	font-size: 1.1em;	
}

article {
	margin-top:20px;
	margin-bottom:20px;
	min-height:40px; /* so tags, dateline...will have a buffer with the thumbnail (in the event a post has little or no excerpt/content) */
}

article ol, article ul {
	padding-left: 1.1em;
}

.page-content h3 {
	padding-bottom: 0.2em;
	margin-top:40px;	
	margin-bottom: 0.5em;
}

.page-content h4, .page-content h5 {
	margin-top:20px;
}

article h4 {
	margin-bottom: .8rem;
	font-size: 1.3rem;
}

article h5 {
	margin-bottom: .8rem;
	font-size: 1.3rem;
	font-weight:normal;
	text-decoration:underline;
}

@media (min-width: 451px) {
	.resultItem, .mediafilterItem {
		border:1px solid #ddd;
		box-shadow: 2px 2px 2px #ddd;
		margin-bottom:30px;		
	}

	.single .mediafilterItem {
		border:1px solid #ddd;
		box-shadow: 2px 2px 2px #ddd;
		margin-bottom:30px;		
	}


	.resultItemBody, .archive .mediafilterItemBody {
		padding:20px;
	}	

	.single .mediafilterItemBody {
		padding:30px 40px;
	}
}

@media (max-width: 450px) {
	.resultItem, .mediafilterItem {
		margin-bottom:60px;    
	}
}

.single .mediafilterItem .pageTitle {
	font-size: 2.15rem;
	line-height: 115%;
}

.archive .resultItem, .archive .mediafilterItem {
	margin-top:5px;
}

.archive .mediafilterItem article {
	margin-top:15px;
}

.single .mediafilterItem article {
	margin-top:50px;
}

.resultItem .dateline {
	color:#999;
	font-weight: normal;	
}

.mediafilterItem .dateline {
	font-weight:normal;
	font-size:14px;
}

.shareHeading {
	margin-top:10px;
}


.resultItem h6 {
	margin-bottom:10px;
	margin-top:6px;	
}

.resultItem .byline {
	font-family: "Times New Roman", Georgia, Times, serif;
	color:#555;
	font-size:18px;
}

.resultItem .byline, .resultItem .byline a {
	color:#777;
}

.itemAuthor, .itemPublication {
	font-variant: small-caps;
}


#myTabContent {
	padding-bottom:15px;
}

p.byline {
	font-size:12px;
	margin-top:5px;
	color:#666;
	letter-spacing:-0.01em;
}

.leftBar {
	padding-top:3px;
}

.text-left {
	text-align:left;
}

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

.text-right {
	text-align:right;
}


#textSearchInput input {
	width:100%;
	font-size:1em;
	padding:0.3em;
	font-weight:bold;
	color:#444;
	border:1px #ccc solid;
}

#textSearchInput ul {
	margin-bottom:0.3em;
}

.SumoSelect > .optWrapper > .options li.opt {
    padding: 1px 3px;
}

.SumoSelect .opt-Wrapper ul.option li.opt label {
	margin: 1px auto 2px auto;
	font-size: 0.95em;
}


article li {
	margin-bottom:0.5em;
}


#headerBar, #footerBar {
	background:#fff;
	color:#222;
	font-size:14px;
	margin:auto auto 0 auto;
}

#headerBar a, #footerBar a {
	color:#222;
}

#headerBar {
    border-bottom:1px solid #ddd;
	padding: 10px 23px;    
}

#footerBar {
	padding: 7px 23px;
    border-top:1px solid #ddd;
}

#mainWrapper {
	margin:5px auto;
	padding:0 2em;
}

.postItemMetaBar {
	padding-left:20px;
	padding-top:5px;
	font-size:12px;
}
 

#contentColumn p {
	font-size:17px;
}

#sidebar {
	padding-top:25px;
	padding-left:40px;	
}

#textfilterForm.fixed-element {
	padding-right:20px;	
}

#subjectLinksWidget ul {
 padding-left:0;
}

#subjectLinksWidget li {
	list-style:none;
	font-size:13px;
	width:50%;
	float:left;
}

.page-content {
	padding-top:10px;
}

.page-content h4 {
	margin-top:30px;
	font-weight:normal;
}

.page-content h5 {
	margin-top:15px;
	font-weight:normal;
	color:#333;
}

.page-content h6 {
	margin-top:10px;
	font-weight:normal;
	color:#333;
	font-style:italic;
}

.page-content img {
	border:1px solid #ccc;
	margin-right:15px;
	margin-bottom:20px;	
}

.trendingListingsWidget ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

.trendingListingsWidget ul li {
	margin-bottom:10px;
	line-height:125%;
}

.trendingListingsWidget h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 25px;
}

.titleHeader {
	padding-bottom: 25px;
	border-bottom: 1px dashed #aaa;	
	margin-bottom:60px;
}

 
.pageMeta {
	margin-top:25px;
	font-size: 12px;
	letter-spacing:0px;
	color:#666;
	padding:0;
}

 
.attachment-download-splash {
	max-width:100%;
	padding:10px;
	border:1px solid #999;
}

.lead {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 120%;
}

#siteTitle {
    margin-top: 0.1em;
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: -0.01em;
	margin-left: 0.5em;
    font-family: Helvetica, arial, sans-serif;	
}

 #siteTitle a {
	color: #222;
}


/* HeaderNavLinks */

ul#HeaderNavLinks {
	float:right;
	list-style:none;
	font-size:15px;
}

ul#HeaderNavLinks > li {
    display:inline-block;
	margin-right: 0.75em;    
}

ul#HeaderNavLinks > li a:hover {
	color: #0082c8;
}

ul#HeaderNavLinks li a, .dropbtn {
    display: inline-block;
    color: #222;
    text-align: center;
    text-decoration: none;
}

ul#HeaderNavLinks .menu-item-has-children li {
	display:block;
}

ul#HeaderNavLinks li.menu-item-has-children {
    display: inline-block;
}

ul#HeaderNavLinks ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-left:0;
}

ul#HeaderNavLinks .sub-menu a {
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

ul#HeaderNavLinks .sub-menu a:hover {background-color: #f1f1f1; color:#111;}

ul#HeaderNavLinks .menu-item-has-children:hover .sub-menu {
    display: block;
}

ul#HeaderNavLinks {
	margin-bottom:0;
	padding-top: 0;	
}


/* FooterNavLinks */
ul#FooterNavLinks {
	float:right;
	list-style:none;
	font-size:15px;
}

ul#FooterNavLinks > li {
    display:inline-block;
	margin-right: 0.75em;    
}

ul#FooterNavLinks > li a:hover {
	color: #0082c8;
}

ul#FooterNavLinks {
	margin-bottom:0;
	padding-top: 0;	
}

.pageTitle {
	color:#222;
	margin-bottom:0;
	line-height:105%;
	margin-top:none;
	font-size:3.2rem;
}

.ui.vertical.menu .item > i.icon {
    float: left;
    margin: 0em 1em 0em 0.5em;
}

h3.itemTitle a {
	color:#222;
}

h3.itemTitle a:hover {
	text-decoration:none;
}

.music h3.itemTitle {
	font-size:26px;
}

h3.itemTitle {
	font-size:24px;
	letter-spacing:0.01em;
	font-family:helvetica, sans-serif;
	line-height:120%;
	padding-top:0;
	margin-top:0;
	font-weight:bold;
	color:#222;	
    margin-bottom: 0;	
}

.metaHeader {
	background:#fff;
	padding:;
	margin-bottom:0;
}

#contentArea {
	padding-top:10px;
	padding-bottom:20px;	
}

/*Contact Form 7 */

.wpcf7-form label, .wpcf7-form input, .wpcf7-form textarea {
	width:100%;
}

.wcf7-form input {
	width:100%;
}


/* */

.sumo-wide .SumoSelect {
    width: 100%;
}

label {
	display:block;
}

.form-control {
	border-radius:0;
}

.single .resultItem {
	margin-top:10px;
}


.oembed-wrapper {
	position: relative;
	background:grey;
}

.oembed-wrapper:before {
	display: block;
	content: "";
	width: 100%;
}

.oembed-wrapper > iframe {
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.autofill-link {
	color:#888;
	cursor:pointer;
}


.oembed-wrapper {
	display:block;
	margin:0 auto;
}

.thumbVoteMobile {
	display:none;
}

.thumbVote {
	float:right;
	margin-left:15px;
}

.thumbVote img, .thumbVoteMobile img  {
	display:block;
	width: 100%;
	height: auto;	
}

.thumbnailWrapper {
	width:150px;
	height:100px; 
	background:#eee;
}



#sidebar .widget_recent_entries ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar .widget_recent_entries h5 {
	font-size:20px;
}

.widget_recent_entries ul li {
	margin:0;
	font-size:1.1em;
	padding:7px 0;
	line-height:130%;
	line-height:125%;	
}

/* fixed elements disappear on smaller screens*/
@media screen and (min-width: 800px) {
	.fixed-element {
		position:fixed;
	}
}

@media screen and (max-width: 799px) {
	.fixed-element {
		width:100%; /* reset width when fixed element is not fixed */
	}
}

@media screen and (max-width: 575px) {
	.ft-wpbs .page-link {
		font-size: .7rem;
		padding: .3rem .45rem;
	}
}


#mediafilter-tabContent{
	margin-top:15px;
}

.mediafilterItemBody p.liner {
	color:#444; 
	font-size:18px;
	font-family: georgia,times,serif;		
	margin-top:20px;
}

.pageSummary {
	color:#333;
	font-size:20px;
	line-height:125%;
	font-weight:normal;
}


.relatedLists .current a {
	font-weight:bold;
	color:#444;
}

.results-header {
	padding:0.3em 0.1em;
}

.menuButton {
	display:none;
	float:right;
}

.menuButton a {
	padding:3px 3px 3px 6px;
	border:1px solid #ccc;
}

.navItems {
	float:right;
	margin-right: 0.5em;
}

.homeLink {
	margin-left:10px;
	float:left;
}

#textSearchInput {
	height: 30px;
	margin-top: -3px;	
	float:left;	
	width:100%;
	max-width:500px;		
}

#textSearchInput input[type=text]{	
	width:100%;
	margin-left:15px;
	height: 30px;
	padding: 3px;
	border:1px solid #ddd;
}
	
.searchOptions {
	font-size:16px;
}

.vote-buttons-wrapper {
	margin-top:-7px;
}

#playback-area-wrapper {
	cursor:pointer;
}

i.music-play-link{
	float:right; 
	font-size:38px;
}

@media screen and (max-width: 450px) {
	.vote-count, .vote-button {
		font-size:1.1rem;
	}
	
	.thumbnailWrapper {
		width: 100%;
		height: auto;
	}

	.thumbVote {
		display:none;
	}
	
	.thumbVoteMobile {
		display:block;
		float:none;
	}
	
	.vote-buttons-wrapper {
		float: none;
	}
}

@media screen and (max-width: 650px) {
	#textSearchInput{
		float:none;
	}
	
	#textSearchInput input[type=text]{	
		margin:10px 0;
		display:block;
		width:100%;
		max-width:100%;			
	}
	
	.homeLink {
		float:none;
		margin-left:0;	
	}
	
	.navItems {
		display: block;
		float:none;			
	}
	
	.menuButton {
		display:block;
	}
	
	
	ul#HeaderNavLinks {
		float:none;
		margin-top:10px;
		padding: 0;
	}
	
	ul#HeaderNavLinks > li {
		display: block;
		margin-right: 0;
		padding: 5px 0;
	}
	
			
	#mainWrapper {
		margin: 0 1rem;
		padding: 0;
	}
	
	.mediaIcon {
		display:none;
	}
	
}

.subHeader {
	padding:15px 20px 25px;
}

#textSearchInput input {
	width:100%;
	font-size:1.2em;
	padding:0.3em;
	font-weight:bold;
	color:#444;
	border:1px #ccc solid;
}

#textSearchInput ul {
	margin-bottom:0.3em;
}


.itemHeader {
	width:100%; display:block; clear:both;
}



.thumbnailWrapper {
	width:220px;
	height:150px; 
	background:#eee;
}


.thumbVote {
	float:left;
	margin-left:15px;
}

.itemLength {
    font-size: 15px;
    font-family: helvetica,arial,sans-serif;
    font-weight: normal;
    float: right;
}


#searchBox {
	height: 40px;
	width:100%;
	margin-bottom: 70px;	
}

#searchBox p {
	padding:5px 20px;
	font-size:1.1rem;
}

#searchBox label {
	margin-right:15px;
}

.resultItem article, .mediafilterItem article {
	padding-bottom: 0;
	margin-top:5px;
	margin-bottom:10px;
}

.resultItem article, .resultItem article p {
	font-size: 1.05rem;
	line-height:1.4285em	
}

#searchBox input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 3px 20px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
}
	
@media screen and (max-width: 650px) {
	#searchBox{
		float:none;
	}
	
	#searchBox input[type=text]{	
		margin:10px 0;
		display:block;
		width:100%;
		max-width:100%;			
	}
}



/* VOTING */

.vote-buttons-wrapper.comment-vote {
	font-weight:bold;
}

.post-vote .vote-count {
	display:block;
	text-align: center;	
}

.post-vote .vote-button {
	cursor:pointer;
	text-align:center;
	font-size: 1.2rem;
	width: 100%;	
}

.vote-count {
	width:100%;
	color:#666;
	font-weight:normal;
	font-size:1.1rem;
	font-weight:bold;
}

.vote-button.active {
	color:#ff0033;
}