/* ------------------------------------------------------------------- */
body {
	font-family: droid-sans, sans-serif;
}

header.entry-header h1.entry-title {
	font-size: 26px;
}

h1 {
	line-height: 1.3em !important;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

div.sharedaddy h3.sd-title, div#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 90%;
}

/* Key colours
black on white #2b2b2b on #f5f5f5
white on black #fff on #000
blue links #01b;
faded blue visited #576F9E;
bright blue hover #0017ff;
grey blockquote #767676;
*/
/* Key colours not in use 
old green links #24890d;
bright green hover #41a62a;
very bright green active #55d737
unknown grey #939393;
*/
a, .content-sidebar .widget a {
	color: #01b;
}

a:visited, .content-sidebar a:visited {
	color: #576F9E;
}

/* Basic colour scheme */
.search-toggle,
.search-toggle:hover,
.search-toggle.active,
.search-box,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.slider-direction-nav a:hover,
.primary-navigation ul a:hover,
.primary-navigation ul li.focus > a,
#infinite-handle span,
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.primary-sidebar .widget button,
.primary-sidebar .widget input[type="button"],
.primary-sidebar .widget input[type="reset"],
.primary-sidebar .widget input[type="submit"],
.primary-sidebar .widget_calendar tbody a,
.footer-sidebar .widget button,
.footer-sidebar .widget input[type="button"],
.footer-sidebar .widget input[type="reset"],
.footer-sidebar .widget input[type="submit"],
.footer-sidebar .widget_calendar tbody a,
.content-sidebar .widget button,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
.content-sidebar .widget_calendar tbody a {
	background-color: #01b;
	color: #fff;
}

::selection {
	background-color: #01b;
}

::moz-selection {
	background-color: #01b;
}

/* Basic hover styles */
a:hover, .content-sidebar .widget a:hover, 
.entry-meta a:hover, .nav-links a:hover,
.entry-title a:hover, .fn a:hover, .comment-metadata a:hover,
.entry-content .edit-link a:hover, 
#infinite-footer .blog-info a:hover, 
#infinite-footer .blog-credits a:hover, 
.display-posts-listing a.title:hover {
	color: #0017ff;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a,
.secondary-navigation ul a:hover,
.secondary-navigation ul li.focus > a,
.widget_calendar tbody a:hover,
#infinite-handle span:hover,
a.more-link:hover, #subscribe-submit input:hover {
	color: #fff;
	background-color: #0017ff !important;
}

.widget_archive li:hover,
.entry-meta .tag-links a:hover {
	background-color: #01b;
}

.entry-meta .tag-links a:hover::before {
	border-right-color: #01b;
}

/* Basic styles */
.site {
	margin: 0 auto;
}

p, .yingtaiAnnounce, .yingtai li, .yingtaiPara li {
}

.cat-links, li.menu-item, input, a.more-link, .entry-meta .tag-links {
	letter-spacing: .05em;
}

.content-sidebar .widget {
	color: #2b2b2b;
}

.content-sidebar .widget_tag_cloud {
}

blockquote {
	line-height: 1.5em;
	font-weight: 400;
}

s s {
	text-decoration: line-through;
}

em em, .yingtaiClippingAuthor em {
	font-style: normal;
}

/* Banner, favicon effects */
#site-header {
	background-color: #000;
}

#site-header img {
	overflow: hidden;
}

#site-header img:hover, .yingtaiFavicon:hover {
	-webkit-filter: blur(1px);
}

h1.site-title a, div#secondary a {
	color: #fff;
}

/* I think this is unnecessary
div.nav-menu ul li a {
	color: #fff;
} */
.widget h1, h2.site-description, 
.entry-meta .cat-links a,
.entry-meta .cat-links a:visited {
	color: #666;
}

/* Basic links */
#content a, .content-sidebar .widget a {
	text-decoration: none !important;
}

a:hover, #infinite-handle span:hover, #subscribe-submit input:hover {
	text-shadow: 0 0 .4em #ccc;
}

