/* normal style (yellow/orange/red) */
   

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

/* normal text preset */
body {
  font-size: 14px;
  background-color: #F87B54;
  
  border: 4px #CC2B12 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 #CC2B12 solid;
}

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



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



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

/* links (unvisited) */
a:link {
  color: #FBCF74;
}

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

/* links (hover/focus) */
a:hover, a:focus {
  color: #52FFBB;
}

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


/* list (navigation) */
li {
  
}


/* 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=) */
#BgRed, #BgOrg, #BgYel, #BgGrn, #BgCyn, #BgBlu, #BgPrp, #BgMag, #Content, #HeaderFooter {
  padding: 20px;
}

#BgRed {
 background-color: #D9481F;
}

#BgOrg {
 background-color: #FE7E01;
}

#BgYel {
 background-color: orange;
 /* darker text (red) */
 color: #D9481F;
}

#BgGrn {
  background-color: #AFC133;
  /* darker text (blue) */
  color: #5D8BD5;
}

#BgCyn {
  background-color: #5DD5D4;
  /* darker text (purple) */
  color: #A977D4;
}

#BgBlu {
  background-color: #5D8BD5;
}

#BgPrp {
  background-color: #A977D4;
}

#BgMag {
  background-color: #E073EC;
}

/* 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=) */