/*
 * Theme Name:   UB Twenty Twelve Theme
 * Description:  UB WordPress Theme Based on Twenty Twelve
 * Template:     twentytwelve
 * Version:      1.0.1
 * */

@import url("../twentytwelve/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");
}

/* classes for the custom header--there is an overriding rule in media query below */
.ub-header-wrapper {
	background-color:#005BBB;
	border-bottom:1px;
	border-bottom-color:#fff;
	border-bottom-style:solid;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	text-align:center;
}
	
.ub-header {
	padding:7px; 
	width:960px;
	margin:auto;
	text-align:left;
}

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

.ub-header img {
height:35px;
width:322px;
}
	
body {
background-color:#fff;
background-image:url(images/bg-blue-white-gradient.jpg);
background-repeat:repeat-x;
font-family:Trebuchet MS; /* being overwritten, see below */ 
}

body .site {
margin-top:0px;
}

body.custom-font-enabled {
font-family: Trebuchet MS;
color: rgb(83, 83, 83);
}

h1.site-title {
font-weight:normal;
font-family:DINWeb-Light;
letter-spacing: -1px;
font-size:1.9em;
color: rgb(102, 102, 102);
}

h2.site-description {
color:#777;
font-size:1.2em;
font-family:"Trebuchet MS", Arial;
}

.entry-content h2 {
font-family:DinWeb;
font-size:1.4em;
font-weight:normal;
}

.site-header {
text-decoration:none;
padding:30px 0px 20px 0px;
}

/* dark gray gradient */ /*RWD rule below to hide */ 
.nav-menu {
background: #6b6b6b; /* Old browsers */
background: -moz-linear-gradient(top,  #6b6b6b 0%, #4b4b4b 69%, #4b4b4b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(69%,#4b4b4b), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6b6b6b 0%,#4b4b4b 69%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6b6b6b 0%,#4b4b4b 69%,#4b4b4b 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6b6b6b 0%,#4b4b4b 69%,#4b4b4b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6b6b6b 0%,#4b4b4b 69%,#4b4b4b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */ font-family:DINWeb; height:31px;
border-top:#777 solid 1px;
}

.main-navigation div.nav-menu > ul {
border:0px;
}

.main-navigation li {
font-size:1em;
padding:0px 20px;
margin:0px;
border-right: 1px solid #888;
}

.main-navigation li a {
border-bottom: 0px none;
color:#fff;
text-transform:none;
line-height: 31px;
}

/* color of text showing current page */ 
.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:#4966a0; font-style:normal; font-weight:normal; }

/* color of current tab background */
.nav-menu .current_page_item, .nav-menu .current_page_ancestor, .nav-menu .current-menu-item, .nav-menu .current-menu-ancestor { background-color:#fff; }

/* body text */
p {
font-size:.9em;
line-height:1.2em;
}

/* intro text */
.intro-text {
font-family:Georgia;
font-size:1.2em;
}

.entry-content a, .widget a {
	color:#3e6b97;
	text-decoration:none;
	border-bottom: 1px solid #c1d1e3;
	
}


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

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

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

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

/* Titles of pages and posts */

.entry-header .entry-title {
font-family: Georgia;
color:#555;
font-size: 2.1em;
padding-top:0px;
}

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

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

/* whole right column */

.widget-area {
width: 30%; 
/* breaks mobile, see below for fix */
}

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

.widget {
font-size:.7em;
color:#777;
/*background-color:#f1f6fc;*/
padding:1em;
background-color:#f4f4f4;
/*box-shadow: 0 10px 10px -10px #c5c5c5;*/
}

.widget-area .widget a {
color:#3e6b97;
border-bottom: 1px solid #C1D1E3;
}

.widget a:hover {
color:#3e6b97;
border-bottom: 1px solid #3e6b97;
}

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

#respond {
/* background-color:#e6e6e6;*/
}

#submit {
background:#aaa;
border:none;
color:#fff;
}

.archive-header {
/*background-color:#eee;*/
background-color:#fff;
color:#bbb;

}

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

/* headings in widgets in footer should be yellow */ 
.site-footer h3.widget-title {
color: #f7ffcc;
font-size:.9em;
}

.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
background-color: #9EBA29; /* covering up default reddish */ 
}

/* MOBILE STYLE -- 643 PX OR LESS */

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

/* remove explicit width for correct mobile display */
.ub-header {
background-color: #005bbb;
margin: auto;
padding: 7px;
text-align: left;
width: auto;
}

.hide-mobile {
display:none;
}

.logo {
width: 300px;
}

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

.widget-area {
width:100%;
}

.nav-menu {
background:#fff;
z-index:201;
position:fixed;
top:0px; left:0px;
width:100%;
height:0px;
}

/* style the home tab background color */ 
.nav-menu li {
background-color:#ddd; 
border-bottom:1px solid #777;
}

.nav-menu .page_object {
background-color:#ddd;
border-bottom:1px solid #777;
}

.main-navigation li {
font-size:1.1em;
/*padding:0px 13px;*/
margin:0px;
border: none;
}

.main-navigation li a {
border-bottom: 0px none;
color:#333;
text-transform:none;
/*line-height:2.2em;*/
}

/* color of text showing current page */ 
.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:#4966a0; font-style:normal; font-weight:normal; }

/* color of current tab background */
.nav-menu .current_page_item, .nav-menu .current_page_ancestor, .nav-menu .current-menu-item, .nav-menu .current-menu-ancestor { background-color:#fff; }

} /* end @media */


.nav-menu ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
  	border: 0px;
}

.nav-menu ul li a {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	color: #fff;
}