/*

Theme Name: Blog Simple

Theme URI: http://theme.wordpress.com/themes/blog-simpleg

Author: Automattic

Author URI: http://automattic.com/

Description: As the name says, Blog Simple is a simple blog-centric theme designed by Mike Kus. Its unique and bold two-tone design sets your blog apart from the crowd. Not only can you choose a theme color from four suggested colors, but also pick any color from a color picker.

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: blue, green, orange, red, one-column, two-columns, right-sidebar, fixed-width, custom-colors, custom-header, custom-menu, flexible-header, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready





Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/





/* =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, 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;

}

html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

	background: #8a8b8c;

}

p {

	color: #6D6E71;

	font-family:  Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;



}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

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:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;

}

a img {

	border: 0;

}





/* =Clear Fix

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



.clear-fix:after {

	clear: both;

	content: '';

	display: block;

}





/* =Layout

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



body {

	background-color: #8a8b8c;

	padding: 30px;

}

#page {

	background-color: #ffffff;

}

#header-wrapper,

#main-wrapper,

#supplementary-wrapper {

	background-color: #bd3040;

}

#header-wrapper {

	padding: 0 30px 50px;

}

#main-wrapper {

	padding: 0 30px;

}

#masthead {

	border-bottom: 1px solid rgb(228, 227, 214);

	border-bottom: 1px solid rgba(255, 255, 255, 0.8);

	margin: 0 auto;

	max-width: 1000px;

	padding: 17px 0 14px;

}

#main,

#colophon,

#supplementary {

	margin: 0 auto;

	max-width: 1000px;

}

.site-content {

	float: left;

	margin: 0 -35% 0 0;

	width: 100%;

}

#content {

	margin: 0 35% 0 0;

}

.error404 #content,

.image-attachment #content,

.full-width #content {

	margin: 0;

}

#secondary {

	float: right;

	width: 30%;

}

#supplementary {

	padding: 40px 30px 18px;

}

#footer-wrapper {

	padding: 60px 30px 0;

}

.site-footer {

	clear: both;

	width: 100%;

}





/* =Header

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



#masthead hgroup {

	float: left;

}

.site-title {

	font-family: 'PT Sans Narrow', sans-serif;

	font-size: 45px;

	font-size: 4.5rem;

	font-weight: 400;

	letter-spacing: -0.043em;

	line-height: 1.1em;

	margin-top: 21px;

	text-transform: uppercase;

}

.site-title a {

	color: #ffffff;

}

.site-title a:hover {

	color: #fff;

}

.site-description {

	color: #ffffff;

	display: none;

}

.top-page .site-description {

	color: #bd3040;

}

.site-header img {

	margin: 15px 0 6px;

}



/* =Global

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



body,

button,

input,

select,

textarea,

label {

	color: #bd3040;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.4666666666;

}

/* Headings */

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

	clear: both;

}

hr {

	background-color: #bd3040;

	border: 0;

	height: 1px;

	margin-bottom: 1.4666666666em;

}

/* Text elements */

p {

	margin-bottom: 1.4666666666em;

}

ul {

	list-style: disc;

	margin: 0 0 1.4666666666em 1.2em;

}

ol {

	list-style: decimal;

	margin: 0 0 1.4666666666em 1.8666666666em;

}

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

	margin-bottom: 0;

	margin-left: 2em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.4666666666em 1.4666666666em 0;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style: italic;

}

blockquote {

	border-left: 3px solid #bd3040;

	font-style: italic;

	padding: 0 0 0 1.4666666666em;

}

address {

	margin: 0 0 1.4666666666em;

}

pre {

	background: #bd3040;

	color: #ffffff;

	font-family: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	padding: 1.6em;

	overflow: auto;

	max-width: 100%;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #bd3040;

	color: #ffffff;

	text-decoration: none;

}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.4666666666em;

	width: 100%;

}

th {

	font-weight: bold;

}

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}

button,

html input[type=button],

input[type=reset],

input[type=submit] {

	background-color: #bd3040;

	border: none;

	border-radius: 4px;

	color: #ffffff;

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 600;

	padding: .5em 1.5em .65em;

}

button:hover,

html input[type=button]:hover,

input[type=reset]:hover,

input[type=submit]:hover {

	color: #fff;

}



input[type=checkbox],

input[type=radio] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type=search] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}

input[type=search]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type=text],

input[type=email],

input[type=password],

textarea {

	background-color: #f5f5eb;

	border: 1px solid #dcbeb6;

	border-radius: 4px;

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

	color: #bd3040;

	font-family: 'Courier 10 Pitch', Courier, monospace;

}

input[type=text],

input[type=email],

input[type=password] {

	padding: 7px;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding: 7px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}

/* Links */

