/*

Theme Name: Twenty Twelve

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

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.1

License: GNU General Public License v2 or later

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

Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:

$rembase:     14;

$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:

.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

/* =Reset

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

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

html {

	overflow-y: scroll;

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

a:focus {

	outline: thin dotted;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

audio,

canvas,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

}

del {

	color: #333;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin: 24px;

	margin-bottom: 1.714285714rem;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

}

/* Clearing floats */

.clear:after,

.wrapper:after,

.format-status .entry-header:after {

	clear: both;

}

.clear:before,

.clear:after,

.wrapper:before,

.wrapper:after,

.format-status .entry-header:before,

.format-status .entry-header:after {

	display: table;

	content: "";

}

/* =Repeatable patterns

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

/* Small headers */

.archive-title,

.page-title,

.widget-title,

.entry-content th,

.comment-content th {

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 2.181818182;

	font-weight: bold;

	text-transform: uppercase;

	color: #636363;

}

/* Shared Post Format styling */

article.format-quote footer.entry-meta,

article.format-link footer.entry-meta,

article.format-status footer.entry-meta {

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 2.181818182;

}

/* Form fields, general styles first */

button,

input,

textarea {

	border: 1px solid #ccc;

	border-radius: 3px;

	font-family: inherit;

	padding: 6px;

	padding: 0.428571429rem;

}

button,

input {

    line-height: normal;

}

textarea {

	font-size: 100%;

	overflow: auto;

	vertical-align: top;

}

/* Reset non-text input types */

input[type="checkbox"],

input[type="radio"],

input[type="file"],

input[type="hidden"],

input[type="image"],

input[type="color"] {

	border: 0;

	border-radius: 0;

	padding: 0;

}

/* Buttons */

.menu-toggle,

input[type="submit"],

input[type="button"],

input[type="reset"],

article.post-password-required input[type=submit],

li.bypostauthor cite span {

	padding: 6px 10px;

	padding: 0.428571429rem 0.714285714rem;

	font-size: 11px;

	font-size: 0.785714286rem;

	line-height: 1.428571429;

	font-weight: normal;

	color: #7c7c7c;

	background-color: #e6e6e6;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);

	border: 1px solid #d2d2d2;

	border-radius: 3px;

	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);

}

.menu-toggle,

button,

input[type="submit"],

input[type="button"],

input[type="reset"] {

	cursor: pointer;

}

button[disabled],

input[disabled] {

    cursor: default;

}

.menu-toggle:hover,

button:hover,

input[type="submit"]:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

article.post-password-required input[type=submit]:hover {

	color: #5e5e5e;

	background-color: #ebebeb;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: linear-gradient(top, #f9f9f9, #ebebeb);

}

.menu-toggle:active,

.menu-toggle.toggled-on,

button:active,

input[type="submit"]:active,

input[type="button"]:active,

input[type="reset"]:active {

	color: #757575;

	background-color: #e1e1e1;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: linear-gradient(top, #ebebeb, #e1e1e1);

	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;

	border: none;

}

li.bypostauthor cite span {

	color: #fff;

	background-color: #21759b;

	background-image: none;

	border: 1px solid #1f6f93;

	border-radius: 2px;

	box-shadow: none;

	padding: 0;

}

/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}

/* Images */

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.entry-content img,

.comment-content img,

.widget img,

img.header-image,

.author-avatar img,

img.wp-post-image {

	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

	border-radius: 3px;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;