/* ####### GENERAL SETTINGS - - - - - - - #########*/
*{
	margin:0;padding:0;/* remove all margin and padding on everything */
}

body{
color:#d0d0d0;
background:#000 url(/images/bg.png) top center no-repeat;
font-family: verdana,arial, sans-serif;
font-size:11pt; /* defines 1em, and default line height, every font measurement will play off this */
line-height:1.28em;
}

/* ####### LINKS - - - - - - - #########*/

a, a:visited {
	color:#eee900;
	text-decoration:underline;
	
}

.upper{
	text-transform:uppercase;
}

a:hover, a:active{
	color:#f6af16;
	text-decoration:none;
}


/* ####### STYLING - - - - - - - #########*/

.videomedium {
		border:1px solid #555;
		width:320px;
		height:265px;
		}


.videolarge{
	border:1px solid #555;
	width:558px;
	height:440px;
}

.caption{
	color:gray !important;
	font-size:7pt;
	line-height:12pt;
	margin-bottom:14px;
}

.copyright{
	color:gray;
	font-size:9pt;
	width:80%;
	float:right;
	text-align:right;
	padding-top:6px;
}

.bold{
font-weight:bold;	
}

.normal{
	font-weight:normal;
	font-size:10.5pt;
}

p{
	padding:5px 0;
}


#content p{
	font-weight:normal;
	font-size:8.75pt;
	width:95%;
	/*padding:5px 0 5px 0;*/
	margin:0;
}

/*html #content .main p{
	padding:0 0 !important;
	background-color:blue;
}*/

.infolink{
	font-weight:normal;
	font-size:8.75pt;
	text-transform:uppercase;
	padding-left:14px;
	background:transparent url(/images/arrow.gif) center left no-repeat;
}

.infolink2{
	font-weight:normal;
	font-size:8.75pt;
	text-transform:uppercase;
	padding-left:4px;
	background:transparent url(/images/arrow.gif) center left no-repeat;
}

h1{/*City names, page titles*/
	font-size:16pt;
	color:#fff;
}

#content #intro h1{
	font-size: 13pt;
	padding-top:5px;
}

h2{/*City names in buttons*/
	font-size:13pt;
	padding:5px 5px 5px 0;
	color:#fff;
}

h3{
	color:#fff;
	padding-top:10px;
	text-indent:.25em;
	
}

#content #worksched h3{
	padding-top:30px;
	font-size: 18px;
	
}

h4{
	padding:12px 0 0 0;
	color:#fff;
}

#content #worksched h4{
	font-size: 16px;
}

/*.interior715 h4{
	padding:5px 5px 5px 8px;
	color:#fff;
}*/

.main {
	/*color:#a4cf59;*/
/*	color:#777;*/
}

/* ####### LAYOUT AND POSITIONING - - - - - - - #########*/

.pagewidth{
	width:950px;/*represents max width of viewable area of content*/
}

#headercontainer{/*used to confine absolute positioning and targeting for bg images*/
position:relative;
}

#header{
	position:relative;
	margin:0 auto;
	padding-top:10px;
	height:100px;
	
}

#header .title{
	position:absolute;
	top:38px;
}
	
#topbar{
height:140px;
position:relative;
margin:0 auto;
padding-top:16px;
	
}

.nextstop{
	background:transparent url(/images/bg_nextstop.gif) top right no-repeat;
}

.comingup{
	background:transparent url(/images/bg_comingup.gif) top right no-repeat;
	
}

.recaps{
	background:transparent url(/images/bg_rcaps.gif) top right no-repeat;
}

object{
	margin:0;
	padding:0;
	}
	
.toppad{
margin-top:30px;
}

#worksched img.headshot{
border:1px solid #333; float: right; margin-left: 10px; margin-bottom: 10px;padding:5px;
	
}

#worksched .workshop{
	padding-bottom:10px;
	min-height:120px;
	}

.moreInfo{
	padding-top:10px;
	}
	




/* ####### INDEX PAGE STUFF - - - - - - - #########*/

#topbar div{
	position:relative;
	left:10px;
	width:460px;
	height:140px;
	border:1px solid #aaa;
	float:left;
	
}

#topbar div.left{
	position:relative;
	left:0;
	
}

#topbar div div.text h2{
	font-size:18pt;
	text-transform:uppercase;
	
}


#topbar div div.text{
	position:absolute;
	left:158px;
	top:12px;
	z-index:5;
	width:250px;
	border-style:none;
	
}


#topbar div.city a.cityicon{
	position:absolute;
	left:10px;
	top:14px;
	z-index:5;
}

#topbar div.city a img{
	width:128px;
	height:98px;
	border:1px #fff solid;
	padding:5px;
	background-color:transparent;
}

img.leadimage{
	border:1px #555 solid;
	padding:10px;
	background-color:transparent;
	margin: 30px 0 2px 0;
}