a {

	color: #bd3040;

	text-decoration: none;

}

/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.4666666666em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.4666666666em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}

/* Text meant only for screen readers */

.assistive-text {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}





/* =Menu

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



.main-navigation {

	display: block;

	float: right;

	font-size: 14px;

	font-size: 1.3rem;

	font-weight: bold;

	margin-right: -10px;

}

.main-navigation ul {

	list-style: none;

	margin: 0;

}

.main-navigation li {

	float: left;

	margin-left: 20px;

	position: relative;

}

.main-navigation a {

	color: #ffffff;

	display: block;

	padding: 0 10px;

	text-decoration: none;

}

.main-navigation > div > ul > li {

	padding-top: 40px; /* Extra padding for an icon that highlights current menu item in the first level */

}

.main-navigation > div > ul > li.current_page_item > a:before,

.main-navigation > div > ul > li.current-menu-item > a:before,

.main-navigation > div > ul > li.current_page_ancestor > a:before,

.main-navigation > div > ul > li.current-menu-ancestor > a:before {

	content: '';

	margin-left: -15px;

	position: absolute;

		top: 5px;

		left: 50%;

	width: 30px;

	height: 30px;

}

.top-page .main-navigation > div > ul > li.current-menu-item > a:before,

.main-navigation ul ul {

	background-color: #ffffff;

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);

	display: none;

	float: left;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: 500;

	line-height: 1.3em;

	position: absolute;

		top: 4.125em;

		left: 0;

	width: 170px;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: -100%;

	top: 0;

}

.main-navigation ul ul a {

	color: #bd3040;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	padding: 6px 10px;

	width: 150px;

	-ms-word-break: break-all;

	word-break: break-all;

	word-wrap: break-word;

}

.main-navigation ul ul li {

	border-bottom: 1px solid #d8d8cb;

	margin-left: 0;

}

.main-navigation ul ul li:last-child {

	border: none;

}

.main-navigation > div > ul > li:hover > a {

	color: #fff;

}

.main-navigation ul ul :hover > a,

.main-navigation ul ul li.current_page_item > a,

.main-navigation ul ul li.current-menu-item > a {

	background-color: #f5f5eb;

}

.main-navigation ul li:hover > ul {

	display: block;

}

/* Small menu */

.main-small-navigation {

	border-top: 1px solid rgb(255, 255, 255);

	border-top: 1px solid rgba(255, 255, 255, 0.8);

	margin-top: 1em;

	padding-top: 1em;

}

.top-page .main-small-navigation {

	border-color: #bd3040;

}

.menu-toggle {

	color: #ffffff;

	cursor: pointer;

	font-size: 20px;

	font-size: 2.0rem;

	font-weight: 500;

}

.top-page .menu-toggle {

	color: #bd3040;

}

.main-small-navigation .menu {

	display: none;

}





/* =Content

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



.sticky {

}

#content .hentry,

#content .not-found {

	background-color: #ffffff;

	box-shadow: 4px 4px 6px -4px rgba(0, 0, 0, 0.3), -4px 4px 6px -4px rgba(0, 0, 0, 0.3);

	font-family: 'Courier 10 Pitch', Courier, monospace;

	margin: 0 0 4em;

	padding: 0 2em;

	position: relative;

}

.hentry-top {

	background-color: #bd3040;

	background-image: url( 'images/hentry-top.png' );

	background-repeat: no-repeat;

	margin-bottom: 10px;

	width: 86px;

	height: 30px;

}

.hentry-bot {

	background-color: #bd3040;

	background-image: url( 'images/hentry-bot.png' );

	background-repeat: no-repeat;

	float: right;

	margin: 10px 0 -5px;

	width: 81px;

	height: 33px;

}

/* Comments link */

.entry-header .comments-link a {

	background-color: #bd3040;

	background-image: url( 'images/comment-bubble.png' );

	background-repeat: no-repeat;

	color: #ffffff;

	font-size: 17px;

	font-size: 1.7rem;

	font-weight: normal;

	letter-spacing: -0.1em;

	line-height: 33px;

	overflow: hidden;

	padding: 0 2px 0 0;

	position: absolute;

		top: 1.0em;

		right: 1.0em;

	text-align: center;

	text-decoration: none;

	width: 33px;

	height: 33px;

}

.entry-header .comments-link a:hover {

	color: #fff

}

.entry-header .comments-link .leave-reply {

	visibility: hidden;

}

.entry-meta,

.edit-link,

.page-links {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 500;

	line-height: 1.5714285714em;

}

.byline {

	display: none;

}

.single .byline,

.group-blog .byline {

	display: inline;

}

.entry-title {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 30px;

	font-size: 3.0rem;

	font-weight: 500;

	letter-spacing: -0.035em;

	line-height: 1.0em;

}

