/*
Theme Name: Listen Theme
Theme URI: http://wordpress.org/
Description: Listen based on News theme based on the Listen Theme which is based on the Be Still Theme which is based on the default WordPress by Michael Heilemann, theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 2.0
Author: Jesus MCC
Author URI:

    News Theme v2.0

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
    
    Spring 2010
*/


body {
    margin: 0;
    padding : 0;
    font-size: 12px;
    font-family : Calibri, arial, "Lucida Grande", Verdana, sans-serif;
    background-color: #f0e0ce;
    color: #333;
}

@media screen and (max-device-width : 420px) {
    body {
        font-size : 1em;
    }
}

a, h2 a:hover, h3 a:hover {
    color : #06c;
    text-decoration: none;
}

a:hover {
    color: #147;
    text-decoration: underline;
}

p img {
    padding: 0;
    max-width: 100%;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 0;
    margin: 0 0 12px 7px;
    display: inline;
}

img.alignleft {
    padding: 0;
    margin: 0 7px 12px 0;
    display: inline;
}

small {
    font-size: 0.9em;
    line-height : 1.2;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

.clearboth {
    clear : both;
}

form {
    margin : 0;
}

/* heading tags */

h1 {
    font-size : 4em;
}

h2 {
    font-size : 1.3em;
	line-height : 1.0;
}

h3 {
    font-size : 1.3em;
    color : #069;
}

h4 {
    font-size : 1em;
}

h2, h2 a, h2 a:visited {
    color: #333;
}

h3 a, h3 a:visited {
    color : #069;
}

h3 {
    padding: 0;
}

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    color : #069;
}

h1 a, h1 a:hover, h1 a:visited {
    text-decoration: none;
}

h2, h2 a, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
}

/* end heading tags */

/*
* Site classes (image classes above)
*/
.blue {
    color : #069;
}

.tan {
    color : #c60;
}

.clearfix:after {
    content : 'clearer';
    display : block;
    clear : both;
    height : 0;
    overflow : hidden;
    visibility : none;
    zoom : 1;
}

.clearfix {
    zoom : 1;
}

/*
* Master
*/
#mastercontainer {
    width : 780px;
    margin : 15px auto;
}

#ieroot #mastercontainer {
    margin-bottom : 0;      /* Surprise, surprise: IE is ignoring this margin */
    padding-bottom : 15px;
}

/* content container element */
#page {
    background-color: white;
    text-align: left;
    padding : 0 0 1px 0;
    
    -o-box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
    -icab-box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
    -khtml-box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
    -moz-box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
    -webkit-box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
    box-shadow : 4px 4px 21px rgba(0,0,0, 0.75);
}

#page-bottom-outer {
    display : none;
}



/*
**
** header bar
**
*/

#header {
    height : 100px;
    background-color: transparent;
    background-position : bottom left;
    background-repeat : no-repeat;
    /* background image in header.php */
}

* html #header img {
    display : block;
}

#jmcctitlelinkback, #blogtitle {
    display : block;
    height : 100px;
}

#jmcctitlelinkback span, #blogtitle span {
    display : none;
}

#jmcctitlelinkback {
    width : 228px;
    height : 100px;
    float : left;
}

#blogtitle {
    display : none; /* with post-thumbnails in the header, this is now obsolete */
    width : 293px;
    height : 100px;
    float : right;
}

/*
**
** Main navigation
**
*/

#mainnavigationcontainer {
    display : block;
    margin : 0;
    padding : 0;
    height : 30px;
    list-style : none;
    background : #2c6684 url('images/main_navigation_bg.gif') repeat-x top left;
}

#mainnavigationcontainer li.mainnavelement {
    margin : 0;
    padding : 0;
    list-style : none;
    float : left;
    width : 120px;
}

.mainnavelement-link {
    display : block;
    width : 120px;
    height : 30px;
    background-repeat : no-repeat;
    background-position : top left;
}

/* all these have the class mainnavelement-link */
#mainnavhomelink        { background-image : url('images/main_navigation-home.gif'); }
#mainnavaboutlink       { background-image : url('images/main_navigation-about_us.gif'); }
#mainnaveventslink      { background-image : url('images/main_navigation-events_news.gif'); }
#mainnavresourceslink   { background-image : url('images/main_navigation-resources.gif'); }

.mainnavelement-link.current {
    background-position : 0 -30px;
}

