/*  
Theme Name: Semper Fi

Theme URI: http://schwarttzy.com/shop/semper-fi/

Description: Dedicate to my Grandfather's Bravery in WWII, Semper Fi has a high quality newspaper feeling to it. From hidden luxurious floral patterns, to images that create the nostalgia of finely crafted paper, incredibly detailed shadowing, but most importantly, Semper Fi has the ability to respond to any width screen. From 300 pixels wide, all the way to 1920 and beyond, images, galleries, quotes, text, and titles all move like fluid to respond to any thing you throw at it.

Version: 8

Author: Eric Schwarz

Author URI: http://schwarttzy.com/about-2/

Tags:  black, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, flexible-width, full-width-template, green, one-column, photoblogging, tan, theme-options, sticky-post, theme-options, threaded-comments, white

Copyright (C) 2003-2012 Eric Schwarz - Schwarttzy

License: GNU General Public License, version 3 (AGPLv3)

License URI: http://opensource.org/licenses/AGPL-3.0

*/

/* Reset the Browser
-------------------------------------------------------------- */
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;}
img {border:0; -ms-interpolation-mode:bicubic;}

/* Ready, Set? Begin!
-------------------------------------------------------------- */
html {height:100%;}

body {
	background:center top fixed url(images/might.jpg);
	background-size:cover;
	color:#111;
	font:normal 107% adobe-text-pro, Cambria, Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-shadow:0 0 2px rgba(238, 238, 238, 0.85);}
	
body.custom-background {background:none;}

h1, h2, h3, h4, h5, h6{font-family:Impact, Charcoal, sans-serif; font-variant:small-caps; font-weight:lighter; margin:0 0 .25em; text-transform:uppercase;}

a {color:#dc1111; outline:none; text-decoration:none; -webkit-transition: color 0.08s ease-in-out; -moz-transition: color 0.08s ease-in-out; transition: color 0.08s ease-in-out;}
a:hover {color: #555;}

#centered {margin:0 auto 3%; max-width:70%; min-width:300px; width:75em;}

#margin {
	background-image:url(images/peppered.png);
	box-shadow:0 0 15px #111;
	margin:35% 2% 0%;
	padding:3.5% 1.5% 0;
	text-align:justify;
	width:93%;}

#margin:after {content:"."; visibility:hidden; display:block; height:0; clear:both;}

.logo {height:auto; margin:0 1.5% 3.5%; width:97%;}

#paged>li {
	float:left;
	height:29.25em;
	line-height:1.24em;
	margin:0 1.5% 3.5%;
	overflow:hidden;
	width:30.3333333%;}
	
#single>li, #comments>li {
	float:left;
	font-size:1.35em;
	height:auto;
	margin:0 1.5% 3.5%;
	overflow:hidden;
	width:97%;}

#paged>li h2, #single>li h2:first-of-type, #comments>li>h2:first-of-type, #reply-title {
	border-bottom:1px solid #24380e;
	border-top:2px solid #111;
	color:#222;
	font-size:1.5em;
	letter-spacing:.03em;
	line-height:1.5em;
	margin:0 0 .3em;
	max-height:1.5em;
	overflow:hidden;
	text-align:left;}

#paged>li h2 time, #single>li h2 time {
	font-size:.6em;
	line-height:.9em;
	float:right;
	padding:.25em 0;
	text-align:center;}
	
#paged>li.post a, #paged>li.post a:hover, #paged>li.page a, #paged>li.page a:hover {color:#111;}

#single>li h1, #comments>li h1{font-size:3em;}
#single>li h2, #comments>li h2{font-size:2.66em;}
#single>li h3, #comments>li h3{font-size:2.33em;}
#single>li h4, #comments>li h4{font-size:2em;}
#single>li h5, #comments>li h5{font-size:1.66em;}
#single>li h6, #comments>li h6{font-size:1.33em;}
#single>li p {margin:0 0 1em;}