.single .entry-title,

body.page .entry-title,

.error404 #content .entry-title {

	font-size: 50px;

	font-size: 5.0rem;

	font-weight: 600;

	letter-spacing: -0.07em;

	padding-right: 0;

}

.entry-header .entry-meta {

	padding-right: 40px;

}

.entry-content,

.entry-summary {

	margin: 1.4666666666em 0 0;

}

.entry-content a,

.entry-meta a,

.entry-content .page-links a {

	border-bottom: 1px dotted #bd3040;

}

.entry-meta a:hover,

.entry-content a:hover,

.entry-content .page-links a:hover {

	border-style: solid;

}

.entry-content ul {

	list-style: none;

	margin-left: 0;

}

.entry-content ul li {

	padding: 4px 0 4px 1.8666666666em;

	position: relative;

}

.entry-content ul > li:before {

	background: #bd3040 url( 'images/ico-star.png' ) no-repeat 0 0;

	content: '';

	position: absolute;

		top: 6px;

		left: 0;

	width: 17px;

	height: 17px;

}

.entry-content ul ul,

.entry-content ol ol,

.entry-content ul ol,

.entry-content ol ul {

	margin-top: 4px;

	margin-bottom: -4px;

}

.entry-content ol > li {

	padding: 4px 0;

}

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6,

.comment-content h1,

.comment-content h2,

.comment-content h3,

.comment-content h4,

.comment-content h5,

.comment-content h6 {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: 600;

	letter-spacing: -0.07em;

	line-height: 1.0em;

}

.entry-content h1,

.comment-content h1 {

	font-size: 50px;

	font-size: 5.0rem;

	margin-bottom: 0.5em;

}

.entry-content h2,

.comment-content h2 {

	font-size: 40px;

	font-size: 4.0rem;

	margin-bottom: 0.625em;

}

.entry-content h3,

.comment-content h3 {

	font-size: 30px;

	font-size: 3.0rem;

	margin-bottom: 0.8333333333em;

}

.entry-content h4,

.comment-content h4 {

	font-size: 25px;

	font-size: 2.5rem;

	margin-bottom: 1.0em;

}

.entry-content h5,

.comment-content h5 {

	font-size: 20px;

	font-size: 2.0rem;

	margin-bottom: 1.25em;

}

.entry-content h6,

.comment-content h6 {

	font-size: 18px;

	font-size: 1.8rem;

	margin-bottom: 1.3888888888em;

}

.entry-content table,

.comment-content table {

	border-top: 1px solid #bd3040;

	margin: 0 0 1.4666666666em;

	width: 100%;

}

.entry-content th,

.comment-content th {

	border-bottom: 1px solid #bd3040;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 600;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content td,

.comment-content td {

	border-bottom: 1px solid #bd3040;

	padding: 6px 10px 6px 0;

}

.commentlist .comment-content ul {

	list-style: disc;

	margin: 0 0 1.4666666666em 1.2em;

}

.commentlist .comment-content ol {

	list-style: decimal;

	margin: 0 0 1.4666666666em 2em;

}

.commentlist .comment-content li {

	margin-top: 0;

}

.commentlist .comment-content ul ul,

.commentlist .comment-content ol ul,

.commentlist .comment-content ol ol,

.commentlist .comment-content ul ol {

	margin-bottom: 0;

}

.page-links {

	clear: both;

	margin: 0 0 1.5714285714em;

}

.read-now {

	background-color: #bd3040;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	box-shadow: 4px -4px 6px -4px rgba(0, 0, 0, 0.3), -4px -4px 6px -4px rgba(0, 0, 0, 0.3);

	clear: both;

	float: right;

	margin: 0 -10px -5px 0;

	padding: 11px 13px 10px;

}

.read-now a {

	color: #ffffff;

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 19px;

	font-size: 1.9rem;

	font-weight: 500;

	line-height: 25px;

}

.read-now a:hover {

	color: #fff;

}

.read-now span {

	background-color: #bd3040;

	background-image: url( 'images/arrow-up.png' );

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	padding-left: 38px;

}

.page-header {

	color: #ffffff;

	margin-bottom: 55px;

}

.page-title {

	font-size: 50px;

	font-size: 5.0rem;

	font-weight: 600;

	letter-spacing: -0.05em;

	line-height: 1.0em;

	margin-right: 35%;

}

.page-title a {

	color: #ffffff;

	color: rgba(255, 255, 255, 0.5);

}

.page-title a:hover {

	color: #ffffff;

}

.taxonomy-description {

	margin: 1.4666666666em 35% 0 0;

}





/* =Home page

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



.featured-post-wrapper {

	background-color: #ffffff;

	padding: 0 30px;

}

.featured-post {

	margin: 0 auto;

	max-width: 1000px;

	padding: 5px 0 0 0;

}

.featured-post .entry-title {

	/* font-size: 134px;

	font-size: 13.4rem;

	font-weight: 600;

	letter-spacing: -0.055em;

	line-height: 1.0em;

	padding: 0;

	*/

	font-size: 100px;

	font-size: 12.4rem;

	font-weight: 600;

	letter-spacing: -0.055em;

	line-height: 1.0em;

	padding: 0;

}

