/*
Theme Name:     KOS-Responsive
Description:    
Author:         cinch
Template:       responsive

*/

@import url("../responsive/style.css");
@import url("../kos-responsive/style-responsive.css");

body {font-family: 'PT Sans Caption', sans-serif;color:#000;}

h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}

a, h1, h2, h3, h4, h5, h6 {color:#04457f;}

/* ========== banner  ===========*/
#logo {margin:46px 0 0;}
div.button-link {
  width:100px; 
  float:right;
  text-align:center;
  padding:4px 0;
  margin-left:6px; 
  margin-top:4px;
  background-color: #c0c0c0; /* Silver */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: linear-gradient(top, #eaeaea, #c0c0c0);
	border: 1px solid #9e9e9e;
	color: #444;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
	text-shadow: 0 1px 0 #fff;
}

.banner-call2action {float:right; text-align:right; font-size:1.5em;font-weight:500;margin-top:0px;line-height:1.4em;margin-top:-48px;}
.banner-call2action p {margin:0 0;color:#7e8489;padding-bottom:1em;}
.banner-call2action p span {color:#b20838;font-size:1.6em;}

@media screen and (max-width: 650px){
	.banner-call2action {float:right; text-align:right; font-size:.75em;font-weight:500;margin-top:0px;line-height:1.4em;margin-top:-18px;}
	.banner-call2action p {margin:0 0;color:#7e8489;padding-bottom:1em;}
	.banner-call2action p span {color:#b20838;font-size:1.2em;}

}
/* ========== main menu  ===========*/

.main-menu {width: 75%;clear:both; float:right;margin-bottom:8px;margin-top:-73px;}
@media screen and (max-width: 650px) {
		.main-menu {width:100%;margin-top:10px;}
		.menu a:active {background-color: #3284cc;}
		.menu .current_page_item a, .js .menu .current-menu-item a {background-color: #04457f;}
}

.menu a {
  border-left: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 1.52em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 #000;
}

.menu {
background-color: #3f90d8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3f90d8), to(#03559e));
background-image: -webkit-linear-gradient(top, #3f90d8, #03559e);
background-image: -moz-linear-gradient(top, #3f90d8, #03559e);
background-image: -ms-linear-gradient(top, #3f90d8, #03559e);
background-image: -o-linear-gradient(top, #3f90d8, #03559e);
background-image: linear-gradient(top, #3f90d8, #03559e);
clear: both;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f90d8, endColorstr=#03559e);
margin: 0 auto;
}

.menu a:hover {
background-color: #3284cc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3284cc), to(#04457f));
background-image: -webkit-linear-gradient(top, #3284cc, #04457f);
background-image: -moz-linear-gradient(top, #3284cc, #04457f);
background-image: -ms-linear-gradient(top, #3284cc, #04457f);
background-image: -o-linear-gradient(top, #3284cc, #04457f);
background-image: linear-gradient(top, #3284cc, #04457f);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3284cc, endColorstr=#04457f);
}
ul.menu > li:hover {
	background-color: #3284cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3284cc), to(#04457f));
	background-image: -webkit-linear-gradient(top, #3284cc, #04457f);
	background-image: -moz-linear-gradient(top, #3284cc, #04457f);
	background-image: -ms-linear-gradient(top, #3284cc, #04457f);
	background-image: -o-linear-gradient(top, #3284cc, #04457f);
	background-image: linear-gradient(top, #3284cc, #04457f);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#04457f);
}

.menu .current_page_item a, .menu .current-menu-item a {background-color: #04457f;}
.menu .current_page_item a, .js .menu .current-menu-item a {background-color:#04457f!important;}
.menu li li a {
background: #3284cc !important;
border: none;
color: #fff;
font-size: 12px;
font-weight: 400;
height: auto;
height: 20px;
line-height: 20px;
padding: 5px 10px;
text-shadow: none;
white-space: nowrap;
}
.menu li li a:hover {
background: #b20838 !important;
background-image: none;
border: none;
color: #fff;
filter: none;
}
.menu li li:hover {
background: #04457f !important;
filter: none;
}

/* ========== structure  ===========*/
#wrapper {border: none;}



/* ========= widgets =============*/
.widget-wrapper {
background-color: transparent;
border: 1px solid #c2b2b2;
}
.widget-wrapper h2, .widget-title, widget-title-home h3{font-size:1.5em;margin-top:0;color: #1062ab;line-height:1.2em;}
#widgets ul, .widgets li  {list-style-type: circle;}

#widgets #text-13, #widgets #text-4 {background:#b0cce4;} /*tech support*/
.home #widgets h2 {font-size:1.1em;}
.home #featured .widget_text, .home #featured .widget-wrapper {font-size:.95em;}
#widgets #text-5, #widgets #text-14,.form-box form, .target-dsl table, .page-id-385 table  {background:#dee7ef;} /*quick support links and various forms*/
.target-dsl table {color:#000!important;}
td.dsl-wireless {background:#fff;}
#widgets #recent-posts-3 {background:#f7f7f7; height:227px; url(images/aside-swoosh.png) no-repeat right bottom;} /* Quick Support Links */
/* ========= colophon widgets =============*/
.colophon-wrapper {background:#f1f0f0;width:96%;}

#colophon-3 {width:30%;}

@media screen and (max-width: 650px) {#colophon-3 {width:90%;}}

/* Weather widget */
div#twnhead, div#twncurrent {width:auto!important;font-family: 'PT Sans Caption', sans-serif!important;margin-left:10px;}
div#twncurrent {margin-top:0px; line-height:100%;width:auto!important}
#twntitle {position:relative; top:10px!important; left:15px; color:#003876 !important; font-size:13px!important; font-family:'Arial', Gadget, sans-serif; font-weight:bold; width: auto;margin-bottom:5px;margin-top:4px;font-family: 'PT Sans Caption', sans-serif!important}
#twncond, #twnFL, #twnicon, #twntemp {margin:10px 8px;font-family: 'PT Sans Caption', sans-serif!important;}
#twncond a {display:block; float:right; margin:-6px 0 6px 0;}

/* WP-calendar widget */
#calendar_wrap{width:225px;background:white;  border-style:solid; border-width:1px;border-color:#c2b2b2;position:relative;top:17px;font-size:15px;text-transform:uppercase;font-family: Arial Narrow;}
table#wp-calendar{
background:white;
border:none;}


table#wp-calendar thead tr th {
font-weight:bold;	
 border-style:none; 
line-height:5px;
font-size:12px;
background:#f1f0f0;
position:relative;
top:-5px;
left:0px;
font-family: Arial Narrow;
 }

table#wp-calendar tbody tr td,
table#wp-calendar tfoot tr td 
{
  position:relative;
  left:0px;
  padding: 3px 3px;
  border:none;
  vertical-align: top;
   font-size:14px;
  line-height:14px;
	position:relative;
top:-5px;
font-family: Arial Narrow;
text-align:center;
background:white;
}


table#wp-calendar tfoot tr td{
position:relative;
text-align:left;
left:0px;
top:24px;
background:#f1f0f0;
text-indent:20px;
color:blue;
font-family: Arial Narrow;
text-transform:capitalize;
padding-top:-22px;
height:0px;
}

.FB-icon {margin:12px 0 0 12px;}


/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(top, #4f9eea, #1874cd);
	border: 1px solid #115290;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
	text-shadow: 0 -1px 0 #115290;
}

a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(top, #4f9eea, #1874cd);
	border: 1px solid #115290;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
	text-shadow: 0 -1px 0 #115290;
}

a.button:active,
input[type='reset']:active, 
input[type='button']:active, 
input[type='submit']:active {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(top, #4f9eea, #1874cd);
	border: 1px solid #115290;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
	text-shadow: 0 -1px 0 #115290;
}


/* =============== Home page ======================*/
#featured {border:none; padding-bottom:0;}
.home #featured .col-300 {width:100%;}
.home #featured #widgets {margin-top:0;}

.front-page #wrapper {
margin: 20px auto 0px auto;
padding: 0;
}
#featured.grid.col-940, .front-page #featured .grid {margin-bottom:0px;}

/* ============ DSL Page Template Forms ============= */



/* ============ TABS ============= */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #7e8489; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0;}
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0;}
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }


.no-js ul.tabs-content > li { display: block; }

/* =========== Footer ============ */
#footer {margin: 20px auto 0 auto;}

/* =========== Google Search ============ */

.widget-wrapper select, .widget-wrapper .google-search input[type="text"], .widget-wrapper .google-search input[type="password"], .widget-wrapper .google-search input[type="email"] {
width: 100%;
}

.author {
    display: none;
}

.byline {
    display: none;
}