/* Visited colours */
.featured-content-inner a:visited, 
.site-footer a:visited, 
.entry-meta .tag-links a:visited, 
div#secondary a:visited,
.nav-menu a:visited {
	color: #fff;
}

.entry-title a:visited,
.entry-meta a:visited {
	color: #2b2b2b;
}

/* Navigation Menu */
.site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a, 
.site-navigation .current-menu-ancestor > a, 
.site-navigation .current_page_item > a:after, 
.site-navigation .current_page_ancestor > a:after, 
.site-navigation .current-menu-item > a:after, 
.site-navigation .current-menu-ancestor > a:after,
.site-navigation .current_page_item > a:visited, 
.site-navigation .current_page_ancestor > a:visited, 
.site-navigation .current-menu-item > a:visited, 
.site-navigation .current-menu-ancestor > a:visited, 
.site-navigation .current_page_item > a:visited:after, 
.site-navigation .current_page_ancestor > a:visited, 
.site-navigation .current-menu-item > a:visited:after, 
.site-navigation .current-menu-ancestor > a:visited:after {
	color: #ff0;
}

#secondary .site-navigation .current_page_item > a, 
#secondary .site-navigation .current_page_ancestor > a, 
#secondary .site-navigation .current-menu-item > a, 
#secondary .site-navigation .current-menu-ancestor > a, 
#secondary .site-navigation .current_page_item > a:after, 
#secondary .site-navigation .current_page_ancestor > a:after, 
#secondary .site-navigation .current-menu-item > a:after, 
#secondary .site-navigation .current-menu-ancestor > a:after {
	background-color: #fff;
	color: #000;
	font-size: 110%;
}

/* Left sidebar */
#primary-sidebar .display-posts-listing {
	margin-left: -15px;
	margin-bottom: 15px;
}

#primary-sidebar .display-posts-listing li {
	display: block;
	border-top: 1px solid rgba(255,255,255,0.2);
}

#primary-sidebar .display-posts-listing li a {
	display: block;
	padding: 6px 0 3px 15px;
}

#primary-sidebar .display-posts-listing li a:only-child {
/* rec portal */
	padding: 6px 0 6px 15px;
}

#primary-sidebar .display-posts-listing li span {
	display: block;
	padding: 0 0 6px 15px;
}

#primary-sidebar .display-posts-listing li a:hover {
	background-color: #01b;
}

/* Widget Spacing */
/* Below the left sidebar menu */
.secondary-navigation, #blog-subscription-2 {
	margin-bottom: 35px;
}

/* Below You want more */
/* #text-2 {
	margin-bottom: 10px;
} */
/* Above the calendar */
.widget_calendar {
	margin-top: 5em;
}

/* You want more? styles */
div.yingtaiIcons {
	padding-top: .5em;
	width: 10em;
}

div.yingtaiIcons > a {
	width: 20px;
	display: inline-block;
	vertical-align: top;
}

.yingtaiIcons:after {
	content: "";
	width: 100%;
	display: inline-block;
}

/* General widget stuff */
div#secondary .widget-title {
	letter-spacing: .1em;
	margin-bottom: .75em;
}

div#secondary .widget-title, 
div#secondary .widget-title a {
	color: #ccc;
}

.content-sidebar .widget-title {
	letter-spacing: .05em;
}

.content-sidebar .widget-title a {
	color: #2b2b2b;
}

.content-sidebar .widget-title a:hover {
	color: #0017ff !important;
}

#wp-calendar caption {
	border-top: 4px solid #2b2b2b;
	padding-top: 6px;
	letter-spacing: .05em;
}

.blogroll a {
	font-weight: bold;
}

.taxonomy-description,
.author-description {
	color: #2b2b2b;
}

.wp_widget_tag_cloud div {
	line-height: 1.8em;
}

.wp_widget_tag_cloud h1 {
	padding-bottom: .7em;
}

/* Archive styles */
/* -------------- */
.archive-title {
	text-transform: capitalize;
}