.featured-post .entry-meta,

.featured-post .edit-link {

	font-size: 20px;

	font-size: 2.0rem;

	line-height: 1.0em;

}

.featured-post .entry-meta {

	margin-bottom: 7px;

}

.featured-post .read-now {

	box-shadow:	none;

	margin: 75px 0 0 0;

	padding: 15px 22px 10px;

}

.featured-post .read-now a {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 500;

	line-height: 31px;

}

.featured-post .read-now span {

	background-image: url( 'images/arrow-up-large.png' );

	padding-left: 50px;

}

.top-page #main-wrapper {

	padding-top: 60px;

}

.top-page #header-wrapper {

	background-color: #ffffff;

}

.top-page #masthead {

	border-bottom: 1px solid #bd3040;

}

.top-page .site-title a,

.top-page .main-navigation a,

.top-page .main-navigation > div > ul > li:hover > a {

	color: #bd3040;

}

.top-page .main-navigation ul ul {

	background-color: #bd3040;

}

.top-page .main-navigation ul ul a {

	color: #ffffff;

}

.top-page .main-navigation ul ul :hover > a,

.top-page .main-navigation ul ul li.current_page_item > a,

.top-page .main-navigation ul ul li.current-menu-item > a {

	background-color: #bd3040;

	color: #fff;

}





