/*
 Theme Name:   UB Twenty Thirteen Theme
 Description:  UB WordPress Theme Based on Twenty Thirteen
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

@import url("../twentythirteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family: "DINWeb-Light";
    src: url("fonts/DINWeb-Light.woff");
}

@font-face {
    font-family: "DINWeb";
    src: url("fonts/DINWeb.woff");
}

@font-face {
    font-family: "DINWeb-Bold";
    src: url("fonts/DINWeb-Bold.woff");
}

@media only screen and (max-width: 500px) {

.hide-mobile {
display:none;
}

.logo {
width: 300px;
}

h2.site-description {
margin: 0 0 1em;
Font-size:.5em;
}

}

body {
    background-color: #FFFFFF;
    background-image: url("images/bg-blue-white-gradient.jpg");
    background-repeat: repeat-x;
    color: #535353;
    font-family: Trebuchet MS;
}

.ub-header-wrapper {
    background-color: #005bbb;
    border-bottom: 1px solid #FFFFFF;
	height:48px;
}

.ub-header {
    margin: 0 auto;
    max-width: 1600px;
    padding: 6px;
}

.ub-header a:hover {
    text-decoration: none;
}

.ub-header img {
height:35px;
width:322px;
}

.site-header .home-link {
    min-height: 110px;
}

h1.site-title {
    color: #666666;
    font-family: DINWeb-Light;
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: -1px;
    padding-bottom: 0.2em;
    padding-top: 1em;
}

.site-header .site-title:hover {
    text-decoration: none;
}

.entry-content a, .widget a {
    border-bottom: 1px solid #C1D1E3;
    color: #3E6B97;
    line-height: 1.4em;
    text-decoration: none;
}

#navbar.navbar {
    background-color: #E5E5E5;
    font-family: DINWeb;
}

.nav-menu li:hover > a, .nav-menu li a:hover {
    background-color: #9EBA29;
    color: #FFFFFF;
}

.nav-menu
 .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor
> a {
    color: #829E0F;
    font-style: normal;
}

.nav-menu .current_page_item, .nav-menu .current_page_ancestor, .nav-menu .current-menu-item, .nav-menu .current-menu-ancestor { }

.nav-menu .current_page_item {
color: #9EBA29;
}

/* replaces orange-red links for next article */
.navigation a {
color: #3E6B97;
}

/* replaces orange-red link on usernames, comments area */ .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
color: #3E6B97;
}

p {
    font-size: 0.85em;
}

.entry-meta a {
    border-bottom: 1px solid #C1D1E3;
    color: #3E6B97;
    line-height: 1.4em;
    text-decoration: none;
}

.entry-meta a:hover {
    border-bottom: 1px solid #3E6B97;
    color: #3E6B97;
    text-decoration: none;
}

#secondary.sidebar-container {
    background-color: #555555;
}

#secondary.sidebar-container a {
    color: #FFFFFF;
}

h1.entry-title {
    color: #555555;
    font-family: Georgia;
    font-size: 1.9em;
    padding-top: 0;
}

h1.entry-title a {
    color: #555555;
}

h1.entry-title a:hover {
    color: #555555;
}

.widget .widget-title {
    color: #333333;
    font: 1.2em DINWeb,Helvetica,sans-serif;
    letter-spacing: 1px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.widget {
    background-color: #F1F6FC;
    color: #777777;
    font-size: 0.7em;
}

.widget a {
    border-bottom: medium none;
    color: #3E6B97;
    text-decoration: none;
}

.widget a:hover {
    color: #3E6B97;
    text-decoration: underline;
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #777777;
    font-size: 0.7em;
    font-style: italic;
    margin-top: 0.7em;
}

#respond {
    background-color: #E6E6E6;
}

#submit {
    background: none repeat scroll 0 0 #9EBA29;
    border: medium none;
}

.archive-header {
    background-color: #FFFFFF;
    color: #BBBBBB;
}

h1.archive-title {
    font-family: DINWeb-Bold;
    font-size: 0.7em;
    font-style: normal;
    padding: 0.5em;
    text-transform: uppercase;
}

.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
    background-color: #9EBA29;
}

/* replace weird color around input and comment boxes with a neutral gray.
 * Focus still odd */
button, input, textarea {
border: 2px solid #CCCCCC;
}

.site-footer .widget {
box-shadow: 0 0 0 0;
font-size: 0.9em;
}

/* makes H2 footer colors yellow, bold */
.site-footer h3.widget-title {
color: #FFFFCC;
font-size: 0.9em;
font-weight: bold;
}

/* Change footer color to same light blue as the widget boxes */ .site-footer {
background-color: #F1F6FC;
color: #686758;
font-size: 14px;
text-align: center;
}