/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

/* Masthead */
.custom #logo, .custom #logo a {
	color: #222;
	font-family: "Sonsie One", "Brush Script MT", "Brush Script Std", "Mistral", cursive;
}

/* Main navigation menu */
.custom .menu a {
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	text-transform: none;
}

/* Main article(s) title heading(s) */
.custom .headline_area h1, .custom .headline_area h2, .custom #archive_intro h1 {
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 2.2em;
	font-weight: 700;
	/* line-height: 1.364em; /* why? */
}

/* Article subheading */
.custom .format_text h2, .custom .format_text h3, .custom .format_text h4,
.custom .format_text h5, .custom .format_text h6 {
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}
/* Tweak H5 headings */
.custom .format_text h5 {
	font-size: 0.9em;
	text-transform: none;
}

/* Center the footer */
.custom #footer {
	text-align: left;
}

/* Nearly invisible text */
.custom .hiddenNote {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	color: #BBB;
}

/* Headers in the sidebar */
.custom .sidebar h3 {
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight: 700;
	font-size: 1.1em;
	font-variant: normal;
}

.custom .sidebar p#aldoonaudiobooks {
	font-size: 110%;
	margin-bottom: -2em;
}
.custom .sidebar #aldoonaudiobooks strong {
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
}
.custom .sidebar #aldoonaudiobooks strong a {
	text-decoration: none;
}

/* Tweak the Search field */
.custom #sidebars .search_form #s {
	border-radius: 4px;
}

/* Compact the Categories list a bit, fiddle with styles */
.custom li.widget ul li.cat-item,
.custom li.widget ul li.page_item,
.custom li.widget_killer_recent_entries ul li {
	margin-bottom: 0.25em;
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 110%;
	color: #999;
}
.custom li.widget ul li.cat-item::before {
	content: "\00BB \0020";
}
.custom li.widget ul.children {
	margin-top: 0.25em;
}
.custom li.widget ul li.cat-item a {
	color: #4877B0;
}
/* Keep the percentages from increasing on descendant lists */
.custom li.widget ul.children li {
	font-size: 100%;
}
/* Add some kind of bullet to sidebar posts/pages */
.custom li.widget ul > li.page_item,
.custom li.widget_killer_recent_entries ul {
	margin-left: 1.25em;
	list-style: square outside;
}
/* Stop the descendent madness */
.custom li.widget ul.children > li.page_item {
	margin-left: -0.25em;
}

/* Advertising styling */
span.ad-caption {
font: 0.9em Share, "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
font-style: italic;
color: #444;
}

/* Technical writing UI / explanation styling */
span.ipod {
	font-family: 'Lucida Grande', Chicago, Geneva, Sans-Serif;
	font-weight: bold;
	font-size: 80%;
}
span.ui {
	font-family: 'Lucida Grande', Chicago, Geneva, Sans-Serif;
	font-weight: bold;
	font-size: 80%;
}

span.explanation {
	font-style: italic;
}
span.explanation em {
	font-style: normal;
}
div.obsolete * {
	color: #999;
	text-decoration: line-through;
}

/* Adjust margin for nested lists back. I don't know why Thesis removes this. */
/* Tried a more narrow rule, .custom .format_text ul ul + p, but it was insufficent. */
.custom .format_text ul ul, .custom .format_text ul ol,
.custom .format_text ol ul, .custom .format_text ol ol {
	margin-bottom: 1.467em;
}

/* Similar, but opposite, margin adjustment for images inside a list item */
.custom .format_text ul li img.alignnone {
	margin-bottom: 0;
}

/* Make the Note boxes prettier; change colors later? */
.custom .format_text p.note, .custom .format_text p.alert {
	border-radius: 0.3em;
	border-color: #ccc;
}
.custom .format_text p.download {
	background: #7e9dd6;
	border: 1px solid #435372;
	border-radius: 0.3em;
	padding: 1em;
}
/*.custom .format_text p.applescript {
	background-image: url('/resources/img/icon-applescript.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 64px;
}*/
.custom .format_text p.download a {
	background-image: url('/resources/img/glyphish-download.png');
	background-repeat: no-repeat;
	padding-left: 32px;
	display: block;
	font-family: Share, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 125%;
	color: #fff;
	text-decoration: none;
}
.custom .format_text p.download a:hover {
	text-decoration: underline;
	color: #333;
}

/* Constrain very wide graphics to the width of the article (enclosing element) */
.custom .format_text img {
	max-width: 100%;
}

/* Remove the double-border on the bottom of the masthead */
/*.custom #header {
	border-bottom: none;
}
*/

/* Playing around with boxing the masthead. Needs the tagline, too, to work. */
/*.custom #header {
	border-left: 3px double #ddd;
	border-right: 3px double #ddd;
}
*/

.custom a.more-link {
	font: 0.9em Share, "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-style: italic;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding-bottom: 1px;
	border-bottom: 1px solid #c0d8ff;
	/*display: block;*/
}

/* Social media sharing buttons */
.custom div.tw-tweet {
	float: right;
	padding-left: 5px;
}
.custom div.fb-share {
	float: right;
	padding-left: 5px;
}
.custom div.go-plusone {
	float: right;
	padding-left: 5px;
}