/* =Media

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



img {

	vertical-align: middle;

}

.site-header img,

.entry-content img,

.comment-content img,

.widget img {

	height: auto;

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

}

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

img.aligncenter,

img.alignleft,

img.alignright {

	margin-bottom: 1.4666666666em;

}

p img,

.wp-caption {

	margin-top: 0.3333333333em;

}

.wp-caption {

	background-color: #bd3040;

	height: auto;

	margin-bottom: 1.4666666666em;

	max-width: 100%;

	padding: 5px 0 10px;

}

.wp-caption img {

	display: block;

	height: auto;

	margin: 0 auto;

	max-width: 98.4%;

}

.wp-caption-text {

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 10px 5px 0;

}

.wp-caption .wp-caption-text a {

	color: #ffffff;

}

#content .gallery {

	margin-bottom: 1.4666666666em;

}

.gallery-caption {

	color: #bd3040;

	font-size: 12px;

	font-size: 1.2rem;

}

#content .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

#content .gallery dd {

	margin: 5px 0;

}

.entry-attachment {

	margin-bottom: 1.4666666666em;

}

.entry-attachment .attachment {

	text-align: center;

}

.entry-attachment .entry-caption {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	margin-top: 0.7333333333em;

}



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

embed,

iframe,

object {

	display: block;

	margin-bottom: 1.4666666666em;

	max-width: 100%;

}

.entry-content .video-player {

	margin-bottom: 1.4666666666em;

}





/* =Navigation

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



#content .site-navigation {

	font-weight: 500;

	margin: 0 0 4em;

	overflow: hidden;

}

#content .site-navigation a {

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

}

#content .site-navigation a:hover {

	color: #ffffff;

}

#content .nav-previous,

#comments .nav-previous,

#image-navigation .previous-image {

	float: left;

	width: 50%;

}

#content .nav-next,

#comments .nav-next,

#image-navigation .next-image {

	float: right;

	text-align: right;

	width: 50%;

}

#comment-nav-below {

	margin-bottom: 50px;

}

#image-navigation {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 500;

	margin-top: 1.2em;

}



/* =Comments

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



#comments-wrapper {

	margin: 0 auto;

	max-width: 1000px;

	padding: 0 30px;

}

#comments {

	margin: 55px 35% 60px 0;

}

.page-template-full-width-page-php #comments,

body.attachment #comments {

	margin-right: 0;

}

#reply-title,

.comments-title {

	font-size: 50px;

	font-size: 5.0rem;

	font-weight: 600;

	letter-spacing: -0.07em;

	line-height: 1.0em;

	margin: 0;

}

#comments #respond {

	padding: 0;

}

#comments #respond h3 {

	margin-top: 0;

}

.commentlist,

.commentlist ol,

.commentlist ul {

	list-style: none;

	margin: 0 0 60px 111px;

}

.commentlist .children {

	margin-bottom: 0;

}

.commentlist li {

	border-top: none;

	margin: 60px 0 0 0;

	position: relative;

}

.comment-author {

	background-color: #f5f5eb;

	border-radius: 6px;

	height: 65px;

	padding: 8px;

	width: 65px;

}

.comment-author .avatar {

	border-radius: 3px;

}

.bypostauthor > article .comment-author {

        background-color: #bd3040;



}

.comment footer {

	background: transparent url('images/triangle.png') no-repeat right 27px;

	height: 81px;

	position: absolute;

		top: 0;

		left: -111px;

	width: 111px;

	z-index: 1;

}

.comment-content-wrapper {

	background-color: #f5f5eb;

	border-radius: 6px;

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

	padding: 0 22px;

	position: relative;

	z-index: 0;

}

.comment-content-top {

	background: #ffffff url('images/comment-top.png') no-repeat 0 0;

	margin-bottom: 10px;

	width: 86px;

	height: 29px;

}

.comment-content-bottom {

	background: #ffffff url('images/comment-bot.png') no-repeat 0 0;

	float: right;

	margin-bottom: -5px;

	width: 81px;

	height: 33px;

}

.comment-meta {

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

}

.comment-meta .fn {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 500;

	letter-spacing: -0.045em;

	line-height: 1.0em;

}

.comment-content {

	font-family: 'Courier 10 Pitch', Courier, monospace;

	margin-top: 1.0em;

}

.comment .reply {

	font-size: 14px;

	font-size: 1.4rem;

}

#comments .comment #respond {

	padding: 2.6666666666em 20px 0;

}

.comment .children {

	margin-left: 20px;

}

.commentlist .pingback {

	padding: 0 20px;

}

.commentlist .pingback p {

	margin-bottom: 0;

}

#respond h3 small {

	font-size: 20px;

	font-size: 2.0rem;

	letter-spacing: -0.02em;

}

.comment-reply-link {

	background-color: #bd3040;

	border-radius: 3px;

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.8);

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	font-weight: 500;

	padding: 3px 8px;

	text-decoration: none;

}

.comment-reply-link:hover,

.comment-reply-link:focus,

.comment-reply-link:active {

	color: #ffffff;

}

.comment-reply-link > span {

	display: inline-block;

	position: relative;

	top: -1px;

}





/* =Widgets

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



.widget {

	border-bottom: 1px solid rgb(228, 227, 214);

	border-bottom: 1px solid rgba(255, 255, 255, 0.5);

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 1.5714285714;

	margin-bottom: 1.5714285714em;

	overflow: hidden;

	padding-bottom: 1.5714285714em;

}

#secondary .widget:last-child {

	border: none;

}

.widget a,

.widget label {

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

}

.widget a:hover {

	color: #ffffff;

}

.widget-title,

.widget-title label {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 500;

	line-height: 1.0em;

	margin-bottom: 0.75em;

}

.widget input[type=submit] {

	background-color: #ffffff;

	color: #bd3040;

}

.widget ul {

	list-style: none;

	margin: 0;

}

.widget ul ul {

	margin-left: 1em;

}

.widget p,

.widget .wp-caption {

	margin-bottom: 1.5714285714em;

}

.widget p:last-child,

.widget .wp-caption:last-child {

	margin-bottom: 0;

}

.widget select {

	max-width: 90%;

}

.widget .wp-caption {

	padding: 0;

}

.widget .wp-caption img {

	max-width: 100%;

}

.widget .wp-caption .wp-caption-text {

	margin: 10px 0 0;

}

/* Authors Widget */

.widget_authors ul ul {

	margin: 0.7142857142em 0 1.5714285714em;

}

/* Author Grid Widget */

.widget_author_grid .avatar {

	max-width: none;

}

/* Caledar widget*/

.widget_calendar #wp-calendar {

	margin: 0;

	width: 100%;

}

.widget_calendar #wp-calendar caption {

	font-weight: bold;

	padding-bottom: 0.4em;

	text-align: center;

}

.widget_calendar #wp-calendar thead th,

.widget_calendar #wp-calendar tbody td {

	padding: 0.4em 0;

	text-align: center;

}

.widget_calendar #wp-calendar tfoot td {

	padding-top: 0.4em;

}

.widget_calendar #wp-calendar tfoot #prev {

	text-align: right;

}

.widget_calendar #wp-calendar tfoot #next {

	text-align: left;

}

.widget_calendar tbody a {

	color: #ffffff;

}

.widget_calendar tbody a:hover {

	color: #fff;

}

/* Cloud Widgets */

.wp_widget_tag_cloud div,

.widget_tag_cloud div {

 	word-wrap: break-word;

}

/* Flickr Widget (WP.com) */

