body {background-color: black;}
center{background-color:#black; border:groove; border:#white
position: relative; text-align:left; 

	z-index: 1;

	width: 948px;

	_height: 100%;
	min-height: 100%;}

table.header {
margin-left:auto;
margin-right:auto;
background-color:black;}
  
  p {margin-left:auto; margin-right:auto;}
  .linksone {text-align:center}
  .linkstwo {text-align:center;}
.aboutpara{padding-left:5px;}
.footer{margin-bottom:0px; font-size:12px}
.banner {text-align:center}
.darwin {text-align:left; padding-left: 15px;}
#apologeticslist {text-align:left}
.zeitgeist {padding-left: 20px;}
  
 #poll {text-align: center}
  #alltext {text-align: left}
  #chrispic {padding-left:50px} 
  #ccpic {padding-left:50px}
  #abouttext {text-align: left; padding-left:50px;s}
  ;
  #backdrop_container {

	position: relative;

	z-index: 1;

	width: 948px;

	_height: 100%;
	min-height: 100%;

	background-color:#black}
 
 
 A:link {color:#white}
A:visited{color:#white}
A:active{color:#white}
A:hover {#ffffff}






/* 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: 16px/160% lucida grande, tahoma, arial;
    margin: 0px;
    padding: 0px;
    text-align: -moz-center;
    //text-align: center;
    color: white;
}
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{
   text-align:center;	
    clear:both;
    display:block; 
    height:60px;
    overflow:auto;
    padding:0.0em;
    padding-top:6px;
    padding-left:0px;
    
    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:black;
}
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)
    }

    

/* tabnav */
.open-stab, .closed-stab,
.open-stab:visited, .closed-stab:visited{
  background: #DEDEDE;
  height: 30px;
  font: 15px/30px TrebuchetMS, Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000000;
  border-bottom: 1px solid #B2B2B2;
  border-left: 1px solid #B3B3B3;
  text-decoration:none;
  display:block;
  text-align: center;
  vertical-align: middle;
}
.closed-stab, .closed-stab:visited {
  background: url('/images/nav/background_unselectedTab.jpg') repeat-x;
  border-bottom: 1px solid #9B9B9B;
}
.with-subnav {
  border-bottom: 1px solid #DEDEDE !important;
}
.left {
  border-left: 0px solid #ffffff !important;
}
.subnav {
  background: #DEDEDE;
  text-align:center;
  color:#999999;
  font: 13px/30px TrebuchetMS, Arial, Verdana, sans-serif;
  border-bottom: 1px solid #B2B2B2;
}
.subnav a, .subnav a:visited {
  text-decoration:none;
  font-weight: lighter;
  color: #000000;
}
.subnav a:hover {
  text-decoration: underline;
}

.subsubnav {
  text-align:center;
}

.closed-stab:hover {
  background: url('/images/nav/background_rolloverTab.jpg') repeat-x;
  text-decoration: none;
}

.open-stab:hover {
  text-decoration: none;
}

/* podcast section */
#tagHelp {
  background-color: #ffffaa;
  border: 1px solid black;
  z-index: 3;
  color: black;
  width: 160px;
  top: 230px;
  left: 5px;
  padding: 5px;
  position: absolute;
  display: none;
}

.castflash .closebutton {
  text-align: right;
  margin-right: -3px;
}

.castflash {
  background-color: #ffa;
  border: 1px solid black;
  z-index: 3;
  color: black;
  padding: 0 5px 5px 5px;
  width: 200px;
  text-align: center;
  height: 140px;
  clear: both;
  float: right;
  position: relative;
  display: none;
}


/* old progress bar fu 
structure:  div.progressBar { div.border { div.background { div.foreground } } } div.uploadStatus
*/
div.progressBar {
  border: none;
  float: left;
  width: 600px;
}

.uploadStatus {
  padding-left: 8px;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
}

div.progressBar div.border {
  background-color: #fff;
  border: none;
  width: 100%;
}

div.progressBar div.border div.background {
  background: url(/images/nav.jpg) no-repeat top;
  border: none;
  height: 14px;
  width: 0%;
}

/* the upload progress stuff creates a structure like the following
   div#progress-bar { div#status-bar div#status-text } 


#progress-bar {
  float:left;
  width:600px;
  background-color: white;
}

#progress-bar #status-bar {
  background: url(/images/nav.jpg) no-repeat top;
  height:14px;
  width:0px;
}

#progress-bar #status-text {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  color: black;
  font-weight:normal;
  padding-left: 8px;
}
#flash {
text-align: center;
padding-left: 200px;
}

 */

.kustomizer_ad_section { text-align:center }