/* Media General & Category Template */
#media-content-wrapper{
    width:980px;
    background:#FFF;
    }

    #media-content-left{
        float:left;
        width:700px;
        padding-right:20px;
        }

        .media-channel-list-wrapper{
            padding:20px 0;
            margin-bottom:20px;
            border-bottom:1px solid #efefef;
            }

        .media-single-wrapper{
            padding-top:23px;
            }

        .media-section-title{
            display:inline;
            padding:3px 5px;
            padding-right:48px;
            border:1px solid #efefef;
            background:transparent url(../images/media-pages/channel-list-bg.png) no-repeat center right;
            cursor:pointer;
            /* Text */
            font-family: Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-weight: bold;
            text-transform: normal;
            letter-spacing: -.2pt;
            line-height: 1.2em;
            color:#777;
            }

            .media-channel-list{
                width:250px;
                padding:20px;
                border:1px solid #ddd;
                background:#fff;
                position: absolute;
                }

            .media-channel-list h4{
                padding-bottom:5px;
                /* Text */
                font-family: Helvetica, Arial, sans-serif;
                font-size: 14px;
                font-weight: bold;
                text-transform: normal;
                letter-spacing: -.2pt;
                line-height: 1.2em;
                color:#444;
                }


            .media-channel-list ul{
                list-style-type:none;
                margin-bottom:20px;
                }

            .media-channel-list li{
                padding:3px;
                margin:3px;
                border-bottom:1px solid #e3e3e3;
                }

            .media-channel-list li a{
                color:#777;
                text-decoration:none;
                }

    #media-content-right{
        float:right;
        width:220px;
        padding:20px;
        padding-top:20px;
        padding-left:0;
        }

        /* Step Carousel */
        .stepcarousel-button{
            float:left;
            width:20px;
            height:200px;
            padding:0 10px;
            padding-top:100px;
            background:#111;
            overflow:hidden;
            }

            .stepcarousel-button a.media-button-left{
                display:block;
                width:20px;
                height:40px;
                background: url(../images/media-pages/media-button-left.png) center center no-repeat;
                text-indent: -9999px;
                overflow:hidden;
                }

            .stepcarousel-button a.media-button-right{
                display:block;
                width:20px;
                height:40px;
                background: url(../images/media-pages/media-button-right.png) center center no-repeat;
                text-indent: -9999px;
                overflow:hidden;
                }

        /* StepCarousel for Video */
        .stepcarousel{
            float:left;
            position: relative; /*leave this value alone*/
            overflow: scroll; /*leave this value alone*/
            width: 900px; /*Width of Carousel Viewer itself*/
            height: 300px; /*Height should enough to fit largest content's height*/
            background:#111;
            }

        .stepcarousel .belt{
            position: absolute; /*leave this value alone*/
            left: 0;
            top: 0;
            }

        .stepcarousel .panel{
            float: left; /*leave this value alone*/
            overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
            width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
            height:300px;
            background:#111;
            color:#fff;
            }

            .slider-title{
                float:left;
                width:480px;
                margin-top:10px;
                margin-left:10px;
                padding:15px;
                background:transparent url(../images/media-pages/slider-title-bg.png) center center repeat;
                /* Text */
                font-size:27px;
                }

                .slider-title a, .slider-title a:link, .slider-title a:visited{
                    text-decoration:none;
                    color:#FFF;
                    }

                .slider-title a:hover, .slider-title a:active {
                    color:#AAA;
                    text-decoration:underline;
                    }

                   .slider-title .post-ratings, .slider-title .post-ratings div, .slider-title .post-ratings img{
                        padding-right:2px;
                        display:inline;
                        }

                        .view-count{
                        font-family: Helvetica, Arial, sans-serif;
                        }

                        .view-url{
                            display:block;
                            font-size:13px;
                            padding-bottom:4px;
                            }

                        li .most-viewed-count{
                          font-family: Helvetica, Arial, sans-serif;
                            font-size:11px;
                            letter-spacing:.5px;
                            padding:1px 4px;
                            background:#444;
                            color:white;
                            -moz-border-radius:.5ex;
                            -webkit-border-radius:.5ex;
                            }


                    .slider-link{
                        line-height:1em;
                        float:left;
                        width:380px;
                        }

                    .slider-watch-now{
                        line-height:1em;
                        float:right;
                        width:100px;
                        margin-top:6px;
                        text-align:right;
                        }

                        .slider-watch-now span{
                            padding:3px 10px;
                            border:1px solid #222;
                            /* Text */
                            font-family: Helvetica, Arial, sans-serif;
                            font-size: 12px;
                            font-weight: 700;
                            line-height: 1em;
                            color:#fff;
                            }

                .slider-title ul{
                    margin-top:10px;
                    list-style-type:none;
                    /* Text */
                    font-family: Helvetica, Arial, sans-serif;
                    font-size: 12px;
                    font-weight: normal;
                    line-height: 1em;
                    color:#fff;
                    }

                .slider-title li{
                    padding:3px 5px;
                    margin-bottom:2px;
                    background:#111;
                    opacity: .55;
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
                    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
                    }

