batharoy

May take a few minutes for reply as I test changes on your site before posting.

/*Font color and style*/
body {
    color: #707070;
    font-family: 'Open Sans', sans-serif;
}

Last changes did show when I refreshed the page.

/*Sidebar widget icons orange*/
.widget h3:before {
    color: #F25C27;
}
/*All links orange color*/
a {
    color: #F25C27;
}
/*Body background black*/
body {
    background: #000;
}
/*Removes text shadow for a cleaner text look*/
* {
    text-shadow: none !important;
}

I think this will do most of what you want:

.navbar-inner {
    background: #F25C27;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.tc-header.clearfix.row-fluid {
    background: #F25C27;
}
.site-logo img {
    width: auto;
    height: auto;
}
.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
}
.navbar .nav > li > a:hover {
    color: #fff;
    background: #000;
}
.caret {
    border-top: 4px solid  #fff;
}
.navbar .nav li.dropdown .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-wrapper .navbar h2 {
    color: #fff;
    text-shadow: none;
}
.social-block a {
    color: #000;
    text-shadow: none;
}

The “Tags” associated with the theme mention left sidebar, right sidebar.

.main-navigation ul li a {
    font-size: 20px;
}

You should not use the Appearance > Editor method unless you have a child-theme activated. Those edits will be erased if the theme is updated.

That being said you can create a child-theme or use a custom css plugin like Simple Custom CSS.

Try this one:
<iframe width="560" height="315" src="http://www.youtube.com/embed/vZWy0cfXRkU?autoplay=1&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>