/*

Theme Name: Twenty Eleven

Theme URI: http://wordpress.org/extend/themes/twentyeleven

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyeleven

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

:focus {/* remember to define focus styles! */

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

ol, ul {

	list-style: none;

}

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

/* =Structure

----------------------------------------------- */

body {

	padding: 0 2em;

}

#page {

	margin: 2em auto;

	max-width: 1000px;

}

#branding hgroup {

	margin: 0 7.6%;

}

#access div {

	margin: 0 7.6%;

}

#primary {

	float: left;

	margin: 0 -26.4% 0 0;

	width: 100%;

}

#content {

	margin: 0 34% 0 7.6%;

	width: 58.4%;

}

#secondary {

	float: right;

	margin-right: 7.6%;

	width: 18.8%;

}

/* Singular */

.singular #primary {

	margin: 0;

}

.singular #content,

.left-sidebar.singular #content {

	margin: 0 7.6%;

	position: relative;

	width: auto;

}

.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

	margin: 0 auto;

	width: 68.9%;

}

/* Attachments */

.singular .image-attachment .entry-content {

	margin: 0 auto;

	width: auto;

}

.singular .image-attachment .entry-description {

	margin: 0 auto;

	width: 68.9%;

}

/* Showcase */

.page-template-showcase-php #primary,

.left-sidebar.page-template-showcase-php #primary {

	margin: 0;

}

.page-template-showcase-php #content,

.left-sidebar.page-template-showcase-php #content {

	margin: 0 7.6%;

	width: auto;

}

.page-template-showcase-php section.recent-posts {

	float: right;

	margin: 0 0 0 31%;

	width: 69%;

}

.page-template-showcase-php #main .widget-area {

	float: left;

	margin: 0 -22.15% 0 0;

	width: 22.15%;

}

/* error404 */

.error404 #primary {

	float: none;

	margin: 0;

}

.error404 #primary #content {

	margin: 0 7.6%;

	width: auto;

}

/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.625em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.625em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/* Right Content */

.left-sidebar #primary {

	float: right;

	margin: 0 0 0 -26.4%;

	width: 100%;

}

.left-sidebar #content {

	margin: 0 7.6% 0 34%;

	width: 58.4%;

}

.left-sidebar #secondary {

	float: left;

	margin-left: 7.6%;

	margin-right: 0;

	width: 18.8%;

}

/* One column */

.one-column #page {

	max-width: 690px;

}

.one-column #content {

	margin: 0 7.6%;

	width: auto;

}

.one-column #nav-below {

	border-bottom: 1px solid #ddd;

	margin-bottom: 1.625em;

}

.one-column #secondary {

	float: none;

	margin: 0 7.6%;

	width: auto;

}

/* Simplify the showcase template */

.one-column .page-template-showcase-php section.recent-posts {

	float: none;

	margin: 0;

	width: 100%;

}

.one-column .page-template-showcase-php #main .widget-area {

	float: none;

	margin: 0;

	width: auto;

}

.one-column .page-template-showcase-php .other-recent-posts {

	border-bottom: 1px solid #ddd;

}

/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {

	border: none;

	display: block;

	height: auto;

	max-width: 60%;

	position: static;

}

.one-column article.feature-image.small {

	margin: 0 0 1.625em;

	padding: 0;

}

.one-column article.feature-image.small .entry-title {

	font-size: 20px;

	line-height: 1.3em;

}

.one-column article.feature-image.small .entry-summary {

	height: 150px;

	overflow: hidden;

	padding: 0;

	text-overflow: ellipsis;

}

.one-column article.feature-image.small .entry-summary a {

	left: -9%;

}

/* Remove the margin on singular articles */

.one-column.singular .entry-header,

.one-column.singular .entry-content,

.one-column.singular footer.entry-meta,

.one-column.singular #comments-title {

	width: 100%;

}

/* Simplify the pullquotes and pull styles */

.one-column.singular blockquote.pull {

	margin: 0 0 1.625em;

}

.one-column.singular .pull.alignleft {

	margin: 0 1.625em 0 0;

}

.one-column.singular .pull.alignright {

	margin: 0 0 0 1.625em;

}

.one-column.singular .entry-meta .edit-link a {

	position: absolute;

	left: 0;

	top: 40px;

}

.one-column.singular #author-info {

	margin: 2.2em -8.8% 0;

	padding: 20px 8.8%;

}

/* Make sure we have room for our comment avatars */

.one-column .commentlist > li.comment {

	margin-left: 102px;

	width: auto;

}

/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {

	right: 40px;

	top: 4em;

}

/* Talking avatars take up too much room at this size */

.one-column .commentlist > li.comment {

	margin-left: 0;

}

.one-column .commentlist > li.comment .comment-meta,

.one-column .commentlist > li.comment .comment-content {

	margin-right: 85px;

}

.one-column .commentlist .avatar {

	background: transparent;

	display: block;

	padding: 0;

	top: 1.625em;

	left: auto;

	right: 1.625em;

}

.one-column .commentlist .children .avatar {

	background: none;

	padding: 0;

	position: absolute;

	top: 2.2em;

	left: 2.2em;

}

.one-column #respond {

	width: auto;

}

/* =Global

----------------------------------------------- */

body, input, textarea {

	color: #373737;

	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	line-height: 1.625;

}

body {

	background: #e2e2e2;

}

#page {

	background: #fff;

}

/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.625em;

}

/* Text elements */

p {

	margin-bottom: 1.625em;

}

ul, ol {

	margin: 0 0 1.625em 2.5em;

}

ul {

	list-style: square;

}

ol {

	list-style-type: decimal;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 1.625em;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 1.625em;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

blockquote {

	font-family: Georgia, "Bitstream Charter", serif;

	font-style: italic;

	font-weight: normal;

	margin: 0 3em;

}