/*  
Theme Name: WBJC 
Theme URI: http://www.G1440.com/
Description: WBJC Maryland's Classical Music Station Theme
Author: G1440
Author URI: http://www.g1440.com
Version: 1.0
*/

/*------Reset------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
ul li {margin-bottom: 0.5em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
/*------End Reset------*/

/*------Font Generator------*/
@font-face {
    font-family: 'nevisBold';
    src: url('Nevis/nevis-webfont.eot');
    src: url('Nevis/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('Nevis/nevis-webfont.woff') format('woff'),
         url('Nevis/nevis-webfont.ttf') format('truetype'),
         url('Nevis/nevis-webfont.svg#nevisBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*------General Styling------*/
h1, h2, h3, .button, #main-nav li a, #button {font-family: 'nevisBold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal}
h1 {font-size:2.3em ;margin:0 0 .6em 0; color:#900; line-height: 1.2em}
h1 span {color:#000}
h2 {font-size: 1.6em; margin:0 0 10px 0; color:#ccc; line-height: 1.2em }
h3 {font-size: 1.4em; margin-bottom:.8em; color:#999; line-height: 1.2em}
h4 {font:1.2em Helvetica, Arial, sans-serif; margin-bottom:.3em; color:#000; font-weight: bold}
p, ol, ul, td {margin-bottom:.8em; line-height:1.6em; font-size: 1.2em }
ul, ol {margin:.8em 1em}
ul li {list-style: square inside}
ol li {list-style: decimal inside}
ul p, ul ul, ul ol, p ul {font-size: 1em}
a:link, a:visited {color:#069; text-decoration:none; }
a:hover {color:#013b58;text-decoration:underline}
.alignleft {float:left;margin:0 20px 20px 0;}
.alignright {float:right;margin:0 0 20px 20px;}
.clear {clear:both;}
.page .wp-caption {border:1px solid #ccc; text-align: center; padding-top: 5px}
.wp-caption-text {padding: 0 15px; line-height: 1.3em; margin-top: 5px}
table {width: 100%; margin:10px 0; border:1px solid #ccc; border-width: 1px 0 0 1px; }
th, td {border: 1px solid #ccc; border-width: 0 1px 1px 0; padding: 5px 10px}
th {font-size: 1.3em; text-align: left; background-color: #eee}
input[type="submit"]{color:#fff;border:0; text-align: center; font-size:1.3em;padding: 5px 10px; display: block;-moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 4px #ccc; -webkit-box-shadow:0px 2px 4px #ccc; box-shadow: 0px 2px 4px #ccc;
background: #2ab3cc;
background: -moz-linear-gradient(top, #2ab3cc 0%, #25b1cb 3%, #23a6c3 23%, #177aa7 79%, #156f9f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab3cc), color-stop(3%,#25b1cb), color-stop(23%,#23a6c3), color-stop(79%,#177aa7), color-stop(100%,#156f9f));
background: -webkit-linear-gradient(top, #2ab3cc 0%,#25b1cb 3%,#23a6c3 23%,#177aa7 79%,#156f9f 100%);
background: -o-linear-gradient(top, #2ab3cc 0%,#25b1cb 3%,#23a6c3 23%,#177aa7 79%,#156f9f 100%);
background: -ms-linear-gradient(top, #2ab3cc 0%,#25b1cb 3%,#23a6c3 23%,#177aa7 79%,#156f9f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab3cc', endColorstr='#156f9f',GradientType=0 );
background: linear-gradient(top, #2ab3cc 0%,#25b1cb 3%,#23a6c3 23%,#177aa7 79%,#156f9f 100%);

}


a.button {background: url(images/btn-large-left.png) no-repeat 0 0; display: block; line-height: 1em; padding-left:8px; color:#fff; font-size:1.3em; text-align: center; }
a.button span {background: url(images/btn-large-right.png) no-repeat right 0; padding:15px 8px 15px 0; display: block;}
a.return-link {position: absolute; right: 15px; top:15px; font-size: 1.2em}
a.button.print{width:250px; font-size: 1em;}

/*------Containers------*/
body { font: 62.5%/1.3em Arial, Helvetica, Verdana, sans-serif; background-color: #f0e8db; color: #000 }
#wrapper {width: 986px; margin: auto}
#header {background: url(images/header.png) no-repeat 0 0; margin-top: 10px; height: 111px}
#container {background: url(images/container.png) repeat-y 0 0; overflow: hidden; padding: 0 3px}
#content {background:  url(images/top-shadow.png) repeat-x 0 0; overflow: hidden; clear: both }


/*------Header------*/
.logo {float:left; margin:17px 0 0 51px;}
#header h1 {text-indent: -999em; background: url(images/wbjc-tagline.png) no-repeat 0 bottom; width: 415px; height: 49px; float: left; padding-top:34px; margin: 0 0 0 83px}
#membership {width: 185px; float: right; text-align: center; margin: 26px 34px 0 0}
#membership .donate {font-size:1.4em; font-weight: bold; display: block; margin-top: 5px }

/*------Footer------*/
#container + img {display: block}
#footer {overflow: hidden}
#footer .copyright {padding: 17px 30px; color: #333; float: left}
#footer .copyright p {margin-bottom: .5em; line-height: 1.1em; font-size: 1.1em}
#footer .bccc { float: left; margin: 5px 0 0 15px; }

/*------Primary Navigation------*/
#main-nav {z-index: 209;position: relative}
#main-nav ul {height:40px;margin: 0; line-height: 1em; background: url(images/nav-bg.png) repeat-x 0 0;   }
#main-nav ul li{float:left; margin:0; background: url(images/nav-divider.png) no-repeat right 0; padding-right: 2px; list-style: none;position: relative; }
#main-nav ul li.last {background-image: none}
#main-nav ul li a{display:block;  color:#f0e8db; font-size:1.1em;  padding:14px 37px;}
#main-nav ul li a:hover, #main-nav ul li:hover a, #main-nav li.current-menu-item a {text-decoration: none; background: url(images/nav-arrow.png) no-repeat 50% bottom;}
/*Drop Nav*/

#main-nav ul.menu .sub-menu { position:absolute; left:-999em;top:40px; margin:0; width:100%; background-image: none; font-size: 1em; padding: 0; z-index: 100; }
#main-nav ul.menu .sub-menu li {background: none; width: 100%}
#main-nav ul.menu .sub-menu .sub-menu {left:-999em;background-color: #1e74d9; border: 1px solid #125652; padding: 0}
#main-nav ul.menu .sub-menu a, #main-nav ul.sub-menu li:hover a {text-transform:none; padding:7px 0 7px 15px; white-space: nowrap; background: url(images/nav-bg.png) repeat-x 0 bottom;  font-family: arial, helvetica, sans-serif; width:92% ; border-bottom: 1px solid #6f0100; }
#main-nav ul.menu .sub-menu a:hover,  #main-nav ul.sub-menu li:hover a {background-color: #6f0100; background-image: none}
/*#main-nav ul.menu .sub-menu .sub-menu a {padding: 3px 10px}*/
#main-nav ul.menu .sub-menu .sub-menu a:hover {text-decoration: underline}
#main-nav ul.menu .sub-menu ul {margin-left: 100%; top: 0px}
#main-nav ul.menu li:hover ul {left:0}

/*------Slides------*/
#slider {width: 610px; height: 310px; position: relative; float: left; overflow: hidden; z-index: 10}
#slider #slides {z-index: 1}
.slide-overlay {position: absolute; top:22px; right:30px; color: #fff; text-align: right}
.slide-overlay span {display: block;  }
.slide-overlay .title { font: 2.9em 'nevisBold', Helvetica, Arial, sans-serif; margin-bottom: 6px}
.slide-overlay .description {font-size: 1.5em; line-height: 1.5em}
.slide-overlay .page-link {text-transform: uppercase; font-size: 1.4em; margin-top: 130px; background: url(images/slide-arrow.png) no-repeat right 2px; padding-right: 10px}
#slidenav {position: absolute; bottom:1px; left:10px; z-index: 10}
#slidenav a {width: 10px; height: 10px; float: left; background: url(images/slide-nav.png) no-repeat 0 bottom; margin-right: 10px; text-indent: -999em;}
#slidenav a.activeSlide {background-position: 0 0}

/*------Home Page------*/
#playlist {float: left; width:330px; height: 270px; padding: 15px 20px 25px; background: url(images/list-shadow.png) repeat-x 0 bottom; }
#playlist h2 {margin-bottom: 5px}
#playlist ul {margin:0; }
#playlist li h4 {font-size: 1em; margin-top: 4px }
#playlist li {list-style: none; overflow: hidden; border-top: 1px solid #ccc; padding-top: 5px }
#playlist li:first-child {border-top:0}
#playlist .time, .category-playlists .time {float: left; width:60px; margin-right: 30px; font-weight: bold}
#playlist .song-info {float: left; width:240px; line-height: 1.2}
#playlist .view-all {text-align: right; font-weight: bold;  display: block}
#playlist .listen-live {border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; overflow: hidden}
#playlist .listen-live a  {float: left; display: block; background: url(images/listen-live-left.png) no-repeat 0 0; font-size: 1.4em; font-weight: bold; padding-left: 10px }
#playlist .listen-live a  span {background: url(images/listen-live-right.png) no-repeat right 0; padding:9px 40px 13px 0; display: block }
#playlist .listen-live a:hover {text-decoration: none}
#playlist .windows {margin-left: 25px}
#home-content {background: url(images/home-content-bg.png) repeat-y 0 0; overflow: hidden; clear: both}
.home-block {float: left; width: 276px; overflow: hidden; padding: 25px;height: 300px}
#home-content .first  {background: url(images/violin-bg.jpg) no-repeat right bottom}
#home-content .first .button {width: 182px; margin-top: 28px; }
#home-content .first .button span {padding-top: 12px}
.home #content .mid {/*background: url(images/home-mid-bg.png) repeat-x 0 bottom;*/ width:254px}
#home-content .last {padding: 25px 0; width:350px; text-align: center}
#home-content .last .widget {padding: 0;}

/*------Interior------*/
#left-column, #right-column {background: url(images/gray-fade.png) repeat-x 0 0; min-height: 204px; float: left; width: 229px}

/*Left Navigation*/
#page-nav {padding-top: 27px; width: 229px }
#page-nav h2 {display: none}
#page-nav ul {margin:0 10px}
#page-nav li {border-top: 1px solid #d7d7d9;margin:0; list-style: none  }
#page-nav ul li:first-child {border: 0}
#page-nav li a {display:block; padding:7px 12px; font-weight: bold }
#page-nav li a:hover {}
#page-nav li.current_page_item a {color: #013b58; background: url(images/activeArrow.png) no-repeat 185px 50%;}
#page-nav li.current_page_ancestor a {color: #013b58; background: url(images/activeArrowDown.png) no-repeat 180px 50%;}
#page-nav ul.view-all-link {border-top:1px solid #D7D7D9}

/*#page-nav ul.children {border-top: 1px solid #d7d7d9;margin:0;}
#page-nav ul.children li {border-bottom: none;width:199px;margin:0; }
#page-nav ul.children li a {display:block; padding:7px 20px; color:#900;}
#page-nav ul.children li a:hover {color: #a02aa2; text-decoration:none;background:#fbeefb;}
#page-nav ul.children li.current_page_item a {color: #a02aa2; text-decoration:none;background:none !important;padding:7px 25px;font-style: italic;}
#page-nav ul.children li.current_page_item a:before { content:"- "; }*/

/*Interior Content*/
#primary-content {font-size:1em;float:left; padding:40px;margin:0;min-height: 800px; width: 900px }
.three-column #primary-content {background: url(images/container-three-col.png) repeat-y 0 0; width:442px;}
.two-column #primary-content {width: 671px; background: url(images/container-two-col-left.png) repeat-y 0 0}
.right #primary-content {background: url(images/container-two-col-right.png) repeat-y right 0; position: relative}
.donate {width:180px; margin-top: 15px}
a.donate span {padding-top: 12px}


/*Sidebars*/
.sidebar-container {margin:25px 10px;}
.membership-box {border: 1px solid #ccc; padding:10px; background:#fff url(images/horn-bg.jpg) no-repeat right 0; min-height: 180px; position: relative}
.membership-box h1 {font-size: 1.9em; color: #000; width: 75%; line-height: 1.3em}
.membership-box .button {position: absolute; bottom: 10px; margin: 0 17px}
.widget {padding:10px; text-align: center}
.event-date {font-weight: bold; margin-bottom: 0px}
.all-events-link {text-align: right}
.connect-sidebar {border-top: 1px solid #ccc; padding: 10px 0}
.connect-sidebar h3 {float: left; margin:12px 10px 0 0;}
.connect-sidebar a.icon {width:32px; height: 32px; margin:3px 5px 0 0; text-indent: -999em; float: left; display: block;  }
.connect-sidebar a.Twitter {background: url(images/twitter.png) no-repeat 0 0}
.connect-sidebar a.Facebook {background: url(images/facebook.png) no-repeat 0 0}
.connect-sidebar a.YouTube {background: url(images/youtube.png) no-repeat 0 0}
.connect-sidebar a.LinkedIn {background: url(images/linkedin.png) no-repeat 0 0}
.connect-sidebar a.Flickr {background: url(images/flickr.png) no-repeat 0 0}
.newsletter-box, .gform_widget {margin: 10px 0; border-top: 1px solid #ccc;padding: 10px 0; overflow: hidden;} 
.gform_widget h3 {text-align: left}
.newsletter-box input, #search input {float: left}
.newsletter-box input[type="text"], #search input[type="text"], .gform_widget input[type="text"] {margin-right: 5px; height: 25px; padding-left: 5px; width:177px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/*gravity form widget overrides for email sign up*/
.gform_widget .gform_wrapper {margin: 0}
.gform_widget .gform_wrapper .gform_body {float: left; width:69%}
.gform_widget .gform_wrapper .gform_footer {float: left; clear: none; width:25%; font-size: 1.3em; margin-top: 7px}
.gform_widget .gform_wrapper .top_label .gfield_label {margin-top: 0}
.gform_widget .gform_wrapper .top_label input.medium {width: 90%}
#wp-calendar caption { font-weight: bold; font-size: 1.2em; margin-bottom: 5px}
#wp-calendar th {text-align: center}
#wp-calendar td, #wp-calendar th {padding:3px}
.theme_twitter_widget ul, .archive-side .twitterFeed {text-align: left; line-height: 1.4em}
.theme_flickr_widget, .archive-side .widget {overflow: hidden; padding:10px 0}
.theme_flickr_widget .flickrFeed div, .archive-side .flickrFeed div {float:  left; width:27%; margin-right: 13px}
.theme_flickr_widget .flickrFeed div img, .archive-side .flickrFeed div img {width:60px; height: 60px; padding:2px; border:1px solid #d7d7d7}

/*------Blog------*/
.entry {background: url(images/top-shadow.png) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 15px; overflow: hidden}
.date {float: left; width: 50px; text-align: center; font-weight: bold; color: #999;  margin-right: 15px}
.post {float: left; width:600px; }
.three-column .post {width:375px}
.date span {display: block; margin-bottom: 15px}
.date .month {font-size: 1.8em}
.date .day {font-size: 4em; color: #900;}
.date .year {font-size: 1.8em}
.author-box {border-bottom: 1px solid #ccc; margin-bottom:10px; padding: 0 10px 20px ; overflow: hidden}
.author-box .avatar {float: left; margin-right: 20px}
.author-box .authortext {float: left; width: 550px}
#comments li {list-style: none; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px}
#comments .comment-author {float: left; width: 50px; margin-right: 15px}
#comments .comment-body {float: left; width:500px}
#comments .comment-body p {font-size: 1em}
#respond label {display:block; font-weight: bold}
#respond textarea {border: 1px solid #ccc; width:657px}
.archive .post {width: 377px}
.category-playlists ul {margin:0; font-size: 1em}
.category-playlists li {list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 1em}
.category-playlists .time {font-size: 1.2em}
.category-playlists .song-info {float: left; width: 500px}
.category-playlists .song-info br {display: none}
.category-playlists .song-info p br {display: block}

/*------Gravity Forms Overrides------*/
#primary-content .gform_wrapper .left_label .gfield_label {font-size:1em; text-align:right}
#primary-content .gform_wrapper .left_label .ginput_complex .ginput_right label, #primary-content .gform_wrapper .left_label .ginput_complex .ginput_left label, #primary-content .gform_wrapper .right_label .ginput_complex .ginput_right label,  #primary-content .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: 0;}
.gform_description{font-size: 1.2em;}
.gform_wrapper {display: block !important;font-size: 1em !important;line-height: 1.4em;font-weight:normal !important;letter-spacing: 0;margin: 3px 0 8px;}
.gform_heading {margin-bottom: 10px;}
#primary-content .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {font-size: 1.3em; border: 0}


/*------Events/Calendar -------*/
#content .widget_eme_list {text-align: left; padding: 0}
#content .widget_eme_list div {font-size: 1.2em}
#content .widget_eme_list span {display: block; padding-bottom: 5px; overflow: hidden}
#content .widget_eme_list a {font-weight: bold}
#content .widget_eme_list .all-events-link {float: right}
#primary-content .eme-location-balloon {font-size: 1.2em; line-height: 1.6em}
#primary-content .eme-location-map {background-color: #dedede; border: 1px solid #ccc; margin: auto}
#primary-content .eme-location-balloon {font-size: 1.2em; line-height: 1.6em}
#content #primary-content table.fullcalendar td {border:1px solid #ccc; padding: 2px 4px !important}
#primary-content  table.eme-calendar-table td.eventful a, #primary-content table.eme-calendar-table td.eventful-today a { color: #069}
#primary-content table.fullcalendar ul {}
#primary-content table.fullcalendar li {list-style: none}
.home-block.mid h1 {
    font-size: 27px;
    margin-top: -15px;
}

.home-block.mid h3 {
    font-size: 17px;
    margin-bottom: 8px;
}

.home-block.mid div#eme_list-2 span {
    font-size: 12px !IMPORTANT;
}

.home-block.mid .gform_widget {
    margin: 0px !important;
    margin-top: 7px !important;
}