.widget_flickr #flickr_badge_uber_wrapper a {

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

}

.widget_flickr #flickr_badge_uber_wrapper a:hover {

	color: #ffffff;

}

.widget_flickr #flickr_badge_wrapper {

	background-color: transparent !important;

	border: none !important;

}

.widget_flickr table {

	margin: 0 !important;

}

.widget_flickr td {

	border: 0;

	padding: 0;

}

.widget_flickr .flickr-size-thumbnail {

	margin: 0 auto;

}

.widget_flickr .flickr-size-thumbnail br,

.widget_flickr .flickr-size-small br {

	display: none;

}

.widget_flickr .flickr-size-thumbnail img {

	display: block;

	margin-bottom: 0.7857142857em;

}

.widget_flickr .flickr-size-small img {

	display: block;

	margin-bottom: 0.7857142857em;

}

/* Milestone Widget */

.milestone-widget .milestone-content {

	border: 1px solid rgb(228, 227, 214);

	border: 1px solid rgba(255, 255, 255, 0.5);

	max-width: 100%;

}

.milestone-widget .milestone-header {

	color: rgb(228, 227, 214);

	color: rgba(255, 255, 255, 0.5);

}

.milestone-widget .milestone-countdown,

.milestone-widget .milestone-message {

	border: none;

}

/* Recent Comments Widget */

.widget_recent_comments .avatar {

	max-width: none;

}

.widget_recent_comments table {

	margin: 0;

}

.widget_recent_comments td.recentcommentsavatartop,

.widget_recent_comments td.recentcommentsavatarend {

	padding: 0 0 5px 0;

}

.widget_recent_comments td.recentcommentstexttop,

.widget_recent_comments td.recentcommentstextend {

	line-height: 1.2em;

	vertical-align: top;

}

/* Recent Images Widget */

.widget_recent_images .recent_images img {

	margin: 0 0 5px 0;

}

/* RSS Widget */

.widget_rss li {

	margin-bottom: 1.5714285714em;

}

.widget_rss li:last-child {

	margin-bottom: 0;

}

/* RSS links Widget */

.widget_rss_links p img {

	margin-bottom: 0;

	vertical-align: middle;

}

/* Search widget */

.widget_search #s {

	width: 70%

}

#searchsubmit {

	display: none;

}

/* Twitter Widget */

.widget_twitter li {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	margin-bottom: 1.5714285714em;

	-ms-word-break: break-all;

	word-break: break-all;

	word-wrap: break-word;

}

.widget_twitter li:last-child {

	margin-bottom: 0;

}

.widget_twitter iframe {

	margin: 22px 0 0;

}

/* Footer widget areas */

#supplementary .widget-area {

	float: left;

	list-style: none;

	margin-right: 5%;

	padding: 0;

}

#supplementary.one #footer-sidebar-one,

#supplementary.two #footer-sidebar-two,

#supplementary.three #footer-sidebar-three {

	margin: 0;

}

#supplementary.one .widget-area {

	width: 100%

}

#supplementary.two .widget-area {

	width: 47.5%;

}

#supplementary.three .widget-area {

	width: 30%;

}

#supplementary .widget {

	border-bottom: none;

	border-top: 1px solid rgb(228, 227, 214);

	border-top: 1px solid rgba(255, 255, 255, 0.4);

	margin-bottom: 0;

	padding-top: 1.5714285714em;

}

/* 404 page widgets */

.error404 .widget {

	border-bottom: none;

	border-top: 1px solid #bd3040;

	color: #bd3040;

	float: left;

	margin: 2.0em 3% 0 0;

	padding-top: 1.5714285714em;

	width: 31.17021276%;

}

.error404 .widgettitle {

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: 500;

	line-height: 1.0em;

	margin-bottom: 0.75em;

}

.error404 .widget a {

	border: none;

	color: #bd3040;

}

.error404 .widget_archive,

.error404 .widget_tag_cloud {

	margin-right: 0;

}

.error404 .widget_tag_cloud {

	margin-top: 0;

	width: 100%;

}

.error404 #s {

	width: 30.3%;

}





/* =Footer

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



.site-info {

	float: left;

	font-weight: 500;

	padding-top: 2em;

}

.social-links {

	float: right;

}

.social-links ul {

	list-style: none;

	margin: 0;

}

.social-links li {

	float: left;

	margin-left: 20px;

}

.social-links a {

	background-color: #bd3040;

	background-repeat: no-repeat;

	display: block;

	width: 70px;

	height: 70px;

}

.social-links a span {

	display: none;

}

.social-links .email-link {

	background-image: url('images/ico-mail.png');

}

.social-links .twitter-link {

	background-image: url('images/ico-twitter.png');

}

.social-links .facebook-link {

	background-image: url('images/ico-facebook.png');

}

.home-link {

	clear: both;

	padding-top: 80px;

}

.home-link a {

	background-color: #bd3040;

	background-image: url('images/barcode.png');

	background-repeat: no-repeat;

	display: block;

	width: 146px;

	height: 73px;

}

/* Alter footer style for single views */