.featured_image {border-bottom:1px solid #111; height:auto; margin:0 0 .5em; padding:0 0 .5em; width:100%;}
.under {max-height:12.5em; margin:0 0 .3em; overflow:hidden; position:relative; width:100%;}
.under img {height:auto; width:100%;}
.over {background:rgba(0, 0, 0, 0.08); height:100%; position:absolute; top:0; width:100%;}
#paged>li:hover .over {display:none;}
.noimage {padding:0 0 .35em; width:100%;}
#margin li.stars {
	background:#222 url(images/5stars.jpg);
	background:rgba(0, 0, 0, 0.90) url(images/5stars.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	color:#e0dbce;
	float:left;
	font-variant:small-caps;
	max-height:1.30em;
	min-height:1.30em;
	padding:.3em 1.5%;
	padding:.25em 1.5%;
	text-shadow:1px 1px 0 #000;
	width:94%;}
#margin #paged li.stars {font-size:1.35em;}
.stars a {color:#e0dbce;}
.stars a:hover {color:#777;}
.stars span {overflow:hidden; max-height:1.2em;  max-width:40%;}
.stars span.left {text-align:left;}
.stars span.right {text-align:right;}

#single li ul, #single li ol {color:#2e2e2e; font-size:.85em; margin:.5em 0 .5em 3%; width:97%;}
#single li ul ul, #single li ol ol {font-size:1em;}
#single li ul {list-style-type:circle;}
#single li ol {list-style-type:decimal-leading-zero;}
#single>li>ul:first-of-type, #single>li>ol:first-of-type {margin:1.5em 0 1.5em 3%;}
#single li li {margin:0 0 .5em 3%;}
.pagesandtags {float:left; width:100%;}
#footer { height:1.75em; overflow:hidden; font-size:.8em; width:96%; padding:0 2%; background:#111; color: #DDD; text-align:center; visibility:visible;}
#footer p{ padding:0; margin:.25em 0; text-shadow: none;}

/* Title, Slogan, & Menu
-------------------------------------------------------------- */
#header {
	background: url(images/blue.png);
	border-top:solid 1px #111;
	border-bottom:solid 1px #111;
	box-shadow: 0 0 20px #111;
	font-size:1.15em;
    font-variant:small-caps;
	margin:25px 0 0;
	padding: 10px 0 0;
	position: absolute;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
	top: 0;
	width: 100%;
	z-index: 100;}
	
.logo2 {
	clear:both;
	max-height:20em;
	margin:0 5%;
	width:90%;}

.logo3 {
	display:inline;
	margin:0 1%;
	max-height:1.25em;
	width:auto;}

#header h1 {
	font-size:70px;
	font-family:Impact, Charcoal, sans-serif;
    margin:25px 0 0;
	overflow:hidden;
	text-shadow:3px 3px 0 rgba(0, 0, 0, 0.5);}

#header h1 i{
	color:#3e5a21;
	font:normal 100% adobe-text-pro, Cambria, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-style: normal;
    display: block;
	font-size:.3em;
	line-height:1.5em;
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.5);
	text-transform:capitalize;}

#header h1 a {color:#e0dbce;}

#header li {
	display:inline-block;
	position:relative;
	padding:.2em 15px .8em;}

#header li ul {
	background:#111;
	background:rgba(15, 15, 15, 0.90);
	box-shadow: 0 0 10px #111;
	display:none;
	left:-2.5em;
	margin-right:1em;
	position: absolute;
	text-align:justify;
	padding:.5em 0;
	top:2.14em;
	width:14em;
	z-index:1;}

#header li ul li ul{position: absolute; right:12em;}
#header li:hover ul {display:block;}
#header li ul li {width:12em; padding-bottom:.25em; overflow:hidden;}
#header li a {color:#b19f70; }
#header li ul li a {color:#e0dbce;}
#header li a:hover {color:#CCC; }
#header li ul li a:hover {color:#3e5a21;}  /*<------------------------------------- replace small */
#header.hidden {position:fixed; margin-top:0px;}
.admin-bar #header.hidden {margin-top:28px;}
#header.hidden h1, #header.hidden img:first-child {display:none;}

#header form {margin:0;}
#header input#s {
	background:#FFFFFF no-repeat left center url(images/search.png);
	padding:.4em .4em .4em 2em;
	width:9em;}

