/*
Theme Name: SoGo Radio

Theme URI: www.sogoradio.com
Description: Custom theme for SoGo Radio
Author: Brenda Egeland, Red Letter Design, www.redletterdesign.net
Version: 1.0
*/
/*
 * Fonts
 * ------------------------------------------------ */
@font-face {
  font-family: 'DancingScriptOTRegular';
  src: url("fonts/DancingScript-Regular-webfont.eot");
  src: url("fonts/DancingScript-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/DancingScript-Regular-webfont.woff") format("woff"), url("fonts/DancingScript-Regular-webfont.ttf") format("truetype"), url("fonts/DancingScript-Regular-webfont.svg#DancingScriptOTRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
 * Reset browser default styles to insure consistency across various browsers
 * ------------------------------------------------ */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline; }

a img, :link img, :visited img {
  border: 0; }

ol, ul {
  list-style: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: ""; }

/*
 * Helpful fixes
 * ------------------------------------------------ */
html {
  overflow-y: scroll; }

/*
 * Structure
 * ------------------------------------------------ */
body {
  background: #566637 url("images/gradient.png") center top repeat-x; }

div#wrapper {
  width: 980px;
  margin: 0 auto;
  padding: 0 20px;
  background: #b7dbec url("images/clouds.jpg") center top repeat;
  border-color: #5897b4;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  -webkit-box-shadow: #333 0px 10px 15px;
  -moz-box-shadow: #333 0px 10px 15px;
  box-shadow: #333 0px 10px 15px; }

div#header {
  height: 100px;
  position: relative;
  overflow: visible; }

div#content {
  padding: 20px;
  width: 940px;
  min-height: 600px;
  float: right;
  background-color: white;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px; }

.has_sidebar div#content {
  width: 700px; }

.has_double_sidebar div#content {
  width: 540px; }

div.entry-content {
  clear: right; }

div.sidebar {
  padding: 0 0 20px 0;
  width: 240px;
  margin: 0; }

div#pages_sidebar {
  float: left; }

div#front_sidebar {
  float: left;
  width: 160px; }

div#front_special {
  float: left;
  width: 400px; }
  div#front_special div.sidebar {
    padding-right: 0; }

div.clear {
  clear: both; }

/*
 * Fonts and Typography
 * ------------------------------------------------ */
body, input, textarea {
  font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }

body, input, textarea {
  color: #444444;
  font-size: 13px;
  line-height: 1.0; }

.enlighten, strong em, em strong {
  color: #5897b4 !important;
  font-style: italic!important; }

div#content strong {
  font-weight: 700;
  color: #d56129; }
div#content em {
  font-style: italic; }
div#content h1 {
  font-size: 36px;
  line-height: 38px;
  margin: 0 0 10px 0;
  color: #d56129;
  font-family: "DancingScriptOTRegular", Georgia, cursive;
  font-weight: normal;
  text-shadow: 1px 1px 2px #bbbbbb; }
  div#content h1 a {
    color: #5897b4 !important;
    text-decoration: none; }
  div#content h1 a:hover {
    color: #d56129 !important; }
div#content h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  font-style: normal;
  color: #3c8fa7;
  margin: 10px 0 5px 0; }
  div#content h2 a {
    color: #3c8fa7 !important;
    text-decoration: none; }
  div#content h2 a:hover {
    color: #d56129 !important; }
  div#content h2 .the-date {
    color: #8c8c8c;
    text-align: right;
    float: right;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }
  div#content h2.entry-title {
    border-bottom: 1px solid #f7bf17;
    padding-bottom: 3px;
    margin-top: 20px; }
div#content h3 {
  font-size: 18px;
  line-height: 20px;
  color: #748a4a;
  font-weight: 700;
  font-style: normal;
  margin: 10px 0 5px 0; }
  div#content h3 a {
    color: #748a4a;
    text-decoration: underline; }
  div#content h3 a:hover {
    color: #d56129; }
