.logo {
    padding-top: 0%;
    background-color: #c00c20;
    margin-top: 0;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    background-image: url(http://25.media.tumblr.com/avatar_6f99cfe43dac_512.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 100%;
    margin-bottom: 1em;
    width: 20%;
    height: 160px;
    float: left;
    margin-right: 2%;
    margin-left: 2% !important;
}

.slogan {
	width: 70%;
	float: left;
}


h1.sitename, h2.sitename {
    color: #c00c20; 
    font-family: NexaSlabBlack, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    font-style: normal; 
	font-weight: normal;
    line-height: .8em;
    margin-bottom: .2em;
    padding-top: .4em;
}


.tagline {
	text-align: center;
    text-transform: uppercase;
    color: #666666;
    font-style: normal;
    font-size: .8em;
}

.sitename .alt {
	color: #999999;
}

.sitename .alt2 {
	color: #666666;
}

.sitename a {
	font-size: inherit;
	text-decoration: none;
	font-family: inherit;
	color: inherit;
}

.addthis-toolbox {
	padding-top: 1em;
}


.post {
	padding-bottom: 8em;
}

.post h2 {
	width: 90%;
}

.post h2 a, .post h2 strong {
    	color: #999999 !important;
    	font-size: 1em;
    }
    
    .post h2 a:hover, .post h2 strong:hover {
    	color: #c00c20 !important;
		transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
    }


.audio h2 a, .audio h5 a {
	color: inherit;
}

.caption h5 {
	color: #666666;
	text-transform: uppercase;
	margin-top: -.4em;
}

.sidebar p {
	color: #888888 !important;
}

.sidebar img {
	opacity: .8;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.sidebar:hover img, .sidebar:active img {
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.sidebar a, .sidebar strong {
	color: #999999 !important;
	font-family: NexaSlab-Bold, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.sidebar a:hover, .sidebar a:active {
	color: #c00c20 !important;
}

.sidebar .topics p {
	font-size: .8em;
}

.sidebar h3 {
	color: #888888; 
	padding: .4em; 
	padding-right: 0; 
	display: inline-block; 
	margin-bottom: 1.5em;
	padding-bottom: .6em; 
	font-size: 1.3em; 
	border-bottom: 2px solid #cccccc; 
	width: 100%;
	font-family: NexaSlab-Book, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}


h1 b, h2 b, h1 strong, h2 strong {
	font-weight: normal;
	font-size: 1em;
	color: inherit;
	line-height: inherit;
}

.sfbtease {
	display: none;
}

.pagination {
	height: auto;
}

.pagination li {
    height: 1.5em;
    color: #999999;
    font-size: 20px;
    min-width: 1.4em;
    }
    
.pagination li a {
	font-size: 20px;
	line-height: 1.4em;
	min-width: 1.4em;
	height: 25px;
	background: #999999;
    color: white;
    border-radius: .2em !important;
    -webkit-border-radius: .2em !important;
    -moz-border-radius: .2em !important;
    text-decoration: none;
}
    
.pagination li:hover a,
    .pagination li a:focus {
      background: #c00c20;
      color: white;
      border-radius: .2em !important;
      -webkit-border-radius: .2em !important;
      -moz-border-radius: .2em !important; }

.share_icons {
	height: 30px;
	clear: both;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.icon-buffer-sign {
	width: auto !important;
	height: auto !important;
	display: inline-block;
	visibility: visible;
	padding-right: 1em;
	background-size: .8em .8em;
	background-image: url('buffer.svg') !important;
	background-repeat: no-repeat !important;
	opacity: .6;
	background-position-y: 30% !important;
}

.icon-buffer-sign:hover, .icon-buffer-sign:active {
	opacity: 1;
}

.permalink_nav, .note_nav, .tag_nav, .sharing_nav {
    font-size: 24px; 
    height: 30px;
    display: inline; 
    padding-top: 0; 
    padding-right: 15px; 
    border-right: 1pt solid #CCCCCC;
    margin-right: 15px;
    float: left;
    color: #999999;
}

.permalink_nav a, .note_nav a, .tag_nav a, .sharing_nav a {
	color: #999999;
	text-decoration: none;
	font-size: 1em;
}

.permalink_nav a:hover, .note_nav a:hover, .tag_nav a:hover, .sharing_nav a:hover, .permalink_nav a:active, .note_nav a:active, .tag_nav a:active, .sharing_nav a:active {
	color: #c00c20;
	text-decoration: none;
}

.f-dropdown {
	max-width: 150px !important;
}

.f-dropdown.open {
	left: 45px !important;
}


.f-dropdown li a {
color: #999999;
line-height: 1.3em;
}

.f-dropdown li a:hover {
color: #c00c20;
}

.tumblr_buttons { 
	display: inline;
	padding-top: 0;
	padding-right: 15px;
	border-right: 1pt solid #999999 !important;
	margin-right: 15px;
	opacity: .4;
	padding-top: 2px;
	height: 30px;
	padding-bottom: 2px;
 }
 
.tumblr_buttons a {
	text-decoration: none;
}
 
.like_button, .reblog_button { display: inline !important; width: 16px;}
.like_button:hover, .reblog_button:hover { opacity: .6; }
.reblog_button svg {width: 26px; height: 26px;}

.ra1-pw-icon {
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}

.ra1-pw-icon:hover, .ra1-pw-icon:active, .ra1-pw-popup__ul li:hover .ra1-pw-icon, .ra1-pw-popup__ul li:active .ra1-pw-icon {
    filter: none;
    -webkit-filter: grayscale(0)
}

blockquote.twitter-tweet {
	display: none;
	
}
	
footer {
	background-color: #c00c20;
	background-image: url(http://cdn.shortformblog.com/newsfb/img/light_noise_diagonal.png);
	color: white;
	max-width: 100% !important;
}

footer strong, footer a, footer strong, footer a:hover, footer strong, footer a:active {
	color: white;
}

.footerbox {
	font-size: 1.2em;
	padding-top: 1em;
}

	.credits {
		font-size: .5em;
		text-transform: uppercase;
		letter-spacing: 1px;
	}


footer .julius {
	padding-left: 0;
}

footer .julius img {
	 margin-bottom: 0; 
	 margin-top: 1em;
	 float: left; 
	 width: 100%; 
	 margin-left: -1px; 
}
	
/* Embedded styles */

.rebelmouse-embed-iframe.fixed {
	position: relative;
}

.ad { margin-left: auto; margin-right: auto; display: block; width: 100%; margin-bottom: 3em; padding-top: 1em; padding-bottom: 1em; margin-top: 0; }
	
.ad iframe { max-width: 100% !important;}

.audio-embed { width: 100%; max-width: 600px; margin-bottom: 1em; }

.audio-embed iframe { max-width: 100% !important; }

.audio-embed iframe.spotify_audio_player { width: 100%; height: 80px; }

.post iframe, .post embed, .post img {
	max-width: 100% !important;
}

/* Quotes */

.quote, ul.quotenew {
	width: 90%;
}

ul.quotenew {
	list-style: none;
	margin-left: 0;
}

ul.quotenew li:first-child:before, blockquote.quote:before, .quote blockquote:before {
	content: "\201C";
	display: inline;
}

ul.quotenew li:first-child:after, blockquote.quote:after, .quote blockquote:after {
	content: "\201D";
	display: inline;
}


blockquote.quote, .quote blockquote, ul.quotenew li:first-child {
    font-size: 2em;
    border-left: 0;
    line-height: 1.4em;
    margin-bottom: .5em;
    margin-left: 0em;
    margin-top: 0em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: .5em;
	border-bottom: 3pt solid #999999;
}

blockquote.quote p, .quote blockquote p, ul.quotenew li:first-child p {
	margin-bottom: 0;
	font-size: 1em;
	color: inherit;
}

blockquote.quote:first-line, .quote blockquote:first-line, ul.quotenew li:first-child:first-line {
	font-family: NexaSlabHeavy, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #c00c20 !important;
	line-height: inherit;
}

blockquote.quote p:first-child, .quote blockquote p:first-child,  blockquote.quote p:last-child, .quote blockquote p:last-child {
	display: inline;
}

blockquote.quote p:not(:first-child):before, .quote blockquote p:not(:first-child):before {
	display: block;
	content: "\00A0";
	font-weight: inherit;
	color: inherit;
}


.quote blockquote.short {
	font-size: 2.5em;
}


.quote blockquote.long {
	font-size: 1.6em;
}

.quote cite, ul.quotenew li:last-child {
    margin: 1.25em 2em 2.1875em 0em; 
    font-style: normal;
    display: block;
    line-height: 1.7;
    padding-top: 1em;
    margin-bottom: 1.5em;
    margin-right: 0;
}



/* Numbers */

.numbers, ul.newnumbertwo, ul.newnumberone, ul.newnumberthree {
    width: 85%;
}

.numbers h2 {
	color: #999999;
}

.numbers ul, ul.newnumbertwo, ul.newnumberone, ul.newnumberthree {
	list-style: none;
    font-size: 1.2em;
    line-height: 1.5em;
    display: block;
    margin-left: 0;
}

.numbers ul li, ul.newnumbertwo li, ul.newnumberone li, ul.newnumberthree li {
    margin-bottom: 1em; 
    border-bottom: 3pt solid #999999;
    padding-bottom: 1em;
}

.numbers ul li:last-child, ul.newnumbertwo li:last-child, ul.newnumberone li:last-child, ul.newnumberthree li:last-child  {
    margin-bottom: 0; 
    padding-bottom: 0;
    border-bottom: none;
}

.numbers ul li, ul.newnumbertwo li, ul.newnumberone li, ul.newnumberthree li {
	list-style: none;
    font-size: 1.2em;
    line-height: 1.5em;
    display: block;
    margin-left: 0;
}

.numbers ul li strong, ul.newnumbertwo li strong, ul.newnumberone li strong, ul.newnumberthree li strong {
    font-size: 7em;
    display: block;
    line-height: 1.2em;
    margin-bottom: -0.2em;
    font-family: NexaSlabHeavy, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

ul.newnumbertwo li strong, ul.newnumberthree li strong {
    font-size: 5em;
	line-height: .8em;
	padding-bottom: .2em;
	padding-top: .3em;
}

.numbers ul li em, ul.newnumbertwo li em, ul.newnumberone li em, ul.newnumberthree li em {
    font-style: normal;
    font-weight: normal;
    color: #c00c20;
}

.numbers ul li strong em, ul.newnumbertwo li strong em, ul.newnumberone li strong em, ul.newnumberthree li strong em {
    font-style: normal;
    font-size: .75em;
}

/* Asides */

.aside p {
	font-size: 1.1em;
    color: #666666;
    padding: 1em;
    background-color: #eeeeee;
    border-radius: 1em;
    margin-bottom: 1.5em;
    width: 80%;
}

.aside p:first-of-type {
	font-size: 1.3em !important;
    color: black;
    padding: 1em;
    background-color: #dddddd;
    border-radius: 1em;
    margin-bottom: 1.5em;
}

.aside p b, .aside p strong, .aside p a {
	color: #c00c20 !important;
	font-family: NexaSlab-Bold, sans-serif;
}

.aside p a {
	text-decoration: underline;
}

.aside p a:hover, .aside p a:active {
	text-decoration: none;
}

/* Links */

.link .icon-chevron-sign-right {
	text-decoration: none;
}


/* Office Hours */

p.officehours, blockquote.officehours {
	font-size: 1.2em;
    color: #666666;
    padding: 1em;
    background-color: #CCCCCC;
    border-radius: 1em;
    margin-bottom: 1.5em;
    width: 80%;
}

blockquote.officehours p {
	margin-bottom: .25em;
}

p.officehours b, p.officehours strong, p.officehours a, blockquote.officehours b, blockquote.officehours strong, blockquote.officehours a {
	color: #c00c20 !important;
	font-family: NexaSlabHeavy, sans-serif;
}

p.officehours a, blockquote.officehours a {
	color: #c00c20;
	text-decoration: underline;
}

p.officehours a:hover, p.officehours a:active, blockquote.officehours a:hover, blockquote.officehours a:active {
	text-decoration: none;
}


/* Grab Bags */

.grabbags, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
    width: 75%;
}

.grabbags h2 {
	color: #999999;
}

.grabbags ul, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
    list-style: none;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #fff), color-stop(0.25, #fff), color-stop(0.25, #eee), color-stop(0.5, #eee), color-stop(0.5, #fff), color-stop(0.75, #fff), color-stop(0.75, #eee));  
    background-image: -webkit-linear-gradient(left bottom, #fff 0%, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%);  
    background-image: -moz-linear-gradient(left bottom, #fff 0%, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%);
    background-image: -ms-linear-gradient(left bottom, #fff 0%, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%);  
    background-image: -o-linear-gradient(left bottom, #fff 0%, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); / IE6-8 */  background-image: linear-gradient(left bottom, #fff 0%, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%);  
    background-size: 30px 30px;    
    height:100%;
    padding-top: 1px;
    padding-left: 0;
    margin-top: -3px;
    clear: both;
    margin-left: 0;
}

.grabbags ul li, ul.grabbagtwo li, ul.grabbagthree li, ul.grabbagfour li, ul.grabbagfive li {
    margin-top: 2em;
    margin: 1em;
    background-color: #eee;
    padding: .5em;
    font-size: 1.1em;
    line-height: 1.8em;
    font-weight: 300;
    clear: both;
}

.grabbags ul li:nth-child(odd), ul.grabbagtwo li:nth-child(odd), ul.grabbagthree li:nth-child(odd), ul.grabbagfour li:nth-child(odd), ul.grabbagfive li:nth-child(odd) {
    background-color: #fff;
}

.grabbags ul li strong, .grabbags ul li b, ul.grabbagtwo li strong, ul.grabbagthree li strong, ul.grabbagfour li strong, ul.grabbagfive li strong, ul.grabbagtwo li b, ul.grabbagthree li b, ul.grabbagfour li b, ul.grabbagfive li b {
	display: block; 
	font-size: 3em; 
	line-height: 1em;
    color: #c00c20;
}

.grabbags ul li.split {
    width: 40%;
    display: inline-block;
    float: left;
    clear: none;
}

.grabbags ul li.split:nth-child(odd) {
    background-color: #ddd;
}


/* Photos */

img {
	margin-bottom: 1em;
}

img.postimage {
	min-width: 60%;
}

.photoset-grid {
	max-width: 80% !important;
}

.caption {
	margin-top: 1em;
}


/* Time Elements */

/* .date {
	color: #999999;
	background: #eeeeee;
	padding: .4em .6em;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 1.2em;
	border-radius: .5em;
} */

.date {
	color: #666666;
	padding: .4em;
	padding-right: 4em;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 1.2em;
	border-bottom: 2px solid #cccccc;
}

.clock {
	display: block;
	clear: both;
	padding-top: 1em;
	color: #999999;
}

/* Authors */

        span.ct.author:after {
          content: "// By Chris Tognotti";
        }
        
        span.ct.author-reblog:after {
          content: "// Via Chris Tognotti";
        }

        span.es.author:after {
          content: "// By Ernie Smith";
        }
        
        span.es.author-reblog:after {
          content: "// Via Ernie Smith";
        }
        
        span.jj.author:after {
          content: "// By Justin Jones";
        }
        
        span.jj.author-reblog:after {
          content: "// Via Justin Jones";
        }
        
        span.mk.author:after {
          content: "// By Matthew Keys";
        }
        
        span.mk.author-reblog:after {
          content: "// Via Matthew Keys";
        }
        
        span.pd.author:after {
          content: "// By Patrick deHahn";
        }
        
        span.pd.author-reblog:after {
          content: "// Via Patrick deHahn";
        }
        
        span.sam.author:after {
          content: "// By Sami Main";
        }
        
        span.sam.author-reblog:after {
          content: "// Via Sami Main";
        }
        
        span.sc.author:after {
          content: "// By Scott Craft";
        }
        
        span.sc.author-reblog:after {
          content: "// Via Scott Craft";
        }
        
        span.sm.author:after {
          content: "// By Seth Millstein";
        }
        
        span.sm.author-reblog:after {
          content: "// Via Seth Millstein";
        }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    -webkit-animation: webkitSiblingBugfix infinite 1s;
    height: 36px;
    background: white;
    border-color: #cccccc; }
    div.switch label {
      position: relative;
      left: 0;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
      font-weight: bold;
      text-align: left;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input {
      position: absolute;
      z-index: 3;
      opacity: 0;
      width: 100%;
      height: 100%;
      -moz-appearance: none; }
      div.switch input:hover, div.switch input:focus {
        cursor: pointer; }
    div.switch > span {
      position: absolute;
      top: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input:not(:checked) + label {
      opacity: 0; }
    div.switch input:checked {
      display: none !important; }
    div.switch input {
      left: 0;
      display: block !important; }
    div.switch input:first-of-type + label,
    div.switch input:first-of-type + span + label {
      left: -50%; }
    div.switch input:first-of-type:checked + label,
    div.switch input:first-of-type:checked + span + label {
      left: 0%; }
    div.switch input:last-of-type + label,
    div.switch input:last-of-type + span + label {
      right: -50%;
      left: auto;
      text-align: right; }
    div.switch input:last-of-type:checked + label,
    div.switch input:last-of-type:checked + span + label {
      right: 0%;
      left: auto; }
    div.switch span.custom {
      display: none !important; }
    div.switch label {
      padding: 0 0.375em;
      line-height: 2.3em;
      font-size: 0.875em; }
    div.switch input:first-of-type:checked ~ span {
      left: 100%;
      margin-left: -2.1875em; }
    div.switch > span {
      width: 2.25em;
      height: 2.25em; }
    div.switch > span {
      border-color: #b3b3b3;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
      -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
      box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
    div.switch:hover > span, div.switch:focus > span {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
    div.switch:active {
      background: transparent; }
    div.switch.large {
      height: 44px; }
      div.switch.large label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 1.0625em; }
      div.switch.large input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -2.6875em; }
      div.switch.large > span {
        width: 2.75em;
        height: 2.75em; }
    div.switch.small {
      height: 28px; }
      div.switch.small label {
        padding: 0 0.375em;
        line-height: 2.1em;
        font-size: 0.75em; }
      div.switch.small input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.6875em; }
      div.switch.small > span {
        width: 1.75em;
        height: 1.75em; }
    div.switch.tiny {
      height: 22px; }
      div.switch.tiny label {
        padding: 0 0.375em;
        line-height: 1.9em;
        font-size: 0.6875em; }
      div.switch.tiny input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.3125em; }
      div.switch.tiny > span {
        width: 1.375em;
        height: 1.375em; }
    div.switch.radius {
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      div.switch.radius > span {
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    div.switch.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; }
      div.switch.round > span {
        -webkit-border-radius: 999px;
        border-radius: 999px; }
      div.switch.round label {
        padding: 0 0.5625em; }

  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }

    to {
      position: relative; } } }
[data-magellan-expedition] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd {
      margin-bottom: 0; }

/* Tables */
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(192, 12, 32, 0.5);
    box-shadow: 0 0 6px 1px rgba(192, 12, 32, 0.5); }
  .th.radius {
    -webkit-border-radius: 12px;
    border-radius: 12px; }

a.th {
  display: inline-block; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #600610;
    color: #c00c20; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: black;
  -webkit-border-radius: 12px;
  border-radius: 12px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.opened {
    color: #c00c20 !important;
    border-bottom: dotted 1px #600610 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888888;
  font-weight: normal; }
  
@media only screen and (max-width: 1000px) {
	html, body {
	font-size: 95%; 
	}
	
	h1.sitename, h2.sitename {
	font-size: 3.2em;
	padding-top: 1em;
	}

	.footerbox {
		font-size: .9em;
		padding-top: 1em;
	}

 }

@media only screen and (max-width: 832px) {
	html, body {
	font-size: 95%; 
	}
	
	h1.sitename, h2.sitename {
	font-size: 3.4em;
	text-align: left;
	padding-top: .8em;
	}
	
	.grabbags, .numbers, .quote, ul.quotenew, ul.newnumberone, ul.newnumbertwo, ul.newnumberthree, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive  {
    width: 90%;
    }
    
    .logo {
	   	height: 160px;
	   	margin-left: 0;
	   	margin-right: 1em;
	   	position: relative;
		float: left;
    }
 
    footer .julius img {
		max-width: 400px; 
	}
	
	.footerbox {
		font-size: 1.2em;
		padding-top: 1em;
	}
		

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

	h1.sitename, h2.sitename {
		font-size: 3em;
		padding-top: 1em;
	}
	
	.photoset-grid {
		max-width: 100% !important;
		padding-bottom: 1em;
	}
	
	p.officehours, blockquote.officehours {
		width: 90%;
	}
	
	.footerbox {
		font-size: 1.2em;
		padding-top: 1em;
		text-align: center;
	}
	
	.credits {
		font-size: .8em;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
	}

	.credits a {
		display: inline;
	}

	}
 
@media (max-width: 520px) {
	p {
		font-size: 1.2em;
	}
	
		.logo {
		width: 100px;
		min-width: 100px;
		height: 110px;
		float: left !important;
		display: block;
		position: relative;
		margin-left: auto !important;
		margin-right: auto;
		clear: both;
		float: none !important;
	}
	
	.slogan {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		display: block;
	}
	
	.tagline {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	h1.sitename, h2.sitename {
	font-size: 2.5em;
	text-align: center;
	padding-top: 0;
	}
	
	.numbers ul li strong, ul.newnumbertwo li strong, ul.newnumberone li strong, ul.newnumberthree li strong {
    font-size: 5em;
    display: block;
}
	
}

@media  only screen and (max-width: 480px) and (orientation:landscape) {
    /* iPhone 5 only */
	html, body {
	font-size: 70% !important; 
	}
	
	h1.sitename, h2.sitename {
	font-size: 3em !important;
	text-align: left !important;
	float: left !important;
	clear: none;
	padding-top: 1em;
	}
	
	
	.post-well.columns {
		overflow-x: hidden;
	}
	
	.post .video iframe, .post .video embed, .post .photo img, .post .photo .photoset-grid {
		max-width: 116% !important;
		margin-left: -1.875em;
		overflow-x: hidden;
		width: 116% !important;
	}
	
	.post .photo .caption img, .post .photo .photoset-grid img {
		max-width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	.post .photo .photoset-grid img {
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	
	.logo {
		width: 18% !important;
		min-width: 80px !important;
		max-width: 80px !important;
		height: 80px !important;
		float: left !important;
		display: inline-block;
		position: relative;
		margin-left: 0 !important;
		margin-right: 2%;
	}
	
	.slogan {
		float: right !important;
		width: 75% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: inline-block;
	}
	
	img, .embed {
		max-width: 80% !important;
	}
	
	.photoset-grid {
		max-width: 70% !important;
	}
	
	.photoset-grid img, cboxPhoto img {
		max-width: 100% !important;
	}
	
	.tag_nav, .permalink_nav, .note_nav {
		font-size: 14px;
		height: 16px;
	}
	
	.like_button iframe, .reblog_button, .reblog_button svg {
		width: 14px !important;
		height: 14px !important;
	}
	
	.share_icons .ra1-pw {
		float: left;
		margin-top: 1em;
		display: block;
		clear: both;
		border-right: none !important;
	}
	
	.sharing_nav {
		float: left;
		margin-top: 1em;
		display: block;
		clear: both;
		border-right: none !important;
		font-size: 22px;
	}
	
	.tumblr_buttons {
		height: 16px;
	}

	.numbers ul li, ul.newnumbertwo li, ul.newnumberone li, ul.newnumberthree li, .quote blockquote, ul.quotenew li {
	    margin-bottom: 1em; 
	    border-bottom: 1pt solid #CCCCCC;
	    padding-bottom: 1em;
	}

	.ad { margin-left: 0; margin-right: 3em; background: none !important; display: block; width: 80% !important; max-width: 80% !important; padding-bottom: 1em; padding-top: 0; margin-top: -3em; }
	
	.ad iframe { width: 100% !important; max-width: 100% !important;}

	iframe.twitter-tweet {
		max-width: 80% !important;
		
	}
	
}

@media only screen and (max-width: 480px) and (orientation:portrait) {
	html, body {
	font-size: 90%; 
	}
	
	.post-well.columns {
		overflow-x: hidden;
	}
	
	.post .video iframe, .post .video embed, .post .photo img, .post .photo .photoset-grid {
		max-width: 116% !important;
		margin-left: -1.875em;
		overflow-x: hidden;
		width: 116% !important;
	}
	
	.post .photo .caption img, .post .photo .photoset-grid img {
		max-width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	.post .photo .photoset-grid img {
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	.logo {
		width: 100px
		min-width: 100px;
		height: 110px;
		display: block;
		position: relative;
		margin-left: auto !important;
		margin-right: auto;
		clear: both;
	}
	
	.slogan {
		width: 80% !important;
		margin-left: 10% !important;
		margin-right: 10% !important;
		display: block;
	}
	
	.tagline {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
	h1.sitename, h2.sitename {
	font-size: 2.5em;
	text-align: center;
	}
	
	.sitename .alt, .sitename .alt2 {
		display: none;
	}
	
	.post {
		padding-bottom: 12em;
	}

	.audio .caption, .video .caption, .photo .caption {
		text-align: center;
		font-size: 1em;
	}

	
	.quote blockquote, ul.quotenew li:first-child {
	font-size: 1.5em;
	}
	
	.quote blockquote.short {
		font-size: 1.9em;
	}
	
	
	.quote blockquote.long {
		font-size: 1.2em;
	}

	
	.post h1, .post h2, .post h3, .post h4, .post h5, .grabbags, .numbers, .quote, ul.quotenew, ul.newnumberone, ul.newnumbertwo, ul.newnumberthree, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
    width: 100%;
    }
    
    
    .post h1, .post h2, .post h3, .post h4, .post h5, .numbers ul, .quote blockquote, .quote cite, .aside p, ul.newnumberone, ul.newnumbertwo, ul.newnumberthree, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
        text-align: center !important;
    }
    
    .numbers ul li, ul.newnumbertwo li, ul.newnumberone li, ul.newnumberthree li, .quote blockquote, ul.quotenew li {
	    margin-bottom: 1em; 
	    border-bottom: 1pt solid #999999;
	    padding-bottom: 1em;
	}
    
    
    ul.newnumbertwo li strong, ul.newnumberthree li strong {
    font-size: 4em;
	}
	
	.aside p {
	width: 100%;
	}
	
	
	span.tagged {
		display: none;
	}
	
	.f_dropdown {
		max-width: 150px !important;
		top: 0;
	}
	
	.f-dropdown.open {
		left: 6% !important;
	}
	
	.share_icons {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
		position: relative;
		width: 100%;
	}
	
	.date {
		display: block;
		text-align: center;
		padding-left: 2em;
		padding-right: 2em;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 80%;
		margin-bottom: 1.5em;
	}
	
	
	.clock {
		clear: both;
		display: block;
		float: left;
		text-align: center;
		width: 100%;
	}
	
	
	.share_icons .tumblr_buttons {
	}
	
	.tag_nav, .permalink_nav, .note_nav {
		font-size: 18px;
		height: 24px;
	}
	
	.tag_nav, .permalink_nav, .note_nav, .tumblr_buttons, .sharing_nav {
		margin-right: 3%;
		padding-right: 3%;
		margin-bottom: 1em;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 18px;
		height: 24px;
	}
	
	.sharing_nav {
		border-right: none !important;
		padding-right: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
	
	._note_nav {
		width: 50%;
		margin-right: 0%;
		padding-right: 0%;
		margin-left: 0%;
		padding-left: 0%;
		margin-bottom: 1em;
		border-right: none !important;
	}
	
	._tumblr_buttons {
		height: 24px;
		width: 18%;
		left: 80%;
		margin-left: 80%;
		margin-right: 0%;
		padding-right: 0%;
		margin-left: 2%;
		padding-left: 2%;
		border-right: none !important;
		border-left: 1px solid #999999 !important;
		position: absolute !important;
		float: right;
	}
	
	.like_button iframe, .reblog_button, .reblog_button svg {
		width: 18px !important;
		height: 18px !important;
	}
	
	.share_icons .ra1-pw {
		float: left;
		margin-top: 1em;
		clear: both;
		width: 100%;
		border-right: none !important;
	}
	
	._sharing_nav {
		float: left;
		margin-top: 0;
		clear: both;
		width: 100%;
		border-right: none !important;
		font-size: 28pt;
		padding-right: 0;
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 360px) {
	html, body {
	font-size: 85%; 
	}
	
	.logo {
		width: 100px !important;
		min-width: 100px;
		height: 110px;
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.post .video iframe, .post .video embed, .post .photo img, .post .photo .photoset-grid {
		max-width: 116.3% !important;
		margin-left: -1.875em;
		overflow-x: hidden;
		width: 116.3% !important;
	}
	
	.post .photo .caption img, .post .photo .photoset-grid img {
		max-width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	.post .photo .photoset-grid img {
		max-width: 100% !important;
		width: 100% !important;
		margin-left: 0;
		overflow-x: visible;
	}
	
	h1.sitename, h2.sitename {
	font-size: 2.3em;
	text-align: center;
	}
	
	
	.quote blockquote, ul.quotenew li:first-child {
	font-size: 1.4em;
	}
    
    .numbers ul li strong, ul.newnumberone li strong ul.newnumbertwo li strong, ul.newnumberthree li strong {
    font-size: 3.5em;
	}

	.ad { margin-left: 0;
		margin-right: 3em;
		background: none !important;
		display: block;
		width: 100%;
		max-width: 100% !important;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0; }
	
	.ad iframe { width: 100%; max-width: 100% !important;}
}


@media only screen and (min-width: 1000px) {
	.logo {
		float: left;
		margin-left: none;
		margin-right: 1em;
	}
}