/* 
   IMPORTANT NOTICE
   This HTML5 and CSS layout is COPYRIGHT 2006-2020 Design215 Inc. 
   
   It MAY NOT be copied or used for any other web site without the express
   written permission of Design215 Inc. 954-630-3695 www.design215.com

   Design215.com CSS/110 stylesheet, v01.20.06 
   for 2020 Linkatopia.com site
   
   
   "Classic" Theme - updated 01.29.2022  (The original Linkatopia.com color scheme)
      
   -----------------------------------------------------------------------------

   
   Page Defaults and CSS Fixes
   ----------------------------------------------------------------------------- 
*/
::-moz-selection {
  background: #222; color:#ffffcc;
  text-shadow: none;
}
::selection {
  background: #222; color:#ffffcc;
  text-shadow: none;
}

/*
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 

*/
body {
  color:#555;
}
p,dl,ul,ol,table td,pre.p2,.xword,.xtitle,div.xarticle {
  color:#555;
}
p.p1,p.r1,p#bio {
  color:#222;
} 
p.p2,p.r2,p.rt {
  color:#222;
}  
p.p3,p.p4,p.blog,blockquote {
  color:#222;
}  
p.p5,p.c1,p.leader {
  color:#222;
}
h3,span.h3,.xbig,.hdate {
  color:#000;
}
  #footer h3 {
    color:#fff;
  }
h2.pinned,h2.bydate {
  border-bottom:1px dotted #444; 
}  
h2 {
  color:#000;
}
h1 {
  color:#000;
}
pre,code,div.xbox3,.ckBox,.formula {
  color:#006000;
}
.xsmall {
  color:#555;
}

#footer p {
  color:#aaa;
}
#footer p.xnav {
  color:#fff;
}
#footer a.w3 {
  color:#262626 !important;
}

.fbutton,.spopup {
  color:#222;
}
ul.alist li {
  color:#222;
}
div.navlinks p,
div.navlinks2 p {
  color:#ccc;
}

/* drop-down menus */
div.dropx,div.dropx a {
  color:#000;
}

/* Linkatopia tooltip menus */
#xtooltip p.tt1,
#xtooltip p.tt2,
div.tipmenu {
  color:#000;
}


/* 
   Type Selectors
   ----------------------------------------------------------------------------- 
   Define the defaults for HTML elements in this section. 
*/

html,body {
  color:#555; background:#363636;
}

/* default for all links */
a {
  text-decoration:none; font-weight:bold; color:#0047ea;
  cursor:pointer;
}
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#0047ea;}
a:hover {text-decoration:underline; font-weight:bold; color:#000;}

ul li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:98%;
  background:transparent url(images/bullet.gif) 0 2px no-repeat;
}
  
