/* @override 
	style.css
	http://media.tooepic.com/compatriot/style.css
	http://static.tumblr.com/3jc4ci5/ADal0qjqc/style.css
	http://static.tumblr.com/3jc4ci5/Dj3l1k7vx/style.css
*/

/* @group Font Embeds */

@font-face {
    font-family: 'League Gothic'; 
    font-weight: normal; 
    src: url('http://static.tumblr.com/3jc4ci5/3NAl0qj1r/r.eot'); 
    src: local('League Gothic'), local('LeagueGothic'), url('http://static.tumblr.com/3jc4ci5/y4El0qj6o/r.woff') format('woff'), url('http://static.tumblr.com/3jc4ci5/21Ql0qj23/r.otf') format('opentype'), url('http://static.tumblr.com/3jc4ci5/eZWl3d6cm/r.svg#webfont') format('svg');
}

@font-face {
    font-family: Gentium; 
    font-weight: normal; 
    src: url('http://static.tumblr.com/3jc4ci5/Jv6l0qjcp/r.eot'); 
    src: local('Gentium Basic'), local('GentiumBasic'), url('http://static.tumblr.com/3jc4ci5/KLil0qjdm/r.woff') format('woff'), url('http://static.tumblr.com/3jc4ci5/vZzl0qjdb/r.ttf') format('truetype');
}

@font-face {
    font-family: Gentium; 
    font-weight: bold; 
    src: url('http://static.tumblr.com/3jc4ci5/duHl0qj7g/b.eot'); 
    src: local('Gentium Basic'), local('GentiumBasic'), url('http://static.tumblr.com/3jc4ci5/uPFl0qj92/b.woff') format('woff'), url('http://static.tumblr.com/3jc4ci5/45Il0qj8j/b.ttf') format('truetype');
}

@font-face {
    font-family: Gentium; 
    font-weight: bold; 
    font-style: italic; 
    src: url('http://static.tumblr.com/3jc4ci5/N14l0qj9k/bi.eot'); 
    src: local('Gentium Basic'), local('GentiumBasic'), url('http://static.tumblr.com/3jc4ci5/eIZl0qjan/bi.woff') format('woff'), url('http://static.tumblr.com/3jc4ci5/mDUl0qjad/bi.ttf') format('truetype');
}

@font-face {
    font-family: Gentium; 
    font-weight: normal; 
    font-style: italic; 
    src: url('http://static.tumblr.com/3jc4ci5/PdHl0qjb2/i.eot'); 
    src: local('Gentium Basic'), local('GentiumBasic'), url('http://static.tumblr.com/3jc4ci5/oRUl0qjc6/i.woff') format('woff'), url('http://static.tumblr.com/3jc4ci5/hstl0qjbv/i.ttf') format('truetype');
}

/* @end */

/* @group Shared Elements */
* {
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    text-decoration: none;
    font-weight: inherit;
    font-style: inherit;
    z-index: 0;
    text-indent: 0;
    -webkit-transition: opacity 0.25s linear,
                        color 0.25s linear, 
                        background-color 0.5s linear;
}
html {
    border-top: 26px solid;
}
body {
    font-family: Gentium, Georgia;
    line-height: 1;
    width: 640px;
    margin: 0 auto;
    position: relative;
}
:focus {
    outline: 0;
}
b, strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
strike {
    text-decoration: line-through;
}
/* @end */

/* @group Links */

.caption a, .notes a, #dropdown p a, .date:hover, .date:focus{
    text-decoration: underline;
}
a:hover, a:focus {
    text-decoration: none;
}

/* @end */

/* @group Top Bar */

#tumblr_controls {
    position: absolute; 
    margin-top: -26px;
}
#rss_link, #archive_link {
	position: absolute;
	top: 0;
	margin-top: -23px;
}
#archive_link {
	margin-left: 53px;
}

/* @end */

/* @group Headers */

h1 {
    margin: 0 auto;
    text-indent: 64px;
    margin: 0 0 16px -64px;
    line-height: 0.8;
}
#hlink {
    margin-left: -64px;
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 84px;
    text-transform: uppercase;
    font-family: 'League Gothic', 'Helvetica Neue', Helvetica;
}

h2 {
    font-size: 32px;
    line-height: 2;
}
#term {
    font-style: italic;
}

#following h2 {
    border-top: none;
    font-size: 24px;
}

h3 {
    line-height: 1.25;
    font-size: 32px;
    margin-bottom: 16px;
    max-width: 496px;
}

/* @end */

/* @group Head and Foot */

#header {
    padding-top: 32px;
    text-align: center;
}

#portrait, #portrait a {
	width: 64px;
    height: 64px;
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
#portrait {
    display: inline; 
    position: absolute;
    margin-left: 8px;
}
#portrait a {
	text-align: center;
	display: block; 
    font-size: 64px;
    line-height: 0.8;
    font-weight: bold;
    opacity: 0;
    background: rgba(255,255,255,0.5);
    font-family: 'League Gothic', 'Helvetica Neue', Helvetica;
}
#header:hover #portrait a, #portrait a:focus {
    opacity: 1;
}

