/* podomatic main styles 
I'm going to swep thgouh an put and label allactive 
styles in this single file
*/

/* TOP HEADER------------------------------------------------------------------
    These styles form the top banner, the tabs and subtabs
*/

/* base styles*/

html, body, .body-text 
{
    font: 11px/160% lucida grande, tahoma, arial;
    margin: 0px;
    padding: 0px;
    text-align: -moz-center;
    //text-align: center;
    color: rgb(64,64,64);
}
table
{
    border-collapse:collapse;
}
form
{
    margin:0px;padding:0px;clear:both;
}
input
{
    border-width: 1px;
}
img
{
    border:none;
}
h1
{
    padding:0px;
    padding-top:20px;
    text-align:left;
    font:bold 36px/44px  lucida grande, tahoma, arial;
    margin:0px;
}
h4
{
    text-align:left;
    font:bold 120%/100% arial;
    margin:0px;
}
h2
{
    margin: 0px 0px 0px 0px;
    padding-top: 20px;
    font:bold 130%/150% lucida grande,tahoma,arial
}

 .header2
{
    font: bold 1.4em/1em Arial;
    padding:1em 0px 0px 0px;
    vertical-align:baseline;
}
h3
{
    margin:0px;
    position:relative;
    display:block;
    padding:2px 5px 2px 5px;;
    font:bold 110%/140% lucida grande,tahoma,arial
}
p
{
    padding-right: 1em;
}
th
{
    vertical-align:baseline;
    font-weight:bold;
}
td
{
    vertical-align:top;
}
ul
{

	padding-left:0px;
}
ul li
{
	padding-left: 1em;
	/*list-style-position: inside;*/
	list-style-type: square;
}
iframe{border:0px;margin:0px;padding:0px;}

.framing
{
    width:880px;
}
table.framing
{
        //table-layout:fixed;
    border-collapse:collapse;
    margin:0px;
    text-align: left;

}
/* top banner (podomatic logo, user links) */


/* top tabs*/

.td-tabs
{
    text-align:center;
    padding:3px 0px 0px 0px;
    border-bottom:1px solid #cccccc;
    position:relative;
}



.closed-tab, .open-tab
{
    display: block;
    margin:0px;
    padding-right: 10px;
    background: url(/images/right-tab-closed.png) no-repeat  right 4px;
    position:relative;
    top:0px;
    left:0px;
   
}
.closed-end-tab, .open-end-tab
{
    display: block;
    padding: 4px 2px 2px 10px;
    background: url(/images/left-tab-closed.png) no-repeat  left 4px;
    font: bold 1.3em/2.0em arial;
    text-decoration: none;
    color: #000099;
    top:0px;
    left:0px;
   
}


.open-tab
{
    background: url(/images/right-tab-open.png) no-repeat  right 4px;
    color: #000000;
    margin-right: 0px;
    top:1px;
    
}
.open-end-tab
{
    background: url(/images/left-tab-open.png) no-repeat left 4px;
}

.subtabs
{
    font:110%/140% arial; 
    padding: 0.5em 0px 0.5em 0px; 
    text-align:center;
    border:1px solid #CCCCCC; 
    border-top:0px;
    background:rgb(255,255,255) url(/images/nav_background.gif) repeat-x bottom;
}
.subtab-link
{
    font:bold 100%/100% arial;
}

.spaced
{
    padding:0px 0.5em;
}

/* base header */
.basic-header, .header-table
{
    text-align:left;
    padding:5px 5px 0px 5px;
    width:100%;
    table-layout:fixed;
    clear:both;
    margin:0px;
}
.header-table
{
    padding:0px;
}

/* vignette styles */
.vignette-table 
{
    
    border-collapse:collapse;
    width:100%;
    float:left;
    display:table;
    //display:block;
}