/* 
   Class and ID Selectors
   ----------------------------------------------------------------------------- 
   Define styles for all elements except the layout containers 
*/


  /* Style for link "buttons" like "Delete", etc */
  a.del {
    letter-spacing:1px; color:#fff;
    margin:0 1px -4px 4px; padding:10px 14px 10px 14px; background:#990000;
    border-radius:2px;
    cursor:pointer;
  }
  a.del:link,
  a.del:visited {text-decoration:none; font-weight:400; color:#fefefe;}
  a.del:hover   {
    text-decoration:none; font-weight:400; color:#fff; background:#cc0000;
  }
  a.del span {display:none;}

  /* Style for link "buttons" like "Save", "Go", etc */
  input.btn2 {
    line-height:14px; vertical-align:middle;
    letter-spacing:1px; color:#fff; font-weight:400;
    margin:0 1px 0 2px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:2px; border:0;
    cursor:pointer;
  }

  a.btn2 {
    letter-spacing:1px; color:#fff;
    margin:0 1px -4px 4px; padding:10px 14px 10px 14px; background:#0088ed;
    border-radius:2px;
    cursor:pointer;
  }
  a.btn2:link,
  a.btn2:visited {text-decoration:none; font-weight:400; color:#fdfdfd;}
  a.btn2:hover   {
    text-decoration:none; font-weight:400; color:#fff; background:#00cc00;
  }

  a.btn3 {
    letter-spacing:1px; color:#fff;
    margin:0 1px -4px 4px; padding:10px 14px 10px 14px; background:#555;
    border-radius:2px;
    cursor:pointer;
  }
  a.btn3:link,
  a.btn3:visited {text-decoration:none; font-weight:400; color:#fdfdfd;}
  a.btn3:hover   {
    text-decoration:none; font-weight:400; color:#fff; background:#00cc00;
  }

  /* Style for button once submitted */
  a.btnfade {
    letter-spacing:1px; color:#444;
    margin:0 1px 0 4px; padding:10px 14px 10px 14px; background:#2c2c2c;
    border-radius:2px;
  }
  a.btnfade:link,
  a.btnfade:visited {text-decoration:none; font-weight:400; color:#444;}
  a.btnfade:hover   {
    text-decoration:none; font-weight:400; color:#444; background:#2c2c2c;
  }


/* user links */
a.k:link {text-decoration:none; font-weight:normal; color:#0000aa;}
a.k:visited {text-decoration:none; font-weight:normal; color:#6600aa;}  
a.k:hover {text-decoration:underline; font-weight:normal; color:#000;}


/* tag links, public */


/* tag links under each user link */
a.a2 {color:#008000;}
a.a2:link,
a.a2:visited {text-decoration:none; font-weight:bold; color:#008000;}  
a.a2:hover {text-decoration:underline; font-weight:bold; color:#008000;}


/* links with a folder icon */
a.f1 {
  margin:0; padding:2px 0 6px 18px; line-height:18px;
  background:transparent url(images/folder.gif) 0 4px no-repeat;
}
a.f1:link,
a.f1:visited {text-decoration:none; font-weight:bold; color:#0047EA;}  
a.f1:hover {
  text-decoration:underline; font-weight:bold; color:#000;
  background:transparent url(images/folder2.gif) 0 4px no-repeat;
}

.navlinks2 a.style_print:hover {text-decoration:none;}


/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#aaa;}
#footer a:hover {text-decoration:underline; color:#fff;}
  
/* W3C validation links */
#footer a.w3:link,
#footer a.w3:visited {text-decoration:none; color:#363636;}
#footer a.w3:hover {text-decoration:none; color:#fff;}


div.xline { /* accent line */
  height:1px; line-height:1px;
  margin:3px; padding:0 0 3px 0;
  border-top:solid 1px #aaa;
}
div.xbox1 { /* forms boxes */
  width:90%; 
  padding:4px 8px 4px 8px; 
  border:solid 1px #aaa; background:#fff;
}

div#pg2 {
  background-color:rgb(255,255,255,1);
}
div.xbox2 { /* tags box */
  position:relative;
  margin:0 6px 0 4px; padding:2px 2px 4px 2px; 
  border:solid 1px #000099; 
  background:rgb(226,231,255,0.9);
}
  div.xbox2 p.xblock,
  div.xbox2 div.C_small4 p {
    color:#9999bb;
  }

div.xbox3 { /* friends box */
  margin:0 6px 0 4px; padding:2px 2px 4px 2px; 
  border:solid 1px #88cc88; 
  background:rgb(188,234,155,0.9);
}
  div.xbox3 p {
    margin:4px 2px 4px 2px;
  }    

div.xbox4 { /* popular/suggested tags box */
  margin:0 6px 0 4px; padding:2px 2px 4px 2px; 
  border:solid 1px #bbbb44; 
  background:#ffffcc;
}
  div.xbox4 p {
    margin:4px 2px 4px 2px;
  }    
  div.xbox4 p.xblock {
    color:#999988;
  }
  

/* Linkatopia folder icon */
span.fldr1 {
  margin:0; padding:0 0 2px 15px; 
  background:transparent url(images/linkatopia_folder.png) no-repeat;
}

span.xl {font-weight:bold; color:#0047ea;}  

ul.alist li {
  margin:2px 0 8px 0; padding:1px 0 0 22px; width:90%;
  background:transparent url(images/star.png) 0 3px no-repeat;
}
  
ul.blist {
  margin:4px 0 0 0; padding:0;
}
ul.blist li,ul.clist li {
  margin:2px 0 2px 0; padding:2px 0 2px 20px; width:90%;
  background:transparent url(images/check.png) 0 3px no-repeat;
}

ul.alist li.blank,ul.blist li.blank {
  background:transparent;
}
  
/* left aligned image with bullet list on the right */
ul.dlist {
  margin:4px 0 0 0; padding:0;
}
ul.dlist li {
  margin:2px 0 2px 0; padding:1px 0 0 12px; width:250px;
  background:transparent url(images/bullet04.gif) 0 2px no-repeat;
}

/* Blog posts and lists */
span.postdate {
  padding:0 0 0 20px;
  background:transparent url(images/date.png) 0 2px no-repeat;
}


/* Form fields */

.boxBlur {
  border:1px solid #aaa; color:#000; background:#eee;
}
.boxBlurDisable {
  border:1px solid #555; color:#444; background:#aaa;
}
.boxBlur:focus,.boxFocus {
  border:1px solid #aaa; color:#000; background:#ffffcc;
}
.boxBlurR {
  border:1px solid #555; color:#ccff66; background:#212121;
  text-align:right;
}
.boxBlurR:focus,.boxFocusR {
  border:1px solid #ccff66; color:#fff; background:#003300;
  text-align:right;
}
  .boxError,.boxErrorR {
    border:1px solid #ff0000; background:#ffcccc; 
  }
  .boxErrorR {
    text-align:right;
  }
  .boxRequired,.boxRequiredR {
    border:1px solid #ff0000; color:#fff; background:#212121; 
  }
  .boxRequiredR {
    text-align:right; 
  }
  .boxRequired:focus,.boxRequiredR:focus {
    border:1px solid #ff0000; color:#fff; background:#000; 
  }
  .boxRrequiredR:focus {
    text-align:right;
  }
  .boxDisable {
    display:none;
  }
  .boxHidden {
    visibility:hidden;
  }
  .boxClear {
    text-align:right;
    border:1px solid #000; color:#fff; background:#212121;
  }

.fbutton {
  border:1px solid #666; color:#0047ea; background:#eee;
}


/* Radio Buttons */
label.radio {
  display:block; margin:6px 0 10px 0;
  font-size:18px;
  cursor:pointer;
}
input[type="radio"]:not(old) {
  display:none;
}
input[type="radio"]:not(old)+span:before {
  display:inline-block;
  content: url('images/radio-unselected.png');
  width:30px; height:22px;
  margin:0; padding:0;
  vertical-align:middle;
}
input[type="radio"]:not(old):checked+span:before {
  content: url('images/radio-selected.png');
}

/* Checkboxes */
label.ckbox {
  display:block; margin:6px 0 10px 0;
  font-size:18px;
  cursor:pointer;
}
input[type="checkbox"]:not(old) {
  display:none;
}
input[type="checkbox"]:not(old)+span:before {
  display:inline-block;
  content: url('images/checkbox.png');
  width:36px; height:28px;
  margin:0; padding:0;
  vertical-align:bottom;
}
input[type="checkbox"]:not(old):checked+span:before {
  content: url('images/checkbox-checked.png');
}
  
/* Misc Classes */

.border1 {  /* used for images instead of border="1" */
  border:1px solid #666;
}

.counter {color:#aaa;}

.norm {color:#555;}

.xdash {border:1px dashed #000;} 

.xline {
  border-bottom:1px solid #888;
}
.xred {color:#ff0000;} /* form errors */
.xword {color:#ddd;}

.xgo {color:#008000;}  /* confirmation messages */
.xgo2 {color:#429a00; font-weight:bold;}  /* accent text */
  

/* 
   Containers for this layout
   -----------------------------------------------------------------------------
   For this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/

/* Page Header, full width of container, OUTSIDE OF CONTAINER */
#pagehead {
  background:#6fb54c url(images/headerbox2.png) top center no-repeat;
}
    div.ava img.bdr {
      border:4px solid #fff; background:#fff;
    }
    
#container {
  background:#fff;
  border-bottom:1px solid #444;
  box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}

    /* Full width container CLASS for full width backgrounds */
    div.contentbg {
    }
                   
/* Footer, new HTML5 */
#footer {
  background:#363636;
}

    
/* 
   Page specific styles
   -----------------------------------------------------------------------------
   Define styles and style groups that are only used on certain pages
*/

/* add_popup.php, v09.26.2020 */
#pag_addpopup {
  background:#fff;
}
#xmainpop {
  background:#fff;
}


@media only screen and (max-width:980px) {
  #pagehead {
    height:80px;
    border-bottom:1px solid #444;
    background:#6fb54c url(images/headerbox2.png) -180px -40px no-repeat;
  }
    body.userpage #pagehead { 
      height:180px;
    } 
}