#footer {
    text-align: center;
    clear: both;
    padding: 32px 0 64px;
}

/* @end */

/* @group Dropdown */
#dropdown {
    display: none;
}
#description {
    text-align: center;
    margin-bottom: 16px;
    font-style: italic;
}
#description p {
    margin-bottom: 16px;
}

#links {
    padding: 16px 0;
    clear: both;
    list-style: none;
}
#links li {
    display: inline;
}
#links a, #links label {
    padding: 16px;
}
#links label:hover {
    cursor: pointer;
}
#q {
    width: 622px;
    padding: 8px; 
    display: block; 
    font-family: Gentium, Georgia; 
    display: none;
}

/* @end */

/* @group Loader */

#loader {
    display: none;
    text-align: center;
}
#loader p {
    display: inline;
    font-size: 32px;
    line-height: 2;
    margin-left: 16px;
}

/* @end */

/* @group Pagination */

#pagination, #alt_pagination {
    clear: both;
    line-height: 2;
    font-size: 32px;
    text-align: center;
    margin-bottom: 32px;
    overflow: hidden;
}
#pagination li, #alt_pagination li {
    list-style: none;
    float: left;
    display: block;
    width: 200px;
}
#alt_pagination li {
    width: 320px;
}
#pagination li#curr_page {
    width: 240px;
}
a#older, a#newer{
    display: block;
    width: 200px;
}
#alt_pagination a#older, #alt_pagination a#newer {
    width: 320px;
}

/* @end */

/* @group Post Info */

.post_info {
    font-family: 'Helvetica Neue', Helvetica, Arial;
    clear: both;
    float: right;
    margin: 0 0 -54px 16px;
    padding: 0 0 8px 8px;
    position: relative;
    z-index: 1;
    -webkit-border-bottom-left-radius: 16px; 
    -moz-border-radius-bottomleft: 16px; 
    border-bottom-left-radius: 16px; 
    line-height: 1.2; 
    opacity: 0;
}
div.post:hover .post_info, div.post.current .post_info {
    opacity: 1;
}
.datetime {
    text-align: right;
    float: left;
 }
.date {
    font-size: 18px;
}
.time {
    display: block;
    font-size: 12px;
}
.permalink {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 40px;
    float: right;
    margin-left: 8px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: hidden;
}
.permalink span.pound {
    display: block;
    font-size: 26px;
    padding: 4px 0;
}
.permalink span.note_count {
    display: block;
    font-size: 16px;
    padding: 10px 0;
}
.permalink.has_notes span.pound {
    display: none;
}


/* @end */

/* @group Posts */
div#content {
    padding-bottom: 16px;
    overflow: hidden;
}

div.caption {
    line-height: 1.5;
    margin-bottom: 16px;
    margin-right: 32px;
}
div.caption p {
    margin-bottom: 16px;
}
div.caption li {
    margin-left: 24px;
}
div.caption img {
    height: auto;
    display: block;
    margin-bottom: 16px;
    max-width: 100%;
}
div.caption blockquote {
    margin-left: 24px;
    padding-left: 16px;
    margin-bottom: 16px;
}

div.post {
    padding: 16px;
    padding-bottom: 0;
    list-style: none;
}

.caption ul, #content ol, 
.player, .no_results {
    margin-bottom: 16px;
}

/* @group Photo Post */

div.image {
    margin-bottom: 16px;
}

div.caption a:hover img, div.caption a:focus img {
    opacity: 0.75;
}
div.image img {
    max-width: 100%;
}

/* @end */

/* @group Chat Post */

ul.convo {
    margin-bottom: 16px;
    list-style: none;
    width: 480px;
}
ul.convo li {
    line-height: 1.5;
    padding: 0 8px;
}
ul.convo span {
    font-weight: bold;
}

/* @end */

/* @group Quote Post */

.lquo {
    margin-left: -16px;
}
.the_quote{
    font-size: 32px;
    margin-bottom: 16px;
    font-family: 'Baskerville', 'Palatino Linotype';
    max-width: 496px;
}
.quote {
    margin-left: 16px;
}

/* @end */

/* @group Audio Post */