.hover .mainnavelement-link,
.mainnavelement-link:hover {
    border : 4px solid #5aa9d0;
    width : 112px;   /* old width (120) minus border-width * 2 (4*2) */
    height : 22px;   /* reset from hover state */
    background-position : -4px -64px;
    -o-box-shadow : 6px 0px 3px -3px #333;
    -icab-box-shadow : 6px 0px 3px -3px #333;
    -khtml-box-shadow : 6px 0px 3px -3px #333;
    -webkit-box-shadow : 6px 0px 3px -3px #333;
    -moz-box-shadow : 6px 0px 3px -3px #333;
    box-shadow : 6px 0px 3px -3px #333;
}

/* li.hover class is added by mega menu JS code */
li.hover .mainnavelement-link,
* html li.hover .mainnavelement-link:hover {
    position : relative;
    z-index : 40;
    border-bottom : 0;
    width : 112px;   /* old width (120) minus border-width * 2 (4*2) */
    height : 30px;   /* reset from hover state */
    background-color : #fff;
    background-position : -4px -64px;
}

* html li.hover .mainnavelement-link,
* html li.hover .mainnavelement-link:hover {
    position : absolute;
}

#mainnavhomelink span, #mainnavaboutlink span,
#mainnaveventslink span, #mainnavresourceslink span {
    display : none;
}

#mainnavdropshadow {
    height : 8px;
    background-repeat : repeat-x;
    background-position : top left;
}

/*
**
** (Mega) Dropdown
**
*/
#mainnavigationcontainer li.mainnavelement {
    position : relative;
    z-index : 20;
}

#mainnavigationcontainer li.mainnavelement.hover,
#mainnavigationcontainer li.mainnavelement:hover {
    z-index : 30;
}

#mainnavigationcontainer li.mainnavelement ul {
    margin-left : 2em;
    padding-left : 0;
    list-style : disc;
}

#mainnavigationcontainer li.mainnavelement ul li {
    margin : 2px 0;
    padding-left : 0;
    list-style : disc;
}

.dropdownmenu-container {
    position : absolute;
    top : 30px;
    left : 0;
    display : none;
    z-index : 30;
}

.dropdownmenu {
    margin : 0;
    padding : 0;
    background : #fff;
    
    -o-box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    -icab-box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    -khtml-box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    -moz-box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    -webkit-box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    box-shadow : 6px 6px 7px rgba(0,0,0, 0.5);
    
    border : 4px solid #5aa9d0;
    font-size : 13px;
    min-height : 60px;
    width : 300px;
}

#mainnavigationcontainer li.mainnavelement img.icon {
    margin : 0 13px 0 0;
    vertical-align : middle
}

#mainnavigationcontainer li.mainnavelement img.icon-multiline {
    float : left;
    margin : 0;
}

/* comically large in IE 6 */
* html .dropdownmenu {
    font-size : 1em;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children {
    margin : 0;
    padding : 0;
    list-style : none;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.mega-menu {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu a:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu a:visited {
    display : block;
    margin : 0;
    border : 0;
    padding : 7px 6px 6px 60px;
    background : transparent;
    list-style : none;
    color : #000;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu a:hover,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu a.current_page_item:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu a.current_page_item:visited {
    border : 2px solid #d6e9f3;
    padding : 5px 4px 4px 58px;
    background : #c3d5dd url(images/mega-menu_link_hover_bg.gif) top left repeat-x;
    text-decoration : none;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.has-icon a:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.has-icon a:visited {
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 15px;
    zoom : 1;   /* fixes IE 7 guillotine bug for links with a floated img _and_ a strong, em, or other inline tags */
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.has-icon a.current_page_item:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.has-icon a.current_page_item:visited,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.has-icon a:hover {
    padding-top : 0;
    padding-bottom : 0;
    padding-left : 13px;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.mega-menu a:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.mega-menu a:visited {
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 79px;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.mega-menu a:hover,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.current_page_item a:link,
#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.current_page_item a:visited {
    padding-top : 0;
    padding-bottom : 0;
    padding-left : 77px;
}

#mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu ul.children li.mega-menu a:before {
    content : '\002022  ';
}

* html #mainnavigationcontainer li.mainnavelement .mega-menu-link-list-container li.mega-menu {
    float : left;
    width : 100%;
}

/*
**
** Sub Navigation
**
*/
#subnavigationcontainer {
}

#subnavigationcontainer .sidebarbox {
    margin-left : 0;
    width : 180px;
}

#subnavigationcontainer .sidebarboxbody {
    padding : 0;
    border-bottom : 0;
    background : transparent;
}

#subnavigationcontainer .sidebarboxbody {
    zoom : 1;  /* IE 7 */
}