.vignette-header
{
    background-image: url(/images/gradient.png);
    background-attachment: top left;
    background-repeat: no-repeat;
    //background:transparent;
    //filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#30000000', EndColorStr='#000000FF');
    text-align:left;
    color:rgb(255,255,255);
    width:100%;  display:table;
    //display:block;
    
    margin:0px;
    margin-bottom:0.5em;
     font:bold 120%/140% lucida grande,tahoma,arial
}


h3.vignette-header
{
    
     display:block;
     width:100%;
     padding:2px 5px 2px 5px;;
}

.vignette-td-75-image, .vignette-td-60-image,
.vignette-td-100-image,.vignette-td-175-image 
{
    width:85px;
    height:85px;
    padding:5px 0px 0px 5px;
    vertical-align:top;
    text-align:left;
    background: url(/images/shadow75.png) no-repeat top left;
    //background:transparent;
    cursor:inherit;
}

.vignette-td-100-image 
{
    width:110px;
    height:110px;
    background: url(/images/shadow100.png) no-repeat top left;
    //background:transparent;
    overflow:hidden;
}

.vignette-td-175-image
{
    width:185px;
    height:185px;
    background: url(/images/shadow175.png) no-repeat top left;/**/ //FIXME:  jkolyer commented out Dec 11, 06
    //background:transparent;
}


.vignette-td-60-image
{
    width:70px;
    height:70px;
    background: url(/images/shadow60.png) no-repeat top left;
    //background:transparent;
}

.vignette-td-55-image
{
    width:70px;
    height:70px;
    padding:5px 0px 0px 5px;
    vertical-align:top;
    text-align:left;
    background: url(/images/shadow55.png) no-repeat top left;
    //background:transparent;
    cursor:inherit;
}

.vignette-td-120-image
{
    width:130px;
    height:140px;
    padding:5px 0px 1em 5px;
    vertical-align:top;
    text-align:left;
    background: url(/images/shadow120.png) no-repeat top left;
    //background:transparent;
    cursor:inherit;
}


/* assumes a standard 45pixel image*/
.vignette-img-sm
{
    border:1px solid rgb(96,96,96);
    clear:both;
    display:block;
    margin-bottom:2px;
    //border-bottom:2px solid rgb(100,100,100);
    //border-right:2px solid rgb(100,100,100);
    cursor:pointer;
}


.vignette-td-content
{
    text-align:left;
    vertical-align:top;
    padding:1px 1em 1px 0.5em;
    cursor:inherit;
}
COL
{
    text-align:left;
}


.header-button
{
    line-height: 1em;
    vertical-align:baseline;
}

/* href-buttons */
A.link-button, A:hover.link-button
{
    border: 0px;
    padding:2px 50px 4px 5px ;
    width:auto;
    text-decoration: underline;
    display:block;
    float:left;
    font-weight:bold;
}
A:hover.link-button
{
    border: 1px solid rgb(168,168,240);
    padding:1px 49px 3px 4px ;
    padding-top:1px;
    color:rgb(0,0,128);
}

/* search term highlevel */
A.search-tag, A:hover.search-tag
{
    font: 100%/140% tahoma;
    color: rgb(96,96,255);
    padding-left:0.7em;
    text-decoration:none
}
A:hover.search-tag
{
    font: 100%/140% tahoma;
    text-decoration:underline;
     color: rgb(0,0,192);
}

/* inline form buttons*/
                    
    A.button,  A:hover.button
    {
        display:block;
        border:1px solid rgb(140,140,160);           
        background: url(/images/button-bkg.png) repeat-x  center center;
        color:rgb(220,220,220); 
        text-decoration:none;
        font:bold 11px/11px tahoma;
        padding:1px 1em 4px 1em;
        height:auto;
        margin:1px;
        text-align:center;
        float:none;clear:both;
        
    }
    A:hover.button
    {
         background: url(/images/button-bkg-over.png) repeat-x  center center;
          border:1px solid rgb(120,120,140);
         color:rgb(230,230,230)
    }

    A:active.button
    {
         background: url(/images/button-bkg-over.png) repeat-x  center center;
         border:1px solid rgb(64,64,128); 
         color:rgb(255,255,255)
    }