/* Widgets & Sidebar
-------------------------------------------------------------- */
.widget a{color:#000;}
.widget a:hover {color: #dc1111 !important;}
.widget caption{text-align:justify;margin:.25em 0;}
#paged.widget>li {height:auto;}
#paged.widget>li h2 {margin:0 0 .75em; text-align:center;}
#paged li ul li, #paged li ol li {margin:0 0 .25em 3%; width:97%;}
#paged li ul, #paged li ol {margin:.25em 0; width:100%;}

/* Displaying Comments
------------------------------------------------------------------*/
.commentlist, .comment-body, .children {width:100%;float:left; list-style:none;}
.comment-body ul, .comment-body ol {width:96%; margin:0 0 0 4%;}
.comment, .pingback {float:left;width:98%; margin:1em 0 0;}
.comment-body { margin:0; padding:2em 1%;}
.even .comment-body { margin:0; padding:1.5em 1% 0;}
.odd .comment-body .children {margin:.5em 0 0;}
.comment.parent {margin-bottom:2em;}
.comment.parent ul {border-left:.25em solid rgba(0, 0, 0, 0.1);margin:1em 1% 0 2%; width:97%;}
.comment.parent ul li {margin:1em 0 0 2%;}
.comment .odd blockquote {background:none;}
.comment img.avatar {
	border-radius: 50%;
	border:.25em solid #FFF;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	float:left;
	height:auto;
	margin:-1em 1em .5em 0;
	width:15%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.comment img.avatar {border:none;}}
.comment-meta {font-size:.8em; margin:0 0 1em;} 
.comment-meta a{color:#111;}
.comment-meta a:hover{color:#555;}
a.comment-edit-link {color:#dc1111;}
.reply {background: url(images/reply.png) top left no-repeat; padding-left:1.5em;float:right;}
.hidecomment h4.title {text-align:center;}
.hidecomment h4 {margin-bottom:0; padding-bottom:0;}

.comment-body ul, .comment-body ol {color:#2e2e2e; font-size:.85em; margin:.5em 0 .5em 3%; width:97%;}
.comment-body ul,.comment-body ol ol {font-size:1em;}
.comment-body ul {list-style-type:circle;}
.comment-body ol {list-style-type:decimal-leading-zero;}
.comment-body>ul:first-of-type, .comment-body>ol:first-of-type {margin:1.5em 0 1.5em 3%;}
.comment-body li {margin:0 0 .5em 3%; width:97%;}

/* Step ladder of alternating comments so every other one is shaded (got a smaller solution?)*/
.comment-body {background:none;}
.comment.alt .comment-body, .pingback.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment-body {background:rgba(0, 0, 0, 0.1);}
.comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment.alt .comment .comment-body {background:none;}

/* Responding to Comments
------------------------------------------------------------------*/
#comments > li h3#reply-title {font-size:1.5em;}
#respond label {display:inline;}
.form-allowed-tags { display:none;}
#reply-title {border-bottom:1px solid #24380e; margin:0em 0em 1em;}
#respond, .commentbox {float:left;width:100%;padding:0em;margin:0 0 1em;}
#respond {border-top:2px solid #111;}
#respond .comment-form-comment label {float:left;clear:both;}
#respond .comment-form-comment textarea {clear:left;}
.screen-reader-text {display:none;}
#subscribe-blog input, #searchsubmit, #_wpnonce {width:35%; float:right;}
#searchsubmit {margin:.25em 0 1em;}
#searchform {margin:1em 0 0;}
.form-submit, .comment-notes {float:right;}
#commentform input {float:right; margin:0; width:70%;}
#commentform .form-submit input {width:100%;}
#commentform .comment-subscription-form input {float:left; margin:.3em 1.25em 0 0;}
#commentform .required {color:#dc1111;}
.comment-notes { width:26%; margin:0 12% 0 0; font-size:.75em; color:#555; text-align:center;}
.comment-form-author, .comment-form-email, .comment-form-url {width:48.999%; margin:0 0 1.5em;}
.comment-form-comment label {margin:0 0 .6em;}
.comment-subscription-form {font-size:.8em; color:#555; margin:.25em 0;}

/* Buttons - Based On WordPress Twenty Twelve
-------------------------------------------------------------- */
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;}
/* Non-Text Input Types are Now Reset */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding:.5em 1em;
	color: #4c4c4c;
	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 #b2b2b2;
	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: #2e2e2e;
	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;}


/* HTML Stuff
-------------------------------------------------------------- */
abbr, acronym, dfn {border-bottom:1px dotted #111; cursor:help;}
address {margin:0 0 1em;}
blockquote {
background:rgba(0, 0, 0, 0.1);
border-left:.5em solid #555;
border-left:.5em solid rgba(0, 0, 0, 0.3);
margin:1em 2%;
padding:1em;
quotes:"\201C""\201D""\2018""\2019";}
blockquote:after {
	color:rgba(0, 0, 0, 0);
	content:close-quote;
	position:absolute;
	z-index:-1;}
blockquote blockquote {background:none;}
blockquote:before {
color:#000;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;}
blockquote p {display:inline;}
blockquote p cite {margin:1em 0 0; text-transform:capitalize;}
blockquote cite:before {content:"- ";}

dd {margin:0 0 1em 5%; width:95%;}

dt {font-weight:bold; margin:1em 0 0 2%; width:98%;}

embed, iframe, object, video {max-width: 100%;}
form {margin:0 0 1em}
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding:.5em;}
img {height:auto; max-width:100% !important;}
img.aligncenter {
	display: block;
	margin:1.5% auto 1.5%;
	text-align: center;
	max-width:100% !important; height:auto}
img.alignleft {float: left; margin:.5% 1% 1% 0;}
img.alignright {float:right; margin:.5% 0 1% 1%;}
img.alignnone {display: block; margin:1% 0 1%;}
img.endleft{margin:0 0 1% 0;}
img.endright{margin:0 0 1% 0;}
img#wpstats {display:none;}
ins {background:rgba(220, 17, 17, 0.2); text-decoration: none;}
pre {
	background:rgba(255, 255, 255, 0.6);
	border:1px solid #444;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size:.85em;
	overflow:auto;
	margin:0 0 1em;
	padding:1em 5%;}
strong {font-weight:bold;}
sup, sub {
	font-size:.8em;
	height: 0;
	line-height: 1em;
	position: relative;
	vertical-align: baseline;}
sup {bottom: .3em;}
sub {top: .3em;}
table {margin:1.5em 0; padding:1em; text-align:left; width:100%;}
table th {border-right:1px solid #333;padding:.5em .5em;}
table th:last-child{border-right:none;}
table td {border-top:1px solid #333;border-right:1px solid #333;padding:.5em .5em;}
table td:last-child{border-right:none;}
tbody tr:nth-child(odd) {
   background:#EEE;
   background:rgba(0, 0, 0, 0.1);
   border:none;}
table #next {text-align:right;}
textarea {margin:0 0 1em; max-width:98.5%; min-width:98.5%; overflow:auto; vertical-align:top; width:98.5%;}

  
/* WordPress Markup
-------------------------------------------------------------- */
.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.assistive-text, .screen-reader-text {position:absolute !important; clip:rect(1px, 1px, 1px, 1px);}
.clear {clear:both;}
.gallery {float:left; padding:0; margin:0; width:100%;}
.gallery-item {float:left;}
.gallery-caption { font-size:.7em; color:#333; text-align:center;}
.gallery-columns-2 .gallery-item { width:47%; margin:3% 1% 0 2%;}
.gallery-columns-3 .gallery-item { width:30%; margin:3% 1% 0 2%;}
.gallery-columns-4 .gallery-item { width:22%; margin:3% 1% 0 2%;}
.gallery-columns-5 .gallery-item { width:18%; margin:3% .5% 0 1.5%;}
.gallery-columns-6 .gallery-item { width:14.6%; margin:3% .5% 0 1.5%;}
.gallery-columns-7 .gallery-item { width:12.27%; margin:3% .5% 0 1.5%;}
.gallery-columns-8 .gallery-item { width:11.5%; margin:2% .25% 0 .75%;}
.gallery-columns-9 .gallery-item { width:10.1%; margin:2% .25% 0 .75%;}
.gallery-columns-10 .gallery-item { width:9%; margin:2% .25% 0 .75%;}
.gallery-item img {width:100%; height:auto;}
.left {float:left}
.right {float:right}
.wp-caption{
	background:rgba(0, 0, 0, 0.2);
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
	margin:.5em;
	padding:1em 1em .5em;
	text-align:center;}
.wp-caption.alignright {float:right;}
.wp-caption.alignleft {float:left;}
.wp-caption img{margin:0 auto;}
.wp-caption-text{}
.sticky{}
.video-container, .embed-youtube {
	margin:0 0 2.5%;
	padding:0 0 56.25%;
	position:relative;
	width:100%;}
.video-container iframe, .embed-youtube iframe, .video-container object, .video-container embed {
	height:100%!important;
	left:0!important;
	position:absolute!important;
	top:0!important;
	width:100%!important;}

  
/* Jetpack Markup
------------------------------------------------------------------*/
ul.tweets .timesince {background:url(images/tweet.png) center left no-repeat; clear:both; color:#444; display:block; font-size:.8em; margin:.25em 0 0; padding:0 0 0 1.8em;}
#paged ul.tweets li {margin:.25em 0; width:100%;}
.sharing ul { width:100%; float:left;}
.contact-submit {text-align:right;}
.twitter-timeline {width:100% !important;}


/* Minor alterations specifically for WordPress Calendar Widget
-------------------------------------------------------------- */
.widget table{text-align:center;background:none;margin:.5em 0;}
#calendar_wrap caption {text-align:center !important;padding:0 0 .25em; text-decoration:underline;}
#calendar_wrap table td, #calendar_wrap table th {padding:.5em .5em;}
#calendar_wrap table td{color:#555;}
#calendar_wrap tbody tr:nth-child(odd) {background:none;}


/* Resizing Based on How Many Letters You can Fit on Screen
-------------------------------------------------------------- */
@media only screen and (max-width:100em) { body {font:normal 104%} #centered {max-width:80%;} #single>li, #comments>li {font-size:1.30em;} }
@media only screen and (max-width:82em) { body {font:normal 101%} #paged>li {width:47%;} #single>li, #comments>li {font-size:1.25em;} }
@media only screen and (max-width:70em) { body {font:normal 98%} #centered {max-width:90%;} #single>li, #comments>li {font-size:1.15em;} }
@media only screen and (max-width:50em) { body {font:normal 95%} #paged>li {height:auto; width:97%;} .under {max-height:25em;} #single>li, #comments>li {font-size:1.05em;} #header {margin:0;} #header.small {position:relative;} }
@media only screen and (max-width:35em) { body {font:normal 91%} #centered {max-width:100%;} #margin {margin:30% 0 0%; width:97%;} #paged>li {width:97%;} #single>li, #comments>li {font-size:1em;}}


/* Chrome Specific Hacks
-------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#paged>li {font-size:1.02em; line-height:1.2725em; letter-spacing:.01em;}
	.noimage, .under {margin:0 0 .32725em;}
	#paged>li h2, #single>li h2:first-of-type, #comments>li>h2:first-of-type, #reply-title {letter-spacing:.043em; } }
	

/* Social Icons
-------------------------------------------------------------- */	
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello2.eot');
  src: url('fonts/fontello2.eot#iefix') format('embedded-opentype'),
       url('fonts/fontello2.woff?') format('woff'),
       url('fonts/fontello2.ttf') format('truetype'),
       url('fonts/fontello2.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?80441364#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-size:.85em;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;}
 
.icon-pinterest:before { content: '\50'; } /* 'P' */
.icon-flickr:before { content: '\66'; } /* 'f' */
.icon-linkedin:before { content: '\4c'; } /* 'L' */
.icon-twitter:before { content: '\54'; } /* 'T' */
.icon-youtube:before { content: '\59'; } /* 'Y' */
.icon-vimeo:before { content: '\56'; } /* 'V' */
.icon-soundcloud:before { content: '\53'; } /* 'S' */
.icon-github-circled:before { content: '\e807'; } /* '' */
.icon-instagram:before { content: '\49'; } /* 'I' */
.icon-facebook-rect:before { content: '\46'; } /* 'F' */
.icon-googleplus-rect:before { content: '\47'; } /* 'G' */

/* Fortitudo Et Honos
-------------------------------------------------------------- */