div#content p {
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0; }
  div#content p.meta {
    clear: left;
    font-size: 12px;
    font-weight: normal;
    color: #8c8c8c; }
    div#content p.meta .tag-links {
      float: left;
      text-align: left; }
    div#content p.meta a {
      color: #3c8fa7;
      text-decoration: none; }
      div#content p.meta a:hover {
        color: #d56129;
        text-decoration: underline; }
      div#content p.meta a.more-link {
        color: black;
        font-weight: bold;
        text-decoration: none;
        font-size: 11px;
        line-height: 18px; }
      div#content p.meta a.more-link:hover {
        color: #d56129;
        text-decoration: underline; }
  div#content p.post_meta_before {
    border-top: 1px solid #f7bf17;
    text-align: right; }
  div#content p.post_meta_after {
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 0 1px 0;
    text-align: left;
    margin: 0 0 30px 0; }
  div#content p.programming_meta {
    border-bottom: 1px solid #f7bf17;
    text-align: right; }
  div#content p.previous_articles_link {
    border-top: 1px solid #f7bf17;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0; }
div#content li {
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0; }
div#content li li {
  font-size: 11px; }
div#content li strong {
  color: #5897b4; }
div#content blockquote {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 8px solid #ebebeb;
  color: #555555; }
div#content blockquote p {
  font-size: 12px;
  line-height: 18px;
  font-style: italic; }
div#content a {
  color: #3c8fa7;
  text-decoration: underline; }
div#content a:hover {
  color: #d56129; }
div#content ul {
  list-style-position: outside;
  list-style-type: square;
  margin: 0 0 0 1.5em;
  padding: 6px 0 12px 0; }
div#content ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin: 0 0 0 1.5em;
  padding: 6px 0 12px 0; }
div#content ul ul,
div#content ol ul {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0 0 0 2em;
  padding: 0; }
div#content ol ol,
div#content ul ol {
  list-style-position: outside;
  list-style-type: lower-alpha;
  margin: 0 0 0 2em;
  padding: 0 0 0 0; }
div#content dl {
  margin: 0;
  padding: 5px 0 10px 0; }
div#content dt {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
  padding: 0; }
div#content dd {
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 0 1.5em;
  padding: 0; }
div#content div.navigation {
  margin-top: 30px; }
  div#content div.navigation p {
    text-align: center; }

/*
 * Special divs
 * ------------------------------------------------ */
div#tagline {
  color: #32578f;
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  line-height: 15px;
  overflow: hidden;
  margin: 0;
  width: 325px;
  height: 20px;
  position: absolute;
  top: 80px;
  left: 0;
  overflow: hidden;
  font-family: "Droid Sans", Arial, sans-serif; }

div#topmessage {
  color: #5897b4;
  font-family: "DancingScriptOTRegular", Georgia, cursive;
  font-weight: normal;
  text-shadow: 1px 1px 2px #bbbbbb;
  font-size: 36px;
  line-height: 40px;
  overflow: hidden;
  margin: 0;
  width: 400px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 300px; }

div#logo {
  width: 250px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

div#external_buttons {
  width: 270px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden; }
  div#external_buttons a {
    display: block;
    float: left;
    background-color: #555555;
    height: 30px;
    margin: 0;
    padding: 0;
    text-decoration: none; }
    div#external_buttons a img {
      margin: 0;
      padding: 0;
      border: none; }
    div#external_buttons a:hover {
      background-color: #8caa23; }

/*
 * Main Menu
 * ------------------------------------------------ */
div#nav {
  width: 615px;
  height: 30px;
  position: absolute;
  top: 70px;
  left: 365px;
  padding: 0 3px 0 0;
  overflow: hidden; }