/* Media Subnav */
#media-subnav-wrapper{
    margin-top:-.5pt;
    background:#111;
    text-align:center;
    }

    #media-subnav{
        width:980px;
        height:100px;
        }

        a.media-subnav-box-one{
            display:block;
            float:left;
            width:245px;
            height:0px;
            padding-top:100px;
            background:transparent url(../images/media-pages/media-subnav-bg.png) top left no-repeat;
            overflow: hidden;
            }

        a.media-subnav-box-two{
            display:block;
            float:left;
            width:245px;
            height:0px;
            padding-top:100px;
            background:transparent url(../images/media-pages/media-subnav-bg.png) top left no-repeat;
            background-position: -245px 0px;
            overflow: hidden;
            }

        a.media-subnav-box-three{
            display:block;
            float:left;
            width:245px;
            height:0px;
            padding-top:100px;
            background:transparent url(../images/media-pages/media-subnav-bg.png) top left no-repeat;
            background-position: -490px 0px;
            overflow: hidden;
            }

        a.media-subnav-box-four{
            display:block;
            float:left;
            width:245px;
            height:0px;
            padding-top:100px;
            background:transparent url(../images/media-pages/media-subnav-bg.png) top left no-repeat;
            background-position: -735px 0px;
            overflow: hidden;
            }

            a.media-subnav-box-one:hover, a.current-one{
                background-position: 0px -100px;
                }

            a.media-subnav-box-two:hover, a.current-two{
                background-position: -245px -100px;
                }

            a.media-subnav-box-three:hover, a.current-three{
                background-position: -490px -100px;
                }

            a.media-subnav-box-four:hover, a.current-four{
                background-position: -735px -100px;
                }

/* Media Single */
#media-embed-wrapper{
    background:#111;
    padding:10px;
    text-align:center;
    }

    #media-embed-left{
        float:left;
        margin:0;
        padding:0;
        margin-bottom:1em;
        width:580px;
        overflow:hidden;
        background:#000;
        border:1px solid #333;
        }

    #media-embed-right{
        float:right;
        width:300px;
        overflow:hidden;
        margin:0;
        padding:0;
        margin:5px 10px;
        padding:15px;
        text-align:left;
        background:#222;
        color:#F5F5F5;
        }

        #media-embed-right h2{
            padding-bottom:10px;
            border-bottom:1px solid #333;
            }

        #media-embed-right a, #media-embed-right a:link, #media-embed-right a:visited{
            text-decoration:none;
            color:#BBB;
            }

        #media-embed-right a:hover, #media-embed-right a:active {
            color:#777;
            text-decoration:underline;
            }

            .single-video-thumb{
                float:left;
                width:130px;
                margin-top:15px;
                overflow:hidden;
                text-align:center;
                }

                .single-video-thumb img.video-thumb{
                    width:120px;
                    height:75px;
                    overflow:hidden;
                    border:1px solid #333;
                    padding:1px;
                    }

            .postinfo{
                margin:0;
                padding:0;
                }

            .single-video-meta{
                margin:0;
                padding:0;
                margin-top:15px;
                float:right;
                width:165px;
                text-align:left;
                }

                .single-video-meta p{
                    margin:0;
                    padding:0;
                    }

                .single-video-meta p.itemlinks{
                    margin:0;
                    padding:0;
                    padding-bottom:8px;
                    }

            #media-embed-right #socialize li{
                padding:5px;
                background:#333;
                margin:1px 0;
                }

            #media-embed-excerpt{
                margin-top:15px;
                padding-top:10px;
                border-top:1px solid #333;
                }

                #media-embed-excerpt p{
                margin:0;
                padding:0;
                /* Text */
                color:#555;
                }


/* Archive Video Items Display*/
.videoitem {
    width: 198px;
    height: 245px;
    float: left;
    background: url(../images/media-pages/itembg.jpg) top left no-repeat;
    margin: 0 18px 5px 0;
    padding: 8px;
    /* Text */
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1em;
    }

    .videoitem a, .videoitem a:link, .videoitem a:visited{
        text-decoration:none;
        color:#333;
        }

    .videoitem a:hover, .videoitem a:active {
        color:#777;
        text-decoration:underline;
        }