#topbar div.city a:hover img{
	background-color:yellow;
	border:1px #000 solid;
	
}

#topbar div.city a:active img{
	background-color:#f6af16;
	border:1px #000 solid;
	
}

#topbar div.city a strong {	
	float:left;
	width:200px;
	margin-left:180px;
	text-decoration:underline;

	
}

#topbar div.city a:active strong, #topbar div.city a:hover strong {	

	text-decoration:none;

	
}

#topbar div.clrflt{
	height:1%;
	clear:both;
	border-style:none;
}
	
	
	/* ####### INTERNAL PAGE STUFF - - - - - - - #########*/
	#topbar2{
	height:140px;
	position:relative;
	margin:0 auto;
	padding-top:16px;

	}

	#topbar2 div{
		position:relative;
		left:10px;
		height:140px;
		border:1px solid #aaa;
		float:left;

	}



	#topbar2 div div.text h2{
		font-size:26pt;
		text-transform:uppercase;
		margin-bottom:5px;
	}

	#topbar2 div.left div.text h2{
			margin-top:5px;	
			margin-bottom:10px;
	}



	#topbar2 div div.text{
		position:absolute;
		left:158px;
		top:12px;
		z-index:5;
		width:250px;
		border-style:none;

	}

	#topbar2 div.left div.text{
		width:460px !important;

	}

	#topbar2 div.left div.text{
		position:absolute;
		left:332px;
		top:12px;
		z-index:5;
		width:250px;
		border-style:none;

	}

	#topbar2 div.right div.text{
		position:absolute;
		left:10px;
		top:12px;
		z-index:5;
		width:250px;
		border-style:none;

	}

	#topbar2 div.right{
		border:#555 solid 1px;
	}

	#topbar2 div.right a img{
		display:none !important;
	}

	#topbar2 div.right{
		font-size:12px !important;
	}

	#topbar2 div.right p{
		padding-top:0;
		padding-bottom:0;
	}

	#topbar2 div.right h2{
		font-size:16px !important;
		margin-bottom:0;
		padding-bottom:0;
		}

	#topbar2 div.right h2{
			padding-top:15px;
			}



	#topbar2 div.city {
		width:200px;
	}

	#topbar2 div.left{
		position:relative;
		width:714px;
		left:0;

	}

	#topbar2 div.left .infolink{
		display:none;

	}

	#topbar2 div.city img.buttons {
		display:none;
	}



	#topbar2 div.city a.cityicon{
		position:absolute;
		left:10px;
		top:14px;
		z-index:5;
	}


	#topbar2 div.city a img{
		width:60px;
		height:40px;
		border:1px #fff solid;
		padding:5px;
		background-color:transparent;
	}






	#topbar2 div.left a img{
		width:300px;
		height:98px;
		border:1px #fff solid;
		padding:5px;
		background-color:transparent;
	}


	#topbar2 div.city a:hover img{
		background-color:yellow;
		border:1px #000 solid;

	}

	#topbar2 div.city a:active img{
		background-color:#f6af16;
		border:1px #000 solid;

	}

	#topbar2 div.city a strong {	
		float:left;
		width:200px;
		margin-left:180px;
		text-decoration:underline;


	}

	#topbar2 div.left a strong {	
		float:left;
		width:200px;
		margin-left:320px;
		text-decoration:underline;


	}

	#topbar2 div.city a:active strong, #topbar div.city a:hover strong {	

		text-decoration:none;


	}

	#topbar2 div.clrflt{
		height:1%;
		clear:both;
		border-style:none;
	}
	
	
	
	
	
	
	
#contentcontainer{/*used to confine absolute positioning and targeting for bg images*/
position:relative;
top:20px;
}


#content{
	margin:0 auto;
	min-height:300px;
	display:block;

}
		
#footercontainer{/*used to confine absolute positioning and targeting for bg images*/
position:relative;
top:22px;
}

#footer{
	position:relative;
	margin:0 auto;
	border-top:gray 1px solid;
}

#content .leftcol{
	float:left;
	width:210px;
	border-right:#555 1px solid;
}

#content .rightcol{
	float:left;
	width:330px;
	padding-left:24px;
}

#content div.rightcol a{
	margin-left:12px;
	
}

#content div.rightcol a img.banner{
	border:1px solid #121212;
	padding:2px;
	margin-top:10px;
	}

#content .interior164{
	float:left;
	width:202px;
	padding-left:9px;
}

#content .main{
	float:left;
	width:580px;
	/*border-right:#555 1px solid;*/
}

#content .interior715{
	width:715px;
	/*border-right:#555 1px solid;*/
}

#content .content-container p{
margin-left:0 !important;margin-top:0 !important;padding-top:0 !important;
}

#content .content-container p.caption{
margin-left:2px !important;margin-top:2px !important;padding-top:2px !important;
}