ul#main_menu {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right; }
  ul#main_menu li {
    color: white;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    font-family: "Droid Sans", Arial, sans-serif;
    -webkit-box-shadow: #666 0px 7px 3px;
    -moz-box-shadow: #666 0px 7px 3px;
    box-shadow: #666 0px 7px 3px; }
  ul#main_menu a {
    color: white;
    text-decoration: none;
    font-size: 13px;
    line-height: 16px; }
    ul#main_menu a .left {
      padding-left: 10px;
      height: 30px;
      display: block;
      background: url("images/nav_left.png") left center no-repeat; }
    ul#main_menu a .right {
      background: transparent url("images/nav_right.png") right center no-repeat;
      padding: 8px 10px 6px 0;
      display: block; }
    ul#main_menu a:hover .right {
      color: white;
      background-position: right bottom; }
    ul#main_menu a:hover .left {
      background-position: left bottom; }
  ul#main_menu li.current-menu-item a .right {
    color: #32578f;
    background-position: right top; }
  ul#main_menu li.current-menu-item a .left {
    background-position: left top; }
  ul#main_menu li.current-menu-item a:hover .right {
    color: #32578f;
    cursor: default;
    background-position: right top; }
  ul#main_menu li.current-menu-item a:hover .left {
    cursor: default;
    background-position: left top; }

/*
 * Sidebar Elements
 * ------------------------------------------------ */
div.sidebar_widget {
  padding: 0 0 10px 0;
  margin: 0 20px 20px 0;
  background: #f6fafc url("images/blue_highlight.png") center top repeat-x;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  overflow: visible; }

div.sidebar strong {
  font-weight: 700;
  color: #5897b4; }
div.sidebar em {
  font-style: italic; }
div.sidebar h3 {
  color: white;
  background-color: #4599c1;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .5px;
  margin: 0 0 0 0;
  padding: 6px;
  font-family: "Droid Sans", Arial, sans-serif;
  font-weight: 700; }
div.sidebar ul {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0; }
  div.sidebar ul li {
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0 0 0;
    padding: 0 8px;
    font-family: "Droid Sans", Arial, sans-serif; }
  div.sidebar ul li li {
    font-size: 11px;
    padding: 0; }
  div.sidebar ul a {
    color: #32578f;
    font-weight: bold;
    text-decoration: none; }
  div.sidebar ul a:hover {
    color: #d56129;
    text-decoration: underline; }
div.sidebar p {
  font-size: 12px;
  line-height: 14px;
  margin: 10px 0 0 0;
  padding: 0 8px;
  font-family: "Droid Sans", Arial, sans-serif; }
div.sidebar a {
  color: #3c8fa7;
  text-decoration: underline; }
div.sidebar a:hover {
  color: #d56129; }
div.sidebar .tagcloud a {
  text-decoration: none; }
div.sidebar ul.collapsing ul {
  margin-left: 1em; }
div.sidebar span.collapsing {
  padding-right: 5px; }

/*
 * Footer Elements
 * ------------------------------------------------ */
div#footer {
  clear: both;
  border-top: 2px solid #3c8fa7;
  padding: 10px 0;
  margin: 20px 0 0 0; }
  div#footer h3 {
    color: white;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
    font-family: "Droid Sans", Arial, sans-serif; }

ul.footernav {
  clear: right;
  float: right;
  margin: 0 0 10px 0; }
  ul.footernav li {
    display: inline;
    font-size: 12px;
    line-height: 16px;
    font-family: "Droid Sans", Arial, sans-serif; }
    ul.footernav li a {
      color: black;
      margin: 0 0 0 10px;
      text-decoration: none; }
    ul.footernav li a:hover {
      color: #f6fafc;
      text-decoration: underline; }

div#footer_left {
  float: left;
  width: 340px; }
  div#footer_left p {
    color: black;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 8px 0;
    font-family: "Droid Sans", Arial, sans-serif; }

div#footer_right {
  float: right;
  width: 520px; }

div#footer_lower {
  clear: both;
  padding: 10px;
  width: 700px;
  margin: 10px auto 0 auto;
  background-color: white; }

