/*
Theme Name: kyGREENtv
Theme URI: http://www.kygreen.tv/
Description: Custom Wordpress theme for kyGREENtv.
Version: 1
Author: Jet A Studio
Author URI: http://www.jetastudio.com/
Tags: 

	©2010 kyGREENtv. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.

	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, 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}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */

body {font:14px/1.5 Helvetica, Arial, sans-serif;color:#333333;background-color:#2c231d}

/*######################################
  =General  Styles
######################################*/.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}

/*######################################
  =Element Styles
######################################*/

a {text-decoration:none; outline:none; color:#0b4250}
	a:hover {text-decoration:underline}

h2 {font:24px "Gill Sans", "Trebuchet MS", Verdana, sans-serif;color:#564d46;padding:0 0 1em 18px}
h3 {font:16px "Gill Sans", "Trebuchet MS", Verdana, sans-serif;color:#564d46;padding-left:4px}
h3.break {padding:1em 4px 1em}
h4 {font:14px "Gill Sans", "Trebuchet MS", Verdana, sans-serif;color:#564d46;padding-left:18px;margin-bottom:.5em;font-weight:bold}

small {font-size:12px}

#article p {padding:0 18px;margin-bottom:1.5em}
#article p.tags {font-size:12px;}
#article p.meta {margin-bottom:.25em !important;font-size:11px;text-transform:uppercase;color:#888888}

#home-page #article p {padding:0 14px 0 4px;margin-bottom:1.5em}

.ad a {display:block;border:1px solid #505445;margin-bottom:1.5em}

a img {display:block}

#article p small {font-size:11px;color:#555555}

table {margin-left:18px}
    table th {text-align:left;font-size:12px;padding:4px 8px}
    table td {font-size:12px;padding:4px 8px}

div.row {padding-left:18px}
    div.row .three-col {float:left;width:30%;margin-right:3%;font-size:12px;margin-bottom:2em;display:inline}

span.back {font-size:12px;padding-left:18px}

/*######################################
  =General Layout Styles 
######################################*/

#header-wrap {width:100%;height:118px;background:transparent url(images/header-wrap-bg.jpg) repeat-x 0 0}
    #header {width:931px;height:118px;margin:0 auto;position:relative}
    
    #logo {display:block;position:absolute;left:3px;bottom:3px}
        #logo img {display:block}
        
    #topnav {position:absolute;top:6px;right:7px}
        #topnav li {float:left;margin-left:16px;padding-left:24px;display:inline}
        #topnav li.first {background:transparent url(images/facebook-ico.gif) no-repeat 0 0}
        #topnav li.last {background:transparent url(images/twitter-ico.png) no-repeat 0 0}
            #topnav li a {font-size:11px;color:#c8d6db}
    
    #nav {position:absolute;bottom:14px;right:12px}
        #nav li {float:left;position:relative;height:23px;margin:0 12px 0 18px;padding:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
        #nav li:hover,
        #nav li.current {background-color:#b6cdd4}
            #nav li a {display:block;height:23px;text-indent:-9999px;text-decoration:none}
            
            #nav li.nav-one a   {width:94px;background:transparent url(images/nav-bg.png) no-repeat 0 0}
            #nav li.nav-two a   {width:105px;background:transparent url(images/nav-bg.png) no-repeat -148px 0}
            #nav li.nav-three a {width:100px;background:transparent url(images/nav-bg.png) no-repeat -313px 0}
            #nav li.nav-four a  {width:108px;background:transparent url(images/nav-bg.png) no-repeat -468px 0}

            #nav li ul {position:absolute;z-index:300;width:200px;background-color:#b6cdd4;left:-999em;}
            #nav li:hover ul, #nav li.sfhover ul {left:0}
            
            #nav li ul {padding-top:10px}
                #nav li ul li {float:none;height:auto;margin:0;padding:0 !important;}
                    #nav li ul li a {width:190px !important;height:auto;padding:5px 0 5px 10px;border-bottom:1px dotted #aaaaaa;font-size:12px;color:#582e12;text-indent:0;background-image:none !important}
                    #nav li ul li a:hover {text-decoration:underline}

#hero-wrap {width:100%;height:300px;background:transparent url(images/hero-bg.jpg) repeat-x 0 0;}
    #hero {width:931px;height:300px;margin:0 auto;position:relative;overflow:hidden}
        #hero ul.slides {width:931px;height:300px;overflow:hidden;position:relative;z-index:100}
            #hero ul.slides img {display:block;}
        
        #hero ul.slide-control {width:126px;height:35px;position:absolute;z-index:200;bottom:0;right:12px;background:transparent url(images/slide-control-bg.png) no-repeat 0 0}
            #hero ul.slide-control li {float:left;width:63px;height:35px;}
                #hero ul.slide-control li a {display:block;width:61px;height:33px;text-indent:-9999px;text-decoration:none;}

#stage-wrap {width:100%;background:#efebe1 url(images/stage-wrap-bg.jpg) repeat-x 0 0}
    #stage {width:931px;margin:0 auto;padding-top:1px;}
        
        #article {float:left;width:603px;padding:1.5em 0 2em}
        #home-page #article {padding:0 0 2em}
        #sidebar {float:left;width:302px;padding:1.5em 13px}

        #subnav {padding:1em 22px;background:#ddd5c4 url(images/subnav-bg.png) repeat-x 0 100%}
            #subnav ul li {display:inline}
                #subnav ul li {font-size:12px;padding-right:2em}
                #subnav ul li.current_page_item a {font-weight:bold}

#footer-wrap {width:100%;background:transparent url(images/footer-bg.jpg) repeat-x 0 0}
    #footer {width:931px;margin:0 auto;padding:2px 0 1.5em 0;}
        #footer .ads {padding:1.5em 0;border-bottom:1px dotted #615a56}
            #footer .ads .small-ad {float:left;width:194px;text-align:center}
            #footer .ads .skyscraper-ad {float:left;width:728px}
        #footer .cols {padding:1.5em 0}
            #footer .cols ul {float:left;width:158px;margin-right:18px;display:inline}
            #footer .cols ul.first {width:50px}
            #footer .cols ul.last {margin-right:0;}
                #footer .cols ul li {line-height:1;padding-bottom:.75em;zoom:1}
                    #footer .cols ul li a {color:#dddddd;font-size:11px}
                        #footer .cols ul li a strong {font-size:12px}
       
        #footer .footer-meta {height:60px;border-top:1px dotted #615a56;padding-top:1em;position:relative;} 
            #footer p.copyright {float:left;font-size:11px;color:#999999;}
            
            #footer .footer-meta ul {float:left;font-size:11px;margin-left:18px;display:inline}
                #footer .footer-meta ul li {color:#777777;display:inline}
                    #footer .footer-meta ul li a {color:#999999;padding:3px}
                    #footer .footer-meta ul li.last a {color:#777777;padding-left:18px}
            
            #footer .footer-meta img {position:absolute;top:14px;right:7px}

div.tabbed {width:302px;margin-bottom:1.5em}
    ul.tabs li {float:left;width:99px;margin-right:1px;display:inline}
        ul.tabs li a {display:block;width:99px;height:22px;padding-top:8px;background:transparent url(images/tab-bg.jpg) no-repeat 0 0;font-size:11px;text-align:center;text-transform:uppercase;color:#4f3a22}
        ul.tabs li.active a {background:transparent url(images/tab-active-bg.jpg) no-repeat 0 0;font-weight:bold;}
    
        ul.tabs li a:hover {font-weight:bold;text-decoration:none}
    
    div.tabbed .tab-content {width:280px;min-height:187px;padding:20px 8px;margin-top:-3px;border:3px solid #d2c8be;background-color:#ebe4de}
    div.tabbed .tab-content div {display:none;max-height:250px;overflow-x:hidden;overflow-y:auto;}
        div.tabbed .tab-content div p {padding:0 12px;margin-bottom:1.5em;font-size:12px}
        div.tabbed .tab-content div p.heading {margin-bottom:.5em;}
        div.tabbed .tab-content div ul {padding:0 12px 0 0;margin:0 0 1.5em 1.5em;list-style:disc;font-size:12px}

ul.programs {}
    ul.programs li {border-top:1px dotted #aaaaaa;padding:1.5em 18px}
        ul.programs li a.thumb {float:left;width:186px;margin-right:7px;border:1px solid #505445;display:inline}
        ul.programs li div.desc {float:left;width:300px;font-size:12px}

div.tabbed .newsletter {width:268px;padding:20px 14px !important}        
.newsletter h4 {font-size:16px;padding-left:0}
.newsletter p {padding:0;font-size:12px;margin-bottom:2em}
.newsletter label {font-size:12px;font-weight:bold;padding-left:7px;}        
.mc-field-group input {width:248px;padding:4px;border:3px solid #d3cabf;font-size:14px;margin-bottom:1.1em}        
.newsletter .submit input {float:right;}
div.tabbed .newsletter div {display:block !important;}

div.movie {width:480px;height:270px;margin:0 auto;padding-top:15px;}

/*######################################
  =Page Specific Styles 
######################################*/

/* ----------- Homepage ------------ */

.listing-controls {padding:2em 0 1em;margin-bottom:2em;border-bottom:1px dotted #aaaaaa;position:relative}

.channel-switch {position:absolute;top:28px;right:7px;font-size:12px;}
    .channel-switch em {font-family:"Gill Sans", "Trebuchet MS", Verdana, sans-serif;color:#564d46;font-style:normal}

.video-listing {border-bottom:1px dotted #aaaaaa;margin-bottom:6px}
    .video-listing li {width:186px;float:left;padding:0 11px 0 4px;margin-bottom:4em;font-size:12px;}
        .video-listing li img {display:block;width:186px;height:104px;margin-bottom:4px}
        .video-listing li a {color:#333333}


/* ----------- Calendar ------------ */

.cal #article {float:none;width:930px;padding:1.5em 0}
.cal h2 {padding:0 0 8px 18px;border-bottom:1px dotted #aaaaaa;margin-bottom:8px}
#tec-events-calendar-header {padding-left:18px;margin-bottom:0 !important}
td.tec-thismonth {background-color:#fff}
.tec-event a {font-weight:bold}
select.tec-events-dropdown {margin:0 9px 0 0 !important}

.tec-event h2 {border-bottom:1px dotted #aaaaaa;}
#tec-event-meta {border-bottom:1px dotted #aaaaaa !important;border-top:0 !important;margin-bottom:12px !important;padding: 8px 0 12px 18px !important;}