Just a bit confusing!
I've adjusted your code above to this:
body {
background: url('http://hhogan.com/beta/wp-content/uploads/2013/12/Zelda.jpg') fixed 0 0;
}
h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0px 0 transparent;
}
#main-wrapper {
color: rgba(0, 0, 0, 70);
background-color: rgba(0, 0, 0, 70);
margin-top: 50px ;
margin-bottom: 0px;
}
.tc-header .brand {
min-height: 0px;
background: #000000;
border-top: 10px solid #000000;
border-bottom: 0px solid #ffffff;
}
.navbar-inner {
background: url('http://hhogan.com/beta/wp-content/uploads/2013/12/an_afternoon_of_cut_and_paste_etc__by_mrcwatson-d4rrrbz.jpg') repeat;none
}
.carousel .item {
/* line-height: 1120px; Can't be right? max-height maybe? */
overflow: hidden;
min-height: 520px;
}
.carousel-caption {
background: rgba(0, 0, 0, 0.0);
}
footer#footer {
background: none repeat scroll 0 0 #000000;
/* delete one of next two lines - border or no-border */
border-top: 12px solid #000000;
border-top: none;
/* delete one of previous two lines - border or no-border */
color: #000000;
padding: 0px;
}
I've just published a Beginners Guide to CSS which might give you a start.