/*
---------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS & FIXES
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; display: inline; margin: 0; padding: 0; }

/* Things I want to appear with styles off, but disappear when styles
are on, are often wrapped in a div or span with this "hidden" class to 
hide them. */
.hidden { display: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. I think */
#header li {
	/*\*/overflow: hidden;/**/
}

/*--------------------------------------------------------------------
                GLOBAL STYLES - STRUCTURAL RULES
----------------------------------------------------------------------

These are default styles that every page needs to inherit */

body 
{
	background-image: url("/images/patternDark.jpg");
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	font-size: 62.5%;
	line-height: 170.0%;
	color: #80B2B1;
	background-color: #fff;
}

#tantrum
{
	background: transparent url("/images/Rail.png") repeat-x scroll -120% 0;
	padding: 10px 0 0;
}

#container {
	margin: 0 auto;
	width: 990px !important;
	width: 1000px;		
}

#header-inner 
{
	font-size:1.2em;
	margin:0 auto;
	max-width:1000px;
	min-width:700px;
	position:relative;
}

#logo 
{
	height:105px;
	left:10px;
	margin:0;
	padding:0 0 50px;
	position:absolute;
	top:-10px;
	width:73px;
}

#logo img {
	height:0;
}

#logo a, #logo span 
{
	background:#C04E37 url(/images/HeaderDuo.png) no-repeat scroll left top;
	display:block;
	height:105px;
	width:73px;
}

#logo a:hover, #logo span:hover 
{
	background:#CD553C url(/images/HeaderDuo.png) no-repeat scroll left bottom;
}

#nav ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:27px 0 25px;
}

#nav ul li a strong 
{
	color:#FFF3B8;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
	text-transform:none;
}

#nav ul li#t-home 
{
	margin-left:20%;
}

#nav ul li 
{
	float:left;
	margin:0;
	padding:0;
	width:20%;
}

#nav li.active a 
{
	color:rgba(255, 255, 255, 0.5);
}

#nav ul li a 
{
	border:medium none;
	color:rgba(180, 162, 124, 0.5);
	display:block;
	float:left;
	line-height:1.4em;
	margin:0;
	padding:8px 10px 13px;
	text-decoration:none;
	text-transform:lowercase;
}

#column_one {
	width: 500px;
	height:500px;
	float: left;
	display: inline;
	padding: 0 15px 15px 15px;
	position: relative;
	overflow: visible;
}

#column_two {
	width: 279px;
	float: left;
	padding: 0 15px 15px 16px;
	position: relative;
	overflow: visible;
}

#column_three {
	width: 185px;
	float: left;
	padding: 0 14px 15px 16px;
	position: relative;
	overflow: visible;
}

#footer {
	font-size: 70.0%;
	clear: both;	
	margin: 0;
	padding: 50px 0px 0px 0px;
}

.headshot_thumb 
{
	margin-right: 8px;
	border-color: #75b2a3;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}

.headshot_thumb_hover 
{
	margin-right: 8px;
	border-color: #fff3b7;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	cursor: pointer;
}

#playerName
{
	font-weight:bold;
	text-align:center;
	padding:0px;
	height:15px;
}

#playerRole
{	
	padding:0px;
	height:15px;
	font-style:italic;
	text-align: center;
}

/* -----------------------------------------------------------------
                 GLOBAL STYLES - COLUMN DIVISION
------------------------------------------------------------------*/

.column_one_divider {
	height: 1px;
	width: 435px !important;
	width: 420px;
	margin: 0 0 15px 0;
	clear: both;
	padding: 0;
}

.column_one_divider img {
	height: 1px;
	width: 435px !important;
	width: 420px;
	margin: 0;
	padding: 0;
}

.column_two_divider {
	height: 1px;
	width: 330px !important;
	margin: 0 -15px 15px !important;
	width: 300px;
	margin: 0 0 15px;
	clear: both;
}
.column_two_divider img {
	height: 1px;
	width: 330px !important;
	width: 300px;
}

.column_three_divider {
	height: 1px;
	width: 181px !important;
	margin: 0 -15px 15px !important;
	width: 151px;
	margin: 0 0 15px;
	clear: both;
}
.column_three_divider img {
	height: 1px;
	width: 181px !important;
	width: 151px;
}

/* -----------------------------------------------------------------
                GLOBAL STYLES - TYPE SELECTORS
--------------------------------------------------------------------

These are default styles that every page needs to inherit */

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #6666FF;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ACA6B2;
}
a:hover {
	text-decoration: none;
	color: #3333FF;
}
/* images wrapped in an anchor with a class of image won't have that weird hover */
.image:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

p {
	padding: 0 0 15px 0;
}

/* h1's are pretty much the main page title */

h1 {
	font-style: italic;
	font-size: 160%;
}

.h1Replace
{
	width:990px; height:104px;
	background: url("../images/Logo.png");
	text-indent: -9999px;
}

h2 {
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.meetReplace
{
	width:115px; height:25px;	
	margin-bottom:5px;
	background: url("../images/HeaderGroup.png");
	text-indent:-9999px;
	margin-left:10px;
}

#column_one h2 {
	margin: 0 0 15px 0;
}

/* -----------------------------------------------------------------
                        Shows
--------------------------------------------------------------------
*/
.showsContainer
{
	width: 900px;
	float: left;
	display: inline;
	padding: 0 15px 15px 15px;
	position: relative;
	overflow: visible;
}

.showsPublic
{
	width:50%;
	margin: 5px;
	margin-bottom:15px;
	font-size:115%;
}

