/*
Theme Name: North Star - Twenty Eleven
Theme URI: http://lnnorthstar.org

Author: Luke Shumaker, based on work by the WordPress team and Chris Aprea
Author URI: http://lukeshu.ath.cx

License: GNU General Public License
License URI: license.txt

Description: The North Star 2011-2012 theme, a child of Twenty Eleven
Version: 0.1
Tags: multi-author, significant-rolls

Template: twentyeleven
*/

@import url('../twentyeleven/style.css');
@import "twentyeleven-fix.scss";

$link_color: #740000;

/* Document-structure-y things */

#page {
	background: transparent;
	#access {
		margin: 0 auto;
		box-shadow: none;
	}
	#main {
		padding: 0;
		#primary {
			margin: 0;
			width: 70%;
			#content {
				margin: 0 0 1.5em 0;
				width: 100%;
			}
		}
		#secondary {
			margin: 0;
			width: 28%;
		}
		#primary, #secondary {
			.post, #content nav, aside.widget {
				background: white;
				padding: 1.5em;
				border: solid 1px $link_color;
				margin: 0 0 1.5em 0;
			}
			.post {
				padding-top: 0;
				padding-bottom: 0;
			}
			#content nav {
				padding: 0;
				a {
					width: 100%;
					line-height: 3em;
					display: inline-block;
					&:hover, &:active, &:focus {
						background: $link_color;
						color: white;
					}
				}
			}
			aside.widget {
				background: $link_color;
				border: none;
				color: white;
				padding-top: 0;
				.widget-title {
					font-size: 1.1em;
					line-height: auto;
					color: black;
				}
				a {
					color: white;
				}
				ul {
					list-style: none;
					padding-left: 1em;
				}
			}
		}
	}
}

.entry-header {
	font-size: .8em;
	figure {
		margin: 0;
		img {
			width: 100%;
			height: auto;
		}
		figcaption {
			strong {
				text-transform: uppercase;
			}
			cite {
				float: right;
				width: 100%;
				text-align: right;
				text-transform: lowercase;
			}
			.alignleft,
			.alignright {
				/* These are obsolete, but I keep them around
				 * because some old captions have them hardcoded
				 * in, and I don't want to change them. */
				width: 45%;
				margin-bottom: 1.5em; 
			}
		}
	}
	.entry-meta {
		.authors {
			display: block;
			float: left;
			& > * {
				float: left;
				margin-right: 0.5em;
			}
			.vcard {
				* {
					display: block;
				}
				.role {
					text-transform: uppercase;
				}
			}
		}
		span.entry-date {
			display: block;
			float: right;
		}
	}
}

.entry-content,
.entry-summary {
	clear: both;
}

/* Generic things */

blockquote {
	&:before,
	&:after {
		color: #740000;
		display: block;
		line-height: 1em;
		font-size: 4em;
	}
	&:before {
		content: "“";
		height: 0;
		margin-left: -1em;
	}
	&:after {
		content: "”";
		margin-left: 100%;
		margin-top: -1.25em;
		margin-bottom: 1.25em;
	}
	p {
		margin-bottom: 0.5em;
	}
	footer {
		text-align: right;
		margin-bottom: 2em;
	}
}

dd {
	margin-bottom: auto;
	margin-left: 4em;
}

/* Link color */

a {
	color: $link_color;
}

#site-title, .entry-title {
	a {
		&:focus, &:hover, &:active {
			color: $link_color;
		}
	}
}

.widget_twentyeleven_ephemera .comments-link a:hover {
	color: $link_color;
}

section.recent-posts .other-recent-posts {
	a[rel="bookmark"]:hover {
		color: $link_color;
	}
	.comments-link a:hover {
		color: $link_color;
		border-color: $link_color;
	}
}

.format-image footer.entry-meta a:hover, #site-generator a:hover {
	color: $link_color;
}

article.feature-image.small .entry-summary p a:hover {
	background-color: $link_color;
}

.entry-header .comments-link a {
	&:hover, &:focus, &:active {
		background-color: $link_color;
	}
}

.feature-slider a.active {
	background-color: $link_color;
}

@import "plugins.d/statusnetwidget.scss";

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#page #main {
		#primary {
			width: 100%;
		}
		#secondary {
			float: none;
			width: 100%;
		}
	}
}