div#subfooter {
  clear: both;
  padding: 20px 10px 10px 10px; }
  div#subfooter p {
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 6px 0;
    color: #d9d9d9;
    font-family: "Droid Sans", Arial, sans-serif; }
    div#subfooter p a {
      text-decoration: none;
      color: #d9d9d9; }
    div#subfooter p a:hover {
      color: white;
      text-decoration: underline; }

div#credit {
  margin: 0 auto;
  padding: 40px; }
  div#credit p {
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 6px 0;
    text-align: center;
    font-family: "Droid Sans", Arial, sans-serif;
    color: #3c8fa7; }
    div#credit p a {
      color: #d9d9d9;
      text-decoration: none; }
    div#credit p a:hover {
      color: #ebebeb;
      text-decoration: underline; }

/*
 * Images and Captions
 * ------------------------------------------------ */
.alignright,
img.alignright {
  float: right;
  margin: 0 0 5px 20px; }

.alignleft,
img.alignleft {
  float: left;
  margin: 0 20px 5px 0; }

div#content .wp-caption {
  text-align: center;
  background-color: #ebebeb;
  border: 1px solid #d9d9d9;
  padding: 5px 0;
  /* 5px on each side is added by WP in computing the wp-caption box size */ }
  div#content .wp-caption img {
    margin: 0;
    padding: 0; }
  div#content .wp-caption p.wp-caption-text {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    margin: 0;
    padding: 0; }

/*
 * SoGo Links Accordion
 * ------------------------------------------------ */
div#content div.accordion h3 {
  color: #748a4a;
  padding-left: 20px;
  background: url("images/closed.png") left top no-repeat;
  margin-bottom: 0; }
  div#content div.accordion h3:hover {
    color: #3c8fa7;
    background-image: url("images/closed_hover.png");
    background-color: #f5f5f5; }
  div#content div.accordion h3.ui-state-active {
    color: #d56129;
    background: #ebebeb url("images/open.png") left top no-repeat; }
div#content div.accordion table.sogo_links {
  background-color: #ebebeb;
  padding: 4px 3px 6px 3px; }
  div#content div.accordion table.sogo_links td {
    background-color: white;
    font-family: "Droid Sans", Arial, sans-serif; }
    div#content div.accordion table.sogo_links td a {
      text-decoration: none;
      font-size: 11px;
      color: #3c8fa7;
      display: block;
      background-color: white;
      padding: 3px 5px; }
    div#content div.accordion table.sogo_links td a:hover {
      color: white;
      background-color: #3c8fa7; }
    div#content div.accordion table.sogo_links td.alpha {
      background-color: #ebebeb;
      font-weight: bold;
      font-size: 14px;
      color: #3c8fa7; }

/*
 * News and Views Listing
 * ------------------------------------------------ */
div#content div#news_views_rss table {
  background-color: #ebebeb;
  padding: 4px 3px 6px 3px; }
  div#content div#news_views_rss table td {
    background-color: white;
    font-family: "Droid Sans", Arial, sans-serif;
    height: 29px;
    margin: 0;
    padding: 0;
    vertical-align: middle; }
    div#content div#news_views_rss table td.entry-link a {
      text-decoration: none;
      font-size: 11px;
      line-height: 13px;
      color: #3c8fa7;
      display: block;
      background-color: white;
      padding: 8px 5px; }
    div#content div#news_views_rss table td.entry-link a:hover {
      color: white;
      background-color: #3c8fa7; }
    div#content div#news_views_rss table td.entry-date {
      background-color: #ebebeb;
      font-weight: bold;
      font-size: 14px;
      color: #3c8fa7; }
    div#content div#news_views_rss table td.entry-image {
      background-color: #ebebeb; }
      div#content div#news_views_rss table td.entry-image a {
        padding: 4px;
        margin: 0;
        background-color: #ebebeb; }
        div#content div#news_views_rss table td.entry-image a img {
          margin: 0;
          padding: 0; }
    div#content div#news_views_rss table td.entry-space {
      background-color: #ebebeb; }

/*
 * News and Views Blogger Widget
 * ------------------------------------------------ */