#subnavigationcontainer .sidebarboxtitle {
    margin-left : 20px;
}

#sidebar #subnavigationcontainer .sidebarbox ul.menu,
#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu {
    margin : 0;
    padding : 0;
    list-style : none;
}

#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu {
    margin-left : -20px;    /* padding offset */
}

#sidebar #subnavigationcontainer .sidebarbox ul.menu li,
#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu li {
    display : block;
    margin : 0;
    padding : 0 0 0 20px;
    list-style : none;
}

/* ie 6 frackup, of course */
* html #sidebar #subnavigationcontainer .sidebarbox ul.menu li,
* html #sidebar #subnavigationcontainer .sidebarbox ul.sub-menu li {
    float : left;
    width : 160px;
}

.sidebarboxbody-bottom {
    margin : 0 0 0 20px;
    border-bottom : 2px solid #255872;
}

#subnavigationcontainer .sidebarbox ul li.current_page_item {
    background : transparent url(images/sub_navigation_current_icon.gif) top left no-repeat;
}

#subnavigationcontainer :link,
#subnavigationcontainer :visited,
#subnavigationcontainer .current-menu-item ul.sub-menu :link,
#subnavigationcontainer .current-menu-item ul.sub-menu :visited {
    display : block;
    margin : 0;
    padding : 4px 0 0 11px;
    min-height : 16px;
    border-bottom : 1px solid #cfdee5;
    color : #58595b;
    background : #e9eff2;
}

* html #subnavigationcontainer :link,
* html #subnavigationcontainer :visited,
* html #subnavigationcontainer .current-menu-item ul.sub-menu :link,
* html #subnavigationcontainer .current-menu-item ul.sub-menu :visited {
    min-height : 0;
    height : 16px;
}

#subnavigationcontainer :link:hover,
#subnavigationcontainer :visited:hover,
#subnavigationcontainer .current-menu-item ul.sub-menu :link:hover,
#subnavigationcontainer .current-menu-item ul.sub-menu :visited:hover {
    background : #e08558;
    text-decoration : none;
}

#subnavigationcontainer .current-menu-item :link,
#subnavigationcontainer .current-menu-item :visited {
    color : #fff;
    background : #255872;
}

#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu :link,
#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu :visited {
    padding-left : 20px;
}

#sidebar #subnavigationcontainer .sidebarbox ul.sub-menu a:before {
    content : '\002022  ';
}

/*
**
** Body
**
*/

#content {
    float: left;
    margin : 20px 0 0 20px;
    width : 540px;
    line-height: 1.6em;
}

* html #content {
    margin-top : 10px; /* For IE.  to mimic margin-top 13px in ".post h2, .post h3" */
    margin-left : 10px; /* For IE.  to mimic margin-top 13px in ".post h2, .post h3" */
    overflow : hidden;
}

#ieroot #content {
    padding-top : 13px;
}

h2.pagetitle {
    margin-top: 0px;
    color: #c60;
	line-height : 1;
}

.post-title {
}

#content .post:first-child h2 {
    margin-top : 0 !important;
}

.post h2 a, .post h2 a:visited {
    color: #c60;
}

.post h3 a, .post h3 a:visited {
    color : #069;
}

.entry {
    line-height: 1.4;
    font-size : 14px;
}

.entry a:visited {
    color: #b85b5a;
}

.entry h2 {
}

.entry h3 {
    line-height : 1.4;
}

.entry ul {
    margin-left: 20px;
    padding: 0 0 0 0;
    list-style : disc url(images/bullet.png);
}

.entry ul.white {
    list-style : disc url(images/bullet_white.png);
}

.entry li {
    margin : 3px 0;
    padding : 0 0 0 0px;
}

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
}

.entry ol li {
    padding: 0;
}

.post {
    margin: 0 0 40px;
}

.entrytext {
}

.postmetadata {
    padding-top: 5px;
    text-align: center;
    color: #777;
    clear: left;
}

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
}

.smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.attachment {
    text-align: center;
    margin: 5px 0px;
}

/*
**
** Page
**
*/
.page h2:first-child {
}

.page h2,
.post h2 {
    font-size : 2.2em;
    font-weight : normal;
}

.page .post h2 {
    border-bottom : 0;
    color: #c60;
}

.page .post h3 {
    border-bottom : 0;
    color : #069;
}

.page h2 + p, .page h3 + p, .page h3 + h4,
.page h2 + h3 {
    margin-top : 0;
}

.page h4 + p {
    margin-top : -1.5em;
}

/*
**
** Sidebar
**
*/

