/** CSS by John Hancock (Squeeze Creative) for Code One) - Copyright 2007. Some portions from YUI Copyright 2006 Yahoo Inc. All rights reserved. **/

/** Element Cross-Browser Reset **/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #fff; }
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }  
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }   
ol,ul {	list-style:none; }   
caption,th { text-align:left; }   
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }   
q:before,q:after { content:''; }   
abbr,acronym { border: 0; }   

/** Styles **/

body { background: #000 url(Assets/Tile.gif) repeat left top; color: #fff; padding: 30px 0; }
 
h1 { text-indent: -2000px; height: 50px; background: transparent url('Assets/Header.png') no-repeat left 5px; border-bottom: solid 1px #fff; }

a { color: #fff; text-decoration: none;  }
a:hover { color: #d42329; }

div.hr { clear: both; border-top: solid 1px #fff; margin-bottom: 15px; }
div.hr hr { display: none; }

#LayoutHolder { width: 800px; margin: 0 auto; background-color: #000; }
#Banner { width: 800px; height: 150px; background: transparent url('Assets/BannerMain.jpg') no-repeat left top; }

#Menu 
{ 
	height: 22px; 
	border-top: solid 1px #fff; 
	border-bottom: solid 1px #fff; 
	text-transform: uppercase; 
	padding-top: 8px;
	text-align: center;
	font-size: 85%;
	padding-left: 95px;
}
#Menu li 
{ 
	display: block; 
	float: left;
	width: 75px;
	background: transparent url('Assets/MenuDivider.gif') no-repeat left 2px;
}
#Menu li.Active a { color: #d42329; text-decoration: none; }
#Menu li.First { background: none; }

#ContentHolder { margin: 20px; overflow: auto; font-size: 85%; }

#ContentHolder .HomeColumn1 h2,
#ContentHolder .ListColumn2 h2,
#ContentHolder .ListColumn2 h2
{
	width: 534px; 
	height: 23px; 
	background: #d42329 url('Assets/HeadingBase.gif') repeat-x left top;
	font-size: 107%;
	text-transform: uppercase; 
	padding: 6px 0px 0px 6px;
	margin-bottom: 15px;
}

#ContentHolder .HomeColumn2 h2,
#ContentHolder .ListColumn1 h2
{
	width: 194px; 
	height: 23px; 
	background: #d42329 url('Assets/HeadingBase.gif') repeat-x left top;
	font-size: 107%;
	text-transform: uppercase; 
	padding: 6px 0px 0px 6px;
	margin-bottom: 15px;
}
img
{	
	padding: 5px;
}
#ContentHolder p 
{	
	padding: 0px 6px 15px 6px;
	overflow: hidden;
}

#ContentHolder .SplitFrame { width: 760px; }
#ContentHolder .SplitFrame .Column1,
#ContentHolder .SplitFrame .Column2 { float: left }
#ContentHolder .SplitFrame .HomeColumn1 { width: 540px; }
#ContentHolder .SplitFrame .HomeColumn2 { margin-left: 20px; width: 200px; }
#ContentHolder .SplitFrame .ListColumn1 { width: 200px; }
.ClearingBox { 	margin-bottom: 15px; height: 100px; width: 200px; display: block; background-image: url('Assets/PhotoFiller.png'); }
#ContentHolder .SplitFrame .ListColumn2 { margin-left: 20px; width: 540px; }
.NavigationBlockHolder { overflow: hidden; width: 100%; }
.NavigationBlockHolder div { float: left; margin-bottom: 10px; }
.NavigationBlockHolder div.First { margin-right: 20px; }
.PhotoHolderSquare { width: 200px; height: 200px; background: transparent url(Assets/PhotoBoxSquare.png) no-repeat left top; overflow: hidden; }
.PhotoHolderRectangle { width: 200px; height: 130px; background: transparent url(Assets/PhotoBoxRect.png) no-repeat left top; overflow: hidden; margin-bottom: 15px; }
#Footer { text-align: center; text-transform: uppercase; border-top: solid 1px #fff; padding: 10px; font-size: 78%; }

.ItemTemplate,
.GigGuideItem { width: 760px; overflow: hidden; margin-bottom: 15px; }

#ContentHolder p.Date { padding-bottom: 0;  }
#ContentHolder h3.Name { text-transform: uppercase; color: #d43239; padding: 3px 5px;  }
#ContentHolder .Venue {}

p.Buttons span a { float: left; margin: 0 10px 10px 0; text-indent: -2000px; display: block; width: 125px; height: 20px; background: transparent none no-repeat left top; }
p.Buttons span a:hover { background-position: left bottom; }

p.Buttons span.MySpace a { background-image: url(Assets/ButtonMySpace.png); }
p.Buttons span.Website a { background-image: url(Assets/ButtonWebsite.png); }
p.Buttons span.ViewMenu a { background-image: url(Assets/ButtonShowDates.png); }
p.Buttons span.DownloadBio a { background-image: url(Assets/ButtonBio.png); }
p.Buttons span.ProductionSpecs a { background-image: url(Assets/ButtonProductionSpecs.png); }
p.Buttons span.DownloadPressShot a { background-image: url(Assets/ButtonPressShot.png); }
p.Buttons span.ViewPhotos a { background-image: url(Assets/ButtonViewPhotos.png); }

.ItemTemplate div.PhotoHolderSquare,
.LinksItem div.PhotoHolderSquare,
.GigGuideItem div.PhotoHolderSquare,
.ItemTemplate div.PhotoHolderRectangle { float: left; }
.GigGuideItem div.GigGuideContent,
.ItemTemplate div.ItemContent { float: left; margin-left: 20px; width: 540px; overflow: hidden; }
.GigGuideItem div.GigGuideContent h2,
.LinksItem h3,
.ItemTemplate div.ItemContent h2 
{
	width: 514px; 
	height: 23px; 
	background: transparent url('Assets/SubHeadingBase.png') no-repeat left top;
	font-size: 107%;
	padding: 7px 0px 0px 26px;
	margin-bottom: 15px;
}
#ContentHolder .LinksItem .LinksItemContent p { padding: 0; margin: 0; }
#ContentHolder .LinksItem { margin-bottom: 20px; }
#ContentHolder .LinksItem .LinksItemContent p.Title { font-weight: bold;;}
#ContentHolder .LinksItem .LinksItemContent p.Link { margin-bottom: 15px  }
#ContentHolder .LinksItem .LinksItemContent p a { color: #d42329; text-decoration: none; }
#ContentHolder .LinksItem .LinksItemContent p a:hover { color: #d42329; text-decoration: underline; }

#ContentHolder div.ContactLayout { padding: 0; margin: 0; overflow: auto; }
#ContentHolder div.ContactLayoutItem h3 { font-weight: bold; margin-bottom: 15px; }
#ContentHolder div.ContactLayoutItem p { padding-bottom: 10px; }
#ContentHolder div.ContactLayoutItem p.Web { padding-bottom: 15px; }
#ContentHolder div.GigGuideItem .GigGuideContent p strong,
#ContentHolder div.ItemTemplate .ItemContent p strong,
#ContentHolder div.ContactLayoutItem p strong { display: block; float: left; line-height: 1.25em; width: 50px; color: #d42329;  }
#ContentHolder div.ContactLayout div.hr { margin-top: 10px; margin-right: 2px; }