/*
Theme Name:     jbn
Author:         <a href='mailto:mail@digitalcitizen.info'>J.B. Nicholson-Owens</a>
Description:    Modifications to Barthelme for use with <a href='http://digitalcitizen.info/'>DigitalCitizen.info</a>.
Template:       barthelme
*/

@import url("../barthelme/style.css");

@font-face {
	font-family: Michroma;
	src: local(Michroma),
		 url(http://files.digitalcitizen.info/fonts/Michroma.ttf);
}

@font-face {
	font-family: News Cycle;
	src: local(NewsCycle-Regular.ttf),
		 url(http://files.digitalcitizen.info/fonts/NewsCycle-Regular.ttf);
}

@font-face {
	font-family: Rokkitt;
	src: local(Rokkitt.ttf),
		 url(http://files.digitalcitizen.info/fonts/Rokkitt.ttf);
}

@font-face {
	font-family: Arvo;
	src: local(Arvo-Regular.ttf),
		 url(http://files.digitalcitizen.info/fonts/Arvo-Regular.ttf);
}
@font-face {
	font-family: Arvo;
	src: local(Arvo-Bold.ttf),
		 url(http://files.digitalcitizen.info/fonts/Arvo-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: Arvo;
	src: local(Arvo-Italic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Arvo-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: Arvo;
	src: local(Arvo-BoldItalic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Arvo-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: Cabin;
	src: local(Cabin-Regular.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-Regular.ttf);
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-Bold.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-Italic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-Italic.ttf);
	font-style: italic;
	font-weight: 500
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-Medium.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-Medium.ttf);
	font-weight: 500
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-BoldItalic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-MediumItalic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-BoldItalic.ttf);
	font-weight: 500
	font-style: italic;
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-SemiBold.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-SemiBold.ttf);
	font-weight: 600;
}
@font-face {
	font-family: Cabin;
	src: local(Cabin-SemiBoldItalic.ttf),
		 url(http://files.digitalcitizen.info/fonts/Cabin-SemiBoldItalic.ttf);
	font-weight: 600;
	font-style: italic;
}

body {
	min-width: 60em;
}

#s {
	max-width: 90% !important;
}

h3 {
	font-size: 95% !important;
}
h4 {
	font-size: 85% !important;
}
h5 {
	font-size: 75% !important;
}
h6 {
	font-size: 65% !important;
}

div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
	/*
	undoing the theme's brokenness -- the background colors are
	overspecified.
	*/
	background-color: inherit !important;
}

div.entry-content img,
div.entry-content object[type^="image/"] {
	float: right !important;
	border: none !important;
	outline: none !important;
}
div.entry-content img.movie-poster {
	max-width: 20%;
	width: 20%;
	-moz-box-shadow: 20px 20px 30px rgba(90, 90, 90, 0.5);
	-webkit-box-shadow: 20px 20px 30px rgba(90, 90, 90, 0.5);
	box-shadow: 20px 20px 30px rgba(90, 90, 90, 0.5);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	margin-left: 4em;
	margin-bottom: 2em;
	image-rendering: -moz-crisp-edges;
}
div.entry-content img.shadow {
	box-shadow: 0 0 30px rgba(90, 90, 90, 0.75);
}
div.entry-content img.thumbnail:nth-child(even) {
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-khtml-transform: rotate(30deg);
	transform: rotate(30deg);
}
div.entry-content img.thumbnail:nth-child(odd) {
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

div.entry-content > p > video {
	display: block;
	float: right;
	margin: 0 10px;
}

/* make the side notes on the comment pages not wrap to multiple lines. */
div.sidebar li[id^='linkcat-'] {
	margin-top: 0.5em;
}

/*
p[class^="post-"] {
	text-align: right;
	margin-left: -2em;
	white-space: nowrap;
	}
*/

/* more clearly separate the sections */
#linkcat-3 ul > li:not(:first-child) > a:first-child {
	/* border-top: 1px solid gray; */
	margin-top: 10px;
}

/* space out all definition list entries */
div.entry-content dl dt:not(:first-of-type) {
    margin-top: 2em;
}

/* draw the eye to "highlight"ed definition lists with rounded borders and a colored background. */
div.entry-content dl.highlight {
    padding: 1.5em;
    background-color: rgb(90%,80%,90%);
/*
    -khtml-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
*/
    border-radius: 0.5em;
}


/* don't break up link text */
*[id^="linkcat-"] ul > li > a:first-child {
	display: block;
	white-space: nowrap;
	clear: both;
}

/* Sidebar stuff */
/*
div.sidebar {
        width: 20em !important;
}
*/

div.sidebar li a {
        line-height: 125% !important;
	white-space: normal !important;
}

/* I don't like the link underline on hover in the list of links. */
#sidebar a:first-child:hover {
	text-decoration: none !important;
}

/* other #sidebar style -- separate the sidebar entries more. */
div.sidebar > ul > li + li {
	margin-top: 2.5em;
}
div.sidebar ul li ul li + li { 
	margin-top: 1em !important;
}
/* #meta is a special sidebar -- its links should not be separated at all. */
#meta-2 ul li {
	margin-top: 0 !important;
}
/* float all images to the right. */
.post-entry img,
.post-entry object[type^="image/"] {
	float: right;
	padding: 10px 0 10px 10px;
	/* max-width: 50%; */
}