#sidebar {
    margin : 2px 0 0 580px;
    padding : 0px 0 10px 0;
    width : 180px;
}

#sidebar form {
    margin: 0;
}

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
}

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 10px;
}

/* also for sidebar */
#sidebar ul ul li {
    list-style-type : disc;
    list-style-position : outside;
}

#sidebar .sidebarbox p, #sidebar .sidebarbox select {
    margin: 5px 0 8px;
}

#sidebar .sidebarbox ul, #sidebar .sidebarbox ol {
    margin: 5px 0 0 20px;
}

#sidebar .sidebarbox ul ul, #sidebar .sidebarbox ul ol {
    margin: 0 0 0 10px;
}

#sidebar .sidebarbox ol li {
    list-style: decimal outside;
}

#sidebar .sidebarbox ul li, #sidebar .sidebarbox ol li {
    margin : 3px 0;
    padding: 0;
}

.sidebarbox {
    margin : 0 0 1em 20px;
    width : 160px;
}

.sidebarboxtitle {
    padding : 3px 0 0 0;
    margin  : 0;
    height : 18px;
    background-color : #1c4357;
    background-repeat : repeat-x;
    background-position : top left;
    /* background-image in header.php */
}

.sidebarboxtitle h2 {
    margin : 0;
    padding : 0;
    text-align : center;
    color : #fff;
    text-shadow : 2px 2px 5px rgba(0, 0, 0, 0.75);
    font-weight : normal;
    font-size: 1.16em;
}

.sidebarboxtitle h2 span {
}

#sidebarsearchcontainer .sidebarboxtitle h2 {
    font-size: 12px;
}

.sidebarboxbody {
    margin : 0;
    border-bottom : 2px solid #255872;
    padding : 5px 10px;
    background : #e9eff2;
    font-size : 0.95em;
}

.sidebarboxbody h2 {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 1.16em;
}


/** specific boxes */

#sidebaraboutbestillcontainer .sidebarboxbody,
#sidebaraboutbestillcontainer .sidebarboxbody a,
#sidebaraboutbestillcontainer .sidebarboxbody a:visited {
    color : #0054a6;
}

#sidebaraboutbestillcontainer .sidebarboxbody strong,
#sidebaraboutbestillcontainer .sidebarboxbody b {
    color : #0052a1;
}

#sidebarcontactuscontainer {
    color : #0054a6;
}

#sidebarcontactuscontainer .sidebarboxbody {
    border-top : 2px solid #255872;
}

#sidebar #recentpostslist {
}

#subscribeemailform {
    text-align : center;
}

#subscribeemailform .textfield {
    width : 140px;
}

#wp-calendar #prev a {
    font-size: 9pt;
}

#wp-calendar a {
    text-decoration: none;
}

#wp-calendar caption {
    font-size : 1.3em;
    font-weight : bold;
    text-align: center;
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}

#wp-calendar {
    empty-cells: show;
    margin: 0px auto 0;
    width: 155px;
}

#calendarinstr {
    text-align : center;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar th,
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

/* end sidebar */

.commentlist li, #commentform input, #commentform textarea {
    font-size: 0.9em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

#commentform p {
}

.commentmetadata {
    font-weight: normal;
}

.nocomments, blockquote, strike {
    color: #777;
}

code {
    font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}


/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
}

#sidebar #searchform #search {
    width: 115px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
}

select {
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#commentform #submit {
    margin: 0;
    float: right;
}

.errors {
    color : #a00;
}

/* End Form Elements */



/* Begin Comments*/
.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10px;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0;
    display: block;
}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
}

acronym, abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.center {
    text-align: center;
}

hr {
}

a img {
    border: none;
}

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}

#ieroot .navigation {
    height : 1px;
}
/* End Various Tags & Classes*/


/*
** Footer 
*/

#footerinsidepage {
    padding : 17px 0 0 0;
    text-align : center;
    color : #707070;
    line-height : 1.2em;
    font-size : 0.83em;
}

#footer {
    margin : 0;
    padding : 15px 0 8px 0;
    text-align : center;
    clear: both;
    font-family : Tahoma, Verdana, sans serif;
    font-size : 7.5pt;
    line-height : auto;
    color : #000;
}

#footer a {
    color : #00f;
    text-decoration : underline;
}

#footer a:visited {
    color : #800080;
}

#footer p {
    margin : 13px 0 0 0;
}

#footernavigationcontainer {
    margin : 0;
    padding : 0;
}

#footernavigationcontainer li {
    list-style : none;
    margin : 0;
    padding : 0;
    display : inline;
}