.single #footer-wrapper,

.page #footer-wrapper {

	background-color: #bd3040;

}

.single .site-info,

.single .site-info a,

.page .site-info,

.page .site-info a {

	color: #ffffff;

}

.single .social-links .email-link,

.page .social-links .email-link {

	background-image: url('images/ico-mail-single.png');

}

.single .social-links .twitter-link,

.page .social-links .twitter-link {

	background-image: url('images/ico-twitter-single.png');

}

.single .social-links .facebook-link,

.page .social-links .facebook-link {

	background-image: url('images/ico-facebook-single.png');

}

.single .home-link a,

.page .home-link a {

	background-image: url('images/barcode-single.png');

}





/* =WP.com

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



.entry-content .reblog-post {

	border-color: #bd3040;

}

.entry-content .syntaxhighlighter {

	margin-bottom: 2em !important;

	overflow: auto;

}

.entry-content .slideshow-window {

	margin-bottom: 1.4666666666em;

}

.PDS_Poll {

	margin-bottom: 1.4666666666em;

}

.entry-content div.sharedaddy div.sd-block {

	border-color: #bd3040;

}

.entry-content .sharedaddy ul > li:before {

	background: none;

	position: relative;

		top: auto;

		left: auto;

	width: auto;

	height: auto;

}

.entry-content .sharedaddy ul li {

	padding: 0;

}

.entry-content div.sharedaddy {

	margin-bottom: 1.8333333333em;

}

#wpstats {

	display: block;

	margin: -20px auto 15px;

	position: relative;

	z-index: 999;

}





/* =IE8

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



#ie8 img.size-full,

#ie8 img.size-large,

#ie8 .wp-caption img {

	width: auto;

	height: auto;

}





/* =Responsive Structure

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



@media only screen and (max-width: 1119px) {

	body {

		padding: 0;

	}

	#wpstats {

		margin-bottom: 15px;

	}

}

@media only screen and (max-width: 768px) {

	#header-wrapper,

	.featured-post-wrapper,

	#main-wrapper,

	#supplementary,

	#footer-wrapper,

	#comments-wrapper {

		padding-left: 59px;

		padding-right: 59px;

	}

	#content,

	#page-title,

	.taxonomy-description,

	#comments {

		margin-right: 0;

	}

	.site-content {

		float: none;

		margin-right: 0;

	}

	#secondary {

		float: none;

		width: 100%;

	}

	#supplementary {

		padding-top: 0;

	}

	#secondary .widget:last-child {

		margin-bottom: 0;

	}

	#supplementary.one .widget-area,

	#supplementary.two .widget-area,

	#supplementary.three .widget-area {

		margin-right: 0;

		width: 100%;

	}

	.featured-post .entry-title {

		font-size: 100px;

		font-size: 10rem;

	}

	.featured-post .read-now {

		margin-top: 45px;

	}

	.error404 .widget {

		margin-right: 0;

		padding-bottom: 0;

		width: 100%;

	}

	.error404 .widget_tag_cloud {

		margin-top: 2.0em;

	}

	.error404 #content,

	.image-attachment #content,

	.full-width #content {

		padding-bottom: 1px;

	}

}

@media only screen and (max-width: 710px) {

	#header-wrapper,

	.featured-post-wrapper,

	#main-wrapper,

	#supplementary,

	#footer-wrapper,

	#comments-wrapper {

		padding-left: 30px;

		padding-right: 30px;

	}

}

@media only screen and (max-width: 600px) {

	#masthead hgroup {

		float: none;

	}

}

@media only screen and (max-width: 480px) {
	
	
	menu-site-menu-container {
	
		background-color: #fff;
		
	}
	

	#header-wrapper {

		padding-bottom: 25px;

	}

	.site-title {

		margin-top: 0;

	}

	#header-wrapper,

	.featured-post-wrapper,

	#main-wrapper,

	#supplementary,

	#footer-wrapper,

	#comments-wrapper,

	#content .hentry,

	#content .not-found {

		padding-left: 10px;

		padding-right: 10px;

	}

	.featured-post .entry-title {

		font-size: 60px;

		font-size: 6.0rem;

	}

	.featured-post .entry-meta,

	.featured-post .edit-link {

		font-size: 15px;

		font-size: 1.5rem;

	}

	.featured-post .read-now {

		margin-top: 25px;

		padding: 11px 13px 10px;

	}

	.featured-post .read-now a {

		font-size: 19px;

		font-size: 1.9rem;

		line-height: 25px;

	}

	.featured-post .read-now span {

		background-image: url('images/arrow-up.png');

		padding-left: 38px;

	}

	.read-now {

		margin-right: 0;

	}

	.single .entry-title,

	body.page .entry-title,

	.error404 #content .entry-title,

	#reply-title, .comments-title {

		font-size: 35px;

		font-size: 3.5rem;

	}

	.entry-meta,

	.edit-link, .page-links {

		font-size: 12px;

		font-size: 1.2rem;

	}

	#footer-wrapper {

		padding-top: 30px;

	}

	.home-link {

		padding-top: 50px;

	}

	.site-info,

	.social-links {

		float: none;

	}

	.social-links li {

		margin: 40px 20px 0 0;

	}

}





/* =Jetpack: Infinite Scroll

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



/* Global IS resets and general styling for IS related elements */

