/* popup-box */
.popup-box {
display:block;
position:absolute;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #B89E32 0px 2px 3px;
-moz-box-shadow: #B89E32 0px 2px 3px;
box-shadow: #B89E32 0px 2px 3px;
behavior: url(/html/css/PIE.htc);
min-width:100px;
min-height:100px;
background-color:#FAF3E6;
border:1px solid #B89E32;
z-index: 2000;
}

.popup-box .x {
position:absolute;
top:10px;
right:10px;
font-family:'Arial Black';
font-size:14px;
font-weight:normal;
color:#F00;
text-decoration:none;
display:block;
}

.popup-box .content {
padding:10px;
}

#popup-overlay {
display: none;
height: 100%;
z-index: 1900;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color:#000;
opacity:0.3;
}

.popup-box h2 {
font-weight:normal;
font-size:1.6em;
margin:0;
padding: 7px 51px;
text-align:center;
}


/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}

#navstrip h1 {
font-size:11px;
font-weight: bold;
padding:0;margin:0;
display:inline;
}

.maintitle h1 {
font-size:inherit;
font-weight: inherit;
padding:0;margin:0;
display:inline;
}

.maintitle table tr td a {
font-weight:bold;
}

.login-form {
line-height:50px;
}

.login-form input {
padding: 5px 30px;
font-size:1.7em;
}

.login-form a {
font-size:1.3em;
margin-left:15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/html/css/PIE.htc);
background-color:#705629;
position:relative;
z-index:1;
color:#FFF !important;
text-decoration:none !important;
padding:8px 15px;
display:inline-block;
line-height: 1;
}

.login-form a:hover {
background-color:#826C08;
}

a.red {
color:#FF0000 !important;
font-weight:normal;
} 

a.red:hover {
color:#FF4000 !important;
} 

a.orange {
color:#FF9900 !important;
font-weight:normal;
}

a.orange:hover {
color:#FF6600 !important;
}

a.blue {
color:#0000FF !important;
font-weight:normal;
}

a.blue:hover {
color:#0063FF !important;
}

a.green {
color:#008000 !important;
font-weight:normal;
}

a.green:hover {
color:#00A000 !important;
} 

a.darkviolet {
color:#9400D3 !important;
font-weight:normal;
}

a.darkviolet:hover {
color:#6400B3 !important;
}

h1 {
font-size:20px;
font-weight: normal;
}

.main-text {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/html/css/PIE.htc);
position:relative;
z-index:1;
background-color: #FAF3E6;
border: 1px solid #B89E32;
display: block;
padding:10px;
margin:10px 0;
max-width:1170px;
margin-bottom:50px;
}

.main-text h2 {
font-weight:normal;
font-size:17px;
margin:0;
margin-left:125px;
margin-bottom:10px;
}

.main-text img {
clear:left;
margin-top:10px;
float:left;
}

.main-text p {
font-size:13px;
line-height:1.5;
margin:0;
margin-left:125px;
margin-bottom:4px;
}

.main-text .f-harry {
margin-top:10px;
}

.main-text .f-wand {
margin-top:25px;
}

.main-text .f-hogwarts {
margin-top:45px;
}

.main-text .f-hogwarts img {
margin-left:10px;
}

.main-text .f-role {
margin-top:25px;
}

.main-text a.reg {
display: inline-block;
color:#FFF;
/*padding:10px 30px;*/
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:1.4em;
font-weight:bold;
background:url(/html/img/main-icons/button.png) no-repeat;
width:211px;
height:54px;
line-height:54px;
}

.main-text a.reg:hover {
background:url(/html/img/main-icons/button.png) no-repeat;
}

.main-text .reg-container {
text-align:center;
margin:30px 0;
}

.login {
height:19px;
width:150px;
font-size:12px;
border:1px solid #33527a;
}

#login_guest .left div{
padding-bottom:3px;
}
#login_guest .left{
float:left;
width:150px;
}

#login_guest .right{
float:left;
padding-left:3px;
width:90px;
}

#login_guest a {
text-decoration:underline;
}

#guest_bar{
background-color:#335783;
background-image:url("/style_images/artnewage/bg_guest_bar.png");
color:white;
width:272px;
height:146px;
}

#guest_bar a:link,#guest_bar a:visited,#guest_bar a:active {
text-decoration: underline;
color: #FFF; 
}

.inv-hide {
display:none;
}

/* SPELL LIST */
.spell-list {

}

.spell-row .name {
font-size:1em;
font-weight:bold;
width:170px;
}

.spell-row .other {
width:174px;
}

.spell-row .uname {
text-align:center;
width:126px;
}

.spell-row .spells,
.spell-row .immu,
.spell-row .conc {
width:20px;
}

.spell-row .myspell a {
color: #BBB;
}

.spell-row .myspell a:hover {
color: #888;
}

.spell-row .name a,
.spell-row .name a:hover {
color: inherit;
text-decoration: underline;
}

.spell-row .power {
text-align:right;
padding-right:10px;
}

.spell-row .date{
font-weight:bold;
}

.spell-row .neg {
color:red;
}

.spell-row .pos {
color:green;
}

.spell-row .big-spell {
font-style:italic;
}

.titlemedium .date,
.titlemedium .name {
font-size:1em;
font-weight:normal;
}

.spell-row div {
display:inline-block;
width:100px;
padding:3px 10px;
}

.spell-row {
padding:0px !important;
}

.titlemedium div {
padding:4px 10px;
}

.spell-list .row2 {
border: medium none;
}

.active-spells-list {
margin: 20px 0;
min-width: 920px;
}

div.paginator-list {
padding-bottom: 10px;
}

/* hsm */
.avatar {
margin-right:10px;
margin-bottom:5px;
}
.avatar.fava {
border: 2px solid #ff2b2b;
margin-bottom:0px;
}
.change {
    display:none;
    text-align:center;
}
.change span{
    cursor:pointer;
    font-size:14px;
    text-decoration:underline;
}

/* other */

.postcolor img, #fo_profile_info img, #QUOTE img {
max-width: 100%;
}

/* adaptive */

#menu_pc {
display: none;
}

.post-char-counter {
  line-height: 1.5em;
  font-weight: bold;
}

.post-char-counter code {
  font-size: 1.5em;
  line-height: 1.5em;
}

    .mob_show {
        display:none;
    }


@media screen and (max-width: 800px) {
#menu_pc {
display: none;
}
}

@media screen and (min-width: 801px) {
#menu_mobi {
display: none;
}
#menu_pc {
display: block;
}
}

.none-blurred{
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}