/* ==========================================================================
   Base
   ========================================================================== */

body {margin-top: 40px; font-size: 16px; font-family:'Open Sans', sans-serif;}

p {line-height: 26px;}

a {color: #1570a6;}

a:hover, a:active {color: #f65314;}

#q-and-a a {color: #ddd;}

#q-and-a a:hover, a:active {color: #fff;}

input, button, select, textarea {font-family:'Open Sans', sans-serif;}

input {width: 200px;}

#homepage-search input {
width: 300px;
height: 40px;
}

#homepage-search .btn {
padding: 4px 22px;
line-height: 40px;
}

#video-wrapper * {max-width: 100% !important;}

.navbar-inner {background: #f2f2f2;}

.navbar .nav > li > a {
color: #f65314;
text-shadow: none;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {color: #f65314;}

.navbar .nav {float:right;}

.navbar .brand {
display: block;
float: left;
padding: 10px 20px 10px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
color: #115e8b;
text-shadow: none;
}

.content {}

.entry-tags li {
display: inline;
margin: 5px;
}

.entry-tags li .label {
padding: 5px;
}

#most-viewed li {padding-bottom: 10px;}

ul#most-viewed {list-style-type: none;}

#most-viewed li:before { 
	content:"~ ";
	}

h1, h2 {font-size: 24px;}

h1, h2, h3, h4, h5, h6 {font-weight: 600;}

.lead-question {font-size: 40px; line-height: normal;}

#homepage-search {padding: 50px 0;}

#main-search {padding-top: 15px;}

#main-search button {background: #f46730; text-shadow: none;}

#main-search button:hover {background: #b94719; color: #fff;}

#q-and-a {background: #f46730; padding: 50px 0;}

#watch-and-learn {background: #f2f2f2; padding: 50px 0;}

#seek-and-find {background: #1570a6; padding: 50px 0; color: #fff;}

#seek-and-find a {color: #fff;}

#seek-and-find a:hover, #seek-and-find a:active {color: #f65314;}

.homepage-category-list {padding-left: 20px;}

.homepage-category-list li {list-style: none;}

.box-button-handout {margin: 10px 10px 0 0; padding: 10px 25px 10px 20px; background: #f2f2f2; border: none; font-size: 16px; font-family:'Open Sans', sans-serif;}

.box-button-handout:hover {background: #0f4e72; color: #fff;}

.box-button-rcia {margin: 40px 10px 0 0; padding: 30px 50px; background: #f2f2f2; border: none; font-size: 16px; font-family:'Open Sans', sans-serif;}

.box-button-rcia:hover {background: #0f4e72; color: #fff;}

.box-button {margin-top: 40px; padding: 30px 50px; width: 80%; border: none; font-size: 16px; font-family:'Open Sans', sans-serif;}

.box-question {padding: 20px 50px; border: none; font-size: 16px; font-family:'Open Sans', sans-serif;}

.box-ask {margin: 20px 0; padding: 30px 50px; min-width: 50%; border: none; font-size: 16px; font-family:'Open Sans', sans-serif;}

.box-orange {background: #ce5525; color: #ddd;} 

.box-blue {background: #115e8b; color: #fff;}

.box-orange:hover {background: #b94719; color: #fff;}

.box-blue:hover {background: #0f4e72;}

.gform_footer {text-align:center;}

/* =============================================================================
   Header
   ========================================================================== */

.banner {}

/* ==========================================================================
   Content
   ========================================================================== */

.content { }



/* ==========================================================================
   Primary Content
   ========================================================================== */

.main {padding-right: 20px; margin-top: 20px; margin-bottom: 20px;}

h1 {background: #1570a6; padding: 5px 10px; color: #fff;}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar {margin: 20px 0; padding-left: 9px; border-left: 1px solid #efefef; font-size: 14px;}

.sidebar h3 {background: #f46730; padding-left: 10px; color: #fff;}

.widget-inner {margin-top: 20px;}

.sidebar ul, .sidebar ol {
list-style-type: none;
margin: 0 0 10px 0;
}

.sidebar ul li, .sidebar ol li {
padding: 10px 0 10px 10px;
margin: 0;
list-style: none;
background: url('/wp-content/uploads/content_border.jpg') repeat-x bottom;
}

.sidebar ul li:hover, .sidebar ol li:hover {background: #efefef;}


/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }

.label {background: #1570a6;}
.label:hover {background: #f65314;}
.label a {color: #fff;}


/* ==========================================================================
   Footer
   ========================================================================== */

footer {}

.content-info {background: #f2f2f2; padding-top: 10px;}

ul.entry-tags {margin-left: 0;}

#social-footer {text-align: center; margin-bottom: 20px;}

.fb-like span {height: 23px !important;}

.printfriendly {display: inline;}

.printfriendly img {margin-left: 20px; padding-bottom: 15px;}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {

body {margin-top: 0;}

body [class*="span"] {padding-left: 7px; padding-right: 7px;}

#homepage-search input {
width: 200px;
height: 40px;
}

#homepage-search .btn {
padding: 4px 12px;
line-height: 40px;
}

#ask .lead-question {font-size: 24px;}

#banner .brand {float: right;}

}

@media (min-width: 768px) and (max-width: 1023px) {

body {margin-top: 0;} 

.main {padding: 0 20px; margin-top: 0;}

.main.span1, .main.span2, .main.span3, .main.span4, .main.span5, .main.span6, .main.span7, .main.span8, .main.span9 {display: block; float: none; width: auto; margin-left: 0;}

.sidebar.span1, .sidebar.span2, .sidebar.span3, .sidebar.span4, .sidebar.span5, .sidebar.span6, .sidebar.span7, .sidebar.span8, .sidebar.span9 {display: block; float: none; width: auto; margin-left: 0;}

}

@media (min-width: 1024px) and (max-width: 1199px) {

.main {padding-right: 5px;}

}

@media (min-width: 1200px) {}