.videoitem .ratings {
    float: left;
    width: 166px;
    height: 25px;
    margin: 1px 0 0 5px;
    /* Text */
    font-size:11px;
    }

    .ratings ul{
        display:inline;
        list-style-type:none;
        }

    .ratings ul li{
        display:inline;
        }

.comments {
    width: 21px;
    height: 25px;
    float: left;
    background: url(../images/media-pages/commentsbg.gif) top left no-repeat;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    line-height: normal;
    }

.thumbnail {
    float: left;
    margin: 5px 0 0 0;
    width: 192px;
    height: 120px;
    padding: 0px;
    overflow: hidden;
    }

img.thumb {
    width: 1024px;
    height: 120px;
    }

a:hover img.thumb {
    width: 192px;
    height: 120px;
    }

h2.itemtitle {
    font-size: 15px;
    font-weight:700;
    margin-top:15px;
    margin-bottom:1px;
    float: left;
    width: 210px;
    }

small.gallerydate {
    padding:2px 0;
    margin:0;
    width: 205px;
    float: left;
    line-height:1em;
    display:block;
    font-size:12px;
    color: #AAA;
    }

#videodets {
    width: 653px;
    border-bottom: 1px solid #B8B8B8;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    }

/* Archive Audio Item Display*/
.listen-now-button{
  width:40%;
  margin-left:20%;
  margin-top:15px;
  padding:10px;
  background:#151515;
  }

#media-embed-right .listen-now-button h4 a{
  /* Text */
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1em;
  color:#fff;
  }

table#podcast-table, table.feed-table{
    width:700px;
    border-left:1px solid #eee;
    margin-bottom:2em;
    }

    #podcast-table th, .feed-table th{
        padding:9px 5px;
        border:1px solid #eee;
        border-left:0;
        text-align:center;
        height:25px;
        background:#fafafa url(../images/media-pages/accordion-header-bg.png) center center repeat-x;
        /* Text */
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.1em;
        color:#333;
        }

    #podcast-table td, .feed-table td{
        padding:10px 8px 8px 8px;
        border:1px solid #eee;
        border-top:0;
        border-left:0;
        /* Text */
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 700;
        line-height: 1em;
        color:#555;
        }

    #podcast-table td a, .feed-table td a{
        color:#555;
        }

    #podcast-table td a:hover, .feed-table td a:hover{
        color:#AAA;
        }

         .auido-button{
              display:block;
              width:8em;
              margin:0;
              padding:5px;
              height:16px;
              overflow:hidden;
              border:1px solid #4d4d4d;
              background:#1a1a1a;
              color:#FFF;
              text-align:center;
              -moz-border-radius:.7ex;
              -webkit-border-radius:.7ex;
              }

              .auido-button a, .auido-button a:link, .auido-button a:visited, .auido-button a:hover, .auido-button a:active{
                color:#fff;
                }


    /* Media Page Images Display *SMUGMUG */
    .wp-smugmug ul{
        list-style-type:none;
        }

    .wp-smugmug ul li{
        float:left;
        margin:0 15px;
        margin-bottom:15px;
        }

    .wp-smugmug ul li img{
        padding:3px;
        background:#eaeaea;
        border:1px solid #CCC;
        }

    /* Media Page Sidebar */
    #media-sidebar{
        border:1px solid #eee;
        border-top:0;
        border-bottom:0;
        }
        /* Accordion */
        #accordion h3{
        border-top:1px solid #eee;
        padding:10px;
        background:#fafafa url(../images/media-pages/accordion-header-bg.png) center center repeat-x;
        /* Text */
        font-size:16px;
        font-weight:700;
        }

        #accordion{
            margin-top:40px;
            }

        #accordion div{
            padding:0px 10px 30px 10px;
            background:#fafafa;
            border-bottom:1px solid #eee;
            }

    #accordion ul{
        list-style-type:none;
        list-style-position:inside;
        margin:0;
        padding:0;
        }

    #accordion ul li{
        margin:0px;
        border-bottom:1px solid #eee;
        padding:12px 0;
        }

    #accordion ul li a {
        display:block;
        margin-bottom:2px;
        /* Text */
        font-weight:700;
        }

    /* Accordion Links */
    #accordion a, #accordion a:link,#accordion a:visited{
        color:#333;
        text-decoration:none
        }
    #accordion a:hover, #accordion a:active{
        color:#777;
        text-decoration:underline;
        }