/* In posts, give more space between list items. */
.post-entry ul > li:not(:first-child) {
	margin-top: 1.5em;
}

/* A couple of gratuitously non-semantic styles for use in quotes. */
.post-entry blockquote .italicized,
.post-entry q .italicized {
	font-style: italic;
}
.post-entry blockquote .underlined,
.post-entry q .underlined {
	text-decoration: underline;
}

/* Change the quote style -- set the class attribute to anything if you want a more subtle blockquote style. */
div.entry-content blockquote:not([class]) {
	overflow: hidden; /* this is a hack to make the quote box contain all of its children visually. */
	background-color: #DDE4EC;
	font-family: Cabin, sans-serif !important;
	font-size: 120%;
	padding: 0.25em 1.25em;
	border-radius: 1.75em 0 0 1.75em;
}
div.entry-content blockquote ul,
div.entry-content blockquote ol {
	padding: 0 1.25em;
}
div.entry-content blockquote h3 {
	font-family: Rokkitt, sans-serif !important;
	font-weight: bold;
}

/* prettify the tables */
div.entry-content table {
	background-color: #D0D0D0;
	padding: 0.5em;
	margin: 0 auto;
}
div.entry-content table tr td:first-child {
	text-align: center;
}
div.entry-content table tr:nth-of-type(odd) {
	background-color: #F4F4F4;
}
div.entry-content table td {
	padding-right: 1.5em;
}
div.entry-content table td:last-child {
	padding-right: 0;
}
div.entry-content table tr.center:first-child td:not(:first-child) p {
	text-align: center;
	white-space: nowrap;
}
div.entry-content table tr td:first-child {
	float: right;
	padding-right: 2em;
	white-space: nowrap;
}
div.entry-content table tr.center:not(:first-child) td:not(:first-child) p {
	text-align: center;
	padding: 0;
}

div.entry-content li + li {
	margin-top: 1em;
}


/* pretty up the citations */
div.entry-content blockquote cite:before {
	content: "—";
}
div.entry-content blockquote cite {
	width: 100%;
	display: block;
	text-align: right;
	font-family: sans-serif;
}


/* nested blockquotes should not have the left-edge border. */
div.entry-content blockquote blockquote {
	border-left: none;
}


/*
	Download sections of posts are lists of descriptions and (within
	each list item) a list of download links.
*/
ul.download li {
	list-style-type: none !important;
}
ul.download > li > ul > li {
	display: inline;
}
ul.download > li > ul > li:not(:last-child):after {
	content: " | ";
}
#wrapper .download {
	background: none !important;
}


.post-footer {
	clear: both;
}



.quote-highlight {
	font-weight: bold;
}


/*
#footer p {
	white-space: nowrap;
}
*/
/* Separate neighboring sub-ul list items with a vertical bar.  Format each list item or ul on its own line. */
#footer {
	/* a separator line between the static footer and the rest of the page. */
	border-top: 1px solid #aaa;
	margin-top: 2em;
}
#footer ul {
	margin-left: 0;
	padding-left: 0;
}
#footer li {
	list-style-type: none;
}
#footer ul li {
	display: block;
}
#footer ul li ul li {
	display: inline;
}
#footer ul li ul li + li:before {
	content: " | ";
}

.copyright-license-credits {
	white-space: nowrap;
}

/* jbn */
/* keep the user-supplied link category titles on one line */
/*
li.linkcat h2 { white-space: nowrap; }

li.linkcat > ul > li { margin-left: 1.5em !important; text-indent: -1.5em; }
*/

li:not([class="meta"]) > h2.widgettitle + ul > li + li { margin-top: 0.5em !important; }
#meta > h2.widgettitle + ul > li + li { margin-top: 0 !important; }

li.cat-item,
li.widget_links ul li,
li.widget_rss ul li,
li.widget h2.widgettitle {
	line-height: 0 !important;
}

li.widget h2.widgettitle {
	padding-bottom: 0.75em;
}

li.widget h3.widgettitle {
	line-height: 1em;
	border-bottom: 1px solid black;
}


/* Specific posts */
#stevens-vs-iraq th:not(:first-child),
#stevens-vs-iraq tr:not(:first-child) th {
        background-color: #ddd;
}

#stevens-vs-iraq td + td,
#stevens-vs-iraq th + th {
        padding-left: 0.75em;
        padding-right: 0.75em;
}

#stevens-vs-iraq td {
        text-align: center;
}
#stevens-vs-iraq tr > th:first-child {
        text-align: left;
}

#blog-title {
	font-family: Michroma, sans-serif;
	letter-spacing: -0.03em;
	word-spacing: -0.022em;
	line-height: 1em;
}