/* THIS IS IN ORDER FROM TOP TO BOTTOM. (elements within elements such as "h4 or .rightHead" go underneath what they are contained in.) Extra stuff goes at the bottom. */

body {
  background-image: 
    url("https://f4.bcbits.com/img/0023809278_130.jpg");
    background-color: #231F1C; 
    background-attachment: fixed;  
  text-shadow: 1px 1px #000000;
  color: #BBA87C;
}


/* this is the site title at the top of the screen */
#header, #hSub {
  background: #212121;
  border: 1px solid  #000000; 
}



/* this is the part of the ui with my pfp */

.short {
  background: #231F1C;
}

.shortRight {
  color: #D38E54;
}

#name.uName {
  color: #BFEBA4;
}


/* this is the entire blurbs box with the about me and stuff */

.box.blurbs {
  background: #231F1C;
}


/* this is the entire friends box */

.box.fwiends {
  background: rgba(60, 34, 109, 0.85);
  border: 5px solid  rgba(21, 30, 61, 0.7); 
}


/* friend count */

.fwiendCount {
  font-size: 0px;
}

/* this is the "moss's blurbs" and "moss's Fwiends Space text */

.rightHead {
  color: #BFEBA4;
  background: #231F1C;
}


/* h4 is "About me:" and "Who I'd like to meet:" */

h4 {
  color: #104a8e;
  background: rgba(21, 30, 61, 0.6);
}


/* this is the contacting moss area */

.boxInfo.box {
  background: rgba(60, 34, 109, 0.85);
  border: 5px transparent  #AA336A;
}


/* this is the actual background of the "Contacting moss" text */

.boxHead {
  background: rgba(21, 30, 61, 0.7);
}


/* these are the contacting moss buttons */

#sMsg.boxButton{
  color: red;
}

#url.box a{
  color: red;
}

#report.boxButton{
  color: red;
}

#block.boxButton{
  color: red;
}

#add.boxButton{
  color: red;
}


/* this is the box with the url */

.url.box {
  background: rgba(60, 34, 109, 0.85);
  color: white;
  border: 5px solid  rgba(21, 30, 61, 0.7);
}

/* hopefully less stupid way of making the comments have a background. update: it didnt work for the background but ill use this for the comments border. update 2: the border idea sucked because it's too far away from the pfps and comments themselves so im removing it. bye bye!!! */


.tableLeft {
  background: rgba(60, 34, 109, 0.7);
  border: 4px solid  rgba(21, 30, 61, 0.7);
  color: white;
}

.tableRight {
  background: rgba(60, 34, 109, 0.7);
  border: 4px solid  rgba(21, 30, 61, 0.7);
  color: white;
}


/* these are the entire left and right sections of the page */
.topLeft{
  background: #231F1C;
  border: 0px solid #000000;
}

.topRight{
  background: rgba(60, 34, 109, 0.0);
}










/* LINK STUFF */

/* unvisited link */
a {
  color: hotpink;
}

a:link {
  color: lightred;
}

/* visited link */

a:visited {
  color: lightred;
}

/* mouse over link */

a:hover {
  color: red;
}

/* selected link */

a:active {
  color: darkred;
}