Blue dot above my header

What happens when you add a site title through the dashboard?

Nothing. It already has a site title. When I get rid of the site title, nothing changes.

Do you have a section of the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?

Yeah. Through my theme under “layout” there is a “custom.css” section. This is everything that is in it.

.entry-title a {
	color:#000;
}

.entry-title a:hover {
	color:#787ca1;
}

/* LIST #4 */
#list4 { width:320px; font-family:Georgia, Times, serif; font-size:15px; }
#list4 ul { list-style: none; }
#list4 ul li { }
#list4 ul li a { display:block; text-decoration:none; color:#ffffff; background-color:#1f2663; line-height:30px;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; }
#list4 ul li a:hover { color:#e3e3e3; background-image:url(../images/hover.png); background-repeat:repeat-x; }
#list4 ul li a strong { margin-right:10px; }

/* LIST #8 */
#list8 {  }
#list8 ul { list-style:none; }
#list8 ul li { font-family:Georgia,serif,Times; font-size:18px; }
#list8 ul li a { display:block; width:300px; height:28px; background-color:#333; border-left:5px solid #222; border-right:5px solid #222; padding-left:10px;
  text-decoration:none; color:#bfe1f1; }
#list8 ul li a:hover {  -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;
  -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;
  transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }

/* LIST #9 */
#list9 {  }
#list9 ul {
  list-style-type: none;
  background: #1f2663;
  background: -moz-linear-gradient(#1f2663, #626791);
  background: -webkit-gradient(linear, left top, left bottom, from(#1f2663), to(#626791));
  background: -webkit-linear-gradient(#1f2663, #626791);
  background: -o-linear-gradient(#1f2663, #626791);
  background: -ms-linear-gradient(#1f2663, #626791);
  background: linear-gradient(#1f2663, #626791);
  margin: 0;
  padding: 8px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
}

#list9 li {
  font: 200 18px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

#list9 li:last-child {
  border: none;
}

#list9 li a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  width: 325px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

#list9 li a:hover {
  font-size: 18px;
  background: #686868;
}

h1{
  position: relative;
  margin-left: -22px; /* 15px padding + 7px border ribbon shadow*/
  margin-right: -22px;
  padding: 15px;
  background: #1f2663;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-variant:small-caps;
  background: -moz-linear-gradient(#1f2663, #626791);
  background: -webkit-gradient(linear, left top, left bottom, from(#1f2663), to(#626791));
  background: -webkit-linear-gradient(#1f2663, #626791);
  background: -o-linear-gradient(#1f2663, #626791);
  background: -ms-linear-gradient(#1f2663, #626791);
  background: linear-gradient(#1f2663, #626791);
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
  text-shadow: 0 1px 0 #fff;
}

h1 { text-align: center
}
h1:before, h1:after{
  position: absolute;
  left: 0;
  bottom: -6px;
  content:'';
  border-top: 6px solid #555;
  border-left: 6px solid transparent;
}

h1:before{
  border-top: 6px solid #555;
  border-right: 6px solid transparent;
  border-left: none;
  left: auto;
  right: 0;
  bottom: -6px;
}
#slider .hentry {
	margin:0;
	box-shadow:none;
	background:none;
	border:none;
	color:#gggggg;
	text-align:right;
}

#slider .wp-post-image,
#slider .entry-attachment {
	position:relative;
	top:0;
	left:0;
	width:100%;
}

#slider .entry-attachment {
	z-index: 1;
}

#slider ul li:first-child .entry-container {
	display: block;
}

#slider .entry-title {
	display: none;
	position:absolute;
	top:32%;
	right:0;
	z-index:1;
	float:right;
	float:right;
	margin:0;
	font-family: "Open Sans", sans-serif;
	font-size:72px;
	line-height:1.62em;
        color: #000;
}

#slider .entry-title a {
	display:block;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
	color:#fff;
}

#slider .entry-summary {
	clear: both;
	float:right;
	max-width: 61.8%;
	min-width: 324px;
	padding:10px 20px;
	background:rgba(0, 0, 0, .15);
}

#slider .entry-summary .entry-attachment {
	position:static;
	max-width:100%;
	height:auto;
	padding:0;
	background:none;
}

#slider .entry-attachment,
#slider .entry-attachment p {
	margin-bottom:0;
}

At the bottom of that code, add this;

#site-title {
 display: none;
}

Fixed. Awesome. Thanks.