/* IE specific colors */

.skyscraper-column
{
    width:160px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.skyscraper-content-column
{
    width:712px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
  }

/* column widths these are secondary styles */
.one-quarter-column
{
    width:218px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.two-quarters-column
{
    width:436px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}

.three-quarters-column 
{
    width:654px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}


.one-column 
{
    width:875px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.two-thirds-column 
{
    width:570px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.one-third-column
{
    text-align:left;
    width:300px;
    overflow:hidden;
    vertical-align:top;
}
.three-column { width:33%; }
.two-column   { width:50%; }
.four-column   { width:24.9%; }
.right  { text-align:right;} 
.clickable      {cursor:pointer;}
/*style for crap */
.floats-suck {clear:both;width:100%;height:1em;}

.inter {
    border:1px solid rgb(200,200,200); 
    padding:0.5em;
    height:1em;
   
    margin:3px;
}    
A.podcast-title, A:hover.podcast-title{
   
    clear:both;
    display:block; 
    height:40px;
    overflow:auto;
    padding:0.0em;
    padding-top:6px;
    padding-left:80px;
    text-align:left;	
    text-decoration:none;
    background-image:url("");
    background-position:4px 4px;
    background-repeat:no-repeat; 
    border-bottom:0px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    }

A.inlineplay
{
    display: block;
    height:30px;
    left: 100px;
    text-decoration:none;
    background: url(/images/play_glossy.png) no-repeat;
    //background: transparent;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/play_glossy.png", sizingMethod="crop");
}
    
    /* form inputs */


.form-input-cell
{
    
    border:1px solid rgb(180,180,200);
    border-right:0px;
    background: rgb(255,255,255);
    vertical-align:middle;
}
.form-input-label
{
    font:9px tahoma; 
    color: rgb(128,128,128);
}
.form-input-button-cell
{
    padding:0px;
    border:1px solid rgb(180,180,200);
    border-left:0px;
    background: rgb(210,210,246);
    
}
.form-top-gradient
{
    background: url(/images/top-gradient.png) repeat-x top;
    padding: 0.5em 1em 0.5em 0.5em; 
    border:1px solid #CCCCCC; 
    border-bottom:0px;
    text-align:left;
    margin-top:0.5em;
}
.form-input-table
{
    width:100%;
   border-collapse:collapse;
    text-align:left;
    margin-top:0.5em;

}

/* for podcast page */

 .top-image
{
	height: 148px;
    padding-top: 10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left: 40px;
    vertical-align:bottom;
    overflow:hidden;
}
.banner-content
{
    border:1px solid rgb(32,32,32);
    border-top:2px solid rgb(16,16,16);
    
    /* background-color:rgb(64,64,64); */
    padding-left:1em;
    position:relative;
    top:2px;
    //top:2px; 
    height:24px;
    overflow:hidden;
    line-height:22px;
}
.rt-shadow
{
   height:140px;
    background: url(/images/rt-gradient.png) repeat-y top left ;
    //background:transparent;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/rt-gradient.png", sizingMethod="scale");
}
.left-shadow
{
    height:140px;
    background: url(/images/lft-gradient.png) repeat-y top right ;
    //background:transparent;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lft-gradient.png", sizingMethod="scale");
}
#title-shadow
{
    padding:0px;
    
    text-align:left;
    font:bold 350%/100%  lucida grande, tahoma, arial;
    margin:0px;
    position:relative;
    top: -50px;
    left:5px;
    line-height:0px;
}



/* for profiles page*/
.empty-content
{
    margin:2em;
    border:1px dotted rgb(216,216,216);
    padding:2em;
    text-align:center;
    color:rgb(128,128,128)
}
.vignette-actions
{
    font: 100%/100% tahoma, lucida grande, verdana;
}
.panel
{
    overflow:hidden;
    overflow-x:hidden;
    background-color: rgb(236,244,255);
    margin-top:1em;
    border-bottom:1px solid rgb(226,236,248);
    text-align:left;
    font-weight:normal;
    padding:0px;
    position:static;
}
.vignette-list
{
    width:100%;
    margin:0px ;
    position:static;
}
.vignette-row
{
    padding-bottom:3px;
    border-bottom:1px dotted rgb(168,168,168)

}

/* for profiles */
.stripe
{
   background-color:white;
}
A.playlist, A.playlist_selected
{
    display:block;
    padding: 1px 3px 1px 3px;
    text-decoration:none;
    font-weight: normal;
    white-space:pre;
    overflow:hidden;
    
}
A.playlist_selected, a:visited.playlist_selected,
a:active.playlist_selected, td.playlist_selected  
{
    
    background-color:rgb(96,116,168);
    color:white;
    font-weight: bold;
    text-decoration:none;
}


.main
{
    color:black;
    font-weight:normal;
}
.shadow
{
    background-color: rgb(196,196,196)
    }

    
 /* tabs*/   

	A.square-tabs,
    A:hover.square-tabs,
    A:active.square-tabs,
    A:visited.square-tabs
	{
		padding:2px 1em;
 	    border:1px solid rgb(64,64,64);
        margin:0px;
		border-bottom-width:0px;
		/*border-left-width:2px;*/
		font-size:17px;
		line-height:20px;
		margin-left:0.1em;
		text-decoration:none;
        color:rgb(200,200,200);
        background-color:rgb(0,0,0);position:relative;
	}
    
    A:hover.square-tabs,
    A:active.square-tabs
    {
        color:rgb(255,255,255);
        top:1px;
        background-color: rgb(32,32,32);
        
    }

	.selected-square-tabs
	{
		
       padding-bottom: 3px;
		//		background-image: url(/images/podcast/tab-highlight.png);
        background-repeat: no-repeat;
        background-position: 0px -5px;
	}
	
	#contentContainer
	{
	position:absolute;
	z-index:1800;
	top:0px;left:0px;
	border:0px;
	margin:0px;
	padding:0px;top:0%;
	width:100%;
	height:100%;
	overflow:auto;}
	
	.new-header
	{
	       background-color:rgb(0,0,0);
	       border-color:black;
	   height:auto;
	   z-index:2000;
	   position:absolute;
	   width:880px;
	   left:0px;top:0px;
	   margin: 0px auto;
	   border:3px solid;
	}

	div.logo
	{
		padding-top:20px;
       
        background: url(/images/podcast/podo_blue.png) no-repeat 0px -5px;
        //background: transparent;
        //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/podcast/podo_blue.png", sizingMethod="crop");
        text-align:center;
        display:block;
	}
	#header-search
	{
	   font:11px/12px tahoma,lucida grande;
	   color:rgb(200,200,200);
	   padding:1px;
	   text-align:left;
	   border:0px;
	   background-color:rgb(64,64,64);
	   border-top:1px solid black;
	}
	.square-tab-top
	{
		text-align:right;
        padding:0px;
        /*padding-right:20px;*/
        padding-top:18px;
        padding-bottom: 0px;
		margin:0px;
		background-image: url(/images/podcast/tabGradient.png);
		background-repeat: no-repeat;
		//background-image:none;
		//width:100%;
        //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/podcast/tabGradient.png", sizingMethod="crop");
		border:1px;
        border-bottom:0px;
        height:100%;
        display:block;
        
	}
	.searchsection
	{
		padding:2px;

		border-width:0px;
		border-top-width:1px;
    margin:0px;
    display:block;
    clear:both;
    position:static;
    
	}

  .kustomizer_ad_section {
    //padding:0;
    //margin:0 0 5px 0;
    height:auto;
    text-align:center;
   /* padding-top:49px; */
  }