/* king style (purple,magenta,white,yellow) */
   

/* body all together */
body, h1, h2 {
  color: #4516CD;
  font-family: Verdana; 
  text-align: left;
  
 }

/* normal text preset */
body {
  font-size: 14px;
  background-color: #9276F7;
  
  border: 4px #8E47EE solid;
  margin: 20px;
  padding: 0px;
}

/* normal text */
p {
 font-weight: normal
}

/* big heading */
h1 {
  font-size: 40px;
  
  margin: 0px;
  padding: 20px;
}

/* smaller heading */
h2 {
  font-size: 25px;
  
  margin: 0px;
  padding: 20px;
}

/* images */
img {
  border: 4px #8E47EE solid;
}

/* images (hover) */
img:hover {
  border-color: yellow;
}



/* chunks i guess? */
article {
  border-top: 2px #8E47EE solid;
  border-bottom: 2px #8E47EE solid;
}



/* links (all) */
a:link, a:visited, a:hover, a:active {
  text-decoration: underline;
}

/* links (unvisited) */
a:link {
  
}

/* links (visited) */
a:visited {
  color: #B80100;
}

/* links (hover/focus) */
a:hover, a:focus {
  color: yellow;
}

/* links (currently clicking) */
a:active {
  color: #FFFFFF;
}


/* list (navigation) */
li {
  display: inline;
  padding: 15px;
  border: 2px #8E47EE solid;
}


/* use on specific word to italicize */
em {
  font-style: italic;
}

/* use on specifc words to Captialize Them */
strong {
  font-weight: bold;
  text-transform: capitalize;
}



/* bg presets (use id=) */
#BgYel, #BgWht, #BgPrp, #BgMag, #Content, #HeaderFooter {
  padding: 20px;
}

#BgYel {
 background-color: #F1BC84;
}

#BgWht {
  background-color: #DDADFF;
}

#BgPrp {
  background-color: #B960EE;
}

#BgMag {
  background-color: #DF6FEB;
}

/* block layout presets */
#Navigation {
  float: left;
  width: 100%;
  /* yellow */
  background-color: #F1BC84;
}

#Content {
  margin-right: 588px;
  /* white */
  background-color: #DDADFF;
}

#Gallery {
  float: right;
  width: 588px;
  /* purple */
  background-color: #B960EE;
}

#HeaderFooter {
  clear: both;
  /* magenta */
  background-color: #DF6FEB;
}

/* text presets (use class=) */