#content {
	background:transparent url(/images/bg576.gif) top left repeat-y;
	min-height:600px;
}

#content .content-container{
	background:transparent url(/images/bg713.gif) top left repeat-y;
	min-height:600px;
}

html #content .bgoverride {
	background:#000 url(/images/bg576.gif) top left repeat-y !important;
	}

#content .hide{
	display:none;
}

#content .showblock{
	display:block;
}

#content .showinline{
	display:inline;
}

.snaptoleft{
	position:absolute;
	top:4px;
	left:0;
}

.clrflt{/*this is a structural hack class to clear floats*/
	height:1%;
	clear:both;
	}
	
	
	/*tabs*/
	
	#courseTabs.portal{
			position:relative;z-index:5;left:-8px;
		}

		#courseTabs.portal p {
			 margin:6px 0 8px 12px;padding:0 0;color:#d9d9d9;size:.8em;
		}

		#courseTabs.portal h3 {
		 margin:6px 0 8px 0px;padding:0 0;
		}

		/*tabs*/
		.tabbedpage dl, dt{width:940px;margin:auto 0;padding:auto 0;}

		.tabbedpage dd ul, dd li{width:940px;margin:auto 0;padding:auto 0;}

		.tabbedpage dd ul, dd ul li{margin-top:7px;}
	


		/*tabs*/
		html #tabmenu{background:transparent url(/images/bg_list.gif) top repeat-x;width:940px !important;}

		html #courseTabs #tabmenu{
			font-size:8pt;
			font-weight:bold;
			border-bottom:#555 1px solid !important;
			list-style-type: none;
			margin : 0;
			padding : 0;
			padding-bottom:6px;
			line-height:1.1em;
			}

		/*hack for safari*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		    html #pagebody1 #courseTabs #tabmenu { padding-bottom:4px;}
		}

		html body #courseTabs #tabmenu li {display:inline !important;
		border-style:none !important;
		text-transform:uppercase;
		margin:0;
		padding:0;}


		html body #tabmenu a {line-height:14px !important;}

		html body #tabmenu a:link, html #tabmenu a:visited	{
				background : #333 url(/images/bg_tab.gif) 0px -7px repeat-x;
				border : 1px solid #555 !important;
				margin-right: 6px;
				margin-left: 0;
				padding : 4px 8px 6px 8px;
			}

		html body #tabmenu #courseTabs a:link, html #tabmenu a:visited	{
					background : #333 url(/images/bg_tab.gif) 0px -7px repeat-x;
					border : 1px solid #555 !important;
					margin-right: 6px;
					margin-left: 0;
					padding : 4px 7px 6px 7px;
				}

		/*hack for safari*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		    html body #tabmenu a:link, html #tabmenu a:visited{ padding : 3px 8px 4px 8px;}
		}
		#tabmenu a:link.activetab, #tabmenu a:visited.activetab	{
				border-bottom : 2px solid #000 !important;
				background-color:#000;
				background-image:none;
				color:orange;
				font-weight:bold;
				text-decoration:none;
				padding : 10px 8px 6px 8px;
			}

		/*hack for safari*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		   #tabmenu a:link.activetab, #tabmenu a:visited.activetab{ padding : 10px 9px 4px 9px;}
		}
			/*#tabmenu a:hover	{
				color : orange;
			}*/

		html #courseTabs div{margin-left:4px;position:relative;font-size:.875em;}

		html #courseTabs div dl ul li.courseLink {font-weight:bold;}

		html #courseTabs div dl ul li.courseLink span {font-weight:normal;color:#6f6f6f;}

		html #courseTabs div dl dd ul li ul li{border-bottom:dotted #444 1px;padding-bottom:2px;margin-bottom:5px;}

		html #courseTabs div .courseDateList{list-style-type:none;margin-left:0;padding-left:0;}

		html #courseTabs div dl dd.packageblurb{border-bottom:dotted #444 1px;padding-bottom:2px;margin-bottom:5px;}

		.hideme{display:none;}

		.ui-tabs-hide { display: none; }
		
		
		
		.toggleHolder a img.moreInf {background:transparent url(/images/bu_moreInfo.gif) top left no-repeat;}  

		.toggleHolder a img.closeInf {background:transparent url(/images/bu_closeThis.gif) top left no-repeat;}  
		
		#location dl dt{font-weight:bold;margin:5px 0;}

/* ####### WorkSchedule Section of Live8tour.com Page- - - - - - - #########*/
html #content #intro .headliners{
	list-style: none;
	margin-left: 10px;
}

html #content #intro .headliners li{
	color: yellow;
	
}

html #content #intro  .wrkOverview{
	list-style: none;
	margin-left: 10px;
	padding: 10px 0px;
}

html #content #intro .wrkOverview li{
	color: #fff;
}