.infinite-scroll .infinite-wrap {

	border-top: none;

	padding: 0;

}

.infinite-scroll #content {

	margin-bottom: 60px;

}

/* Hide elements that should not be shown on the index when IS is enabled. */

.infinite-scroll #nav-below,

.infinite-scroll.neverending #colophon,

.infinite-scroll.neverending #footer-wrapper {

	display: none;

}

/* Centering the loader */

.infinite-loader {

	display: block;

	margin: 0 auto;

	width: 35px;

}

/* 'Load more posts' button */

#infinite-handle {

	padding: 2px 0 3px; /* Make it the same height (28px) as the loader to avoid the jumping */

	text-align: center;

}

#infinite-handle span {

	background: #ffffff;

	border: none;

	border-radius: 4px;

	color: #bd3040;

	font-size: 15px;

	font-weight: 500;

	padding: 7px 10px 8px;

}

#infinite-handle span:before,

#infinite-handle span:hover:before,

#infinite-handle span:hover {

	color: #bd3040;

}

/* Tweak the standard footer to match the theme style. */

#infinite-footer .container {

	background: rgba(228,228,214,0.7);

}

#infinite-footer .blog-credits {

	color: #bd3040;

}

#infinite-footer .blog-info a,

#infinite-footer .blog-credits a,

#infinite-footer .blog-info a:hover,

#infinite-footer .blog-credits a:hover {

	color: #bd3040;

}

/* Show the footer when IS is finished */

.infinity-end.neverending #colophon,

.infinity-end.neverending #footer-wrapper {

	display: block;

}





/* =Webfont, thanks to FontSquirrel.com for the conversion!

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



@font-face {

    font-family: 'Genericons';

    src: url('font/genericons-regular-webfont.eot');

    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/genericons-regular-webfont.woff') format('woff'),

         url('font/genericons-regular-webfont.ttf') format('truetype'),

         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');

    font-weight: normal;

    font-style: normal;

}





/* =Post Format Styling

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



.format-image .read-now {

	padding-left: -17px;

}

.format-aside .read-now span,

.format-image .read-now span,

.format-video .read-now span,

.format-quote .read-now span,

.format-link .read-now span {

	background: none;

	padding-left: 4px;

}

.format-video .read-now span {

	padding-left: 5px;

}

.format-quote .read-now span {

	padding-left: 2px;

}

.format-link .read-now span {

	padding-left: 6px;

}

.format-aside .read-now span:before,

.format-image .read-now span:before,

.format-video .read-now span:before,

.format-quote .read-now span:before,

.format-link .read-now span:before {

	content: '\F101';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 32px/1 'Genericons';

	padding-right: 4px;

	position: relative;

		left: -4px;

	vertical-align: top;

}

.format-aside .read-now span:before {

	font-size: 30px;

	left: -6px;

}

.format-image .read-now span:before {

	content: '\F102';

	font-size: 30px;

	top: -2px;

}

.format-video .read-now span:before {

	content: '\F104';

	font-size: 29px;

}

.format-quote .read-now span:before {

	content: '\F106';

}

.format-link .read-now span:before {

	content: '\221E';

	font-size: 28px;

}

.featured-post .format-aside .read-now span:before,

.featured-post .format-image .read-now span::before,

.featured-post .format-video .read-now span::before,

.featured-post .format-quote .read-now span::before,

.featured-post .format-link .read-now span::before {

	top: 2px;

	left: -9px;

}





/* =Responsive style tweak

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



@media only screen and (min-width: 1119px) {

	/* Remove the padding when IS is never ending mode */

	body.infinite-scroll.neverending {

		padding-bottom: 0;

	}

	/* Put the padding back when it's finished */

	body.infinite-scroll.infinity-end {

		padding-bottom: 30px;

	}

}