/* Display posts */
/* ------------- */
/* Favourite Posts widget */
.display-posts-listing img.attachment-thumbnail {
	max-width: 80px;
	height: auto;
	box-shadow: 0 0 2px #ccc;
	float: left;
/* margin: 0 20px 3px 0; from before vertical align */
}

.display-posts-listing a.image:hover img {
	opacity: .8;
}

.display-posts-listing div {
	line-height: 1.7em;
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

.display-posts-listing div:first-child {
	border-top: none;
	padding-top: 0;
}

.display-posts-listing a.title {
	font-weight: bold;
}

/* Vertical align parent container code */
.display-posts-listing {
	display: table;
}

/* Vertical align child container code */
.display-posts-listing div.listing-item a.title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}

.display-posts-listing a:link {
	color: #2b2b2b;
}

#yingtaiFeatured .display-posts-listing a.title {
	font-size: 110%;
}

/* #yingtaiFeatured .display-posts-listing a.title::after {
	content: "\\00a0 ";
} Non-breaking space, only needed as separator from date */
#yingtaiFeatured .display-posts-listing span {
	color: #767676;
	font-size: 90%;
	display: inline;
	white-space: nowrap;
}

/* Post styles */
header.entry-header h1.entry-title {
	text-transform: none;
	font-weight: bold;
}

a.more-link {
	padding: 5px 10px;
	color: #fff !important;
	background-color: #01b;
	border: 1px outset #fff;
	border-radius: 5px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 80%;
}

#primary-sidebar a.more-link {
	border: none;
	font-size: 100%;
}

#primary-sidebar a.more-link:visited {
	background-color: #01b;
}

.comments-title {
	font-size: 110%;
	text-transform: capitalize;
}

#reply-title {
	text-transform: none;
}

/* Different screen sizes */
@media screen and (max-width: 400px) {
	h1.site-title {
		letter-spacing: -.2em;
		opacity: 0;
	}
	
	h1.site-title, .header-main:before {
		font-size: 85%;
	}
	
	.header-main:before {
		content: "A BDSM blog by Yingtai";
		color: #ddd;
		font-weight: bold;
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
	
	.header-main:hover:before {
		color: #fff;
		text-shadow: 0 0 .4em #ccc;
	}
	
	#site-header img {
		padding: 15px 0 10px;
	}
	
	.primary-navigation ul ul {
		background-color: #000;
	}
}

@media screen and (min-width: 401px) {
	h1.site-title {
		font-size: 85%;
		letter-spacing: 0;
	}
	
	#site-header img {
		padding: 15px 0 10px;
	}
	
	article.type-post img.wp-post-image {
		display: none;
	}
	
	/* Fixing the resulting spacing. Don't know why pages need extra spacing. */
	#primary {
		padding-top: 1.5em !important;
	}
	
	header.entry-header, /* Homepage, posts */
																																							header.page-header /* Generated archive */ {
		padding-top: 1em;
	}
	
	.type-page header.entry-header /* Normal pages */ {
		padding-top: 2em;
	}
	
	header.page-header {
		margin-bottom: 2em;
	}
	
	.content-sidebar {
		padding-top: 3em;
	}
	
	.singular .site-content .hentry.has-post-thumbnail {
		margin-top: 0;
	/* I thought I had fixed this negative top margin already? Check when I have time. */
	}
	
	.archive-header {
		margin-top: 1em;
		margin-bottom: 2em;
	}
}

@media screen and (min-width: 594px) {
	h1.site-title {
		font-size: 100%;
	}
	
	#site-header img {
		padding: 15px 0 5px;
	}
}

@media screen and (min-width: 783px) {
	.primary-navigation ul ul,
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #01b;
	}
}

@media screen and (min-width: 1008px) {
	#site-header img {
		padding: 10px 0 0;
	}
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a,
	.secondary-navigation ul ul {
		background-color: #01b;
	}
	
}