div.sidebar ul.blogroll a {
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  font-family: "Droid Sans", Arial, sans-serif; }
  div.sidebar ul.blogroll a img {
    display: block;
    margin: 0 auto; }
div.sidebar ul.blogroll li {
  margin-bottom: 8px;
  border-bottom: 1px solid #e2f0f6;
  text-align: center; }

/*
 * Program Banners
 * ------------------------------------------------ */
div#content div.program-banner {
  clear: both;
  float: left;
  width: 100%;
  height: 100px;
  background-color: #f5f5f5;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #d9d9d9 #d9d9d9 #f7bf17 #d9d9d9;
  margin: 10px 0 0 0; }
  div#content div.program-banner img {
    float: left; }
  div#content div.program-banner h1 {
    color: #3c8fa7;
    font-size: 40px;
    line-height: 32px;
    margin: 20px 0 0 0;
    font-family: "DancingScriptOTRegular", Georgia, cursive;
    font-weight: normal;
    text-shadow: 1px 1px 2px #bbbbbb;
    text-shadow: 2px 2px 5px #999999; }
  div#content div.program-banner p {
    font-size: 16px;
    margin: 10px 0 0 0; }

div#content div.subsequent-banner {
  clear: both;
  float: left;
  width: 728px;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #f7bf17;
  margin: 0; }
  div#content div.subsequent-banner h1 {
    color: #3c8fa7;
    font-size: 24px;
    line-height: 28px;
    margin: 20px 0 0 0;
    font-family: "DancingScriptOTRegular", Georgia, cursive;
    font-weight: normal;
    text-shadow: 1px 1px 2px #bbbbbb; }
  div#content div.subsequent-banner p {
    font-size: 16px;
    margin: 0; }

/*
 * Coming Up Widget
 * ------------------------------------------------ */
div.coming-up-widget-show {
  min-height: 100px;
  width: 380px;
  padding: 10px 0 0;
  background-color: #f6fafc; }
  div.coming-up-widget-show h1 {
    text-align: right;
    font-family: "Droid Sans", Arial, sans-serif;
    padding: 0 5px; }
  div.coming-up-widget-show p {
    text-align: right; }
  div.coming-up-widget-show img {
    float: left;
    margin-right: 5px; }
  div.coming-up-widget-show.daniel-britt-and-friends {
    background: url(images/shows/daniel-britt-and-friends.png) left bottom no-repeat; }
  div.coming-up-widget-show.gospel-greats {
    background: url(images/shows/gospel-greats.png) left bottom no-repeat; }
  div.coming-up-widget-show.gaither-homecoming {
    background: url(images/shows/gaither-homecoming.png) left bottom no-repeat; }
  div.coming-up-widget-show.enlighten-weekend-jubilee {
    background: url(images/shows/enlighten-weekend-jubilee.png) left bottom no-repeat; }
  div.coming-up-widget-show.sunday-inspiration {
    background: url(images/shows/sunday-inspiration.png) left bottom no-repeat; }

/*
 * Gravity Forms Overrides
 * ------------------------------------------------ */
div.sidebar div.gform_wrapper {
  padding: 0 5px; }
div.sidebar div#gforms_confirmation_message {
  margin: 10px 20px 20px 20px;
  background-color: #fffff0;
  border: 2px solid #d56129;
  padding: 5px; }
div.sidebar div.gform_footer {
  margin: 0 20px; }

div#content div.gform_wrapper {
  background-color: #f5f5f5; }
div#content div.gform_footer {
  margin: 0 20px; }
div#content div#gforms_confirmation_message {
  margin: 10px 20px 20px 20px;
  background-color: #fffff0;
  border: 2px solid #d56129;
  padding: 5px; }
.gform_wrapper .top_label .narrow_upload  input.medium { width: 100%; }

/*
 * Portfolio Slideshow
 * ------------------------------------------------ */
.portfolio-slideshow .slideshow-content {
  text-align: center; }