/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin: 0;
  min-width: 1030px;
  background: #ccd9c8
}
.wrapper{
  width:100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  -ms-grid-rows: auto 15px auto 15px auto;
  -ms-grid-columns: auto 15px 50vw;
      grid-template: "header header" auto "aside main" auto "footer footer" auto / auto 50vw;
}

a {
  color: #146e8f;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

/* -------------------------------------------------------- */
/* HEADER */
/* -------------------------------------------------------- */
header{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  width:100%;
  grid-area: header;
  position:relative;
  z-index: 6;
}
/* Top bar */
.topbar{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear,left bottom, left top,from(#617566), to(#405147));
  background: -o-linear-gradient(bottom,#617566 0%, #405147 100%);
  background: linear-gradient(0deg,#617566 0%, #405147 100%);
  width:100%;
  color: #c0d0ca;
  height: 45px;
  border-bottom: 1px solid #313f3a;
  font-size: 9pt;

}
.firstpart{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.logoarea{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.logo{
  width: 111px;
  height: 26px;
  margin-right: 14px;
}
.dropdown{
  width:11px;
  height: 11px;
}
.searchbar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width:158px;
  height:22px;
  border: 1px solid #2b3432;
  margin-left:13px;
  margin-top: 12px;
  text-align:center;
  border-radius: 6px;
}
.searchfield{
  width:106px;
  height:100%;
  border-top: 1px solid #8f9793;
  background: #aab9aa;
  border-radius: 5px 0 0 5px;
}
.searchfield p{
  margin:0;
}
.searchbutton{
  color: #bdd031;
  border-top: 1px solid #5d6863;
  border-left: 1px solid #2b3432;
  background: -webkit-gradient(linear, left bottom, left top, from(#35433e), to(#4c5853));
  background: -o-linear-gradient(bottom, #35433e 0%, #4c5853 100%);
  background: linear-gradient(0deg, #35433e 0%, #4c5853 100%);
  margin:0;
  width: 50px;
  height:100%;
  border-radius: 0 5px 5px 0;
}
.searchbutton p{
  margin:0;
  padding:2px 0 0 0;
}

.deviant{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left:29px;
  white-space: nowrap;
}

.deviant p{
  margin-right: 8px;
  color:#93aa9b;
}

.deviant strong{
  font-weight:bolder;
  color:#c0d0ca;
}

.inbox{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 19px;
}

.inbox p{
  margin-left: 6px;
  margin-right: 8px;
}

.submit{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 19px;
}

.submit p{
  margin-right: 8px;
}

.shop{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 19px;
}

.shop p{
  margin-right: 8px;
}

.friendsandfavorites{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}

.friends{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 19px;
  margin-left: 19px;
}
.friends p{
  margin-left: 5px;
}
.favorites:not(.middlebar .favorites){
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:none;
      flex-wrap:none;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
.favorites p:not(.middlebar .favorites p){
  margin-left: 3px;
}

/* Middle Bar */

.middlebar{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear,left bottom, left top,from(#aec2aa), to(#c1d1bc));
  background: -o-linear-gradient(bottom,#aec2aa 0%, #c1d1bc 100%);
  background: linear-gradient(0deg,#aec2aa 0%, #c1d1bc 100%);
  width:100%;
  color: #121516;
  height: 63px;
  border-top: 1px solid #d8e2d6;
  border-bottom: 1px solid #9eb1a2;
  font-size: 9pt;

}
.leftsidemiddlebar{
  width: 687px;
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rightsidemiddlebar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height:100%;
}
.profileleft{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height:100%;
  margin:0;
  padding:0;
}
.pfp img{
  width:50px;
  height: 50px;
  margin-right: 10px;
  margin-left:13px;
  margin-top:2px;
}
.profileinfo{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  height:100%;
  color: #405147;
}
.profilename{
  font-size: 24px;
  margin: 0;
  padding:0;
  font-family: "Trebuchet MS", sans-serif;
  letter-spacing: normal;
}
.profilename strong{
  font-weight: bolder;
  color: #121516;
  
}
.tagline{
  margin:2px 0 0px 0;
  width: 100px;

}
.tabs{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 65px;
  margin-left:60px;
  margin-bottom:-1px;
}

.profiletab{
  border-top: 1px solid #9eb1a2;
  border-left: 1px solid #9eb1a2;
  border-right: 1px solid #9eb1a2;
  border-bottom: 1px solid #e4eae3;
  border-radius: 6px 6px 0 0;
  height: 32px;
  width: 87px;
}

.tabcover{
  float:center;
  position:absolute;
  z-index: 99;
  width: 83px;
  height: 3px;
  background:#e5eae3;
  margin-top:-1px;
}

.profile{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear,left bottom, left top,from(#e4eae3), to(#f1f4f1));
  background: -o-linear-gradient(bottom,#e4eae3 0%, #f1f4f1 100%);
  background: linear-gradient(0deg,#e4eae3 0%, #f1f4f1 100%);
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #ffffff;
  height: 30px;
  width: 100%;
}

.profile img{
  margin-left:11px;
  margin-right: 10px;
}

.gallery{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: 15px;
}
.gallery img{
  margin-bottom: 7px;
}

.gallery p{
  margin:0 0 9px 9px;
}

.prints{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left:26px;
}
.prints img{
  margin-bottom: 8px;
}
.prints p{
  margin:0 0 9px 9px;
}

.middlebar .favorites{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left:26px;
}
.middlebar .favorites img{
  margin-bottom:8px;
}
.middlebar .favorites p{
  margin:0 0 9px 10px;
}
.journal{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left:26px;
}
.journal img{
  margin-bottom: 8px;
}
.journal p{
  margin:0 0 8px 9px;
}
.badges{
  margin-right:11px;
}
.profilebuttons{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editprofileborder{
  width: 100px;
  height:26px;
  border: 1px solid #8c9f8f;
  border-radius: 6px;
  margin-right:10px;
  margin-bottom:6px;
  -webkit-box-shadow: 0 1px #a6b8a1;
          box-shadow: 0 1px #a6b8a1;
}
.editprofile, .watch, .note, .give{
  border-radius: 5px;
  border-top: 1px solid #ffffff;
  background: -webkit-gradient(linear,left bottom, left top,from(#bdceb1), to(#d4dfcd));
  background: -o-linear-gradient(bottom,#bdceb1 0%, #d4dfcd 100%);
  background: linear-gradient(0deg,#bdceb1 0%, #d4dfcd 100%);
  color: #337287;
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height:100%;
  width:100%;
}
.editprofile img{
  margin-left:9px;
  margin-right:8px;
  margin-bottom:3px;
}
.editprofile p, .watch p, .note p, .give p{
  margin:0 0 0 0;
}
.watch{
  width: 90px;
  height:26px;
  border: 1px solid #8c9f8f;
  border-radius: 6px;
  margin-right:10px;
  margin-left:25px;
  margin-bottom:6px;
  -webkit-box-shadow: 0 1px #a6b8a1;
          box-shadow: 0 1px #a6b8a1;
}
.watch img, .note img, .give img:not(.dropdown3){
  margin-left:9px;
  margin-right:8px;
}
.note{
  width: 118px;
  height:26px;
  border: 1px solid #8c9f8f;
  border-radius: 6px;
  margin-right:10px;
  margin-bottom:6px;
  -webkit-box-shadow: 0 1px #a6b8a1;
          box-shadow: 0 1px #a6b8a1;
}
.give{
  width: 80px;
  height:26px;
  border: 1px solid #8c9f8f;
  border-radius: 6px;
  margin-right:10px;
  margin-bottom:6px;
  -webkit-box-shadow: 0 1px #a6b8a1;
          box-shadow: 0 1px #a6b8a1;
}
.dropdown3{
  margin-left: 4px;
}

/* Bottom Bar */

.bottombar{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear,left bottom, left top,from(#d4e0d2), to(#e2e8e1));
  background: -o-linear-gradient(bottom,#d4e0d2 0%, #e2e8e1 100%);
  background: linear-gradient(0deg,#d4e0d2 0%, #e2e8e1 100%);
  width:100%;
  color: #3d4745;
  height: 46px;
  border-top: 1px solid #eff3ef;
  border-bottom: 1px solid #9eb1a2;
  font-size: 9pt;
  -webkit-box-shadow: 0 3px 3px #bfccbc;
          box-shadow: 0 3px 3px #bfccbc;
}
.about{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left:17px;
  padding-top:7px;
  height: 46px;
}
.about p{
  margin:0 8px 3px 0;
}
.aboutcol1{
  width: 80px;
}
.aboutcol2{
  margin-right: 7px;
}
.aboutcol2 p:last-child{
  font-size: 11px;
}
.dropdown2{
  margin-top:15px;
}
.divider{
  margin-left:10px;
  margin-right:22px;
}
.time{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 46px;
  font-size: 11px;
  letter-spacing:0.75px;
  padding-top: 7px;
}
.time p{
  margin:0 6px 4px 0;
}
.count{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.count p{
  margin:0 6px 0 0;
  font-size: 9px;
  letter-spacing:1px;
}

/* -------------------------------------------------------- */
/* WINDOWS */
/* -------------------------------------------------------- */
.window{
  border: 1px solid #a6b2a6;
  border-radius: 8px;
  color:#2c3635;
  background: #dae4d9;
  margin-bottom:15px;
}
.window:last-child{
  margin-bottom:0;
}
.w-title{
  font-family: "Trebuchet MS", sans-serif;
  height: 32px;
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 7px 7px 0 0;
  border-top: 1px solid #dae4d9;
  border-bottom: 1px solid #a6b2a6;
  border-left: 1px solid #f2fcf1;
  border-right: 1px solid #f2fcf1;
  background: #e6ede4;
}
.w-title h1{
  margin:0;
  font-size: 16px;
  font-weight: normal;
}
.w-title img:not(.tri){
  margin-left: 10px;
  margin-right: 10px;
}
.tri{
  margin-bottom: -9px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width:15px;
  height: 9px;
  background:url("../../images/deviantart/tri.png");
  margin-left:13px;
  margin-right: -28px;
}
.w-content-wrapper{
  border-top: 1px solid #e1ebe2;
  font-size:12px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 495px;
  border-radius: 0 0 7px 7px;
}
.w-content{
  min-width: 475px;
  margin: 10px 2vw 15px;
  border-radius: 0 0 7px 7px;
}
.w-content p:first-child{
  margin-top:0;
}
.w-content p:last-child{
  margin-bottom:0;
}

/* Table */
.table{
  width:100%;
}
.t-row{
  width: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 0;
}
.t-row:nth-child(even){
  background-color: #ccd9cd;
}
.t-row-content{
  min-width: 475px;
  width: 80%;
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto 5vw;
}
.t-row-content p{
  margin:0;
}

.t-row:last-child{
  border-radius: 0 0 7px 7px;
  padding-bottom: 5px;
}

/*Comments */
.w-comment-wrapper{
  font-size:12px;
  min-width: 495px;
}
.comment-window{
  border-radius: 8px 8px 0 0;
  color:#2c3635;
}
.comments-title{
  border: 1px solid #a6b2a6;
  border-bottom:none;
  border-radius: 8px 8px 0 0;
}

.addcommentcol{
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.addcomment{
  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:nowrap;
      flex-wrap:nowrap;
  padding-top: 10px;
  margin-bottom: 12px;
}

.addcomment p{
  color: #5e7570;
  margin:0 0 3px 0;
}

.addcomment .commenticon{
  margin-top: 18px;
  width: 50px;
  margin-right: 18px;
}

.newcommentbox{
  border-radius: 5px;
  border: 1px solid black;
  background: white;
  width: 100%;
  height: 50px;
  -webkit-box-shadow: 0 1px 3px inset #cfcfcf;
          box-shadow: 0 1px 3px inset #cfcfcf;
}

.comment-arrow-form{
  width: 17px;
  height: 14px;
  margin-left: -13px;
  margin-top: 15px;
  background:url("../../images/deviantart/comment-arrow-form.png");
}

.comment{
  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:nowrap;
      flex-wrap:nowrap;
  color: #304030;
}
.comment .commenticon{
  width: 50px;
  margin-right: 18px;
  padding-top: 10px;
}
.comment .commenticon img{
  width: 50px;
  height: 50px;
}
.commentcol{
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}
.commentbox{
  background: #dde5d8;
  border: 1px solid #b5bfb5;
  border-radius: 5px;
  padding: 10px;
  min-height: 92px;
}
.commentheader{
  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:nowrap;
      flex-wrap:nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
.commentprofile{
  font-family: "Trebuchet MS", sans-serif;
  margin:0;
  font-weight: bold;
  font-size: 18px;
}
.commentdate{
  color: #778584;
  margin:0;
  font-size: 10px;
  margin-left: 15px;
}
.artist-comment{
  width: 12px;
  height: 12px;
  margin-left: -22px;
  margin-top: 10px;
  margin-bottom: -20px;
  background:url("../../images/deviantart/artist-comment-l.gif");
}
.commenticon .buttonplace{
  margin-top: 5px;
}
.commenticon .button{
  padding:3px 10px 5px 10px;
}

/* Button */

.buttonplace{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.buttonplace a, .buttonplace a:hover{
  color:#2c3635;
  text-decoration: none;
}
.buttonborder{
  border: 1px solid #afbeb0;
  border-radius: 6px;
}
.button{
  border-radius: 5px;
  border-top: 1px solid #f8faf7;
  background: -webkit-gradient(linear, left bottom, left top, from(#d7ded5), to(#e5eae4));
  background: -o-linear-gradient(bottom, #d7ded5 0%, #e5eae4 100%);
  background: linear-gradient(0deg, #d7ded5 0%, #e5eae4 100%);
  padding:5px 10px;
}
.button:hover{
  background: -webkit-gradient(linear, left bottom, left top, from(#e1e6e0), to(#ecefec));
  background: -o-linear-gradient(bottom, #e1e6e0 0%, #ecefec 100%);
  background: linear-gradient(0deg, #e1e6e0 0%, #ecefec 100%);
}

/*Journal */
.window-journal{
  border: 1px solid #bdc8bc;
  color:#2c3635;
  background: -webkit-gradient(linear, left bottom, left top, from(#f9fcf8), to(#fffffa));
  background: -o-linear-gradient(bottom, #f9fcf8 0%, #fffffa 100%);
  background: linear-gradient(0deg, #f9fcf8 0%, #fffffa 100%);
  width: 100%;
  padding: 20px 25px;
  min-width: 552px;
}
.j-title{
  font-family: "Trebuchet MS", sans-serif;
}
.j-title h1{
  margin:0 0 5px 0;
  font-size: 26px;
  font-weight: normal;
}
.j-title p{
  margin:0 0 3px 0;
  font-size: 10px;
  color: #979595;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.makeitblue{
  color:#146e8f;
}
.j-title .category{
  color: #2c3635;
}

.j-content{
  font-size: 12px;
  line-height: 16px;
}
.readmore{
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.readmore a{
  color: #146e8f;
  text-decoration: none;
  font-size: 12px;
}
.readmore a:hover{
  text-decoration: underline;
}
.under-journal{
  width: 100%;
  margin-top: 7px;
  padding-left: 5px;
  margin-bottom: 15px;
  min-width: 552px;
}
.uj-title{
  font-weight:bold;
  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: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
  color: #2c3635;
}
.uj-title p{
  margin:0;
}
.uj-comments-and-favs{
  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: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  margin-top: 5px;
  padding-left: 3px;
}
.uj-comments-and-favs p{
  margin:0;
  font-size: 12px;
  color: #94a98f;
}

.uj-comments{
  width: 120px;
  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: nowrap;
      flex-wrap: nowrap;
}

.uj-comments img, .uj-favs img{
  margin-right: 5px;
  width: 12px;
  height: 12px;
}

.uj-favs{
  width: 110px;
  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: nowrap;
      flex-wrap: nowrap;
}


/* -------------------------------------------------------- */
/* ASIDE */
/* -------------------------------------------------------- */
aside{
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: aside;
  margin-left:15px;
  overflow:hide;
}

/*archive*/
#archive {
  margin: 0;
  padding: 0;
}
#archive a{
  color: #2c3635;
  text-decoration: none;
}
#archive a:hover{
  text-decoration: underline;
}
ul, #archive{
  list-style-type: none;
}
li{
  margin: 3px 0;
}

#archive a{
  text-decoration: none;
}
#archive a:hover{
  text-decoration: underline;
}

.deviantid{
  text-align: center;
  width: 100%;
}

.deviantid img{
  width: 300px;
  -webkit-box-shadow: 3px 3px 3px #94a98f;
          box-shadow: 3px 3px 3px #94a98f;
  margin-bottom: 25px;
}

.diduser{
  color: #2c3635;
  font-family: "Trebuchet MS", sans-serif;
  margin:0 0 11px 0;
  font-size: 20px;
}
.didname{
  color: #444444;
  font-family: "Trebuchet MS", sans-serif;
  margin:0 0 3px 0;
  font-size: 16px;
}
.didarttype{
  color: #6d7866;
  font-family: "Trebuchet MS", sans-serif;
  margin:0 0 8px 0;
  font-size: 16px;
}
.didlocation{
  margin:0 0 20px 0;
}

.stamps img{
  display:inline;
}

.flist{
  padding-left: 0px;
  font-size: 11px;
}

/* -------------------------------------------------------- */
/* MAIN */
/* -------------------------------------------------------- */
main{
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  position:relative;
  z-index: 5;
  grid-area: main;
  margin-right:15px;
}

/* -------------------------------------------------------- */
/* FOOTER */
/* -------------------------------------------------------- */
footer{
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  background:#506256;
  color:#99a49e;
  text-align: center;
  height:85px;
  font-size: 12px;
  grid-area: footer;
}
footer a{
  color:#99a49e;
  text-decoration: none;
}
footer a:hover{
  color: #c0d0ca;
  text-decoration: underline;
}
footer .credit{
  color:#d8e4d8;
  padding-top:10px;
}

/* -------------------------------------------------------- */
/* ACCESSIBILITY */
/* -------------------------------------------------------- */

#skip-to-content-link {
  position: fixed;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 0.375rem 0.75rem;
  line-height: 1;
  font-size: 1.25rem;
  color: var(--text-color);
  -webkit-transform: translateY(-3rem);
      -ms-transform: translateY(-3rem);
          transform: translateY(-3rem);
  -webkit-transition: -webkit-transform 0.1s ease-in;
  transition: -webkit-transform 0.1s ease-in;
  -o-transition: transform 0.1s ease-in;
  transition: transform 0.1s ease-in;
  transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in;
  z-index: 99999999999;
}

#skip-to-content-link:focus,
#skip-to-content-link:focus-within {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
@media (max-width: 1050px){

}
@media (max-width: 1000px) {
  .wrapper{
    -ms-grid-rows: auto 15px auto 15px auto;
    -ms-grid-columns: auto 15px 500px;
        grid-template: "header header" auto "aside main" auto "footer footer" auto / auto 500px;
  }
  header{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  aside{
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  main{
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  footer{
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  
}