@media print {
	body {
		font-family: "Minion Pro", "Minion Custom", Palatino, "Palatino Linotype", "Book Antiqua", serif !important;
		font-size: 12pt !important;
		line-height: 1em !important;
	/* 0.78 inch left right margins
																																																																																																																																																																																				max-width: 40em !important; 
																																																																																																																																																																																				margin-left: auto;
																																																																																																																																																																																				margin-right: auto; */
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: "Minion Pro", "Minion Custom", Palatino, "Palatino Linotype", "Book Antiqua", serif !important;
		font-weight: bold !important;
		padding: .5em 0 !important;
		page-break-after: avoid !important;
	}
	
	h1 {
		font-size: 150% !important;
	}
	
	h2 {
		font-size: 120% !important;
	}
	
	h3 {
		font-size: 105% !important;
	}
	
	p {
		margin-bottom: 0 !important;
		text-indent: 1.8em;
	}
	
	ol, ul {
		margin-top: .5em !important;
		margin-bottom: .5em !important;
	}
	
	blockquote.yingtaiQuote, .yingtaiAnnounce {
		border-left: .1em solid #ccc !important;
		padding-left: .5em !important;
		margin-top: .5em !important;
		margin-bottom: .5em !important;
	}
	
	blockquote.yingtaiClipping {
		margin: 12pt 0 !important;
	}
	
	blockquote.yingtaiQuote p, .yingtaiAnnounce p {
		text-indent: 16pt !important;
	}
	
	blockquote.yingtaiClipping p {
		text-indent: 1.4em !important;
	}
	
	blockquote.yingtaiPoetry p {
		text-indent: 0 !important;
		margin-top: .5em !important;
		margin-bottom: .5em !important;
	}
	
	blockquote .yingtaiClippingAuthor {
		margin-top: .5em !important;
	}
	
	blockquote h2 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	blockquote {
		page-break-inside: auto !important;
	}
	
	blockquote p {
		text-indent: 0 !important;
		page-break-inside: inherit !important;
	}
	
	blockquote.pull {
		display: none;
	}
	
	figure {
		width: 0;
		height: 0;
		visibility: hidden;
	}
	
	.entry-content a[href]:after, .entry a[href]:after {
		content: "";
	}
	
	img.wp-post-image {
		display: none !important;
	}
	
	h1.site-title {
		display: none;
	}
	
	.entry-header {
		font-weight: bold;
		padding-bottom: 18pt !important;
	}
	
	.entry-meta .cat-links {
		text-transform: uppercase;
		font-style: normal;
	}
	
	.entry-title {
		padding: 0 !important;
	}
	
	.entry-meta {
		text-transform: none;
		font-style: italic;
	}
	
	.byline:after {
		content: " | The University of Abject Submission";
	}
	
	.comments-link {
		display: none !important;
	}
	
	/* Hide the ads */
	div.wpcnt {
		display: none !important;
	}
	
	div#jp-relatedposts {
		display: none !important;
	}
	
	footer.entry-meta:before {
		content: "Tags: ";
	}
	
	footer.entry-meta {
		border-bottom: thin solid #ccc !important;
	}
	
	.entry-meta .tag-links a::before {
		display: none;
	}
	
	.entry-meta .tag-links a {
		font-weight: normal;
		text-transform: none;
		margin: 0;
	}
	
	.comments-title, .comment-meta {
		padding-top: 12pt !important;
	}
	
	.edit-link {
		display: none !important;
	}
}

/* Custom classes here */
.yingtaiAnnounce, .yingtaiReview {
	background-color: #eee;
	color: #000;
	font-size: 100%;
	font-style: normal;
	margin-left: -.5em;
	padding: 0 .5em;
	margin-bottom: 1.5em;
}

