/* @override http://localhost/LiveFromAustinTexas.v3/styles.css */

/* CSS Document */

td
{
vertical-align:top;
}

.release
{
padding-right: 10px;
}

.acl-logo
{
margin-top: 10px;
margin-bottom: 10px;
}

.component-acl
{
width: 980px;
background-color:  #101010;
/*margin-bottom: 10px;*/
/*line-height: 12px;*/
}

/*Boxes*/
.t {background: url(images/dot.gif) 0 0 repeat-x; width: 980px}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat;}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}


#left-column
{
float: left;
width: 356px;
padding-top:10px;
padding-right:20px;
margin-bottom: 0;
/*background-color:#993300;*/
height: 525px;
}

#right-column
{
margin-left: 366px;
margin-right: 0px;
padding-left:10px;
padding-top:10px;
/*background-color:#3399FF;*/
}

*
{
margin: 0;
padding: 0
}

/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
noscript p, noscript ol
{
color: #a00;
font-size: 13px;
line-height: 1.4em;
text-align: left
}

noscript a
{
color: #a00;
text-decoration: underline
}

noscript ol
{
margin-left: 25px;
}
		
a:focus
{
outline:none
}
		
img
{
border: 0
}
		
.stripViewer .panelContainer .panel ul {
text-align: left;
margin-bottom: 0;
margin-top: 0;
}
		
.slider-wrap
{ /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
position: absolute;
}

/* These 2 lines specify style applied while slider is loading */
.csw {height: 460px; overflow:hidden;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer
{ /* This is the viewing window */
position: relative;
overflow: hidden; 
margin: auto;
width: 614px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 460px;
clear: both;
float: left;
}
		
.stripViewer .panelContainer
{ 
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
list-style-type: none;
}
		
.stripViewer .panelContainer .panel
{ /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 614px;
}
		
.stripViewer .panelContainer .panel .wrapper
{
}
		
.stripNav 
{
float: left;
}
		
.stripNav ul
{ /* The auto-generated set of links */
list-style: none;
}
		
.stripNav ul li
{
float: left;
/*margin-right: 2px;  If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a
{ /* The nav links */
font-size: 14px;
font-weight: bold;
text-align: center;
background: #121212;
color: #fff;
text-decoration: none;
display: block;
margin-bottom:10px;
width:110px;
height: 45px;
line-height: 45px;
}
		
.stripNav li.tab1 a 
{
background: #121212;
border: 1px solid #4d4d4d;
margin-right:10px;
}

.stripNav li.tab2 a
{
background: #121212;
border: 1px solid #4d4d4d;
margin-right:10px;
}

.stripNav li.tab3 a
{
background: #121212;
border: 1px solid #4d4d4d;
margin-right:10px;
}

.stripNav li.tab4 a
{
background: #121212;
border: 1px solid #4d4d4d;
margin-right:10px;
}

.stripNav li.tab5 a
{
background: #121212;
border: 1px solid #4d4d4d;
}
		
.stripNav li a:hover
{
background: #121212;
}
		
.stripNav li a.current
{
background: #383838;
color: #fff;
border: 1px solid #4d4d4d;
}
		
.stripNavL, .stripNavR
{ /* The left and right arrows */
position: absolute;
top: 0px;
text-indent: -9000em;
	display: none;
}
		
.stripNavL a, .stripNavR a {
display: none;
height: 0px;
width: 0px;
		}
		
.stripNavL {
left: 0;
}
		
.stripNavR {
right: 0;
}	
		
/* AJAX Grid Interface */
#contentContainer
{
float:left;
background-color:#121212;
overflow:auto;
}

#articleListContainer
{
/* <ul> container for article list */
background-color:#CC9900;
}

.articleList
{
}

.articleList li
{	/* General layout article in list */
list-style-type:none;
cursor:pointer;
float:left;
padding:0px;
height:140px;
width:92px;
margin-left:0px;	
margin-right:10px;
margin-bottom:10px;
text-align:center;
line-height:15px;
}

/*.articleList li.articleMouseOver{	  Mouse over article in list - layout }*/

.articleList li.articleClick
{	/* Active article in list - layout */
background-color:#121212;
/*border: 1px solid #004A00;*/
}