div.audio {
    width: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.audio div.meta img {
    display: block;
    padding: 16px 16px 0;
    width: 368px;
    height: auto;
}
div.audio div.meta p {
    padding: 8px 16px;
    margin: 0;
}
div.audio .player {
    overflow: hidden;
    padding: 6px 16px 6px 4px;
}
div.audio .player .plays {
    float: right;
    display: block;
    padding-top: 6px;
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial;
}
.audio_player {
    float: left;
    height: 27px;
}
a.download {
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 1px 0 1px 16px;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.download:active {
    margin: 2px 0 0px 16px;
}

/* @end */

/* @group Answer */

div.question h3 {
    margin-left: 32px; 
    padding: 16px; 
    font-size: 20px; 
    -webkit-border-radius: 16px; 
    -moz-border-radius: 16px; 
    border-radius: 16px;
}
div.asker {
    font-size: 24px; 
    line-height: 1.5; 
    -webkit-border-radius: 16px; 
    -moz-border-radius: 16px; 
    border-radius: 16px; 
    margin-bottom: 16px;
}
div.asker img {
    width: 32px; 
    height: 32px; 
    vertical-align: -8px;
}

/* @end */

/* @end */

/* @group Post Bottom */

.post_bottom {
    clear: both;
    padding-bottom: 16px;
}
.tag_list {
    margin-left: 32px;
    line-height: 2;
}
.tag_title {
    font-variant: small-caps;
}
.tag_list a {
    margin-left: 8px;
    padding: 4px 8px;
    font-variant: small-caps;
    border-bottom: 2px solid;
}

div.reblog {
    line-height: 2;
}
div.reblog img {
    display: block;
    margin-top: 8px;
    float: left;
    width: 16px;
    height: 16px;
}
div.reblog span {
    margin-left: 16px;
    font-variant: small-caps;
}
div.reblog a {
    font-variant: normal;
}

/* @end */

/* @group Following */
#following h2:hover {
    cursor: pointer;
}

.follow_item {
    list-style: none;
    float: left;
    width: 160px;
    border-bottom: 1px solid;
    height: 24px;
    overflow: hidden;
}
.follow_item span {
    line-height: 1.5;
    padding-left: 8px;
    text-transform: capitalize;
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.follow_item img {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}

.follow_alt {
    list-style: none;
    float: left;
    width: 32px;
    height: 32px;
}
.follow_alt span {
    display: none;
}
.follow_alt img {
    width: 32px;
    height: 32px;
    float: left;
}
.follow_alt img:hover, 
.follow_alt image:focus {
    z-index: 1;
    position: absolute;
    width: 40px;
    height: 40px;
    margin-left: -6px;
    margin-top: -6px;
    border: 2px solid;
}

/* @end */

/* @group Notes */

div.post h4 {
    font-size: 24px;
    margin-bottom: 16px;
}

ol.notes span.action, 
ol.notes div.clear {
    display: none;
}

#reblogs, #likes {
    margin-top: 16px;
}
#reblogs h4, #likes h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
    margin-bottom: 0;
}

/* @group Likes */

#likes {
    width: 240px; 
    float: right;
}
#likes ol.notes {
    overflow: hidden;
}
#likes li.with_commentary,
#likes li.more_notes_link_container {
    display: none;
}
#likes li {
    list-style: none; 
    float: left; 
    width: 24px; 
    height: 24px;
}
#likes img {
    float: left; 
    width: 24px; 
    height: 24px; 
}
#likes img:hover, #likes image:focus {
    z-index: 1;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: -5px;
    margin-top: -5px;
    border: 2px solid;
}

/* @end */

/* @group Reblogs */

#reblogs {
    width: 352px; 
    float: left;
}

#reblogs li {
    list-style: none; 
}
#reblogs blockquote a {
    display: block; 
    line-height: 1.5; 
    padding: 0 8px 0 32px; 
}
#reblogs img {
    float: left;
    width: 24px;
    height: 24px;
}
#reblogs a {
    text-decoration: none;
}
#reblogs li.more_notes_link_container {
    padding: 16px;
}

#reblogs li.without_commentary {
    display: none;
}

/* @end */

/* @end */

/* @group Code Snippets */

pre {
    overflow: auto;
    margin: 16px;
}

code {
    font-family: "Courier New", Courier, mono;
    font-size: 14px;
    line-height: 1;
}

div.caption code a {
    text-decoration: none;
}

/* @end */

/* @group Infinte Scroll Toggle */

#infinite_scroll {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    padding: 16px 0;
    opacity: 0;
    display: none;
}
#infinite_scroll:hover {
    opacity: 1;
}
#infinite_scroll span {
    font-weight: bold;
    padding: 0 16px;
}
/* @end */

/* @group Prettify */

/* Pretty printing styles. Used with prettify.js. */

.str {color: #080; }
.kwd {color: #008; }
.com {color: #800; }
.typ {color: #606; }
.lit {color: #066; }
.pun {color: #660; }
.pln {color: #000; }
.tag {color: #008; }
.atn {color: #606; }
.atv {color: #080; }
.dec {color: #606; }
pre.prettyprint {padding: 16px; }

@media print {
  .str {color: #060; }
  .kwd {color: #006; font-weight: bold; }
  .com {color: #600; font-style: italic; }
  .typ {color: #404; font-weight: bold; }
  .lit {color: #044; }
  .pun {color: #440; }
  .pln {color: #000; }
  .tag {color: #006; font-weight: bold; }
  .atn {color: #404; }
  .atv {color: #060; }
}


/* @end */