/* .yingtaiReview {
	font-style: italic;
} Didn't look good in this font */
.yingtaiTitle, .yingtaiAuthor, .yingtaiBTW {
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.yingtaiAck {
	margin-top: 1.5em !important;
	margin-bottom: 1em !important;
}

blockquote.yingtaiQuote {
	border-left: 5px solid #ccc;
	padding-left: 15px;
	font-size: 110%;
	color: #666;
}

header.yingtaiClippingTitle {
	font-weight: bold;
	font-size: large;
}

.yingtaiClippingAuthor {
	font-style: italic;
}

blockquote.yingtaiClipping {
	font-size: 100%;
	color: #2b2b2b;
/* Apparently the body is not black! */
	font-style: normal;
	clear: both;
	text-align: left;
	border: thin solid #ccc !important;
	padding: 1em !important;
	margin-bottom: 30px !important;
	box-shadow: 5px 5px 10px #888;
}

ul.yingtaiPara li, ol.yingtaiPara li {
	margin: 0 1em 1em 0;
	vertical-align: top;
}

footer.yingtaiBTW {
	font-style: italic;
	margin-left: 1.8em;
}

footer.yingtaiAck {
	border-top: thin solid #ccc !important;
	padding-bottom: 1.5em;
}

footer.yingtaiAck:before {
	content: "To reuse this content, please contact me. ";
	font-weight: bold;
}

/* footer.yingtaiAck:after {
} */

footer.yingtaiAck {
	color: #767676;
}

footer.yingtaiAck a, .wp-caption-text a, 
footer.yingtaiAck a:visited, .wp-caption-text a:visited {
	color: #576F9E;
}

footer.yingtaiAck a:hover, .wp-caption-text a:hover {
	color: #01b;
}

.yingtaiFriends {
	color: #767676;
}

.yingtaiFriends li {
	margin: 0 .5em .5em 0;
	vertical-align: top;
}

.yingtaiFriends a {
	font-style: normal;
	font-weight: bold;
}

/* This is for e[lust] */
div.yingtaiSpacing p {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* Hover styles have to come after visited? */
.entry-meta a:hover, 
.entry-meta .cat-links a:hover,
.entry-title a:hover {
	color: #0017ff;
}

h1.site-title a:hover, 
.primary-sidebar a:hover, 
.featured-content-inner a:hover, 
.site-footer a:hover,
.widget-title a:hover {
	color: #fff !important;
}

.entry-meta .tag-links a:hover {
	color: #fff;
}

/* has to come after a:hover */
a:active {
	position: relative;
	top: 1px;
}

.yingtaiBW {
	-webkit-filter: grayscale(100%);
}

.yingtaiBW:hover {
	-webkit-filter: grayscale(0%);
}

/* Remove fixed masthead bars at the top */
/* ------------------------------------- */
.masthead-fixed .site-header {
	position: inherit !important;
	top: auto !important;
}

.admin-bar.masthead-fixed .site-header {
	top: auto !important;
}

.masthead-fixed .site-main {
	margin-top: auto !important;
}

/* Keep this so you can turn on admin bar occasionally  */
#wpadminbar {
	position: absolute;
}

/* Various styles */
.yingtaiHighlight {
	background-color: yellow;
}

blockquote em {
	font-style: italic;
}

blockquote strong {
	font-weight: bold;
}

blockquote.yingtaiQuote em {
	font-style: normal;
}

.site-content .has-post-thumbnail .entry-header, 
.full-width .site-content .has-post-thumbnail .entry-header, 
.full-width.singular .site-content .hentry.has-post-thumbnail, 
.full-width.home .site-content .hentry.has-post-thumbnail {
	margin-top: 0;
}

/* All featured images */
.post-thumbnail, a:hover.post-thumbnail {
	background: none;
}

img.wp-post-image {
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #ccc;
}

.wp-caption-text {
	font-style: normal;
	text-align: center;
}

/* Featured image within post content */
article.type-post .entry-content figure {
	display: block;
}

article.type-post .entry-content img.wp-post-image,
article.type-post .entry-summary img.wp-post-image {
	display: block;
	float: right;
	margin-left: .7em;
	width: 180px;
	height: auto;
}

/* Otherwise yingtaiAnnounce is a little higher than first image */
figure.wp-caption.alignright {
	margin-top: 0;
}

/* Fixed tag cloud, theme update 1.2 to 2.5 */
.wp-tag-cloud li {
	display: inline;
}