{NAV BAR}

text.drop {font-family:verdana; color:#ff0000; font-size:1.5rem; font-weight:bold; text-decoration: underline;}

text.drop2 {font-family:verdana; color:#ff0000; font-size:1.4rem; font-weight:normal; text-decoration: none;}

text.drop3 {font-family:verdana; color: #00CC00; font-size:1.4rem; font-weight:normal; text-decoration: none;}

text.jh {background-color:none; font-family:verdana; color: #ff0000; font-size:1.5rem; letter-spacing:0px; font-weight:bold; font-style: none;
 text-decoration:underline; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
text.anexclu {background-color:none; font-family:verdana; color: #eeeeee; font-size:1rem; letter-spacing:0px; font-weight:normal; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}


{DIRECTORY}

text.blank {background-color:none; font-family:verdana; color: #000000; font-size:1.1rem; letter-spacing:0px; font-weight:normal; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
text.blank1 {background-color:none; font-family:arial; color: #000000; font-size:1.5rem; letter-spacing:0px; font-weight:normal; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
text.blank2 {background-color:none; font-family:verdana; color: #9900FF; font-size:0.9rem; letter-spacing:0px; font-weight:normal; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
text.b6 {background-color:none; font-family:verdana; font-size:1.5rem; color: #ff0000; font-weight:bold; letter-spacing:0px; text-decoration:none; border:solid 0px #eeeeee; border-radius:0px;}

text.b7 {background-color:none; font-family:verdana; font-size:1.3rem; color: #000000; font-weight:normal; letter-spacing:0px; text-decoration:none; border:solid 0px #eeeeee; border-radius:0px;}

text.b8 {background-color:none; font-family:verdana; font-size:1.3rem; color: #9933FF; font-weight:bold; letter-spacing:0px; text-decoration:none; border:solid 0px #eeeeee; border-radius:0px;}

text.b9 {background-color:none; font-family:verdana; font-size:1.3rem; color: #0066FF; font-weight:normal; letter-spacing:0px; text-decoration:none; border:solid 0px #eeeeee; border-radius:0px;}

text.h1 {background-color:none; font-family:verdana; color: #cc0000; font-size:2rem; letter-spacing:2px; font-weight:bold; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
td.h2 {background-color: #66CCFF; font-family:arial; font-size:1.3rem; letter-spacing:2px; font-weight:bold;}

text.car {background-color: #0099FF; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.dan {background-color: #00CC00; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.mus {background-color: #ff00FF; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.pai {background-color: #FF0000; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.pho {background-color: #9966ff; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.scu {background-color: #666666; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}
text.the {background-color: #FF9900; font-family:arial; color: #ffffff; font-size:1.2rem; letter-spacing:1px; font-weight:bold; border-radius:9px;}

text.act1 {background-color: none; font-family:arial; color: #ff0000; font-size:1.2rem; letter-spacing:2px; font-weight:bold;}
text.act2 {background-color: none; font-family:arial; color: #333333; font-size:1.2rem; letter-spacing:2px; font-weight:bold;}

td.borxxx {background-color:none; color:#cccccc; font-family:arial; font-size:10px; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#eeeeee; border-style:solid; border-width:1px;}

a:link.car {background-color:none; font-family:arial; font-size:1.1rem; color:#0099FF; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:visited.car {background-color:none; font-family:arial; font-size:1.1rem; color:#0099FF; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.car {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.car {background-color:none; font-family:arial; font-size:1.1rem; color:#0099FF; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.dan {background-color:none; font-family:arial; font-size:1.1rem; color:#00cc00; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:visited.dan {background-color:none; font-family:arial; font-size:1.1rem; color:#00cc00; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.dan {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.dan {background-color:none; font-family:arial; font-size:1.1rem; color:#00cc00; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.mus {background-color:none; font-family:arial; font-size:1.1rem; color:#ff00ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;} 
a:visited.mus {background-color:none; font-family:arial; font-size:1.1rem; color:#ff00ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.mus {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.mus {background-color:none; font-family:arial; font-size:1.1rem; color:#ff00ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.pai {background-color:none; font-family:arial; font-size:1.1rem; color:#ff0000; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;} 
a:visited.pai {background-color:none; font-family:arial; font-size:1.1rem; color:#ff0000; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.pai {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.pai {background-color:none; font-family:arial; font-size:1.1rem; color:#ff0000; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.pho {background-color:none; font-family:arial; font-size:1.1rem; color:#9966ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:visited.pho {background-color:none; font-family:arial; font-size:1.1rem; color:#9966ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.pho {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.pho {background-color:none; font-family:arial; font-size:1.1rem; color:#9966ff; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.scu {background-color:none; font-family:arial; font-size:1.1rem; color:#666666; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:visited.scu {background-color:none; font-family:arial; font-size:1.1rem; color:#666666; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.scu {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.scu {background-color:none; font-family:arial; font-size:1.1rem; color:#666666; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

a:link.the {background-color:none; font-family:arial; font-size:1.1rem; color:#ff9900; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:visited.the {background-color:none; font-family:arial; font-size:1.1rem; color:#ff9900; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}
a:hover.the {background-color:none; font-family:arial; font-size:1.1rem; color:#000000; font-weight:normal; letter-spacing:0px; text-decoration: none; border-radius:6px;} 
a:active.the {background-color:none; font-family:arial; font-size:1.1rem; color:#ff9900; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:6px;}

{PROFILE}

text.d1 {background-color:#eeeeee; color:#cc11cc; font-family:arial; font-size:22px; letter-spacing:5px; font-weight: normal; text-decoration:none; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; border-style:solid; border-color:#cccccc; border-width:0px;}

img.photo {background-color:none; border-color:#bbbbbb; border-style:solid; border-width:1px;}

text.d2 {background-color:none; font-family:verdana; font-size:13px; color: #333333; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:0px;}

div.d3 {background-color:#eeeeee; color:#cc11cc; font-family:arial; font-size:16px; letter-spacing:5px; font-weight: normal; text-decoration:none; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; border-style:solid; border-color:#cccccc; border-width:0px;}

div.d4 {background-color:none; font-family:verdana; font-size:12px; color: #000000; font-weight:normal; letter-spacing:0px; text-decoration:none; border-radius:0px;}

a:link.d {background-color:none; font-family:arial; font-size:13px; color:#333333; font-weight:normal; letter-spacing:1px; text-decoration:none; border-radius:6px;} 
a:visited.d {background-color:none; font-family:arial; font-size:13px; color:#333333; font-weight:normal; letter-spacing:1px; text-decoration:none; border-radius:6px;}
a:hover.d {background-color:none; font-family:arial; font-size:13px; color:#ff0000; font-weight:normal; letter-spacing:1px; text-decoration: underline; border-radius:0px;} 
a:active.d {background-color:none; font-family:arial; font-size:13px; color:#333333; font-weight:normal; letter-spacing:1px; text-decoration:none; border-radius:6px;}

a:link.buy {background-color: #FFFF99; font-family:verdana; color: #ff0000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px; border-radius:10px;} 
a:visited.buy {background-color: #FFFF99; font-family:verdana; color:#ff0000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px; border-radius:10px;} 
a:hover.buy {background-color: #FF0000; font-family:verdana; color:#ffffff; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px; border-radius:10px;} 
a:active.buy {background-color: #FFFF99; font-family:verdana; color:#ff0000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px; border-radius:10px;}

{GALLERY}

text.guid {background-color: none; font-family:verdana; color: #cc0000; font-size:1.5rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#none; border-style:solid; border-width:0px;}

text.guid1 {background-color:none; font-family:verdana; color: #006699; font-size:1.4rem; letter-spacing:0px; font-weight:normal; font-style: none;
 text-decoration:none; margin-top:0px; margin-bottom:0px; border-style:double; border-color:#666666; border-width:0px;}
 
text.guid2 {background-color: none; font-family:verdana; color: #ff0000; font-size:1.7rem; font-weight:bold; letter-spacing:0px; text-decoration:none; border-color:#none; border-style:solid; border-width:0px;} 

table.t1 {background-color: none; font-family:verdana; color: #000000; font-size:1.2rem; font-weight:normal; letter-spacing:0px; text-decoration:none; margin-top:0px; margin-bottom:0px; border-color: #ffeeee; border-style:solid; border-width:0px; border-collapse:collapse}

.td1 {background-color: none; font-family:verdana; color: #000000; font-size:1.2rem; font-weight:normal; letter-spacing:0px; text-decoration:none; padding:15px; margin-top:0px; margin-bottom:0px; border-color: #eeeeee; border-style:solid; border-width:1px; border-collapse:collapse}

.td2 {background-color: none; font-family:verdana; color: #000000; font-size:1.2rem; font-weight:normal; letter-spacing: 0rem; text-decoration:none; padding:10px; margin-top:0px; margin-bottom:0px; border-color: #eeeeee; border-style:solid; border-width:0px; border-collapse:collapse}

.td3 {background-color: none; font-family:arial; color: #000000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; padding:0px; margin-top:0px; margin-bottom:0px; border-color: #eeeeee; border-style:solid; border-width:0px; border-collapse:collapse}

text.det {background-color:none; font-family:verdana; color: #cc0000; font-size:12px; font-weight:normal; letter-spacing:0px; text-decoration:none; margin-top:0px; margin-bottom:0px; border-color:none; border-style:solid; border-width:0px;}

img.works {
        padding: 0; margin:0;
        background-repeat:repeat-y;
        background-color:#ffffff;
        border: 1px solid #cccccc;
        box-shadow: 5px 5px 5px #aaaaaa; border-radius:0px;
		}
		
.works:hover {
 background-color:#ffffff;
 color:#ff0000;  
 box-shadow:0 0px 10px 0 rgba(0,0,0,0.2),0 0px 10px 0 rgba(0,0,0,0.19);
}


img.photoxxx {background-color:none; border-color:#666666; border-style:solid; border-width:1px;}

img.profile {background-color:none; border-color: #FF0000; border-style:solid; border-width:1px;}

text.profile {background-color:none; font-family:verdana; color: #FF0000; font-size:1rem; font-weight:bold; letter-spacing:1px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px;}

a:link.profile {background-color:none; font-family:arial; color:#000000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px;} 
a:visited.profile {background-color:none; font-family:arial; color:#000000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px;} 
a:hover.profile {background-color:none; font-family:arial; color:#ff0000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px;} 
a:active.profile {background-color:none; font-family:arial; color:#000000; font-size:1.1rem; font-weight:normal; letter-spacing:0px; text-decoration:none; border-color:#999999; border-style:solid; border-width:0px;}



.profile:hover {
 background-color:#ffffff;
 color:#ff0000;  
 box-shadow:0 0px 10px 0 rgba(0,0,0,0.2),0 0px 10px 0 rgba(0,0,0,0.19);
}



#mySidenav a {
  position: fixed;
 right: -110px;
  transition: 0.3s;
  padding: 20px;
  width: 90px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 10px 0px 0px 10px;
}
#mySidenav a:hover {
  right: 0;
}
#buy {
  top: 165px;
  background-color: #337ab7;
}

#guest {
  top: 236px;
  background-color: #337ab7;
}



{FOOTER}

text.ft {background-color:none; font-family:verdana; color: #CCCCCC; font-size:12px; font-weight:normal; letter-spacing:0px; text-decoration:none; margin-top:0px; margin-bottom:0px; border-color:none; border-style:solid; border-width:0px;}

text.sp {background-color:none; font-family:verdana; color: #FF0000; font-size:12px; font-weight:normal; letter-spacing:0px; text-decoration:none; margin-top:0px; margin-bottom:0px; border-color:none; border-style:solid; border-width:0px;}

a:link.ftd {background-color: none; font-family:verdana; color: #cccccc; font-size:12px; letter-spacing:0px; font-weight:normal; text-decoration:none;} 
a:visited.ftd {background-color: none; font-family:verdana; color: #cccccc; font-size:12px; letter-spacing:0px; font-weight:normal; text-decoration:none;}
a:hover.ftd {background-color: none; font-family:verdana; color: #ff0000; font-size:12px; letter-spacing:0px; font-weight:normal; text-decoration: underline;} 
a:active.ftd {background-color: none; font-family:verdana; color: #cccccc; font-size:12px; letter-spacing:0px; font-weight:normal; text-decoration:none;}

text.ftv {background-color:none; font-family:verdana; font-size: 12px; color: #00FF00; font-weight:bold; letter-spacing:0px; text-decoration:none; border-radius:9px;}


{LIGHTBOX}
.lightbox-trigger img {
  border: 1px solid #fff;      /* 3px thick, dark gray border */
  border-radius: 0px;          /* optional: rounded corners */
  padding: 1px;                /* optional: space between image and border */
  background: #fff;            /* optional: background behind padding */
  box-shadow: 0 2px 10px rgba(0,0,0,0.3); /* optional: soft shadow */
}

#artImg {
  border: 1px solid #fff;     /* 4px dark border */
  border-radius: 0px;        /* optional: rounded corners */
  padding: 1px;               /* optional: space inside border */
  background: #fff;           /* white background */
  box-shadow: 0 2px 10px rgba(0,0,0,0.3); /* optional: soft shadow */
}

img.img-circle {
  border: 1px solid  #99CCFF;     /* 3px gray border */
  padding: 0px;               /* space between image and border */
  background: #ff0000;           /* white background behind the padding */
}

@media (max-width: 991px) {
  #artModal .modal-body .col-md-7 {
    margin-bottom: 20px !important;
  }
}

.modal { position: relative; }  /* Wrong - breaks Bootstrap */
.modal-dialog { margin-top: 50px; }  /* Can push it down */



#prevArtx, #nextArtx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #fff;
  border: none;
  font-size: 30px;
  text-shadow: 0 0 8px rgba(0,0,0,0.9);
  z-index: 10;
}
#prevArtx { left: 10px; }
#nextArtx { right: 10px; }
#prevArtx:hover, #nextArt:hover {
  color: #ddd;
}
#prevArtx:disabled, #nextArt:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}


#prevArtx, #nextArtx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #fff;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 30px;
  text-shadow: 0 0 8px rgba(0,0,0,0.9);
  z-index: 10;
}
#prevArtx { left: 10px; }
#nextArtx { right: 10px; }

#prevArtx:focus, #nextArt:focus,
#prevArtx:active, #nextArt:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


#prevArtx::before, #prevArt::after,
#nextArtx::before, #nextArt::after {
  content: none !important;
  display: none !important;
}



a, a:focus, a:active {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
}