/*Theme 05 v2 Main Stylings*/

aside {
    position:fixed;
    top:0;
    left:0;
    width:400px;
    height:100%;
    z-index:90;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

.grey_sb aside {background:#f5f5f5;}

.white_sb aside {background:#fff;}

#sidebar {margin:auto;}

.sb120 #sidebar {width:120px;}
.sb80  #sidebar {width:80px;}
.sb100 #sidebar {width:100px;}
.sb150 #sidebar {width:150px;}

img.sprof {
    border-radius:5%;
    display:block;
    margin:auto;
}

section#everything {
    position:relative;
    width:calc(100% - 400px); 
    left:400px;
    margin-bottom:80px;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}



main {margin:auto;}

.post540 main {width:540px;}
.post500 main {width:500px;}
.post450 main {width:450px;}
.post400 main {width:400px;}
.post350 main {width:350px;}
.post300 main {width:300px;}

.white_sb .posts {
    background:#fff;
    padding:15px;
}

.posts:first-of-type {margin-top:80px;}

.posts img {
    max-width:100%;
    height:auto;
}

.posts img.photop {display:block;line-height:0;}

.posts video, .posts .tumblr_video_container {
  width: 100%    !important;
  height: auto   !important;
}

.posts h1, .posts h2 {
    font-weight:400;   
    font-family:'lora',serif;
}

.posts ol, .posts ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
.posts ol {
  list-style: decimal inside;
}

.posts ul {
  list-style: circle inside;
}

.defcap blockquote *:last-child {
  margin-bottom: 0;
}

.defcap blockquote > p:first-of-type {margin-top:0;}

.defcap blockquote blockquote {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 border-left:none;
    
}

.defcap .captions a, .qsource a, span.action a, .tumblr_parent p a, a.append {border-bottom:1px solid #dfdfdf;}

.unnested blockquote.tumblr_parent *:not(i):not(b):not(em):not(strong):not(a) {vertical-align:middle;}

img.tumblr_avatar + a.tumblr_blog,.tumblr_parent a.tumblr_blog {font-weight:bold;vertical-align:middle;}

blockquote.tumblr_parent .captions.txtps p:first-child:not(:empty){margin-top:0;}

h1.qshort, h1.qmedium, h1.qlong {font-style:italic;margin-bottom:0;text-align:center;}

h1.qshort {line-height:140%;}
h1.qmedium, h1.qlong {line-height:160%;}

.linkp a:after {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;    
}

.linkp a:hover:after {
width: 100%;
background: #5f5f5f;
}

.flitwick {
    width:100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
     display: -webkit-box;
    -webkit-box-align: center;
    position:relative;
}

.grammy {
    position:relative;
    margin-left:0;
    width:100px;
    height:100px;    
}

.post300 .grammy, .post350 .grammy {width:70px;height:70px;}

.mariah {
    position:absolute;
    background:#fff;
    z-index:10;
    opacity:0;
    text-align:center;
    width:80px;
    height:80px;  
    margin-top:10px;
    margin-left:10px;  
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.post300 .mariah, .post350 .mariah {width:50px;height:50px;}

.mariah:hover {
    opacity:0.8;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

.playbox {
    overflow:hidden;
    width:40px;
    height:40px;
    margin-top:25px;
    margin-left:20px;    
}

.post300 .playbox, .post350 .playbox {width:25px;height:25px;}


.taylor {
    padding:0;
    margin-left:0px;
    background:#fafafa;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
     display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack:center;
    width:calc(100% - 100px);
    height:100px;    
}

.post300 .taylor, .post350 .taylor {width:calc(100% - 70px);height:70px;}

.swift {
    font-weight:normal;
    text-overflow: ellipsis;    
    white-space: nowrap;
    overflow:hidden;
    max-width:calc(100% - 50px);  
    line-height:2;
}

.post300 .swift, .post350 .swift {line-height:1.75;}



.swift b {
    font-weight:bold;
}

.ask_cont .asker_img {
    background:#f5f5f5;
    width:30px;
    height:30px;
}

.asker_img img {
    border-radius:10%;
}

div.ask_cont {
  border-bottom:1px solid #dfdfdf;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;	
}

div.sender {
    width:calc(100% - 46px);
}

.sender a {
    text-transform:uppercase;
}

.p_info {
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
     display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack:center;   	
}

.posts:hover .tags {
    opacity:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.tags a {margin-right:10px;}

/*jump pag*/

.pg * + * {margin:4px;}

/*other pg options*/

#infscr-loading {display:none !important;}
.manual_cont {
    text-align:center;
}

.def_notes .postnotes ol.notes {list-style:none;margin:0;padding-left:5px;}

.def_notes .postnotes ol.notes li.note {
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;    
    margin:16px 0 16px 0;
}

.def_notes .postnotes ol.notes li.note:first-of-type {margin-top:8px;}

.def_notes .postnotes li.note:last-of-type {margin-bottom:8px;}

.def_notes .postnotes ol.notes li.note a.avatar_frame {height:48px;margin-right:16px;}


.def_notes .postnotes ol.notes li.note img.avatar {
    border-radius:5%;
    width:48px;
    height:48px;
    opacity:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;        
}

.def_notes .postnotes ol.notes li.note img.avatar:hover {
    opacity:0.7;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.def_notes .postnotes ol.notes li.note span.action {word-wrap: break-word;max-width:calc(100% - 70px);}

.def_notes .postnotes li.with_commentary blockquote {
    display:none;
} 

.def_notes .postnotes ol.notes li.note.more_notes_link_container {background:transparent;margin-top:2em;padding:10px;text-transform:uppercase; letter-spacing:1.2px;line-height:160%;text-align:center;margin-bottom:8px;}

.def_notes li.more_notes_link_container a, .grid_notes li.more_notes_link_container a {
    margin:auto;
    cursor:help;
    border-bottom:1px solid #dfdfdf;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

/*Grid notes*/
.grid_notes .postnotes *{    margin:0;    padding:0; } 

.grid_notes .postnotes { text-align: center; } 

.grid_notes ol.notes {margin-top:1em;}

.grid_notes .postnotes li{    list-style-type:none;    display:inline-block;    width:32px;    height:32px;    margin:5px;    overflow:hidden; } 

.grid_notes .postnotes img{    width:32px;    height:32px; border-radius:5%;} 

.grid_notes li.more_notes_link_container{
    width:100%!important;
}

/*Media Queries*/

@media screen and (max-width: 1280px) {
  aside {
      width:300px;
      -webkit-transition: all 0.3s ease-in-out;
      transition:all 0.3s ease-in-out; 
  } 

  section#everything {
      width:calc(100% - 300px); 
      left:300px;
      -webkit-transition: all 0.3s ease-in-out;
      transition:all 0.3s ease-in-out; 
  } 
  
}

@media screen and (max-width: 1024px) {
  aside {
      width:250px;
      -webkit-transition: all 0.3s ease-in-out;
      transition:all 0.3s ease-in-out; 
  } 

  section#everything {
      width:calc(100% - 250px); 
      left:250px;
      -webkit-transition: all 0.3s ease-in-out;
      transition:all 0.3s ease-in-out; 
  } 
  
}

/*PLEASE DO NOT ALTER OR COVER THE CREDIT, THANKS! C: */
#leo {

    font-family: Arial, Sans-Serif;
    text-transform:uppercase;
    text-align:center;
    z-index:99;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    
}

#leo a {
    z-index:99;
    position:fixed;
    font-size:12px;
    line-height:16px;
    width:18px;
    height:18px;
    font-weight:300;
    bottom:12px;
    right:5px;
    color:#000;
    background:rgba(255,255,255,0.4);
    padding:5px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}

#leo a:hover {
    background-color:rgba(0,0,0,1);
    color:#fff;
    border-radius:50%;
   -webkit-animation: hermione 1s; /* Chrome, Safari, Opera */
   -moz-animation: hermione 1s;
   -o-animation: hermione 1s;
    animation: hermione 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    
    -moz-transform: rotate(720deg); /* IE 9 */
    -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    transform: rotate(720deg);
    
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    

}

@-webkit-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
@-moz-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
@-o-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}

@keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
/*END OF CREDIT*/