.showsPublic img
{
	display:block;
	padding:5px 10px 10px 0px;
	width:300px; height:25px;
}

.showsPublic ul
{
	margin-left:15px;	
}

.showsPublic ul li strong
{
	font-weight: bold;
}

.showsPublic div
{
	padding-top:3px;
}

.showsPrivate
{
	width:47%;
	margin: 5px;
	margin-bottom:15px;
	font-size:115%;
	float: right;
}

.showsPrivate img
{
	display:block;
	padding:0px 10px 10px 0px;
	width:300px; height:25px;
}

.showsPast
{
	width:100%;
	margin: 5px;
	margin-bottom:15px;
	font-size:115%;
	float:left;
}

.showsPast img
{	
	display:block;
	padding:0px 10px 10px 0px;
	width:300px; height:25px;
}

.show
{
	padding:11px 14px 12px 12px;
	background:#000000 none repeat scroll 0 0;
	border:1px solid #171e2e;
	margin-bottom:15px;
	overflow:auto;	
}

.show span
{
	font-variant:small-caps;
}

.show_alt
{
	padding:11px 14px 12px 12px;
	background:#445687 none repeat scroll 0 0;
	border:1px solid #171e2e;
	margin-bottom:15px;
	overflow:auto;
}

.show_alt span
{
	font-variant:small-caps;
}

.show img
{
	padding:0px 10px 10px 0px;
	width:100px; height:130px;
}

.show_alt img
{
	padding:0px 10px 10px 0px;
	width:100px; height:130px;
}

.show .details
{
	display:inline;
	float:right;
	width:850px;	
}

.show_alt .details
{
	display:inline;
	float:right;
	width:850px;	
}

.show .date
{
	font-size: 130%;
	font-variant:small-caps;
	font-weight:bold;	
}

.show_alt .date
{
	font-size: 130%;
	font-variant:small-caps;
	font-weight:bold;	
}

.show .location
{
	font-style:italic;
}

.show_alt .location
{
	font-style:italic;
}

.show .guest
{
	font-weight:bold;
}

.show_alt .guest
{
	font-weight:bold;
}
/* -----------------------------------------------------------------
                        Blog
--------------------------------------------------------------------
*/
.blog
{
	padding:11px 14px 12px 12px;
	background:#000000 none repeat scroll 0 0;
	border:1px solid #171e2e;
	margin-top:15px;
	font-size:115%;
	height: 475px;
	overflow:auto;
}

.blog a 
{
	border-bottom:1px dotted #2C3857;
	padding:5px 3px 0;
}

.blog h2
{
	width:170px; height:25px;
	background: url("../images/HeaderLatest.png");
	text-indent: -9999px;	
}

.post
{
		
}
/* -----------------------------------------------------------------
                        Fan Billboard
--------------------------------------------------------------------
*/

.webBillboard
{
	width: 450px;
	float: left;
	padding: 15px 0px 0px 0px;
	color: #fff3b8;
	text-align:right;
}

.webBillboard img
{
	padding:0px 6px 0px 6px;
	vertical-align: middle;
}

.webBillboard a
{
	padding: 5px 3px 0px 3px;
	border-bottom: dotted 1px #2c3857;
	font-size: 115%;
}

#twitterpic
{
	margin-left: 25px;	
}

/* -----------------------------------------------------------------
                        Troupe Billboard
--------------------------------------------------------------------
*/

.troupeBillboard
{
	width: 450px;
	float: left;
	padding: 10px 0px 0px 0px;
	font-size: 120%;
}

#hs_r
{
	margin-left:18px;
}

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

.calendarBillboard 
{
	width: 448px;
	float: left;
	margin-top: 15px;
	background:#2c3857 none repeat scroll 0 0;
	border:2px solid #171e2e;
	padding-bottom:5px;
}

.calendarBillboard h2
{
	width:170px; height:25px;
	background: url("../images/HeaderUpcoming.png");
	text-indent: -9999px;
	margin-left: 5px;
	font-size:120%;
}

.calendarBillboard img
{
	vertical-align:top;
	width:426px;
	height:149px;
}

/* -----------------------------------------------------------------
                        Interactive Billboard
--------------------------------------------------------------------
*/

.interactiveBillboard
{
	width: 450px;
	float: left;
	padding: 10px 0px 0px 0px;
	font-size: 120%;
}

.interactiveBillboard h2
{
	width:170px; height:25px;
	background: url("../images/HeaderInteractive.png");
	text-indent: -9999px;
	margin-left: 5px;
	font-size:120%;
}

.interactiveBillboard span 
{
	font-size:70%;
	color:White;
}

.interactiveBillboard ul 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:5px 0 0 20px;
}

/* -----------------------------------------------------------------
							Poster Gallery
--------------------------------------------------------------------
*/

.posterContainer
{
	vertical-align:top;
	background:#070E21 none repeat scroll 0 0;
	border:1px solid #171E2E;
	padding:5px 10px;
}

.posterHeader
{
	width:100%;	
	text-align: center;
	font-weight:bold;
}

.posterFooter
{
	text-align: right;
}

.postersReplace
{
	width:110px; height:33px;
	background: url("../images/HeaderPosters.png");
	text-indent:-9999px;	
	margin-bottom:5px;
}

.showPoster
{
	padding:2px 2px 2px 10px;
	width:210px;
}

/* -----------------------------------------------------------------
                             FOOTER
--------------------------------------------------------------------
These just keep the info bits on left or right. The UNIVERSAL STYLES 
section has other main footer div's styles.

*/

#footleft { 
	list-style: none;
	padding: 0 0 35px 0;
	text-align:center;
	line-height:100%;
}