body {
  background: #131313 url('/graphics/bg_fence.jpg') repeat-y;
  margin:0;
  padding:0;
  font: 12px arial;
  color: #000;
}

div, p, td {font:12px Arial; color: #000;}

img {border: none;}

/* page framework */

#shell {margin:0 auto; width:960px; background:#565656 url('/graphics/bg_content.jpg') repeat-x; border:0;}

#masthead {width:960px; height:148px;}
#logo {width:300px; height:148px; float:left;}
#artists {width:660px; height:148px; float:left; position:relative; background:url('/graphics/artist_none.jpg') no-repeat;}

#listen_bar {width:960px; height:32px; background:url('/graphics/bg_listenbar.gif') no-repeat;}
#listen_live {float:left; width:400px;}
#keywords {float:right; text-align:right; width:220px;}
#keyword_search {float:left; border:1px solid #000; margin:6px 6px 0 0; color:#999;}
div#keyword_button {float:left; background:url('/graphics/button_go.gif') no-repeat; width:50px; height:24px; margin:4px 0px 0 0; cursor:pointer;}
div#keyword_button input {display:none;}
#nav_bar {z-index: 999;}

#kftx_content {margin:8px 0 0 0;}

#center_column {margin:0 8px 8px 8px; float:left; width:660px; border:8px solid #2b2828; background-color:#FFF;}
#page_hdr {padding:3px; background-color:#C00; color:#FFF; font:bold 14px Verdana;}
#content {padding:8px 0 8px 8px; float:left; width:644px;}
#content_spacer {float:left; width:8px; height:500px; overflow:hidden;}

#right_column {float:left; width:260px;}
.right_item {margin-bottom:8px; width:100%; text-align:center;}
#right_ads {width:248px; background-color:#2b2828; padding:6px 6px 0 6px;}
.right_ad1 {float:left; width:120px; height:90px; margin-right:8px; margin-bottom:6px; text-align:center;}
.right_ad2 {float:left; width:120px; height:90px; margin-bottom:6px; text-align:center;}

#footer {background:#2d2d2d; clear:left; border-top:8px solid #999;}
#footer .fineprint {font:11px Arial; color:#FFF; text-align:center; padding:9px 0;}

.google_ads {margin:4px auto; width:728px;}

.clear {clear:both;}

.home_poll_ad { margin-top:8px; }
.home_poll_ad p { margin:0px; }

.events_table {width:100%;}
.events_table th {font:bold 12px Verdana; text-align:left;}

.update_table th {font:bold 12px Verdana; text-align:left; text-align:right;}
.update_table .number {width:60px;}
.update_table td {padding:4px;}

.imgleft {float:left;}
.imgleft img {margin:0 6px 6px 0;}

table.texas_music {width:100%;}
table.texas_music td {padding:4px; font:bold 12px Arial; color:#FFF;}
table.texas_music td.date {width:85px; text-align:center;} 

form {padding:0; margin:0;}

td.happening_info p {margin:0 0 5px; font:12px Arial;}
td.happening_info .hdr {font:bold 14px Arial; color:#900;}

.staff_pic {margin:0 auto; text-align:center;}
.staff_name {font:13px bold Verdana, Arial; color:#600; text-align:center;}
.staff_info p {margin:0 0 3px; text-align:center;}

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


/* Texas News Widget */
#spmWidgetContainer
{
	border-width: 1px; border-color: #C0C0C0; width: 474px; margin-bottom:7px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	color: #395291; background-color: #FFFFFF; border-right-style: solid; border-left-style: solid;
	padding: 0;	text-align: left; z-index:1000;	line-height:normal; 
}

#spmWidgetTitle
{
	font-size: 12pt;
	padding-bottom: 2px;
	padding-top: 1px;
	font-weight: bold;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	text-align: center;
	background-color: #E0E7F2;
	color: #395291;
}

#spmWidgetFooter
{
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	background-color: #E0E7F2;
	color: #395291;
}

#spmWidgetFooter a
{
	text-decoration: none;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color:#4C00EE;
}

#spmWidgetFooter a:link
{
	text-decoration: none;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color:#4C00EE;
}

#spmWidgetFooter a:hover
{	
	text-decoration:underline;
	color:#4C00EE;
}

#spmNewsLinks a
{
	text-decoration: none;
	color: #000000;
	vertical-align: top;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;	
}

#spmNewsLinks a:link
{
	text-decoration: none;
	color: #000000;
	vertical-align: top;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;	
}

#spmNewsLinks a:hover
{	
	text-decoration:underline;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color:#000000;
}

#spmNewsLinks li.spm
{
	background: none;
	padding-bottom: 4px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px; 
	list-style-type: disc;
	color: #9E0000;
	margin: 0px;
	font-family: Tahoma;
}

#spmNewsLinks ul.spm
{
	background: none;
	color: #000000;
	list-style-type: disc;
	margin-top: 2px;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 3px;
	padding-right: 0px; 
	font-size: 10pt;
	font-family: Tahoma;
}

#spmNewsLinks li
{
	background: none;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-type: disc;
	color: #9E0000;
	margin: 0px;
	font-family: Tahoma;
}

#spmNewsLinks ul
{
	background: none;
	color: #000000;
	list-style-type: disc;
	margin-top: 8px;
	padding-left: 20px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
    padding-bottom: 0px;
	padding-top: 8px;
	padding-right: 0px; 
	font-size: 10pt;
	font-family: Tahoma;
}




#spmNewsLinks
{
	background-color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	width: 460px;
	margin-right: 5px;
}

/*
There is some freaky style weirdness going on with articles... this is a workaround that manifests itself as a test in ArticleViewer.xslt
spmViewerArticleTitle and spmViewerArticleTitleWithPhoto should be kept the same with the exception that spmViewerArticleTitleWithPhoto
must have bottom padding.
*/
#spmViewerArticleTitle
{
    padding-bottom: 20px;
	font-weight:bold;
	font-size: 12pt;
	padding-top: 6px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
}

#spmViewerArticleTitleWithPhoto
{
	padding-bottom: 20px;
	font-weight:bold;
	font-size: 12pt;
	padding-top: 6px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
}

#spmViewerArticleHeader
{
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 16pt;
	background-color: #E6E6E6;
	padding-left: 3px;
	padding-right: 3px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
}

#spmViewerArticleHeaderImage
{
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
	padding-bottom: 6px; 
	padding-left: 2px;
	border-bottom: 1px gray solid;
}

#spmViewerMainArticleContainer
{
	background: #FFFFFF;
	overflow:hidden;
	border-style: solid;
	border-width: 1px;
	width: 620px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;	
	font-size: 10pt;
	position:relative;
	line-height:normal;
}

#spmViewerArticleContainer
{
	margin-right: 5px;
	margin-left: 5px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;	
	display:block;
	position:relative;
}

#spmViewerArticlePhotos
{
	padding: 6px;
	margin-left: 4px;	
	float: right;
	font-size: 8pt;
	background-color: #E6E6E6;
	width: 300px;
	display:block;
	position:relative;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;			
}

#spmViewerArticlePhotos img
{
	width: 300px;
}

#spmViewerArticle
{
	margin-top: 0px;
	background-color: #FFFFFF;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;
}

#spmViewerMainArticleContainer p
{
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
	line-height: normal;
}

#spmViewerArticleNoPhoto
{
	background-color: #FFFFFF;
}

#spmViewerFooter
{
	clear: both;
	width: 100%;
	background-color: #C0C0C0;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 10px;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;		
}

#spmViewerArticlePhotos table
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

#spmViewerArticlePhotos td
{
    margin: 0;
    padding: 0px;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

#spmViewerArticlePhotos tr
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

.spmSource
{
	font-size: 10px;
	text-align: right;
	display: block;
	color: Gray;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;		
}

.spmCaption
{
    padding-top: 0px;
	text-align: left;
	font-size: 12px;
	display:block;
	font-family: 'Arial' , 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana, sans-serif;	
	color: #3F3F3F;
}

.bottom-ad {width: 120px; height: 90px; float: left; margin: 8px 0px 8px 8px;}